@charset "UTF-8";
/* CSS Document
#facilities section .note,
#facilities section .data,
#facilities section .inner,
#facilities section .flex_thum_slide {display: none;} */

#facilities #lead_col dt::before{ content:"Private villa";}
#facilities main nav li { width:-webkit-calc(100% / 5 - 1px); width:calc(100% / 5 - 1px);}
#facilities h2 { color:#45250e;
            text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,#fff 1px -1px 10px, #fff -1px -1px 10px;}
#facilities h3 { padding:35px 0 50px 0; position: relative;}
#facilities h3 span.h4small { font-size: 0.7em;line-height: 130%; display: block;font-family: "Futura", "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","ＭＳ Ｐゴシック", sans-serif;}
#facilities h3::before { background:#8f2719; content:""; display: block; height:20px; width:20px;
            position: absolute; left:50%; top:0; margin-left:-10px;}
#facilities h5 { padding:60px 0 30px 0; position: relative; text-align: center;
	font-size: 18px;font-weight: bold;
	font-family: "Futura", "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","ＭＳ Ｐゴシック", sans-serif;}
#facilities h6 { padding:35px 0 50px 0; position: relative;}

@media screen and (max-width: 600px) {
            #facilities #lead_col { padding-bottom:0; }
            #facilities main nav li { margin:5px auto; width:-webkit-calc(96% / 2 - 2px); width:calc(96% / 2 - 2px);}
            #facilities main nav li:first-of-type:not(span) { letter-spacing: -2px;}
            #facilities main nav li:first-of-type span {letter-spacing:0;}
            #facilities h2 { color:#fff; text-shadow:#45250e 1px 1px 10px, #45250e -1px 1px 10px, #45250e 1px -1px 10px, #45250e -1px -1px 10px;}
            #facilities h3 { padding:25px 0 10px 0;}
            #facilities h5 { padding:30px 0 10px 0; font-size: 15px;}
            #facilities h6 { padding:25px 0 10px 0;}
}
@media screen and (max-width: 400px) {
            #facilities main nav li { margin:5px auto; width:-webkit-calc(90% / 1 - 2px); width:calc(90% / 1 - 2px);}
}

/* ---------------------------------------------------
	section
------------------------------------------------------ */
/*共通*/
#facilities section { padding-bottom:77px;}
#facilities section .inner { display: -webkit-flex; display: -ms-flex; display: flex; width:1100px;}
#facilities section .note dt { color:#45250e; font-weight: bold; padding:35px 0 ; font-size: 20px;}
#facilities section .note dt span {font-weight: inherit; font-size: 10px;}
#facilities section .data { background:url(../img/sec_bg2.png); background-size:1000px auto; border:1px solid #b6aea8; margin:60px auto; padding-bottom:15px;}
#facilities section .data h4 { background:#573a26; color:#fff; text-transform: uppercase; text-align: right; padding-right:10px; width:240px; }
#facilities section .data dl { display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 30px;}
#facilities section .data>dl>dt { padding:3px; width:20%; box-sizing: border-box;}
#facilities section .data>dl>dd { padding:3px; width:78%; box-sizing: border-box;}
@media screen and (max-width: 600px) {
            #facilities section .inner { -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%;}
            #facilities section .note dt { text-align: center; }
            #facilities section:not(#sec6) .data dl {-webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 15px 3%;}
            #facilities section:not(#sec6) .data dl dt { width:100%; }
            #facilities section:not(#sec6) .data dl dt::before { content:"【";}
            #facilities section:not(#sec6) .data dl dt::after { content:"】";}
            #facilities section:not(#sec6) .data>dl>dd { border-bottom:1px dotted #b6aea8; width:100%; }
}

/*sec1*/
#facilities #sec1 { background:#eeeae8;}
#facilities #sec1 .note { margin:0 80px 70px 0; width: 620px;}
#facilities #sec1 .note + figure { width:400px; }
#facilities #sec1 .flex_thum_slide { margin-bottom:30px;}

@media screen and (max-width: 600px) {
            #facilities #sec1 .note { margin:10px auto; width:90%;}
            #facilities #sec1 .note dt { padding-top:0;}
            #facilities #sec1 .note + figure { margin:10px auto; width:90%;}
}


/*sec2*/
#facilities #sec2 figure {margin:0 auto; width:90%;}
#facilities #sec2 figure img { width:50%;}
#facilities #sec2 .note { width:50%;}
#facilities #sec2 .data { margin-left:35px; width:48%;}
#facilities #sec2 .data p { margin:15px 30px; }

