/*----------------
■〇grep　name:2503lrt
■〇特集名：【ライトライン駅西側延伸】WELCOME TO WEST／HAPPY YELLOW SPRING
----------------*/

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


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

/*〇大見出し　スポット情報　イベント情報　病院情報　連絡先　プレゼントの帯*/
.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-size: cover;
	border-radius: 5px;
	border: 1px solid #1f1f1e;
	color: #fff !important;
	background: #47b4ff !important;
}
.feature .content .feature-list .B-west .layout80 h3{
	color: #3e3a39 !important;
	text-shadow: 2px 2px #e3ce00;
	border: 3px solid #3e3a39!important;
	background: #96c5cb !important;
}
.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: 0 0 10px;
	padding: 7px 10px;
	font-size: 16px;
	line-height: 20px;
	border-radius: 5px;
	background: #47b4ff;
	color: #fff;
	border: 1px solid #1f1f1e;
}
@media screen and (max-width: 693px){
.feature .content .feature-list .list-column h3 {
    width: 100%;
    float: none;
   /* display: none;*/
}
}
/*〇サイドナビ*/
.feature .content .feature-list .sidenav a{
	color: #333;
}
.feature .content .feature-list .sidenav h2{
	padding: 0;
	background: #f5efa1;
	margin: 1px 0;
}
.feature .content .feature-list .sidenav h2 a{
	display: block;
	padding: 10px;
	color: #437bb9;
}
.feature .content .feature-list .sidenav h2.active{
	padding: 10px;
	color: #fff;
	background: #333;
}
.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;
	background: #ffff05;
	border: solid 2px #221815;
	color: #221815;
	font-weight: bold;
	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{
	box-shadow: 3px 4px #221815;
	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: #47b4ff;
	color: #fff;
	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;
}
}


@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%;
	    margin: 0 0 0px;
	    float: left;
	}
	.feature .content .feature-list div.B-route .layout2 figure img {
    width: 100% !important;
    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 5px 10px;
}
.feature .content .feature-list .list-column .text-list span.txt-bold {
    display: table-cell;
}
.feature .content .feature-list .list-column.layout7.clearfix p.text-list {
    display: table-cell;
	padding: 5px;
}
.feature .content .feature-list .layout8 figure {
    width: calc(100% - 310px);
    float: left;
    margin: 0 15px 0 0;
}


/*スポット情報*/
.feature .content .feature-list .shopinfo {
    padding: 20px 10px 10px 0;
    margin: 0;
	font-size: small;
}
.feature .content .feature-list .shopinfo .btn-area {
    width: 100%;
    text-align: center;
    clear: both;
    font-size: 0;
	display: none;
}
.feature .content .feature-list .shopinfo figure {
    width: 100px;
    float: left;
    margin-right: 20px;
}
.feature .content .feature-list .shopinfo figure img {
    width: 120%;
    float: left;
    margin-right: 20px;
}
.feature .content .feature-list .shopinfo .shopinfo-text {
    width: 370px;
    float: right;
    margin-bottom: 15px;
    margin-top: 0; 
	padding: 0 0 0 8px;
}
.feature .content .feature-list .shopinfo .shopinfo-text address {
    font-style: normal;
}
.feature .content .feature-list .shopinfo .shopinfo-text p.shopfax {
    font-style: normal;
    display: none;
}

@media screen and (max-width: 693px){
.feature .content .feature-list .shopinfo {
    padding: 10px;
    margin: 0;
	font-size: smaller;
}
.feature .content .feature-list .shopinfo figure {
    width: 30%;
    float: left;
    margin: 5px 8px 0 0;
}
.feature .content .feature-list .shopinfo figure img {
    width: 100%;
    float: left;
    margin-right: 8px;
}
.feature .content .feature-list .shopinfo .shopinfo-text {
    width: 67%;
    float: right;
    margin: 0;
    padding: 0;
}
}
@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 .feature-list .present{
	padding-top: 0;
}
.feature .content .feature-list .present h3.fl-ttl{
	margin-top: 0;
	background-color: #e95472;
}
.feature .content div.B-btmenu .list-column{
 margin:0 0 30px;
}
.feature .content div.B-reco p.text-list {
	text-align:center;
}

@media screen and (max-width: 693px) {
	.feature .content .feature-list .list-column figure img{
		margin: 5px 0 10px 5px;
}
	}