@charset "UTF-8";
/* ===================================================
	Facilities CSS
====================================================== */

/* ---------------------------------------------------
	Unique style (overwrite)
------------------------------------------------------ */
.sec_wrap #sec3 .small_txt h3 { font-size: 24px;}
.sec_wrap section p { line-height: 2;}

.sec_wrap section .btn2{ margin: 30px auto 0; font-size: 14px; /*font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;*/}

/* sec_type3 */
.sec_type3 h3{ display: inline-block; margin: 0; padding: 20px 50px; color: #000; border-top: 2px solid #562f00; background: #fff; box-shadow:0px 2px 3px 0px rgba(0,0,0,0.5); position: relative; z-index: 2; width: 300px; box-sizing: border-box; line-height: 1.3;}
.sec_type3 h3 span { display: block; font-size: 12px;}
.sec_type3 .flex_fade,
.sec_type3 .photo{ margin: -35px 0 0;}
.sec_type3 p{ padding: 30px 0 0; font-size: 14px; line-height: 2; color: #555;}
.sec_wrap .small_txt h3 span { font-size: 12px;}

@media screen and (max-width: 600px) {
.sec_type3 h3{ width: 100%; padding: 20px 0; box-shadow:none;}
.sec_type3 .flex_fade { margin: 0;}
.sec_lead p br{ display: none;}
.sec_lead p span{ display: block;}
.sec_type3 p{ text-align: left; font-size: 16px;}
/* .sec_wrap section p br{ display: none;} */
}

/* 施設情報 */
.border-box .txt{ width: 550px; float: left;}
.border-box .txt h3 { display: block; margin: 0; padding: 0 0 10px; font-size: 26px; font-family: "ヒラギノ明朝 ProN W3", "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", serif; color: #966e3a; border-bottom: solid 1px #ccc; text-align: left;}
.border-box .txt table{ width: 100%;}
.border-box .txt th,
.border-box .txt td{ border-bottom: solid 1px #ccc; text-align: left; padding: 15px; min-width: 100px;}
.border-box .txt th{ color: #562f00; font-weight: normal;}
.border-box .txt td .nosmoking{ background: url(../../facilities/img/sec7_nosmoking.png) no-repeat left center; background-size: 18px; margin: 0 10px 0 0; padding: 0 0 0 20px; display: inline-block;}
.border-box .txt td .wifi{ background: url(../../facilities/img/sec7_wifi.png) no-repeat left center; background-size: 18px; padding: 0 0 0 20px; display: inline-block;}
.border-box .photo{ width: 450px; float: right;}

@media screen and (max-width: 600px) {
.border-box .txt{ width: 90%; float: none; margin: 0 auto;}
.border-box .txt h3 { display: block; margin: 0; padding: 0 0 10px; font-size: 26px; border-bottom: solid 1px #ccc; text-align: center;}
.border-box .txt table{ }
.border-box .txt th,
.border-box .txt td{ border-bottom: none; display: block;}
.border-box .txt th{ padding: 15px 0 0;}
.border-box .txt td{ border-bottom: solid 1px #ccc; padding: 8px 0 15px;}
.border-box .txt td br{ display: none;}
.border-box .photo{ width: 90%; float: none; margin: 5% auto 0;}
}

/* sec6 list */
#sec6 p+ul { display: flex; justify-content: space-between;}
#sec6 p+ul li { width: 24%;}
.sec_wrap section#sec6 .btn2 { width: 100%;}

@media screen and (max-width: 600px) {
	#sec6 p+ul { display: block;}
	#sec6 p+ul li { max-width: 270px; width: 100%; margin: 0 auto;}
	.sec_wrap section#sec6 .btn2 { margin: 20px auto 0;}
}