@media only screen and (min-width: 767.98px) {
    .row-md-f {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }
    .col-md-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; padding-left: 15px; padding-right: 15px;}
    .mBot-md-80 {margin-bottom: 80px !important;}
    h3 {font-size: 24px;}
    .list-no-circle:before {font-size: 24px;}
    .arrow-down {margin: 20px 0 20px 150px;}
    .map iframe {height: 270px;}
    .align-items-md-center {align-items: center;}
    .villa-gallery img {width: auto; height: 460px;}
    .villa-gallery img.iSpe {width: 613.33px; height: auto;}
    .d-md-flex {display: flex;}
}

@media only screen and (max-width: 1366px) {
	.villa-gallery img {height: 300px;}
}

@media only screen and (max-width: 1150px) {
	.villa-gallery img {height: 240px;}
}

@media only screen and (max-width: 768px) {
.sp-hide, #menuLeft .menu nav  {display: none;}
.sp-show {display: block;}
body {height: auto; overflow: visible;}
.sp_fNone {float: none;}
.subpage .cont {padding: 0 20px;}
.sp-mTop15 {margin-top: 15px;}
.sp-mTop30 {margin-top: 30px;}
.sp-img100 {width: 100%;}

/*=== menu left + footer ===*/
.btnMenu {display: block; width: 50px; position: absolute; top: 10px; right: 15px; transition: 0.25s; z-index: 20;}
.btnMenu img {width: 100%;}
#main {min-height: 1px !important; padding-left: 0;}
#menuLeft {width: 100%; position: relative; height: auto !important; box-shadow: none;}
.menu {background: url(/img/menu_bg_sp.jpg) no-repeat top center; background-size: 100% 227px;}
.menu nav {background: url(/img/menu_bg1_sp.jpg) no-repeat top center; background-size: 100% 100%; padding-top: 10px;}
.menu nav ul {margin-bottom: 0; padding-bottom: 10px;}
.menu nav ul li {margin-bottom: 7px;}
.menu nav ul li:last-child {margin-bottom: 0;}
.menu nav ul li a {height: 50px;}
.logo {text-align: center; padding-top: 10px;}
.menu .logo + p {padding-bottom: 5px; margin-bottom: 0; position: relative; z-index: 10;}
.menu .logo img {width: 100%; max-width: 323px;}
#footer {padding-left: 0;}
#footer .menu {display: block; height: auto;}
#footer p.copyright {position: relative; bottom: auto; right: auto; height: 50px; font-size: 14px;}
.fAddress {border: solid 15px #f0f0f0; background: #fff; padding: 10px; margin-bottom: 15px;}
.fAddress p {color: #505050; padding: 0 15px;}
.fAddress .tel {color: #1e6eae; font-size: 22px; padding: 0 15px; font-weight: bold; text-decoration: none;}
.fAddress .tel:hover {text-decoration: none;}
.fAddress .time {text-align: center; display: block; text-align: center; color: #fff; margin: 10px auto 20px;}
.fAddress .time span {display: inline-block; background: #1e6eae; border-radius: 20px; height: 40px; padding: 0 15px; font-size: 20px; line-height: 40px; font-weight: bold;}
.fAddress .time img {vertical-align: -7px;}
.fAddress .contact {background: #1e6eae; color: #fff; text-align: center; height: 48px; line-height: 48px; font-size: 20px;}
.fAddress .contact i {font-size: 30px; vertical-align: -2px; margin-right: 10px;}
.backTop {background: #1e6eae; height: 33px; line-height: 33px; text-align: center; font-size: 16px; color: #fff;}
.backTop i {margin-right: 2px; vertical-align: 1px;}
/*=== menu left + footer ===*/

/*=== home ===*/
.contain {padding: 10px 10px 0;}
.tit {margin-bottom: 20px;}
.tit img {width: 100%;}
.home .contain {background: url(/img/bg00.png) repeat-y top center; background-size: 100% auto;}
.info {padding-left: 0;}
.info p {font-size: 14px;}
.facebook_cont {margin-top: 20px; width: 100%;}
.mCSB_container, .mCustomScrollBox {overflow: visible !important;}
.mCSB_container {top: 0 !important;}
.news_cont {overflow: auto; max-height: 400px;}
/*=== home ===*/

/*=== sub page ===*/
.cont {min-height: 430px;}
.cont p {font-size: 14px; line-height: 1.5;}
.tit_page p {font-size: 24px; padding: 0 15px 0 0;}
h2 {font-size: 22px;}
h2 .time {margin-left: 0; font-size: 14px; height: 36px; line-height: 36px; width: auto; padding: 0 5px; background-size: 22px auto; margin-top: 8px;}
h2 .time img {vertical-align: -7px; max-width: 24px !important;}
h2.h2Tit {height: auto;}
h2.h2Tit span {position: relative; font-size: 22px;}
.item {margin-bottom: 20px;}
.item:last-child {margin-bottom: 0;}
.shortstay {margin-bottom: 30px;}
dl.add dt, dl.add dd {font-size: 12px;}
.sp-lHeight12  {line-height: 12px !important;}
.sp-mBot30 {margin-bottom: 30px;}
.tb-style1 th {font-size: 13px; line-height: 20px; padding: 5px;}
.tb-style1 tr th:first-child {padding-left: 5px;}
.tb-style1 tr td {font-size: 12px;}
.regulations_list dt, .regulations_list dd {float: none; display: block; width: 100%; padding: 12px 10px;; height: auto;}
.regulations_list dt {margin-bottom: 0;}
.shampoo .regulations_list {margin-right: 0; margin-bottom: 0;}
.shampoo .regulations_list dt, .shampoo .regulations_list dd, .pickup .regulations_list dt, .pickup .regulations_list dd {float: left; height: 50px;}
.shampoo .regulations_list dt {width: 45%;}
.shampoo .regulations_list dd {width: 55%;}
.shampoo .regulations_list.w2 dt, .shampoo .regulations_list.w2 dd {width: 100%;}

.shampoo .regulations_list.w3 dt {padding-top: 0; padding-bottom: 0;}
.shampoo .regulations_list.w3 dt > div {float: none; padding: 12px 10px;}
.shampoo .regulations_list.w3 dt .tit {width: 100%;}
.shampoo .regulations_list.w3 dt .txt {width: 100%;}

.pickup .regulations_list dt {width: 25%;}
.pickup .regulations_list dd {width: 75%; margin-bottom: 0;}
.fAddress .time span {font-size: 14px;}
.fAddress .tel {font-size: 14px;}

.tb-style4:before, .tb-style4:after {content: ""; display: table;}
.tb-style4:after {clear: both;}
.tb-style4 th, .tb-style4 td {float: left; width: 100%; font-size: 12px;}
.tb-style4 td {border-left: solid 1px #9a9a9a;}
.reserve th {padding: 10px 15px;}
.reserve .sp_w100 {float: none; width: 100%;}
.tb-style5 th {text-align: left; border-bottom: none;}
.tb-style5 td {border-left: 0; padding-left: 15px; padding-right: 15px;}
.tb-style5 tr:first-child td {padding-top: 0; margin-bottom: 5px;}
.tb-style5 tr:nth-child(2) td {padding-bottom: 15px;}
.tb-style5 tr:nth-child(3) th, .tb-style5 tr:last-child th, .tb-style5 tr:last-child td  {padding: 5px 15px 10px;}
.tb-style5 tr:nth-child(3) td {padding: 5px 15px 15px;}
.tb-style5 tr:last-child td {padding-bottom: 0;}
.tb-style5 .t_label.col-sm-6 {padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 5px;}
.tb-style5 .t_label.col-sm-6 > span {width: 110px; text-align: right; margin-right: 15px;}
.tb-style5 .t_label.row > p {max-width: 75px; padding-right: 10px; padding-left: 10px;}
.tb-style5 .t_label.row > p:first-child {padding-left: 15px;}
.tb-style5 .t_label.row > span {margin-left: 0; font-size: 12px;}
.btn {width: 80%; line-height: 50px; font-size: 18px;}
h2 .time_sty2 {margin-top: 10px;}
.stay_new_de table th {font-size: 18px;}
.stay_new_de table td {padding: 7px 5px;}
.stay_new_de table td p {font-size: 12px;}
.stay_new_de h2 span.sp-mTop15 {display: block;}
.stay_new_de table td:first-child {width: 30%;}
.stay_new_de table td:first-child + td {width: 45%;}
.stay_new_de table td:last-child {width: 25%; text-align: right;}
.stay_new_de table td[colspan="3"] {width: 100%; padding: 7px 5px; text-align: left;}
.stay_new_de table td[colspan="3"] .f_size14 {font-size: 8px !important;}
p.noteRed span {display: hide;}
@-moz-document url-prefix() {
    h2 .time_sty2 {line-height: 5px; margin-top: 15px;}
}
.fb-page {max-width: 100%;}

.classroom-btnList {margin-bottom: 15px; text-align: center;}
.classroom-btnList li {display: block;}
.classroom-btnList li + li {margin-left: 0; margin-top: 15px;}
/*=== sub page ===*/
.villa-gallery img {width: 100%; height: auto;}
}

@media only screen and (max-width: 640px) {
	
}

@media only screen and (max-width: 425px) {
.tit_page {height: 70px;}
#footer p.copyright {font-size: 11px;}
h2 {font-size: 21px;}
.tit_page p {font-size: 22px;}
h2 b {font-size: 19px;}
.pickup .regulations_list dt, .pickup .regulations_list dd {font-size: 14px; font-weight: normal;}
.pickup .regulations_list dt {width: 30%;}
.pickup .regulations_list dd {width: 70%;}
}

@media only screen and (max-width: 360px) {
dl.add dt, dl.add dd {float: none; display: block;}
dl.add dt {margin-bottom: 5px;}
dl.add dd {margin-bottom: 20px;}
}