/*----------------
■〇grep　name:2006wbt
■〇特集名：2020年10月益子特集
----------------*/

/*〇------list用（基本改変不可）------〇*/
/*〇リスト見出し帯設定*/
.feature .feature-type-t .home-list h2{
	margin: 15px 0 15px;
}
@media screen and (max-width: 693px){
	.feature .feature-type-t .home-list h2{
		margin: 15px -10px 15px;
	}
}


/*〇------home用（共通設定）------〇*/
/*〇大見出しブロックマージン調整*/
.feature .content .feature-list .layout80{
	margin: 0 0 5px;
}

/*〇大見出し　スポット情報　イベント情報　病院情報　連絡先　プレゼントの帯*/
.feature .content .feature-list h3.fl-ttl,
.feature .content .feature-list .layout53 h3,
.feature .content .feature-list .layout80 h3{
	padding: 10px 10px 10px 10px;
	margin: 30px 0 15px;
	border-top: none;
	background: #a15b8d;
	//background-image: url(bar.jpg);
	//background-repeat: no-repeat;
	//background-position: right;
	background-size: cover;
	border-radius: 3px;
	color: #fff;
}
.feature .content .shopinfo h3.fl-ttl {
    padding: 10px 80px 10px 10px;
    margin: 0 0 15px;
    color: #05b3ba;
    border-bottom: solid #05b3ba 2px;
    border-radius: 0;
    background-color: #fff;
	}

@media screen and (max-width: 693px){
	.feature .content .feature-list h3.fl-ttl,
	.feature .content .feature-list .layout53 h3,
	.feature .content .feature-list .layout80 h3{
		padding: 10px 3% 10px 10px;
		line-height: 20px;
	}
}

/*〇ブロックマージン調整*/
.feature .content .list-column{
	margin: 5px 0 0px;
}

/*〇ブロックの見出し帯*/
.feature .content .list-column h3{
	margin: 0px 0 10px;
	padding: 7px 10px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 3px;
	background: #a15b8d;
	color: #fff;
}

/*〇サイドナビ*/
.feature .content .feature-list .sidenav a{
	color: #a15b8d;
}
.feature .content .feature-list .sidenav h2{
	padding: 0;
	background: #e5ecf6;
	margin: 1px 0;
}
.feature .content .feature-list .sidenav h2 a{
	display: block;
	padding: 10px;
	color: #778899;
}
.feature .content .feature-list .sidenav h2.active{
	padding: 10px;
	color: #a15b8d;
	background: #e9deef;
	/*グラデーションの場合は下記コードを適用してください。*/
	/*background-image: -webkit-linear-gradient(top, #7a8bd0, #475ebe);
	background-image: -moz-linear-gradient(top, #7a8bd0, #475ebe);
	background-image: -ms-linear-gradient(top, #7a8bd0, #475ebe);
	background-image: -o-linear-gradient(top, #7a8bd0, #475ebe);
	background-image: linear-gradient(to bottom, #7a8bd0, #475ebe);*/
}
.feature .content .feature-list .sidenav h2 a:hover{
	opacity: 0.5;
	text-decoration: none;
}

/*各ブロック本文後共通ボタン対応*/
.feature .content .feature-list .B-btn .list-column .text-list a{
	display: block;
	text-align: center;
	background: #d35f68;
	//border: solid 2px #708090;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 10px;
	padding: 6px;
	border-radius: 10px;
	transition: all 300ms 0s ease;
}
.feature .content .feature-list .B-btn .layout1 .text-list a,
.feature .content .feature-list .B-btn .layout2 .text-list a,
.feature .content .feature-list .B-btn .layout4 .text-list a,
.feature .content .feature-list .B-btn .layout12 .text-list a{
/*	margin: 10px 20% 10px;
	box-shadow: 4px 4px #555;*/
	box-shadow: 3px 4px #efc5cf;
padding: 12px 10px !important;
text-align: center;
width: 86%;
margin: 16px auto 8px;
}
@media screen and (max-width: 693px){
	.feature .content .feature-list .B-btn .layout1 .text-list a,
	.feature .content .feature-list .B-btn .layout2 .text-list a,
	.feature .content .feature-list .B-btn .layout4 .text-list a,
	.feature .content .feature-list .B-btn .layout12 .text-list a{
		margin: 10px 0 10px;
		box-shadow: 4px 4px #555;
		width: 86%;
		margin: 4% auto;
	}
}
.feature .content .feature-list .B-btn .list-column .text-list a:hover{
	text-decoration: none;
	background: #a15b8d;
	color: 58b89f;
	 transition: all 300ms 0s ease;
	 box-shadow:0px 0px #ddd;
}
/*.feature .content div.B-img-btn .list-column {
	display:
}*/
/*画像ボタン対応（単体ブロック レイアウト12・レイアウト99専用）*/
.feature .content .feature-list .B-img-btn .layout12 a,
.feature .content .feature-list .B-img-btn .layout99 a {
	display: block;
	width: 90%;
	max-width:400px;
	margin: 0 auto;
}
.feature .content .feature-list .B-img-btn .layout12 a img,
.feature .content .feature-list .B-img-btn .layout99 a img{
	width: 100%;
}
.feature .content .feature-list .B-img-btn .layout12 a:hover,
.feature .content .feature-list .B-img-btn .layout99 a:hover {
	opacity: 0.5;
}
@media screen and (max-width: 693px){
	.feature .content .feature-list .B-img-btn .layout12 a,
	.feature .content .feature-list .B-img-btn .layout99 a {
		width: 100%;
	}
}