@media screen and (max-width: 600px) {
            #facilities #sec2 figure img { margin-bottom:5px; width:100%;}
            #facilities #sec2 .note,
            #facilities #sec2 .data{ margin:10px auto; width:90%;}
}


/*sec3*/
#facilities #sec3 { background:#eeeae8; position: relative; }
#facilities #sec3 figure{ position: relative; left:0; width:60%;}
#facilities #sec3 .note { position: absolute; top:160px; left:62%; width:400px; }
#facilities #sec3 .data { clear:both; margin:30px auto; width:1100px;}
#facilities #sec3 .data>dl>dt { font-weight: bold;}
#facilities #sec3 .data dl dl {margin:0;}
#facilities #sec3 .data dl:nth-of-type(1) dl dt { width:10%;}
#facilities #sec3 .data dl:nth-of-type(1) dl dd { width:90%;}
#facilities #sec3 .data dl:nth-of-type(1) dl dd li { padding:8px 0; }
#facilities #sec3 .data dl:nth-of-type(2) dt {width:100%;}
#facilities #sec3 .data dl:nth-of-type(2) dd { width:100%;}
#facilities #sec3 .data dl:nth-of-type(2) dd figure { float:right; margin:-20px 0 0 10px; width:600px;}
#facilities #sec3 .data dl:nth-of-type(2) dd figure img { margin-left:0.5%; width:49.5%;}

@media screen and (max-width: 600px) {
            #facilities #sec3 figure{ width:100%;}
            #facilities #sec3 .note { position:relative; top:0; left:0; margin:0 auto; width:90%; }
            #facilities #sec3 .note img { margin:10px 0 20px;}
            #facilities #sec3 .data { margin:10px auto; width:90%;}
            #facilities #sec3 .data dl:nth-of-type(2) dd figure { float:none; margin:0 ; width:100%;}
            #facilities #sec3 .data dl:nth-of-type(1) dl dt,
            #facilities #sec3 .data dl:nth-of-type(1) dl dd{ width:100%;}
            #facilities #sec3 .data>dl>dd { border-bottom:0;}
            #facilities section#sec3:not(#sec6) .data > dl > dd { border-bottom:0;}
}


/*sec4 sec5*/
#facilities .sec_wrap { display: -webkit-flex; display: -ms-flex; display: flex; width:100%;}
#facilities .sec_wrap section { width:50%;}
#facilities .sec_wrap section .note { margin:30px auto; width:550px;}
#facilities .sec_wrap section .note dt { text-align: center; }
#facilities .flex_thum_slide { padding:0; overflow: hidden;}
#facilities .flexslider { border:0;}
#facilities .flex-direction-nav a { width: 26px; height: 72px;}
#facilities .flex-control-paging li a  { border-radius: 0px; height:5px; width: 30px; background: rgba(69, 37, 14, 0.7);}
#facilities .flex-control-paging li a.flex-active { background: rgba(69, 37, 14, 1);}
#facilities .flex-control-nav { bottom: -60px; }

@media screen and (max-width: 600px) {
            #facilities .sec_wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
            #facilities .sec_wrap section { width:100%;}
            #facilities .sec_wrap section .note { margin:10px auto 30px auto; width:90%;}
            #facilities #sec5 { background:#eeeae8;}
}


/*sec6*/
#facilities #sec6 {background:url(../../facilities/img/06_bg.jpg); background-size: 1600px auto;}
#facilities #sec6 dl { display: -webkit-flex; display: -ms-flex; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto ; width:1000px;}
#facilities #sec6 dt { border-bottom:1px dotted #b6aea8; padding:8px; width:30%;box-sizing: border-box;}
#facilities #sec6 dd { border-bottom:1px dotted #b6aea8; padding:8px; width:70%;box-sizing: border-box;}

@media screen and (max-width: 600px) {
            #facilities #sec6 dl { width:80%;}
            #facilities #sec6 dd span {display: block;}
            #facilities #sec6 dt:first-of-type { display: none;}
            #facilities #sec6 dd:first-of-type { width:100%;}
            #facilities #sec6 dt:last-of-type { border-bottom: none; padding-bottom:0; width:100%;}
            #facilities #sec6 dd:last-of-type { padding-top:0;width:100%; }
}

