@charset "utf-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Muli:200,300,400,400i,500,600,700&display=swap");
@import url("styles_1.css");
@import url("styles_3.css");
@import url("styles_2.css");
@import url("https://fonts.googleapis.com/css2?family=Trirong:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Pridi:wght@300;400&display=swap");
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html { font-size: 62.5%; overflow-x: hidden; height: 100%; }

body { line-height: 1; color: black; background: white; overflow-x: hidden; letter-spacing: 0.5px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

body ::-moz-selection { background: #111111; color: #fff; }

body ::selection { background: #111111; color: #fff; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: " "; }

q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img { max-width: 100%; height: auto; }

a img { border: none; }

input, textarea, select, div, ul, li, a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }

/* @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700'); @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); */
/* # grid system
================================================== */
/* # Set SASS Function
================================================== */
/* #Basic Set
================================================== */
body { font-size: 1.8rem; line-height: 1.8; color: #333333; text-align: left; background-color: #ffffff; font-weight: 300; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #000000; text-align: left; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: 400; }

h1 { font-size: 0rem; line-height: 1.2; margin: 0; padding: 0; width: 100%; }

h2 { /*font-size: 8rem;*/ font-size: 6rem; line-height: 1.2; text-transform: uppercase; letter-spacing: 7px; }

h3 { font-size: 4rem; line-height: 1.2; color: #666666; }

h4 { font-size: 5rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 30px; }

h5 { font-size: 3.6rem; line-height: 1.6; }

h6 { font-size: 2.4rem; line-height: 1.6; }

strong { font-weight: 700; }

hr { position: relative; clear: both; margin: 0 10px; height: 0; border-top: 1px solid #333333; }

sub { vertical-align: sub; font-size: smaller; }

sup { vertical-align: super; font-size: smaller; }

ol { list-style: decimal; margin-left: 30px; }

ul { list-style: none; margin-left: 0px; }

ul.square { list-style: square; }

ul.circle { list-style: circle; }

ul.disc { list-style: disc; }

.detail p { margin-bottom: 10px; }

.detail ul { list-style-type: disc; margin-left: 30px; }

.detail ul ul, .detail ul ol { font-size: 90%; }

a { position: relative; color: #333333; text-decoration: none; cursor: pointer; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

a:hover, a:active { color: #ee3a23; }

.clear { display: block; visibility: hidden; clear: both; overflow: hidden; width: 0; height: 0; }

section a:before { -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

section a:hover:before { -webkit-transform: scale(1); transform: scale(1); }

.bg__title { color: #fdf0ef; font-family: "BacktoBlackDemo", sans-serif; font-size: 7.2rem; line-height: 1.2; text-align: left; position: absolute; z-index: -1; bottom: calc(100% - 45px); left: -30px; }

/* #Set Font
================================================== */
h1, h2, h3, h4, h5 { font-family: "Butler", sans-serif; }

body, input, textarea, select, button, p { font-family: "Muli", sans-serif; }

/* #Textbox style
================================================== */
input, textarea, select, button { background: #ffffff; font-size: 1.6rem; line-height: 1.8; font-weight: 300; color: #333333; height: 47px; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border: 1px solid #333333; outline: inherit; width: 100%; padding: 6px 10px 7px; }

button { background-color: #ee3a23; border: 0 solid #333333; color: #ffffff; cursor: pointer; padding: 10px 10px 5px; height: 47px; font-family: "Butler-Bold", sans-serif; text-transform: uppercase; font-size: 1.8rem; line-height: 1.8; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

button:hover { background-color: #333333; }

select { -moz-appearance: none; -webkit-appearance: none; padding: 13px 10px 12px; outline: 0px; line-height: 1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background: url(../images/NkYRW9UJ4CMY.svg) right center no-repeat #ffffff; background-size: 35px auto; }

button::-moz-focus-inner { border: 0; }

/* #Helper Class
================================================== */
._text-j { text-align: justify; }

._small { font-size: 0.6em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

._red { color: #cc0000; }

._set-tablet { /* 800 */ display: none; }

._set-mobile { /* 560 */ display: none; }

.tx__letter { display: inline-block; }

/* #Grid
================================================== */
section { position: relative; z-index: 0; }

.box { position: relative; }

.container { position: relative; margin: 0 auto; padding: 0; width: calc(100% - 16.666667%); }

.container_full { position: relative; margin: 0 auto; padding: 0; }

._sec-pd--main { padding-top: 180px; padding-bottom: 20px; }

._sec-pd--sub { padding-top: 200px; padding-bottom: 0; }

/* #Button and Link style
================================================== */
._btn-readmore { color: #ffffff; }

._btn-readmore:before { background-color: rgba(0, 0, 0, 0.6); }

._btn-booknow { color: #ffffff; background-color: #333333; padding: 6px 20px 4px; display: inline-block; min-width: 90px; text-align: center; text-transform: initial; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0); }

._btn-booknow:before { height: 0; }

._btn-booknow:hover { background-color: #333333; }

.btn__booking a { color: #ffffff; background-color: #ee3a23; display: inline-block; font-family: "Butler", sans-serif; padding: 8px 20px 8px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.btn__booking a:hover { background-color: #333333; }

.btn__download { background-color: #ee3a23; color: #ffffff; display: inline-block; font-family: "Butler", sans-serif; padding: 8px 20px 5px 50px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; background: url(../images/6GF7nbAWejBl.svg) no-repeat 20px center #ee3a23; background-size: 18px auto; }

.btn__download:hover { color: #ffffff; background-color: #333333; }

.link .wrap__link.btn__readmore { position: relative; font-family: "Butler", sans-serif; font-size: 2.4rem; line-height: 1.6; }

.link .wrap__link.btn__readmore a { position: initial; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; }

.link .wrap__link.btn__readmore a:hover { color: #ffffff; }

.link .wrap__link.btn__readmore a:before { position: absolute; content: ""; height: 1px; left: 110px; right: 20px; top: calc(50% - 1px); background-color: #ee3a23; -webkit-transform: none; transform: none; }

.link .wrap__link.btn__readmore a:after { position: absolute; content: ""; height: 8px; width: 8px; right: 0; top: calc(50% - 5px); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #ee3a23; }

.link .wrap__link.btn__readmore a span { display: inline-block; position: relative; }

.link .wrap__link.btn__readmore a span:before { position: absolute; content: ""; left: -10px; right: -10px; bottom: 1px; top: -3px; background-color: #ee3a23; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }

.link .wrap__link.btn__readmore a span:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }

.link .wrap__linkbook.btn__booknow { font-family: "Butler", sans-serif; font-size: 2.4rem; line-height: 1.6; position: relative; }

.link .wrap__linkbook.btn__booknow a:hover { color: #ffffff; }

.link .wrap__linkbook.btn__booknow a span { display: inline-block; position: relative; }

.link .wrap__linkbook.btn__booknow a span:before { position: absolute; content: ""; left: -10px; right: -10px; bottom: 1px; top: -3px; background-color: #ee3a23; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }

.link .wrap__linkbook.btn__booknow a span:hover:before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }

.link .wrap__linkbook.btn__booknow a span:hover { color: #ffffff; }

/* #Font style
================================================== */
/* #Icon
================================================== */
.icon { position: relative; display: inline-block; width: 25px; height: 25px; background-position: center center; background-repeat: no-repeat; }

.icon--guest { background: url(../images/gfxTgtyaqTw5.svg) no-repeat center center; }

.icon--size { background: url(../images/FVyLLvUggsTO.svg) no-repeat center center; }

.icon--bed { background: url(../images/VeH963TRGJFV.svg) no-repeat center center; }

.icon--bunkbed { background: url(../images/XmZkm0ge8EjM.svg) no-repeat center center; margin-left: 10px; }

/* #Photo Effect
================================================== */
._bg-full { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

._bg-full img { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* #Etc
================================================== */
.fixed_scroll { height: 100%; overflow: hidden; }

/* #Slide slide
================================================== */
.slick-list { height: auto !important; }

.slick-track { height: 100%; }

.slick-arrow { position: absolute; top: 50%; background: none; border: 0; width: 150px; z-index: 400; font-size: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.slick-arrow:hover { border: 0; background-color: inherit; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.slick-arrow:before { position: absolute; content: ""; height: 1px; width: 130px; top: 50%; background-color: #ffffff; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.slick-arrow:hover:before { width: 80px; }

.slick-prev { left: 30px; background: no-repeat left center; }

.slick-prev:before { left: 10px; }

.slick-next { right: 30px; background: no-repeat right center; }

.slick-next:before { right: 10px; }

.slick-dots { width: 50%; bottom: 70px; left: 80px; position: absolute; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.slick-dots li { display: inline-block; }

.slick-dots li button { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; width: 9px; height: 9px; padding: 0; margin: 0 4px; border: 1px solid #ffffff; background: none; font-size: 0; }

.slick-dots li.slick-active button { background-color: #ffffff; width: 10px; height: 10px; }

.indexslide { font-family: "Butler-Bold", sans-serif; font-size: 2.2rem; line-height: 1.8; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.indexslide .sdindex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding-top: 5px; }

.indexslide .space { width: 20px; text-align: center; }

.indexslide .sdnext { margin-left: 10px; cursor: pointer; }

.indexslide .sdnext img { width: 20px; height: auto; }

._btn-prevslick { cursor: pointer; }

.tx__word { display: inline-block; }

.tx__word span { display: inline-block; }

/* #Back to top
================================================== */
#back-to-top { display: none; position: fixed; z-index: 9999; width: 35px; height: 33px; cursor: pointer; background-color: rgba(102, 102, 102, 0.7); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; top: auto; right: 20px; bottom: 20px; left: auto; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }

#back-to-top:before { height: 0; }

#back-to-top.show { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=50); -webkit-opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

#back-to-top:hover { background-color: #202020; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

#back-to-top i.icon--backtotop { background: url(../images/vUK5OGlFqJuH.svg) no-repeat center center; display: block; width: 100%; height: 100%; background-size: 15px; }

/* #box layout
================================================== */
div[class*="sty__boxc"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

div[class*="sty__boxc"] .box { position: relative; overflow: hidden; margin-bottom: 20px; }

.sty__mainintro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__mainintro h2 { margin-left: -15px; }

.sty__mainintro .col1 { width: 70%; padding-left: 5%; padding-right: 10%; position: relative; }

.sty__mainintro .col1 .detail { margin-top: 40px; }

.sty__mainintro .col2 { width: 30%; margin-top: -300px; }

.sty__mainintro .col2 img { width: 100%; }

.sty__mainintro .photo__detail { padding-top: 30px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__mainintro .photo__detail .icon { width: 50px; height: auto; }

.sty__mainintro .photo__detail .text { width: calc(100% - 50px); padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sty__mainintro .photo__detail p { font-family: "BacktoBlackDemo", sans-serif; font-size: 1.5rem; }

.sty__subintro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__subintro h2 { margin-left: -5px; }

.sty__subintro .col1 { width: 70%; padding-left: 5%; padding-right: 10%; position: relative; }

.sty__subintro .col1 .detail { margin-top: 40px; }

.sty__subintro .col2 { width: 30%; /* margin-top: -300px; */ position: relative; }

.sty__subintro .col2 .photo { position: absolute; top: 0; left: 0; }

.sty__subintro .col2 img { width: 100%; }

.sty__subintro .photo__detail { padding-top: 30px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__subintro .photo__detail .icon { width: 50px; height: auto; }

.sty__subintro .photo__detail .text { width: calc(100% - 50px); padding-left: 30px; }

.sty__subintro .photo__detail p { font-family: "BacktoBlackDemo", sans-serif; font-size: 1.5rem; }

.sty__roomdetail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__roomdetail h2 { margin-left: -5px; letter-spacing: 2px; }

.sty__roomdetail .col1 { width: 70%; /* padding-left: 5%; */ padding-right: 10%; position: relative; }

.sty__roomdetail .col1 .detail { margin-top: 40px; }

.sty__roomdetail .col2 { width: 30%; position: relative; /* margin-top: -300px; */ /* img{ width: 100%; } */ }

.sty__roomdetail .col2 .sd__roomphoto .box { /* position: absolute; top: -30px; left: 0; */ height: 33vw; }

.sty__roomdetail .col2 .sd__roomphoto a { display: block; height: 100%; width: 100%; }

.sty__roomdetail .col2 .sd__roomphoto .slick-dots { width: 100%; bottom: -30px; left: 0; -webkit-box-pack: center; justify-content: center; }

.sty__roomdetail .col2 .sd__roomphoto .slick-dots li button { border: 1px solid #000; margin: 0 5px; width: 9px; height: 9px; }

.sty__roomdetail .col2 .sd__roomphoto .slick-dots li.slick-active button { background-color: #000; }

.sty__roomdetail .photo__detail { padding-top: 30px; padding-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__roomdetail .photo__detail .icon { width: 50px; height: auto; }

.sty__roomdetail .photo__detail .text { width: calc(100% - 50px); padding-left: 30px; }

.sty__roomdetail .photo__detail p { font-family: "BacktoBlackDemo", sans-serif; font-size: 1.5rem; }

.sty__roomdetail .listicon { padding-top: 30px; }

.sty__roomdetail .listicon .icon--bed { width: 28px; height: 30px; }

.sty__centerintro { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__centerintro h2 { margin-left: -5px; }

.sty__centerintro .col { padding-left: 5%; padding-right: 5%; }

.sty__centerintro .col .detail { margin-top: 40px; }

.sty__location { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; margin-top: 100px; width: 100%; }

.sty__location .col1 { width: 30%; position: absolute; left: 5%; text-align: center; margin-top: -250px; }

.sty__location .col1 .photomap { width: 100%; }

.sty__location .col1 .icon { width: 36px; height: auto; margin: 0 auto 60px; }

.sty__location .col2 { /* width: calc(80% + 10%);  */ /* margin-right: -10%; */ width: calc(100% + 10%); }

.sty__location .col2 iframe { width: 100%; height: 40vw; }

.sty__sd2photo { padding-top: 190px; }

.sty__sd2photo .slick-list { overflow: inherit !important; }

.sty__sd2photo .box > .wrap__box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__sd2photo .content { width: 30%; position: relative; padding-top: 110px; padding-left: 5%; }

.sty__sd2photo .content .wrap { width: calc(100% + 60%); position: relative; z-index: 10; /* padding-left: 60px; */ }

.sty__sd2photo .content .name { font-family: "Butler", sans-serif; font-size: 6rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px; color: #fff; }

.sty__sd2photo .content .nameshadow { font-family: "Butler", sans-serif; font-size: 6rem; line-height: 1.2; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; -webkit-clip-path: polygon(0 0, 75% 0, 75% 100%, 0 100%); clip-path: polygon(0 0, 75% 0, 75% 100%, 0 100%); color: #000; }

.sty__sd2photo .content .detail { padding-bottom: 40px; width: 65%; }

.sty__sd2photo .content .link { width: 60%; }

.sty__sd2photo .col3 { margin-top: -150px; }

.sty__sd2photo .col2 ._bg-full { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sty__sd2photo .col2.hover ._bg-full { opacity: 0.3; }

.sty__sd2photo .photo { width: 30%; position: relative; /* 	&.col2 ._bg-full{ @include transition(all, 0.6s, ease, 0s); &:hover { opacity: 0.2 !important; } } */ }

.sty__sd2photo .photo ._bg-full { position: relative; height: auto; top: auto; bottom: auto; }

.sty__sd2photo .photo ._bg-full img { width: 100%; height: auto; margin: auto; position: relative; }

.sty__introhalf { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.sty__introhalf > .wrap { width: 50%; padding-right: 5%; }

.sty__introhalf > .wrap .title { position: relative; }

.sty__introhalf > .wrap .detail { padding-bottom: 40px; }

.sty__boxc3 .box { width: calc(33.33% - 30px); }

.sty__sd3photo { padding-top: 100px; position: relative; }

.sty__sd3photo .slick-list { overflow: inherit !important; }

.sty__sd3photo h5 { font-size: 6rem; line-height: 1.2; text-transform: uppercase; padding-bottom: 13px; }

.sty__sd3photo .box { /* padding: 0 60px; */ }

.sty__sd3photo .box .photo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.sty__sd3photo .box .photo ._bg-full { position: relative; height: auto; top: auto; bottom: auto; }

.sty__sd3photo .box .photo ._bg-full img { width: 100%; height: auto; margin: auto; position: relative; }

.sty__sd3photo .box .photo .col1 { width: 30%; margin-top: -160px; }

.sty__sd3photo .box .photo .col2 { width: 55%; margin-right: 5%; margin-left: 5%; }

.sty__sd3photo .box .photo .col3 { width: 30%; position: absolute; right: 100%; top: 0; }

.sty__sd3photo .box .text { padding-left: 5%; position: relative; z-index: 10; }

.sty__sd3photo .box .text .wrap__text { width: 70%; margin-top: -110px; position: relative; }

.sty__sd3photo .box .text .wrap__text .title { position: relative; /* span{ display: block; display: none; position: absolute; top: 0; left: 0; color: $col-tx--white; @include fontset(lg60); font-family: $font--title; text-transform: uppercase; width: 100%; &:before{ position: absolute; content: ""; height: 100%; width: 47%; right: 0; top: 0; background-color: #fff; mix-blend-mode: lighten; } } */ }

.sty__sd3photo .box .text .wrap__text .title h5 { position: relative; color: #fff; }

.sty__sd3photo .box .text .wrap__text .title h5:before { position: absolute; content: ""; height: 100%; width: 47%; right: 0; top: 0; /* background-color: #fff; */ }

.sty__sd3photo .box .text .wrap__text .titleshadow { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; -webkit-clip-path: polygon(0 0, 52.7% 0, 52.7% 100%, 0 100%); clip-path: polygon(0 0, 52.7% 0, 52.7% 100%, 0 100%); }

.sty__sd3photo .box .text .wrap__text .titleshadow h5 { color: #000; }

.sty__sd3photo .box .text .link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__sd3photo .box .text .link .wrap__link.btn__readmore { width: calc(100% - 140px); }

.sty__sd3photo .box .text .link .wrap__linkbook.btn__booknow { width: 120px; text-align: right; }

.sty__sd3photo .box .text .link .wrap__linkbook.btn__booknow a:hover { /* color: $col-tx--highlight; */ }

.sty__sd3photo .listicon { padding-bottom: 40px; }

.sty__sd3photo .listicon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__sd3photo .listicon li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; margin-right: 50px; }

.sty__sd3photo .listicon .icon { margin-right: 10px; }

.sty__sd3photo .detail { padding-bottom: 20px; }

.sdindex__accommodation { position: absolute; right: -80px; top: 50%; }

.sty__roombox { padding-top: 100px; position: relative; }

.sty__roombox h5 { font-size: 6rem; line-height: 1.2; text-transform: uppercase; padding-bottom: 13px; }

.sty__roombox .box { padding-top: 160px; padding-bottom: 160px; }

.sty__roombox .box .photo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.sty__roombox .box .photo ._bg-full { position: relative; height: auto; top: auto; bottom: auto; }

.sty__roombox .box .photo ._bg-full img { width: 100%; height: auto; margin: auto; position: relative; }

.sty__roombox .box .photo .col1 { width: 30%; margin-top: -160px; }

.sty__roombox .box .photo .col2 { width: 55%; margin-right: 5%; margin-left: 5%; }

.sty__roombox .box .photo .col3 { width: 30%; position: absolute; right: 100%; top: 0; }

.sty__roombox .box .text { padding-left: 5%; position: relative; z-index: 10; }

.sty__roombox .box .text .wrap__text { width: 70%; margin-top: -110px; position: relative; }

.sty__roombox .box .text .wrap__text .title { position: relative; /* span{ display: block; display: none; position: absolute; top: 0; left: 0; color: $col-tx--white; @include fontset(lg60); font-family: $font--title; text-transform: uppercase; width: 100%; &:before{ position: absolute; content: ""; height: 100%; width: 47%; right: 0; top: 0; background-color: #fff; mix-blend-mode: lighten; } } */ }

.sty__roombox .box .text .wrap__text .title h5 { position: relative; color: #fff; }

.sty__roombox .box .text .wrap__text .title h5:before { position: absolute; content: ""; height: 100%; width: 47%; right: 0; top: 0; /* background-color: #fff; */ }

.sty__roombox .box .text .wrap__text .titleshadow { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; -webkit-clip-path: polygon(0 0, 52.7% 0, 52.7% 100%, 0 100%); clip-path: polygon(0 0, 52.7% 0, 52.7% 100%, 0 100%); }

.sty__roombox .box .text .wrap__text .titleshadow h5 { color: #000; }

.sty__roombox .box .text .link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sty__roombox .box .text .link .wrap__link.btn__readmore { width: calc(100% - 140px); }

.sty__roombox .box .text .link .wrap__linkbook.btn__booknow { width: 120px; text-align: right; }

.sty__roombox .box .text .link .wrap__linkbook.btn__booknow a:hover { color: #ee3a23; }

.sty__roombox .listicon { padding-bottom: 40px; }

.sty__roombox .listicon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.sty__roombox .listicon li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; margin-right: 50px; }

.sty__roombox .listicon .icon { margin-right: 10px; }

.sty__roombox .detail { padding-bottom: 20px; }

.sty__listoffer .box { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; padding-left: 5%; padding-right: 5%; -webkit-box-pack: justify; justify-content: space-between; margin-bottom: 100px; }

.sty__listoffer .box .photo { width: 30%; }

.sty__listoffer .box .photo ._bg-full { position: relative; height: auto; top: auto; bottom: auto; }

.sty__listoffer .box .photo ._bg-full img { width: 100%; height: auto; margin: auto; position: relative; }

.sty__listoffer .box .text { width: 60%; padding-top: 60px; }

.sty__listoffer .box .text .title { text-transform: uppercase; }

.sty__listoffer .box .text h4 { margin-bottom: 13px; }

.sty__listoffer .box .text .detail { padding-bottom: 20px; }

.sty__listoffer .box .text .detail ul { line-height: 1.6; margin-bottom: 20px; }

.sty__listoffer .box .text .date { font-style: italic; }

.sty__listoffer .box .text .wrap__link, .sty__listoffer .box .text .wrap__linkbook { display: inline-block; }

.sty__listoffer .box .text .link .wrap__link.btn__readmore { width: calc(100% - 140px); }

.sty__listoffer .box .text .link .wrap__linkbook.btn__booknow { width: 120px; text-align: right; }

.sty__listoffer .box .text .link .wrap__linkbook.btn__booknow a:hover { color: #ee3a23; }

.sty__sd2col { margin-left: -20px; margin-right: -20px; }

.sty__sd2col .box { padding: 0 20px; }

.sty__sd2col .box h5 { text-transform: uppercase; }

.sty__sd2col .box a { width: 100%; display: block; height: 60vw; }

.sec__offer-creditcard { padding-top: 60px; }

.sec__offer-creditcard h2 { color: #000000; }

/* # cursor Setting
================================================== */
.cursor { display: none; position: fixed; width: 80px; height: 80px; z-index: 999999; /* background-color: #000; */ cursor: none; /* 	left: -40px; top: -50px; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.cursor.active { display: block; }

.cursor > div { display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; left: -40px; top: -40px; position: relative; }

.cursor .cu__draggable { width: 80px; height: 80px; }

.cursor > div.active { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }

.fancybox-container .fancybox-thumbs__list a::before { border: 1px solid #fff; }

/* #Header
================================================== */
header { position: absolute; top: 0; left: 0; right: 0; z-index: 99; padding-top: 30px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

header .col1 { width: calc(50% - 140px); text-align: right; -webkit-box-pack: end; justify-content: flex-end; letter-spacing: 2px; }

header .col1 > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

header .col1 > ul > li { margin-left: 45px; }

header .col2 { width: 280px; text-align: center; }

header .col2 img { width: 120px; /* @include transition(all, 0.6s, ease, 0s); */ }

header .col3 { width: calc(50% - 140px); text-align: left; -webkit-box-pack: start; justify-content: flex-start; }

header .col3 > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

header .col3 > ul > li { margin-right: 40px; }

header .col3 > ul > li:last-child { margin-right: 0; }

header .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

header .menu > ul > li > a { font-family: "Butler", sans-serif; text-transform: uppercase; color: #ffffff; font-size: 1.5rem; position: relative; }

header .menu > ul > li > a:hover { /* color: $col-tx--highlight; */ }

header .menu > ul > li > a:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -3px; background-color: #ee3a23; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

header .menu > ul > li > a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

header .menu li.hassub ul.wrap__submenu { position: absolute; display: block; text-align: left; width: 300px; padding: 0; max-height: 0; overflow: hidden; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .menu li.hassub ul.wrap__submenu:before { position: absolute; content: ""; height: 20px; width: 20px; left: 40px; top: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; }

header .menu li.hassub ul.wrap__submenu li { background-color: #fff; }

header .menu li.hassub ul.wrap__submenu a { color: #333333; padding: 7px 20px 3px 20px; font-size: 0.8em; letter-spacing: 1px; }

header .menu li.hassub ul.wrap__submenu a:after { position: absolute; content: ""; height: 100%; width: 3px; left: 0; top: 0; }

header .menu li.hassub ul.wrap__submenu li:first-child { padding-top: 10px; }

header .menu li.hassub ul.wrap__submenu li:last-child { padding-bottom: 10px; }

header .menu li.hassub ul.wrap__submenu a:hover { padding-left: 15px; color: #ee3a23; }

header .menu li.hassub ul.wrap__submenu a:hover:after { background-color: #ee3a23; }

header .menu li.hassub:hover ul.wrap__submenu { max-height: 400px; padding: 10px 0 0; }

header .lang { position: absolute; right: 0; top: 53px; width: 70px; max-height: 25px; overflow: hidden; -webkit-transition: max-height 0.6s ease 0s; -moz-transition: max-height 0.6s ease 0s; -o-transition: max-height 0.6s ease 0s; -ms-transition: max-height 0.6s ease 0s; transition: max-height 0.6s ease 0s; }

header .lang ul { padding-top: 25px; position: relative; }

header .lang ul li:last-child { margin-top: 3px; }

header .lang ul li.active { position: absolute; top: 0; left: 0; }

header .lang a { color: #ffffff; text-transform: uppercase; font-size: 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

header .lang a img { width: 20px; margin-right: 10px; }

header .lang a:hover { color: #ee3a23; }

header .lang .btn__langdropdown { position: absolute; top: 0; right: 0; width: 70px; height: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; cursor: pointer; z-index: 10; }

header .lang .btn__langdropdown img { width: 10px; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

header .lang.active { max-height: 200px; }

header .lang.active .btn__langdropdown img { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

header .bookinglink { top: 10px; right: 0; width: 100px; position: absolute; display: none; }

header .bookinglink a { background-color: #ee3a23; color: #fff; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; display: block; width: 110px; text-align: center; text-transform: uppercase; font-family: "Butler", sans-serif; font-size: 1.4rem; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }

header .bookinglink a:hover { background-color: #333333; color: #fff; }

header.fix_top { position: fixed; top: 0; left: 0; height: 50px; width: 100%; background-color: rgba(0, 0, 0, 0.9); padding-top: 0px; }

header.fix_top .container { -webkit-box-pack: start; justify-content: flex-start; padding-top: 8px; }

header.fix_top .col1 { -webkit-box-pack: start; justify-content: flex-start; width: auto; margin-left: 90px; }

header.fix_top .col3 { -webkit-box-pack: start; justify-content: flex-start; width: auto; }

header.fix_top .menu li { margin: 0; margin-right: 40px; }

header.fix_top .col2 { height: 40px; overflow: hidden; position: absolute; left: 0; top: 4px; text-align: left; width: 100px; }

header.fix_top .col2 img { width: 54px; }

header.fix_top .lang { top: 15px; padding: 0 10px; width: 80px; display: none; }

header.fix_top .lang ul { padding-top: 40px; }

header.fix_top .lang ul:before { position: absolute; content: ""; left: -10px; top: 35px; right: -10px; bottom: 0px; background-color: #000; }

header.fix_top .lang ul li:last-child { padding-bottom: 5px; }

header.fix_top .bookinglink { display: block; }

.btn__mobilemenu { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; width: 40px; height: 40px; position: absolute; right: 60px; top: 35px; cursor: pointer; }

.btn__mobilemenu .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.btn__mobilemenu span { background: #ffffff; height: 2px; width: 100%; display: block; margin: 5px 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.btn__mobilemenu:hover span:nth-child(2) { width: 60%; }

.sec__mobilemenu { width: 100%; top: 0; bottom: 0; left: 0; z-index: 999; background-color: #fff; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; top: -100%; height: 100%; /* bottom: 100%; overflow: hidden; */ }

.sec__mobilemenu.active { top: 0px; /*  padding: 60px 160px 60px 160px; min-height: 300px; */ }

.sec__mobilemenu a { font-family: "Butler", sans-serif; text-transform: uppercase; }

.sec__mobilemenu .wrap { width: calc(100% - 200px); }

.sec__mobilemenu ul li { /* @include opacity(0); */ }

.sec__mobilemenu ul li a { padding: 5px 0; display: inline-block; font-size: 2.2rem; }

.sec__mobilemenu ul li .wrap__submenu { margin-left: 30px; margin-bottom: 10px; }

.sec__mobilemenu ul li .wrap__submenu li { position: relative; }

.sec__mobilemenu ul li .wrap__submenu li:before { position: absolute; content: ""; height: 6px; width: 6px; left: -20px; top: 12px; background-color: #ee3a23; border-radius: 50%; }

.sec__mobilemenu ul li .wrap__submenu a { padding: 0; color: #666666; font-size: 1.8rem; }

.sec__mobilemenu .btn__closemenu { width: 40px; height: 40px; position: absolute; z-index: 10; top: 20px; right: 18px; cursor: pointer; }

.sec__mobilemenu .btn__closemenu span { display: block; width: 100%; height: 100%; }

.sec__mobilemenu .btn__closemenu span:before { position: absolute; content: ""; height: 2px; width: 100%; left: 4px; top: calc(50% - 15px); background-color: #333333; -webkit-transform: rotate(45deg) scaleX(0); transform: rotate(45deg) scaleX(0); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; }

.sec__mobilemenu .btn__closemenu span:after { position: absolute; content: ""; height: 2px; width: 100%; right: 10px; top: calc(50% - 15px); background-color: #333333; -webkit-transform: rotate(-45deg) scaleX(0); transform: rotate(-45deg) scaleX(0); -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; -ms-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.sec__mobilemenu .btn__closemenu.active > span:before { -webkit-transform: rotate(45deg) scaleX(1); transform: rotate(45deg) scaleX(1); -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sec__mobilemenu .btn__closemenu.active > span:after { -webkit-transform: rotate(-45deg) scaleX(1); transform: rotate(-45deg) scaleX(1); -webkit-transition: all 0.6s ease 0.3s; -moz-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; -ms-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; }

/* #footer
================================================== */
footer { padding-bottom: 40px; padding-top: 120px; }

footer .wrap__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

footer a:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: -3px; background-color: #ee3a23; -webkit-transition: transform 0.6s ease-out 0s; -moz-transition: transform 0.6s ease-out 0s; -o-transition: transform 0.6s ease-out 0s; -ms-transition: transform 0.6s ease-out 0s; transition: transform 0.6s ease-out 0s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right; transform-origin: right; }

footer a:hover:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left; }

footer .col1.social { width: 20%; padding-left: 60px; }

footer .col1.social .wrap li { margin-bottom: 40px; }

footer .col1.social .wrap img { width: 30px; }

footer .col1.social .wrap a { display: block; width: 30px; height: 30px; }

footer .col1.social .wrap a:before { display: none; }

footer .col1.social .wrap path, footer .col1.social .wrap circle { -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

footer .col1.social .wrap a:hover path, footer .col1.social .wrap a:hover circle { fill: #ee3a23; }

footer .col2.contentfooter { width: 80%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

footer .wrap__address { width: 50%; padding-right: 60px; font-size: 1.4rem; line-height: 1.6; }

footer .wrap__address .hotelname { font-family: "Butler-Bold", sans-serif; text-transform: uppercase; font-size: 1.8rem; line-height: 1.8; margin-bottom: 10px; }

footer .wrap__address .hotelcontact { margin-bottom: 40px; }

footer .wrap__address .officename { font-weight: bold; }

footer .wrap__newsletter { width: 50%; /* @include flex; -webkit-box-align: end; align-items: flex-end; */ }

footer .wrap__newsletter .wrap { display: block; }

footer .wrap__newsletter .footermenu ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

footer .wrap__newsletter .footermenu ul li { padding-right: 15px; margin-right: 16px; position: relative; }

footer .wrap__newsletter .footermenu ul li:before { position: absolute; content: ""; width: 1px; right: 0; top: 10px; bottom: 7px; background-color: #000000; }

footer .wrap__newsletter .footermenu ul li:last-child { margin-right: 0; }

footer .wrap__newsletter .footermenu ul li:last-child:before { width: 0; }

footer .wrap__newsletter .footermenu a { font-size: 1.6rem; line-height: 1.8; }

footer .rowfooter_1 { background-color: #eeeeee; margin-top: 50px; padding-top: 20px; padding-bottom: 20px; }

footer .rowfooter_1 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

footer .rowfooter_2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

footer .footerlogo { width: 80%; }

footer .footerlogo .sd__footerlogo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; position: relative; padding-left: 60px; /* .slick-slide > div{ height: 100%; } */ }

footer .footerlogo .sd__footerlogo:before { position: absolute; content: ""; height: 100%; width: 1px; left: 0; top: 0; background-color: #555; }

footer .footerlogo .sd__footerlogo .box { margin-right: 60px; }

footer .footerlogo .sd__footerlogo .box .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; height: 100%; }

footer .footerlogo .sd__footerlogo .box img { height: 60px; width: auto; }

footer .footerlogo .sd__footerlogo .box:last-child { margin-right: 0; }

footer .footerlogo .sd__footerlogo .box a:before { display: none; }

footer .footerlogo .sd__footerlogo .grouplogo { position: absolute; left: -110px; margin: 0; }

footer .wrap__copyright { width: 80%; font-size: 1.4rem; line-height: 1.6; padding-top: 40px; }

span.space { width: 15px; display: inline-block; }

/* # Newsletter
================================================== */
.newsletter { padding-top: 40px; }

.newsletter input { width: calc(100% - 139px); }

.newsletter button._btn-submit { position: absolute; right: 0; top: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; width: 140px; }

.newsletter button._btn-submit.btnclose { width: 100%; }

.newsletter .subject { font-family: "Butler-Bold", sans-serif; text-transform: uppercase; padding-bottom: 20px; }

.newsletter .inputfield { position: relative; }

.newsletter .wrap--loading { position: absolute; width: 320px; font-size: 1.2rem; display: none; }

.newsletter .wrap--loading.active { display: block; }

.newsletter .wrap--loading .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: start; justify-content: flex-start; }

.newsletter .wrap--loading svg { width: 40px; }

.newsletter .errorTxt { position: absolute; top: calc(100% + 2px); color: #cc0000; font-size: 1.2rem; line-height: 1.4; }

.newsletter .formSuccess1 { font-size: 1.4rem; line-height: 1.6; color: #0f9866; }

/* #Main slide -- fullpage
================================================== */
.sd__mainslide { background-color: #000000; position: relative; }

.sd__mainslide:before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; top: 0; background: url(../images/qnrmyx4kWCjE.png) repeat-x top; z-index: 10; }

.sd__mainslide .box { height: 100vh; width: 100%; }

.sd__mainslide .box ._bg-full { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=70); -webkit-opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

.sd__mainslide .slick-list ._bg-full { height: 100%; position: absolute; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 15s; transition: -webkit-transform 15s; transition: transform 15s; transition: transform 15s, -webkit-transform 15s; }

.sd__mainslide .slick-list .slick-active ._bg-full { -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: -webkit-transform 30s; transition: -webkit-transform 30s; transition: transform 30s; transition: transform 30s, -webkit-transform 30s; }

.sd__mainslide.halfslide .box { height: calc(100vh - 280px); width: 100%; min-height: 550px; }

.sd__mainslide .slick-arrow { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 20%; bottom: 20%; height: auto; }

.sd__mainslide .slick-arrow:hover { background-color: initial; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

.sd__mainslide .slick-arrow:before { display: none; }

.sd__mainslide .slick-arrow.slick-prev:after { position: absolute; content: ""; height: 30px; width: 30px; left: 0px; top: calc(50% - 15px); background: url(../images/7RmGeZZoRp9p.svg) no-repeat center center; background-size: 31px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sd__mainslide .slick-arrow.slick-prev:hover:after { left: -15px; }

.sd__mainslide .slick-arrow.slick-next:after { position: absolute; content: ""; height: 30px; width: 30px; right: 0px; top: calc(50% - 15px); background: url(../images/oNf38Kz1x8hM.svg) no-repeat center center; background-size: 31px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.sd__mainslide .slick-arrow.slick-next:hover:after { right: -15px; }

.wrap__slidecontent { position: absolute; bottom: 80px; left: calc(8.33333% + 120px); z-index: 10; color: #ffffff; text-align: left; font-family: "Butler", sans-serif; }

.wrap__slidecontent .text__title { font-size: 8rem; line-height: 1.2; text-shadow: 3px 1px 3px rgba(0, 0, 0, 0.3); letter-spacing: 2px; }

.wrap__slidecontent .text__detail { font-size: 2.4rem; line-height: 1.6; }

.wrap__slidecontent .btn { padding-top: 30px; }

.wrap__slidecontent ._btn-reservation { display: block; background-color: #ee3a23; color: #ffffff; font-family: "Butler-Bold", sans-serif; width: 390px; text-align: center; letter-spacing: 2px; font-size: 2.2rem; line-height: 1.8; padding: 9px 0 0; }

.wrap__slidecontent ._btn-reservation span { font-size: 3.6rem; line-height: 1.6; text-transform: uppercase; }

.wrap__scrolldown { position: absolute; left: calc(8.33333% + 3%); bottom: 80px; z-index: 10; }

.wrap__scrolldown .scrolldownbar { height: 190px; width: 1px; margin-left: 9px; background-color: #fff; }

.wrap__scrolldown img { width: 20px; }

.sec__mainslide.half .sd__mainslide .box { height: 40vw; min-height: 650px; }

.sec__mainslide.half .wrap__scrolldown { bottom: 60px; }

.sec__mainslide.half .wrap__slidecontent { bottom: 60px; }

/* #Home
================================================== */
.sec__maincontent--home .bg__title { left: 10px; }

.sec__facilities--home .wrap__slide { position: relative; }

.sec__facilities--home .title { position: relative; text-align: center; }

.sec__facilities--home .title .wrap__center { display: inline-block; position: relative; }

.sec__facilities--home .list__iconfacilities { position: absolute; top: 90px; width: 100%; left: 0; }

.sec__facilities--home .list__iconfacilities .wrap { width: 30%; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; }

.sec__facilities--home .list__iconfacilities img { width: 50px; height: auto; margin: 0 20px; }

.sec__facilities--home .indexslide { width: 30%; position: absolute; right: 0; top: 40vw; }

.sec__location--home .mappin { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: end; align-items: flex-end; -webkit-box-pack: center; justify-content: center; }

.sec__location--home .mappin img { width: 40px; height: auto; }

.sec__location--home .sty__introhalf > .wrap { width: 80%; padding: 0 0 0; margin: auto; }

.sec__instagram h4 { margin-bottom: 0px; }

.sec__instagram .title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__instagram .wrap__left { width: 50%; }

.sec__instagram .wrap__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: end; align-items: flex-end; }

.sec__instagram .wrap__slide { padding-top: 60px; overflow: hidden; }

.sec__instagram .sd__instagram .wrap__instagram { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-transition: all 0.8s cubic-bezier(0, 0.1, 0.2, 1.46) 0s; -moz-transition: all 0.8s cubic-bezier(0, 0.1, 0.2, 1.46) 0s; -o-transition: all 0.8s cubic-bezier(0, 0.1, 0.2, 1.46) 0s; -ms-transition: all 0.8s cubic-bezier(0, 0.1, 0.2, 1.46) 0s; transition: all 0.8s cubic-bezier(0, 0.1, 0.2, 1.46) 0s; cursor: none !important; }

.sec__instagram .nav-item { /* margin-right: 5.556vw; */ margin-right: 30px; display: inline-block; width: 25vw; height: 25vw; /* &:nth-child(4n+1) { width: 33.333vw; height: 33.333vw} &:nth-child(4n+2) { width: 22.222vw; height: 22.222vw; margin-top: 19.375vw } &:nth-child(4n+3) { width: 16.667vw; height: 16.667vw; margin-top: 5.556vw } &:nth-child(4n+4) { width: 27.778vw; height: 27.778vw; margin-top: 13.75vw } &:last-child{ margin-right: 0; } */ }

/* # scroll Horizontal
================================================== */
.scroll { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }

.scroll::-webkit-scrollbar { display: none; }

.flickity-enabled { position: relative; }

.flickity-enabled:focus { outline: none; }

.flickity-viewport { position: relative; height: 100%; width: 100%; }

.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* Draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* # Accommodation
================================================== */
.sec__maincontent--accommodation h2 { letter-spacing: 4px; }

.sec__moreroom h4 { font-size: 6rem; }

.sec__moreroom .sty__sd3photo h5 { font-size: 4rem; letter-spacing: 2px; }

.sec__moreroom .sty__sd3photo { padding-top: 30px; }

.sec__moreroom .sty__sd3photo .box .text .link { width: 47%; }

.sec__moreroom .sty__sd3photo .box .text .link .wrap__link.btn__readmore { width: calc(100% - 30px); }

/* #Contact us
================================================== */
.sec__contactform { width: 70%; padding-left: 5%; padding-right: 10%; padding-top: 60px; }

.sec__contactform label.error { color: #cc0000; font-size: 0.7em; float: left; padding: 5px 0 0; }

.sec__contactform .row { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-bottom: 20px; }

.sec__contactform .subject { width: 200px; /* text-align: right; */ padding: 0 20px 0 0; }

.sec__contactform .inputfield { width: calc(100% - 200px); }

.sec__contactform .-pass .inputfield { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.sec__contactform .-pass .wrap_verify { width: 80px; background-color: #efefef; padding-top: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.sec__contactform .-pass .wrap_pass { width: calc(100% - 90px); }

.sec__contactform .-btn button[value="Submit"] { width: calc(50% - 5px); margin-right: 10px; float: left; }

.sec__contactform .-btn button[value="Reset"] { width: calc(50% - 5px); float: left; }

.sec__contactform .-remark { font-size: 1.4rem; text-align: left; }

.custom-select { position: relative; }

.custom-select select { display: none; }

.custom-select .select-hide { display: none; }

.custom-select .select-selected { background-color: #ffffff; border: 1px solid #172625; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 10px 10px 10px; text-align: left; font-size: 1.4rem; line-height: 1.6; color: #333333; }

.custom-select .select-selected:after { position: absolute; content: ""; height: 30px; width: 30px; right: 5px; top: 8px; background: url(../images/NkYRW9UJ4CMY.svg) center center no-repeat; background-size: 40px auto; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.custom-select .select-selected.select-arrow-active:after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.custom-select .select-items { position: absolute; border: 1px solid #ccc; background-color: #fdfdfd; top: calc(100% - 1px); left: 0; right: 0; z-index: 99; box-shadow: 2px 2px 4px 0px #f1f1f1; padding: 5px; }

.custom-select .select-items div { color: #333333; padding: 8px 16px; cursor: pointer; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.custom-select .select-items div:hover { font-weight: bold; background-color: #f1f1f1; }

.custom-select .same-as-selected { font-weight: bold; }

.timeopen { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; padding-top: 30px; }

.timeopen .icon--time { background: url(../images/R02FYp3SOkBR.svg) no-repeat center center; background-size: 30px; height: 30px; width: 30px; display: inline-block; margin-right: 15px; }

/* # dining
================================================== */
.dining__page .sty__subintro { padding-bottom: 30px; }

.dining__page .sec__listdining { z-index: 1; }

.dining__page .sec__listdining .wrap__sec { padding-left: 5%; padding-right: 5%; }

.dining__page .sec__listdining .sty__slidephoto { width: 100%; }

.dining__page .sec__listdining .sty__slidephoto img { width: 100%; }

.dining__page .row__dining { margin-top: 90px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; }

.dining__page .row__dining h4 { margin-bottom: 0; }

.dining__page .row__dining .timeopen { margin: 0; padding: 10px 0 30px; font-size: 0.8em; }

.dining__page .row__dining .timeopen .icon--capacity { background: url(../images/mQjFEdRDMfRc.svg) no-repeat center center; background-size: 30px; height: 30px; width: 30px; display: inline-block; margin-right: 15px; margin-left: 30px; }

.dining__page .row__dining .timeopen > div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; }

.dining__page .row__dining .row__detail { margin: 0; }

.dining__page .row__dining .col1 { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }

.dining__page .row__dining .col2 { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.dining__page .row__dining .col2 > .photo { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; }

.dining__page .row__dining:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-flow: row-reverse; }

.dining__page .row__dining:nth-child(odd) .col2 { -webkit-box-pack: start; justify-content: flex-start; }

.dining__page .row__dining:nth-child(odd) .col2 > .photo { -webkit-box-pack: start; justify-content: flex-start; }

.sty__slidephoto { width: 100%; max-width: 420px; }

.sty__slidephoto .slick-dots { width: 100%; bottom: -30px; left: 0; -webkit-box-pack: center; justify-content: center; }

.sty__slidephoto .slick-dots li button { border: 1px solid #000; margin: 0 5px; width: 9px; height: 9px; }

.sty__slidephoto .slick-dots li.slick-active button { background-color: #000; }

.sec__diningmenu { padding-top: 200px; }

.sec__listdiningmenu { padding-top: 60px; }

.sec__listdiningmenu .photo a { display: block; height: 17vw; width: 100%; }

.sec__listdiningmenu .detail { text-align: center; padding-top: 20px; }

/* # facilities and service
================================================== */
#inquiry__form .wrap__form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; font-size: 1.4rem; }

#inquiry__form .-title, #inquiry__form .-mess, #inquiry__form .-pass { width: 100%; }

#inquiry__form .-name, #inquiry__form .-email, #inquiry__form .-phone, #inquiry__form .-btn, #inquiry__form .-remark { width: calc(50% - 10px); }

#inquiry__form .row { margin-bottom: 10px; }

#inquiry__form .-remark { font-size: 1.4rem; }

#inquiry__form .-remark .inputfield { line-height: 1.3; }

#inquiry__form h4 { margin-bottom: 10px; font-size: 3rem; }

#inquiry__form h4 span { font-size: 0.7em; }

#inquiry__form textarea { height: auto; }

#inquiry__form .inputfield { position: relative; }

#inquiry__form .wrap_verify { position: absolute; top: 5px; left: 5px; z-index: 99; }

#inquiry__form .wrap_verify img { height: 37px; }

#inquiry__form .wrap_pass input { padding-left: 90px; }

#inquiry__form label.error { color: #cc0000; font-size: 0.8em; position: absolute; right: 0; top: calc(100% - 2px); }

.wrap--inquiryloading { display: none; }

.wrap--inquiryloading svg { width: 60px; }

.wrap--inquiryloading .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.wrap--inquiryloading.active { display: block; }

.fancybox-button:hover { background: none; }

.alert--inquirymessage { width: 100%; }

.formSuccess2 { background-color: #cc0000; text-align: center; width: 100%; color: #fff; padding: 5px 10px; margin-top: 10px; }

#wrap__inquiry__form .errorTxt { width: 100%; }

#wrap__inquiry__form .formSuccess1 { font-size: 1.4rem; line-height: 1.6; border: 1px solid #0f9866; text-align: center; background-color: #ddfff3; padding: 10px; font-weight: bold; }

/* # Offer
================================================== */
.offer__page .sty__centerintro { padding-bottom: 100px; }

.offer__page .link .wrap__link.btn__readmore a:before { left: 120px; }

.service__page .sty__roombox .box .text { padding-top: 60px; }

.service__page .sty__roombox .box .text .wrap__text { position: relative; }

.fancybox-content.popup__offer { max-width: 800px; width: 100%; }

.fancybox-content.popup__offer h5 { margin-bottom: 20px; }

.fancybox-content.popup__offer .detail { font-size: 1.4rem; }

.fancybox-content.popup__offer ul { margin-bottom: 20px; }

.fancybox-content.popup__offer ul ul { margin-bottom: 0; list-style-type: circle; }

.fancybox-content.popup__offer .link { padding-top: 10px; }

.fancybox-content.popup__offer .link a { background-color: #ee3a23; color: #fff; display: inline-block; padding: 4px 20px 2px; }

.fancybox-content.popup__offer .link a:hover { background-color: #000; }

/* #Map
================================================== */
.sec__map .wrap__map { height: 35vw; }

.sec__map #map-canvas { height: 100%; }

.sec__map #product-right { padding: 20px 12px 20px 10px; text-align: center; }

.sec__map #product-right img { margin-bottom: 15px; width: 120px; }

/* #Gallery
================================================== */
#page__gallery .sec__maincontentpage { padding-bottom: 50px; }

#page__gallery #sec__gallery { padding-bottom: 40px; }

.filter-button-group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: center; justify-content: center; flex-flow: wrap; padding: 0 0 30px; }

.filter-button-group button { background: none; border: 0; border-top: 1px solid #333333; border-bottom: 1px solid #333333; color: #333333; display: inline-block; width: auto; font-size: 1.6rem; height: 30px; margin: 0 7px; padding: 5px 10px; position: relative; margin-bottom: 15px; }

.filter-button-group button:hover { color: #ffffff; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }

.filter-button-group button.active { color: #ffffff; }

.filter-button-group button:before { content: ""; z-index: -1; width: 100%; height: 0%; background: #333333; bottom: 0; left: 0; position: absolute; -webkit-transition: height 250ms; transition: height 250ms; }

.filter-button-group button:hover:before, .filter-button-group button.active:before { height: 100%; }

.box_gallery-list .box { width: 20%; padding: 5px; position: relative; }

.box_gallery-list .box img { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=80); -webkit-opacity: 0.8; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box ._detail { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: #ffffff; z-index: 110; font-size: 1.6rem; line-height: 1.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.box_gallery-list .box a { display: block; border: 0; background-color: #000000; padding: 0; }

.box_gallery-list .box a:before { border: 1px solid rgba(255, 255, 255, 0); z-index: 99; width: calc(100% - 2px); height: calc(100% - 2px); top: 0; left: 0; background: none; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }

.box_gallery-list .box a:hover:before { border: 1px solid white; -webkit-transform: scale(0.8); transform: scale(0.8); }

.box_gallery-list .box a:hover img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=30); -webkit-opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }

.box_gallery-list .box a:hover ._detail { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$alpha*100)"; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }

/* # Roomtype
================================================== */
.roomtype__page .listicon ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }

.roomtype__page .listicon li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; margin-right: 30px; }

.roomtype__page .listicon i { margin-right: 10px; }

.roomtype__page .link { padding: 20px 0; }

.roomtype__page .link .wrap__link.btn__readmore a:before { left: 120px; }

.sec__room-amenit .room__amenit { padding: 60px; background-color: #f7f7f7; margin-top: 120px; }

.sec__room-amenit .titleamenit { font-family: "Butler", sans-serif; text-transform: uppercase; font-size: 1.2em; }

.sec__room-amenit .list__iconamenities { margin-top: 40px; }

.sec__room-amenit .list__iconamenities li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: start; align-items: flex-start; -webkit-box-pack: start; justify-content: flex-start; width: 33.33%; line-height: 1.4; font-size: 0.8em; margin-bottom: 20px; padding-right: 20px; }

.sec__room-amenit .list__iconamenities span { display: block; width: calc(100% - 45px); padding-top: 5px; }

.sec__room-amenit .list__iconamenities i { width: 30px; height: 30px; display: block; margin-right: 15px; background-repeat: no-repeat; background-size: 100% auto; background-position: center; }

.sec__room-amenit .list__iconamenities .icon--bed { background-image: url(../images/B7E87kCp63Wv.svg); }

.sec__room-amenit .list__iconamenities .icon--shower { background-image: url(../images/dqxgi3cvDLb9.svg); }

.sec__room-amenit .list__iconamenities .icon--bathamenities { background-image: url(../images/nhM0MX8ayrbq.svg); }

.sec__room-amenit .list__iconamenities .icon--bathrobes { background-image: url(../images/lRJk1o9GcouN.svg); }

.sec__room-amenit .list__iconamenities .icon--hairdryer { background-image: url(../images/p5Gyg1HhrAfh.svg); }

.sec__room-amenit .list__iconamenities .icon--air { background-image: url(../images/C10mzZkq4zzT.svg); }

.sec__room-amenit .list__iconamenities .icon--tv { background-image: url(../images/QAJGYJrQPL5p.svg); }

.sec__room-amenit .list__iconamenities .icon--wireless { background-image: url(../images/2lVgsqBrBfZm.svg); }

.sec__room-amenit .list__iconamenities .icon--phone { background-image: url(../images/MYxHInGxABjE.svg); }

.sec__room-amenit .list__iconamenities .icon--safe { background-image: url(../images/SqqJoiE5ZaJL.svg); }

.sec__room-amenit .list__iconamenities .icon--mini-bar { background-image: url(../images/VY5Orkae7onL.svg); }

.sec__room-amenit .list__iconamenities .icon--coffee { background-image: url(../images/dld37uX2BXaL.svg); }

.sec__room-amenit .list__iconamenities .icon--bottled { background-image: url(../images/2BJdMGLAOGPm.svg); }

.sec__room-amenit .list__iconamenities .icon--crib { background-image: url(../images/nK8WebvTwkWo.svg); }

.sec__room-amenit .list__iconamenities .icon--kettle { background-image: url(../images/6QKOZ72NNwRs.svg); }

.sec__room-amenit .list__iconamenities .icon--refrigerator
 { background-image: url(../images/SYrfWdhghz7W.svg); }

.sec__room-amenit .list__iconamenities .icon--closet { background-image: url(../images/T8ybvepaONQ2.svg); }

.sec__room-amenit .list__iconamenities .icon--towels { background-image: url(../images/vDvS0VOOuOrN.svg); }

.sec__room-amenit .list__iconamenities .icon--slippers { background-image: url(../images/Fcc8oHTes2Fj.svg); }

.sec__room-amenit .list__iconamenities .icon--rainshower { background-image: url(../images/BbUji5I8EO7b.svg); }

.table_sty2col { width: 100%; }

.table_sty2col .topic { width: 30%; background-color: #efefef; font-weight: 600; }

.table_sty2col tr { margin-bottom: 1px; border-bottom: 1px solid #fff; }

.table_sty2col td { padding: 5px 10px; background-color: #f9f9f9; }

/* # Note
================================================== */
/* header .menu ul{ display: none; } .wrap__slidecontent .btn{ display: none; } .sty__sd2photo .content .detail{   width: calc(100% - 35%); } .sty__sd2photo .photo.col2 ._bg-full{   } */
/* #
================================================== */
.sec__privacy-policy-detail { font-size: 1.6rem; }

.sec__privacy-policy-detail h4 { font-size: 2.4rem; margin-bottom: 10px; margin-top: 40px; }

.sec__privacy-policy-detail h5 { font-size: 2rem; margin-top: 20px; }

.sec__privacy-policy-detail ul { margin-bottom: 20px; }

/* # Cookie Css
================================================== */
/* Cookie Dialog */
#gdpr-cookie-message { z-index: 99999; position: fixed; bottom: 0px; width: 100%; opacity: 1; background-color: #505050; padding: 8px 20px; box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.4); box-sizing: border-box; text-align: center; font-size: 1.5rem; }

#gdpr-cookie-message p, #gdpr-cookie-message ul { color: white; }

#gdpr-cookie-message p:last-child { margin-bottom: 0; }

#gdpr-cookie-message li { width: 49%; display: inline-block; }

#gdpr-cookie-message a { text-decoration: underline; color: #fff; }

#gdpr-cookie-message a:hover { color: white; /*border-bottom-color: var(--red);*/ -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

#gdpr-cookie-message button { border: none; padding: 6px 9px; height: 40px; background: #f2f2f2 none repeat scroll 0 0; color: #333333; font-family: 'Quicksand', sans-serif; font-size: 15px; cursor: pointer; width: 130px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; margin-left: 25px; }

#gdpr-cookie-message button:hover { background: white; /*color: var(--red);*/ -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

button#gdpr-cookie-advanced { background: white; color: var(--red); }

#gdpr-cookie-message button:disabled { opacity: 0.3; }

#gdpr-cookie-message input[type="checkbox"] { float: none; margin-top: 0; margin-right: 5px; }

.content_cookie { display: inline-block; }

.button_cookie { display: inline-block; }

.sec__offer-creditcard h2 { font-size: 6rem; }

.sec__offer-listcreditcard .sty__listoffer .box .text { padding-top: 0; }

.sec__offer-listcreditcard .sty__listoffer .box .photo2 { width: 30%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

/* # Lang
================================================== */
html[lang="th"] .lang .wpml-ls-item-th > a span:before { position: absolute; content: "ไทย"; height: 100%; width: 100%; left: 10px; top: 4px; font-size: 1.3rem; }

html[lang="th"] body, html[lang="th"] input, html[lang="th"] textarea, html[lang="th"] select, html[lang="th"] button, html[lang="th"] p, html[lang="th"] header .menu > ul > li > a, html[lang="th"] .link .wrap__link.btn__readmore, html[lang="th"] .link .wrap__linkbook.btn__booknow { font-family: "Prompt", sans-serif; font-weight: 400; }

html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3, html[lang="th"] h4, html[lang="th"] h5, html[lang="th"] .sty__sd2photo .content .nameshadow, html[lang="th"] .bg__title, html[lang="th"] .wrap__slidecontent, html[lang="th"] .sec__mobilemenu a { font-family: "Trirong", serif; font-weight: 400; letter-spacing: 0; }

html[lang="th"] header .col1 > ul > li { margin-left: 25px; }

html[lang="th"] header .col3 > ul > li { margin-right: 25px; }

html[lang="th"] header.fix_top .menu li { margin-left: 0; margin-right: 20px; }

html[lang="th"] .sty__sd2photo .content .nameshadow { line-height: 1.4; }

html[lang="th"] .bg__title { font-size: 6rem; }

html[lang="th"] .sec__instagram h4 { font-family: "Butler", sans-serif; }

html[lang="th"] .link .wrap__link.btn__readmore, html[lang="th"] .link .wrap__linkbook.btn__booknow { line-height: 1.2; }

html[lang="th"] .offer__page .link .wrap__link.btn__readmore a:before { left: 160px; }

html[lang="th"] .link .wrap__link.btn__readmore a span:before, html[lang="th"] .link .wrap__linkbook.btn__booknow a span:before { top: -6px; bottom: -4px; }

/*# sourceMappingURL=main.css.map */