@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 PC用スタイル：768px ～
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*------------------------------------------------------
select
-------------------------------------------------------*/
body{font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
/*------------------------------------------------------
main_visual
-------------------------------------------------------*/
#select_visual{
  background-image:url(../image/main.jpg);
  background-repeat:no-repeat;
  background-size:50.1%;
  background-position:left center;
  min-height:350px;
  position:relative;
  color:#ffffff;
  min-width:960px;
  }


  /*背景画像ぼかし*/
#select_visual:after{
  background:url(../image/main_visual.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  content: "";
  z-index: -1;
  -webkit-filter: blur(9px);
  -ms-filter: blur(9px);
  filter: blur(9px);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  }

#select_visual .contents{
  width:50%;
  height:100%;
  position:absolute;
  left:50%;
  background-color: rgba(51,51,51,0.8);
  padding:20px;
  }

/*小見出し*/
#select_visual .contents .select_btn{
  display:inline-block;
  background: #2c6409;
  padding:7px;
  color: #fff;
  font-size: 100%;
  margin: 0 0 20px 0;
  }

#select_visual .contents span{
  display: block;
  margin: 0 0 10px 0;
  font-size: 150%;
  }

#select_visual .contents .title{
  font-size: 280%;
  line-height: 120%;
  margin: 0 0 20px 0;
  }

#select_visual .contents p{
  width:500px;
  line-height:20px;
}