/*sec7 -料金表、お客様の声一覧ページcss-*/
#facilities #sec7 { margin:115px auto 0px;max-width: 918px;}/*通常100px、緊急時115px*/
#facilities #sec7 figure {margin:0px auto; width:100%; max-width: 918px;}
#facilities #sec7 figure img { width:100%;}

#facilities #sec7 .tyuui { margin:20px auto 0px; width:96%;}
#facilities #sec7 h4 { font-size: 16px; font-weight: bold;}
#facilities #sec7 .tyuui dl { margin-bottom: 5px;}
#facilities #sec7 .tyuui dt { font-weight: bold;}
#facilities #sec7 .tyuui dd { text-indent: 1em;}
#paylink {
	margin-top: -110px; padding-top: 110px;}

#facilities #sec7 .vo_box { margin:0px auto 0px; width:100%;max-width: 918px;}
.vo_date{width: 235px;background-color: #573a26;padding-right:15px;font-size: 17px;color: #fff;text-align: right;}
ul.vo_ul{margin-bottom: 10px;overflow: hidden;}
ul.vo_ul li{border-top: dotted 1px #b6aea8;padding: 20px 1% 0px;clear: both;}
.vo_p{color: #45250e;line-height: 140%;}
.vo_n::before{width: 22px;height: 16px;background-image: url("../../facilities/img/vo_icon.png");position: absolute;display: inline-block;content: '';left: -30px;top: 6px;}
.vo_n{font-size: 13px;position: relative;float: right;padding: 6px 0;}
@media screen and (max-width: 600px) {
#facilities #sec7 {margin-top:0px;}
#facilities #sec7 figure img { margin-bottom:10px; width:100%;}
#facilities #sec7 h4 { font-size: 14px; font-weight: bold;}
#facilities #sec7 .tyuui dl { margin-bottom: 5px;}
#facilities #sec7 .tyuui dt { font-weight: bold; font-size: 12px;}
#facilities #sec7 .tyuui dd { text-indent: 1em; font-size: 12px;}
	
#facilities #sec7 .vo_box { margin:20px auto 0px; width:96%;max-width: 918px;}
.vo_date{width: 165px;background-color: #573a26;padding-right:15px;font-size: 16px;color: #fff;text-align: right;}
}

/*sec8 -施設案内お客様の声部分css-*/
#facilities #sec8 { background:#eeeae8; position: relative; margin-bottom: 55px;}
#facilities #sec8 ul.voice_ul{max-width: 1100px;width: 100%;margin: auto;
    display: -webkit-flex;display: flex;  justify-content: space-between;
    -webkit-justify-content: space-between;flex-wrap: wrap;}
#facilities #sec8 ul.voice_ul li{max-width: 510px;width: 46%;margin-bottom: 12px;margin-top: 0;padding: 10px 15px;}
#facilities #sec8 ul .li_tit{font-weight: bold;font-size: 20px;line-height: 120%;padding-top: 10px;padding-bottom: 10px;position: relative;}
#facilities #sec8 ul .li_n::before{width: 22px;height: 16px;background-image: url("../../facilities/img/vo_icon.png");position: absolute;display: inline-block;content: '';left: -30px;top: 2px;}
#facilities #sec8 ul .li_p{line-height: 150%;padding-bottom: 10px;}
#facilities #sec8 ul .li_n{font-size: 13px;position: relative;float: right;}
#facilities #sec8 .data { clear:both; margin:30px auto; width:1100px;}
#facilities #sec8 .sec8_link { margin:18px auto 0px; width:265px;background-color: #45250e;border-radius: 5px;}
#facilities #sec8 .sec8_link a { color: #fff;font-size: 16px;display: block; line-height: 120%;text-align: center;padding-top: 7px;padding-bottom: 7px;}
#facilities #sec8 .sec8_link a:hover {opacity: 0.8;}

@media screen and (max-width: 600px) {
#facilities #sec8 { background:#fff;margin-top:0px;}
#facilities #sec8 ul.voice_ul li{max-width: 510px;width: 90%;margin-bottom: 15px;margin-top: 0;padding: 10px 15px;}
#facilities #sec8 ul .li_tit{font-weight: bold;font-size: 17px;line-height: 120%;padding-top: 10px;padding-bottom: 10px;position: relative;}
#facilities #sec8 .data { margin:10px auto; width:90%;}
}


/* ---------------------------------------------------
	clear
------------------------------------------------------*/
#facilities #sec3 .data dl::after
          { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	font
------------------------------------------------------*/
#facilities section .data h4
          {font-family: 'Marcellus','Cinzel', serif; }