/*----------------
■〇grep　name:tie-up-design-css
■〇タイアップ特集マスターCSS
■〇特集名：XXX特集
■必ずマスターをコピーして使用してください。また、定期コンテンツの場合特集名は揃えてください。
■コメントアウトについて、〇が付いている個所以外は削除をお願いいたします。
■追加でCSSを調整する際は、共通部分等はマスターと位置を合わせてください。
■インデントはタブ（半角スペース4つ）でお願いいたします。
■基本コメントアウトはブロックごとにお願いいたします。
■改行は一ブロックごとに1行、大きなページまたは大きなブロックごとには2行の改行を行ってください。
----------------*/

/*〇------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 .sidenav .search h2 {
    background: #f8f9f4;
    color: #434343;;
    padding: 8px 12px;
}
.feature .content .feature-list .main h2 {
    margin-top: 0px;
    margin-bottom: 5px;
    color: #8bbecb;
    background: #ffffff;
	border-top: none;
}

/*ヘッダー*/
.feature .content .head p {
    margin-top: 15px;
}
.content .head p {
    margin-bottom: 10px;
}


/*〇大見出し　スポット情報　イベント情報　病院情報　連絡先　プレゼントの帯*/
.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: 0 0 15px;
	border-top: none;
	background: #bcd7de;
	background-image: url(bar.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: cover;
	border-radius: 3px;
	color: #434343;
}
.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;
	display: none;
	}

@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 .feature-list .shopinfo {
    padding: 0;
    border-bottom: 0;
}
.feature .content .feature-list .shopinfo .btn-area{
    display: none;
}



/*〇ブロックマージン調整*/
.feature .content .list-column{
	margin: 0 0 10px;
}
@media screen and (max-width: 693px){
.feature .content .list-column{
	margin: 0 0 10px;
}
}



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

/*〇サイドナビ*/
.feature .content .feature-list .sidenav a{
	color: #434343;
}
.feature .content .feature-list .sidenav h2{
	padding: 0;
	background: #cdf4f6;
	margin: 1px 0;
}
.feature .content .feature-list .sidenav h2 a{
	display: block;
	padding: 10px;
	color: #434343;
}
.feature .content .feature-list .sidenav h2.active{
	padding: 10px;
	color: #fff;
	background: #99e0e3;
	/*グラデーションの場合は下記コードを適用してください。*/
	/*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: #8bbecb;
	border: solid 2px #8bbecb;
	color: #fff;
	font-weight: bold;
	margin: 10px 0 10px;
	padding: 6px;
	border-radius: 32px;
}
.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: 4px 4px #555;
padding: 12px 10px !important;
text-align: center;
width: 86%;
margin: auto auto 16px;
}
@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{
	//opacity: 0.5;
	text-decoration: none;
	background: #f0a271;
	border: solid 2px #f0a271;
	color: 58b89f;
}
/*.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;
}
.feature .content .feature-list .layout60 .k-box .kuchikomi-left p a img{
	border-radius: 25px;
}
@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;
	}
}*/


/*レイアウト3*/
.feature .content .feature-list .layout3 .text-list {
    margin-top: 15px;
    width: 49%;
}
.feature .content .feature-list .list-column .text-list {
    /*width: 100%;
    float: none;
    clear: both;*/
    margin: 0 0 10px;
	padding: 4px;
}
@media screen and (max-width: 693px){
.feature .content .feature-list .list-column .text-list {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 10px;
	padding: 4px;
}
｝

.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 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: 48%;
    float: left;
    clear: both;
    margin: 0 5px;
}
.feature .content .feature-list .list-column .text-list {
    width: 100%;
    float: none;
    clear: both;
    margin: 0 0 10px;
	padding: 4px;
}
.feature .content .feature-list .shopinfo .shopinfo-text {
	width: 67%;
    float: right;
    margin: 0;
    padding: 0;
}
.feature .content .feature-list .shopinfo figure {
	width: 30%;
    float: left;
    margin: 0 8px 0 0;
}
}
@media screen and (min-width: 693px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	a.tel-link {
		color:#333;
	}
.feature .content .feature-list .layout2 figure .caption {
    width: 100%;
    float: none;
	}
.feature .content .feature-list .sidenav .search h2.active {
    background: #8bbecb url(/feature/images/icon-close.png) no-repeat top right;
	padding: 8px 40px 5px 12px;
	}
}
@media screen and (max-width: 693px){
.feature .content .feature-list .layout2 figure .caption {
    width: 100%;
    float: right;
}
}