@charset "utf-8";

.about {text-align:center;}
.about h2 {color:#bfa27a; font-size:17px; font-weight:500;}
.about .img {margin:0 -15px;}

.room-list {margin:0 -15px;}
.room-list .article {text-align:center; margin-bottom:15px;}
.room-list .head {padding:10px; background:#f2f2f2;}
.room-list .head h2 {color:#bfa27a; font-size:17px; font-weight:500;}
.room-list .head .price {font-size:15px; margin-top:7px;}
.room-list .head .info {font-size:12px; line-height:1.4em; color:#bfa27a; margin-top:7px;}
.room-list .more {padding:10px 0;}
.room-list .more a {display:inline-block; padding:7px 18px; color:#fff; background:#d4ac5b;}
.room-list .img { display: flex; }
.room-list .img img { width: calc(100%/2);}
.room-list .img2 { display: block; }
.room-list .img2 img { width: 100%; }

.room-detail {margin:0 -15px;}
.room-detail .head {padding:10px; text-align:center; background:#f2f2f2;}
.room-detail .head h2 {color:#bfa27a; font-size:17px; font-weight:500; margin-bottom:7px;}
.room-detail .head .price {font-size:15px;}
.room-detail .head .price strong {color:#0e8b9e; font-weight:500;}
.room-detail .gallery {position:relative;}
.room-detail .slider {margin-bottom:7px;}
.room-detail .slider .slick-arrow {margin-top:-24px; width:28px; height:28px; background-size:100% 100%;}
.room-detail .slider .slick-prev {left:10px; background-image:url("../images/sub/slide_prev.png");}
.room-detail .slider .slick-next {right:10px; background-image:url("../images/sub/slide_next.png");}
.room-detail .thumbs {padding:7px 35px; background:#e0e0e0;}
.room-detail .thumbs .slick-slide {position:relative; padding:0 3px;}
.room-detail .thumbs .slick-current:after {content:" "; position:absolute; top:0; left:3px; right:3px; bottom:0; border:2px solid #0da0c0;}
.room-detail .thumbs .slick-arrow {margin-top:-20px; width:20px; height:40px; background-size:100% 100%;}
.room-detail .thumbs .slick-prev {left:7px; background-image:url("../images/sub/slide2_prev.png");}
.room-detail .thumbs .slick-next {right:7px; background-image:url("../images/sub/slide2_next.png");}
.room-detail .slick-arrow {position:absolute; top:50%; padding:0; font-size:0; line-height:0; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; z-index:50; overflow:hidden;}
.room-detail .slick-count {position:absolute; top:5px; right:5px; padding:5px; background:rgba(0,0,0,.5); color:#fff; font-size:11px; line-height:14px; z-index:50;}
.room-detail .info {margin:20px 15px 0; position:relative; font-size:13px; color:#777;}
.room-detail .info strong {color:#000; font-weight:500;}
.room-detail .info .point {color:#0e8b9e; font-weight:500;}
.room-detail .info .note {float:right; color:#ff0000}
.room-detail .info .note1 {color:#000000}
.room-detail .info .note2 {color:#ff0000}


.reservation .top {margin-bottom:20px; text-align:center; font-size:15px; font-weight:500; line-height:1.4em;}
.reservation .bnr {margin:0 -15px 20px; padding:5px 15px; background:#e0e0e0; overflow:hidden;}
.reservation .bnr dl {margin:10px 0; padding:15px 15px 15px 110px; color:#fff; background-position:35px 50%; background-repeat:no-repeat; background-size:52px auto; border-radius:8px;}
.reservation .bnr dt {font-size:17px; font-weight:500; line-height:1.4em;}
.reservation .bnr dd {font-family:"Lato",sans-serif; font-size:22px; font-weight:700; line-height:1.4em; letter-spacing:0;}
.reservation .bnr .tel {background-color:#0da0c0; background-image:url("../images/sub/icon_tel.png");}
.reservation .bnr .bank {background-color:#cda451; background-image:url("../images/sub/icon_bank.png");}
.reservation .refund {margin:0 -15px;}
.reservation .refund p {margin-bottom:15px; text-align:center; color:#bfa27a; font-size:16px; font-weight:500; line-height:1.3em;}
.reservation .refund table {width:100%; border-collapse:collapse; border-spacing:0px; color:#3e3e3e; font-size:13px;}
.reservation .refund th {padding:3px 0; font-weight:400; background:#f4f4f4; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.reservation .refund td {padding:3px 0; text-align:center; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}