@charset "utf-8";
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 スマホ向けのスタイル：320px ～ 768px
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/*------------------------------------------------------
select
-------------------------------------------------------*/
body{font-family:"Hiragino Kaku Gothic ProN","メイリオ", sans-serif;}
/*------------------------------------------------------
main_visual
-------------------------------------------------------*/
#select_visual{
	position:relative;
	color:#ffffff;
	height:auto;
	}

#select_visual .contents{
	width:100%;
	background-color:#ffffff;
	text-align:center;
	color:#000000;
	}

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

#select_visual .contents span{
	display: block;
	font-size: 100%;
	}

#select_visual .contents .title{
	font-size: 160%;
	font-weight:bold;
	text-align:center;
	padding:20px;
	}

#select_visual .contents p{
	text-align:left;
	line-height:20px;
	padding:0 20px 10px;
}

.sp_main_visual{
	display:block;}


/*------------------------------------------------------
title
-------------------------------------------------------*/

.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{
	font-size:15px;
	text-align:center;}

.flug h3{
  background-image:url(../image/icon_flug.png);
  background-repeat:no-repeat;
  background-position:0 50%;
	padding-left:35px;
	display:inline-block;
	background-size:25px;
	color:#2c6409;
	}
	
	
.onsen h3{
    background-image:url(../image/icon_onsen.png);
    background-repeat:no-repeat;
    background-position:0 50%;
		padding-left:40px;
		display:inline-block;
		background-size:25px;
		color:#2c6409;
  }

.serch h3{
    background-image:url(../image/icon_serch.png);
    background-repeat:no-repeat;
    background-position:0 50%;
		padding-left:35px;
		display:inline-block;
		background-size:25px;
		color:#2c6409;
}

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

.rogo{
	display:none !important;}
	
	
	/*------------------------------------------------------
contents
-------------------------------------------------------*/
#select_wrapper{
	background-color:#f2f2f2;}
#select_contents{
	width:100%;
	background-color:#f2f2f2;}
	

.contents_box{
	width:95%;
	margin:0 auto;}

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

.icon_delete_4,
.icon_delete_3,
.icon_delete_2{
	background-color:#ffffff;
	border:1px solid #dadada;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	margin:0 auto 20px;}

.icon_delete_4 .catch,
.icon_delete_3 .catch,
.icon_delete_2 .catch{
	padding:10px;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	}
	
.icon_delete_4 img,
.icon_delete_3 img,
.icon_delete_2 img{
	width:100%;
	}
	
.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:12px;
	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,
.icon_delete_2 .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;
	height:50px;
	line-height:50px;
	border-radius:3px;
	display:block;
	text-align:center;
	border:1px solid #9eb301;
	font-size:120%;
	font-weight:bold;
}
.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,
.wrap2 ul,
.wrap3 ul{
  margin-top:2px;
  border-collapse: separate;
  border-spacing: 2px 0;
	overflow:hidden;
}
.wrap li,
.wrap2 li,
.wrap3 li {
	float:left;
  width:33%;
	display:block;
	padding-left:0.5%;
}

.wrap li:hover,
.wrap2 li:hover,
.wrap3 li:hover{
	opacity:0.6;}


.wrap li:first-child,
.wrap2 li:first-child,
.wrap3 li:first-child {
	padding-left:0;
}


.wrap li img {
	cursor:pointer;
	width:100%;
	vertical-align:bottom;
}

.mainView{
	overflow:hidden;}
	
.mainView img,
.mainView2 img,
.mainView3 img{
	width:100%;
	}
	
body#top-page #footer-area{
	margin-top:0;
	padding-top:5%;}

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

#sns{
	padding-top:20px;
	margin-bottom:40px;}
	
#sp-search-btn span {
  display: block;
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  padding: 1em 0 1em 3.125%;
  margin: 1px 0;
  background:#666 url(../image/icon_open_sp.png) no-repeat 97% center ;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -ms-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
}
#select_search .active span {
  background:#666 url(../image/icon_close_sp.png) no-repeat 97% center ;
  -webkit-background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -ms-background-size: 20px 20px;
  -o-background-size: 20px 20px;
  background-size: 20px 20px;
}