/*クチコミ*/
.feature .content .feature-list .layout60 .k-box .kuchikomi-center {
    width: 405px;
    float: left;
}
@media screen and (max-width: 693px){
.feature .content .feature-list .layout60 .k-box .kuchikomi-center {
    width: 345px;
    float: left;
}
}

/*全体キャプション部分配色変更*/
/*.feature .content .list-column .caption,
.feature .content .list-column .caption2 {
	color: #bbd771;
}*/


/*------home用（個別設定）------*/
/*↓必要ない場合は下記の余分なコードを消してください*/
/*各特集レイアウトブロック表示*/
/*.feature .content .feature-list .layout1{}
.feature .content .feature-list .layout2{}
.feature .content .feature-list .layout3{}
.feature .content .feature-list .layout4{}
.feature .content .feature-list .layout5{}
.feature .content .feature-list .layout6{}
.feature .content .feature-list .layout7{}
.feature .content .feature-list .layout8{}
.feature .content .feature-list .layout9{}
.feature .content .feature-list .layout10{}
.feature .content .feature-list .layout11{}
.feature .content .feature-list .layout12{}
.feature .content .feature-list .layout13{}*/
/*お店・スポット情報*/
/*.feature .content .feature-list .layout50{}*/
/*イベント情報*/
/*.feature .content .feature-list .layout51{}*/
/*病院情報*/
/*.feature .content .feature-list .layout52{}*/
/*連絡先*/
/*.feature .content .feature-list .layout53{}*/
/*プレゼント賞品*/
/*.feature .content .feature-list .layout54{}*/
/*プレゼント*/
/*.feature .content .feature-list .layout55{}*/
/*クチコミ表示*/
/*.feature .content .feature-list .layout60{}*/
/*クチコミ写真表示*/
/*.feature .content .feature-list .layout61{}*/
/*レポーター表示*/
/*.feature .content .feature-list .reporter{}*/

/*SP表示調整*/
/*@media screen and (max-width: 693px){
}*/

/*TMSにてCSSを指定している場合の記述例*/
/*.feature .content .feature-list .B-XXX .layoutXX{}*/

/*枠調整*/
/*.feature .content .feature-list .B-box .layout1,
.feature .content .feature-list .B-box .layout2,
.feature .content .feature-list .B-box .layout3,
.feature .content .feature-list .B-box .layout4,
.feature .content .feature-list .B-box .layout5,
.feature .content .feature-list .B-box .layout6,
.feature .content .feature-list .B-box .layout7,
.feature .content .feature-list .B-box .layout8,
.feature .content .feature-list .B-box .layout9,
.feature .content .feature-list .B-box .layout10,
.feature .content .feature-list .B-box .layout11,
.feature .content .feature-list .B-box .layout12,
.feature .content .feature-list .B-box .layout13,
.feature .content .feature-list .B-box .layout14,
.feature .content .feature-list .B-box .layout15,
.feature .content .feature-list .layout50,
.feature .content .feature-list .layout51,
.feature .content .feature-list .layout52,
.feature .content .feature-list .layout53,
.feature .content .feature-list .layout54,
.feature .content .feature-list .layout55,
.feature .content .feature-list .layout60{
	margin: 0 0 40px;
	padding: 10px;
	background: #fafff4;
	border: solid 2px #bbd771;
}*/

/*FB埋め込み部分対応*/
/*.feature .content .feature-list .B-fb .layout99{
	margin: 0 0 30px;
	width: 100%;
	text-align: center;
}*/

/*レイアウト3 レイアウト5　ボタン並列化*/
/*.feature .content .feature-list .B-line-btn .layout3 .photo-box,
.feature .content .feature-list .B-line-btn .layout5 .photo-box {
	position: relative;
	padding: 0 0 5rem;
}
.feature .content .feature-list .B-line-btn .layout3 .text-list a,
.feature .content .feature-list .B-line-btn .layout5 .text-list a {
	position: absolute;
	bottom: 0;
	width: 100%;
}
@media screen and (max-width: 693px){
	.feature .content .feature-list .B-line-btn .layout3 .photo-box,
	.feature .content .feature-list .B-line-btn .layout5 .photo-box{
		padding: 0;
	}
	.feature .content .feature-list .B-line-btn .layout3 .text-list a,
	.feature .content .feature-list .B-line-btn .layout5 .text-list a{
		position: relative;
		width: 100%;
	}
}*/

