/*----------------
■〇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 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: #05b3ba;
	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: 0 0 40px;
}

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

/*〇サイドナビ*/
.feature .content .feature-list .sidenav a{
	color: #04add8;
}
.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: #04add8;
}
.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: #58b89f;
	border: solid 2px #58b89f;
	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{

	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;
}

/*画像ボタン対応（単体ブロック レイアウト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;
}
}

/*レイアウト10　問い合わせ*/
.feature .content .feature-list .list-column.layout10 .text-list {
	width: 340px;
	float: right;
}
@media screen and (max-width: 693px){
	.feature .content .feature-list .list-column.layout10 .text-list {
		width: 65%;
	}
	.feature .content .feature-list .list-column.layout10 figure {
		width: 35%;
		margin: 0 10px 0 0;
	}
	.feature .content .feature-list .list-column.layout10 figure img {
		width: 100%;
	}
}

@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.layout10 {
    width: 100%;
	display: flex;
}
	.feature .content .feature-list .list-column figure {
	width: 100%;
	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 10px;
}
.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;
	}
}