.select_bar{
  width:100%;
  background:linear-gradient(#dfdede, #f1f1f1);
  border-top:1px solid #ffffff;
  border-bottom:1px solid #dfdfdf;
  height:47px;
  line-height:47px;}

.select_bar .title{
  width:960px;
  margin:0 auto;
  font-size:150%;
  padding-left:40px;}

.flug{
  background-image:url(../image/icon_flug.png);
  background-repeat:no-repeat;
  background-position:0 50%;
	background-size:25px;
	}

.onsen{
    background-image:url(../image/icon_onsen.png);
    background-repeat:no-repeat;
    background-position:0 50%;
		background-size:25px;
  }

.serch{
    background-image:url(../image/icon_serch.png);
    background-repeat:no-repeat;
    background-position:0 50%;
		background-size:25px;
  }

  .sp_main_visual{display:none;}



/*------------------------------------------------------
ロゴ埋め込み用
-------------------------------------------------------*/

.rogo{
	text-indent:-9999px;
	background-image:url(../image/rogo_ume.png);
	background-repeat:no-repeat;
	background-position:50% 50%;}
	
/*------------------------------------------------------
contents
-------------------------------------------------------*/
#select_wrapper{
  background-color:#f2f2f2;}
.select_contents{
  width:100%;
  background-color:#f2f2f2;}


.contents_box{
  width:960px;
  margin:0 auto 30px;}
	

	

.contents_box h4{
  display:inline-block;
  background-color:#2c6409;
  text-align: center;
  padding:7px;
  color: #ffffff;
  margin:10px 0;}

.icon_delete_4{
  background-color:#ffffff;
  border:1px solid #dadada;
  width:23.9%;
  display:inline-block;
  box-sizing:border-box;
  margin-right:8.5px;
  vertical-align:top;
  }

.icon_delete_4:last-child{
  margin-right:0;}

.icon_delete_3{
  background-color:#ffffff;
  border:1px solid #dadada;
  width:32.4%;
  display:inline-block;
  box-sizing:border-box;
  margin-right:8.5px;
  vertical-align:top;
  }

.icon_delete_3:last-child{
  margin-right:0;}


.icon_delete_2{
  background-color:#ffffff;
  border:1px solid #dadada;
  width:49.2%;
  display:inline-block;
  box-sizing:border-box;
  margin-right:8.5px;
  vertical-align:top;
  }

.icon_delete_2:last-child{
  margin-right:0;}


.icon_delete_4 img,
.icon_delete_3 img,
.icon_delete_2 img{
  width:100%;}

.icon_delete_4 .catch,
.icon_delete_3 .catch,
.icon_delete_2 .catch{
  padding:10px;
  font-weight:bold;
  line-height:20px;
  }
.icon_delete_4 .sentences,
.icon_delete_3 .sentences,
.icon_delete_2 .sentences{
  padding:10px;
  line-height:20px;
  font-size:12px;
  }

.icon_delete_4 .keyword,
.icon_delete_3 .keyword,
.icon_delete_2 .keyword{
  color:#ffffff;
  width:96%;
  margin:0 auto 10px;
  }

.icon_delete_4 .keyword li,
.icon_delete_3 .keyword li,
.icon_delete_2 .keyword li{
  background-color:#919191;
  display:inline-block;
  font-size:10px;
  padding:3px;
  margin-bottom:5px;
  letter-spacing:0.8px;
  }

.icon_delete_4 dl,
.icon_delete_3 dl,
.icon_delete_2 dl{
  border-top:1px solid #dadada;
  padding:15px 5px 5px;}

.icon_delete_4 .access dt,
.icon_delete_3 .access dt,
.icon_delete_2 .access dt{
  background-image:url(../image/icon_bus.png);
  background-repeat:no-repeat;
  padding-left:20px;
  font-weight:bold;
  margin-bottom:5px;
	background-size:14px;}

.icon_delete_4 .access dd,
.icon_delete_3 .access dd,
.icon_delete_2 .access dd{
  line-height:20px;}


.icon_delete_4 .tour dt,
.icon_delete_3 .tour dt{
  margin-bottom:10px;}

.icon_delete_4 .tour dt,
.icon_delete_3 .tour dt,
.icon_delete_2 .tour dt{
  background-image:url(../image/icon_memo.png);
  background-repeat:no-repeat;
  padding-left:20px;
  font-weight:bold;
  margin-bottom:5px;
	background-size:14px;
  }
.tour_btn{
  margin:20px auto;
  display:table;
  table-layout: fixed;
  width:100%;
  border-collapse: separate;}

.icon_delete_4 .tour p,
.icon_delete_3 .tour p,
.icon_delete_2 .tour p{
  display:table-cell;
  vertical-align: middle;
  padding-left:5px;}

.icon_delete_4 .tour p:first-child,
.icon_delete_3 .tour p:first-child,
.icon_delete_2 .tour p:first-child{
  padding-left:0;}

.icon_delete_4 .tour a,
.icon_delete_3 .tour a,
.icon_delete_2 .tour a{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0da02+0,becc02+100 */
  background: #d0da02; /* Old browsers */
  background: -moz-linear-gradient(top, #d0da02 0%, #becc02 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #d0da02 0%,#becc02 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #d0da02 0%,#becc02 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0da02', endColorstr='#becc02',GradientType=0 ); /* IE6-9 */
  color:#194001;
  text-decoration:none;
  padding:5px;
  border-radius:3px;
  display:block;
  text-align:center;
  border:1px solid #9eb301;
  font-size:13px;
}
.icon_delete_4 .tour a:hover,
.icon_delete_3 .tour a:hover,
.icon_delete_2 .tour a:hover{
  opacity:0.7;
  transition:0.3s;}

/*------------------------------------------------------
サムネイル
-------------------------------------------------------*/
.wrap {
  width:100%;
  margin:0 auto;
}
.wrap p {
  height:auto;
}
.wrap ul {
  overflow:hidden;
  margin-top:2px;
  border-collapse: separate;
  border-spacing: 2px 0;
}
.wrap li {
	float:left;
  width:33%;
	max-height:40px;
	overflow:hidden;
	display:block;
	padding-left:1px;
}
.wrap li:hover,
.wrap2 li:hover,
.wrap3 li:hover{
	opacity:0.6;}

.wrap2 ul {
  overflow:hidden;
  margin-top:2px;
  border-collapse: separate;
  border-spacing: 2px 0;
}

.wrap2 li{
	float:left;
  width:33%;
	max-height:54px;
	overflow:hidden;
	display:block;
	padding-left:1px;
	}

.wrap3 ul {
  overflow:hidden;
  margin-top:2px;
  border-collapse: separate;
  border-spacing: 2px 0;
}

.wrap3 li{
	float:left;
  width:33%;
	max-height:83px;
	overflow:hidden;
	display:block;
	padding-left:1px;
	}
	


.wrap li img {
  cursor:pointer;
  width:100%;
}


.mainView{
	max-height:122px;
	overflow:hidden;}
/*サムネイル4列用*/
.mainView img{
  width:228px;
  }
/*サムネイル3列用*/
.mainView2 img{
  width:309px;
  height:166px;
  }

/*サムネイル2列用*/
.mainView3 img{
  width:470px;
  height:253px;
  }
/*------------------------------------------------------
serch
-------------------------------------------------------*/

#search-area-wrap{position:static;}

#select_search{
  background-color:#f2f2f2;
  padding-top:40px;
  padding-bottom:40px;}

body#top-page #footer-area{margin-top:0;}

/*------------------------------------------------------
共通CSS上書き
-------------------------------------------------------*/
#crumbsnavi{margin-bottom:0}