/*レイアウト99　ボタンレイアウト並列化*/
/*.feature .content .feature-list .B-link-list .layout99 .col3 li,
.feature .content .feature-list .B-link-list .layout99 .col2 li,
.feature .content .feature-list .B-link-list .layout99 .col1 li{
	display: inline-block;
	width: 31%;
	margin: 5px 1%;
	text-align: center;
	vertical-align: middle;
}
.feature .content .feature-list .B-link-list .layout99 .col2 li{
	width: 48%;
}
.feature .content .feature-list .B-link-list .layout99 .col1 li{
	width: 98%;
}
.feature .content .feature-list .B-link-list .layout99 .col3 li a,
.feature .content .feature-list .B-link-list .layout99 .col2 li a,
.feature .content .feature-list .B-link-list .layout99 .col1 li a{
	display: block;
	background: #bbd771;
	border: solid 2px #bbd771;
	color: #fff;
	border-radius: 6px;
	padding: 6px 5px;
}
.feature .content .feature-list .B-link-list .layout99 .col3 li a:hover,
.feature .content .feature-list .B-link-list .layout99 .col2 li a:hover,
.feature .content .feature-list .B-link-list .layout99 .col1 li a:hover{
	opacity: 0.5;
	text-decoration: none;
	background: #fff;
	border: solid 2px #bbd771;
	color: #bbd771;
}
@media screen and (max-width: 693px){
	.feature .content .feature-list .B-link-list .layout99 .col3 li,
	.feature .content .feature-list .B-link-list .layout99 .col2 li{
		display: inline-block;
		width: 48%;
		margin: 5px 1%;
		text-align: center;
	}
}*/

@media screen and (max-width: 693px){
	.feature .content .feature-list .list-column {
    width: 100%;
    float: left;
}
.feature .content .feature-list .list-column .img-column {
	display:inline-flex;
}
	.feature .content .feature-list .list-column {
    width: 100%;
}
	.feature .content .feature-list .list-column figure {
	    width: 100%;
	    /* clear: both; */
	    margin: 0 0 0px;
	    float: left;
	}
	.feature .content .feature-list div.B-route .layout2 figure img {
    width: 100%;
    height: auto;
    float: left;
	}
	.feature .content .feature-list div.B-route .list-column figure {
    width: 98%;
    float: left;
    clear: both;
    margin: 0 5px 10px;
}
	.feature .content .feature-list .layout2 figure .caption{
		width:98% !important;
float:left;
}
	}
.feature .content .feature-list .list-column .text-list {
    width: 100%;
    float: none;
    /*clear: both;*/
    margin: 0 0 10px;
}
.feature .content .feature-list .shopinfo .shopinfo-text {
	width:62%;
}
.feature .content .feature-list .shopinfo figure {
	width:35%;
}
}
@media screen and (min-width: 693px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	a.tel-link {
		color:#333;
	}
}
section.shopinfo{
	padding:15px 0 30px;
}
section.shopinfo h3.fl-ttl {
	display:none;
}
div.fea-unit-area div.B-btmenu ul li.mizu a{
background:#41b6d5;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0% 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
}
div.fea-unit-area div.B-btmenu ul li.mizu a:hover{
background:#00bfff;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.aomi a{
background:#3fb19f;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
		transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.aomi a:hover{
background:#40e0d0;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.kimi a{
background:#8ccb41;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
		transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.kimi a:hover{
background:#adff2f;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.kior a{
background:#fe8c28;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
		transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.kior a:hover{
background:#ffd700;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.or a{
background:#fc6636;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
		transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.or a:hover{
background:#f4a460;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.bla a{
background:#696969;
padding: 2%;
width: 48%;
min-height:39px;
margin: 1% 0 1% 1%;
font-size: 130%;
line-height: 1.4em;
font-weight: bold;
display:block;
color:#fff;
text-align:center;
	font-style: italic;
	float:left;
		transition: all 200ms 0s ease;
}
div.fea-unit-area div.B-btmenu ul li.bla a:hover{
background:#a9a9a9;
	text-decoration: none;
	transition: all 200ms 0s ease;
}
.feature .content section.present h3.fl-ttl{
	background-color: #e66;
}
.feature .content div.B-btmenu .list-column{
 margin:0 0 30px;
}
.feature .content div.B-reco p.text-list {
	text-align:center;
}