/* @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700'); @import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow'); */
@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");
@media screen and (max-width: 1530px) { header .col1 > ul > li { margin-left: 30px; }
  header .col3 > ul > li { margin-right: 30px; } }

@media screen and (max-width: 1440px) { header .container { width: 100%; padding: 0 60px; }
  header .lang, header .bookinglink { right: 60px; }
  header.fix_top .col2 { left: 60px; } }

@media screen and (max-width: 1370px) { header .col1 > ul > li { margin-left: 25px; }
  header .col3 > ul > li { margin-right: 25px; }
  header .col3 { padding-right: 70px; } }

@media screen and (max-width: 1300px) { header .col2 { width: 200px; }
  header .menu { width: calc(50% - 100px); }
  header .col1 > ul > li { margin-left: 20px; }
  header .col3 > ul > li { margin-right: 20px; }
  .sty__subintro h2 { letter-spacing: 3px; } }

@media screen and (max-width: 1200px) { header .container { width: 100%; padding: 0 30px; }
  .sty__centerintro h2 { font-size: 6rem; letter-spacing: 0; }
  .sty__subintro h2 { font-size: 6rem; }
  .roomtype__page h2 { font-size: 6rem; }
  .sty__listoffer .box .text h4 { font-size: 4rem; line-height: 1.2; }
  header .lang, header .bookinglink { right: 30px; }
  header.fix_top .col2 { left: 30px; }
  footer .footerlogo .sd__footerlogo .box { margin-right: 50px; }
  .sec__moreroom h4 { font-size: 5.5rem; }
  .sec__moreroom .sty__introhalf > .wrap { width: 60%; }
  .dining__page .row__dining .timeopen > div { width: 100%; margin-bottom: 10px; }
  .dining__page .row__dining .timeopen .icon--capacity { margin-left: 0; }
  .dining__page .row__dining .col2 .photo { width: calc(100% - 40px); } }

@media screen and (max-width: 1180px) { .container { width: 90%; }
  footer .wrap__newsletter { -webkit-box-pack: end; justify-content: flex-end; }
  .sdindex__accommodation { right: -60px; }
  .sec__facilities--home .list__iconfacilities .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: justify; justify-content: space-between; padding: 0 20px; }
  .sec__facilities--home .list__iconfacilities .wrap img { margin: 0; width: 45px; }
  .sec__facilities--home .indexslide { top: 45vw; }
  header .col1 { -webkit-box-pack: start; justify-content: flex-start; }
  header .col1 li:first-child { margin-left: 0; }
  header .col3 { padding-right: 0; -webkit-box-pack: end; justify-content: flex-end; }
  header .lang { top: 0px; } }

@media screen and (max-width: 1130px) { header .menu a { font-size: 1.6rem; }
  .indexslide .sdnext { margin-left: 5px; }
  .sdindex__accommodation { right: -55px; } }

@media screen and (max-width: 1100px) { footer .wrap__newsletter .footermenu a { font-size: 1.4rem; }
  .newsletter .subject { padding-bottom: 10px; line-height: 1.2; }
  .indexslide .sdnext { margin-left: 5px; }
  .sdindex__accommodation { right: -55px; }
  header .menu a { font-size: 1.6rem; } }

@media screen and (max-width: 1024px) { h2 { font-size: 7rem; }
  footer .col1.social { padding-left: 20px; width: 100px; }
  footer .col2.contentfooter { width: calc(100% - 100px); }
  header .container { width: 100%; /* padding: 0 10px; */ }
  header.fix_top .menu li { margin-right: 25px; }
  .sty__introhalf > .wrap { padding-right: 0; width: 55%; }
  .sty__sd2photo .content { padding-left: 0; }
  .sec__facilities--home .list__iconfacilities .wrap { padding: 0 10px; }
  ._sec-pd--sub { padding-top: 160px; }
  .sty__location .col1 { left: 0; }
  .wrap__slidecontent { right: 40vw; bottom: 80px; }
  .sty__mainintro .col1 { padding-right: 5%; padding-left: 0; }
  .wrap__scrolldown { bottom: 60px; left: 40px; }
  .wrap__slidecontent { left: 120px; bottom: 60px; }
  .sty__sd2photo .content .nameshadow { -webkit-clip-path: polygon(0 0, 73% 0, 73% 100%, 0 100%); clip-path: polygon(0 0, 73% 0, 73% 100%, 0 100%); }
  .sty__centerintro .col { padding: 0; }
  .sty__roombox .box .photo .col2 { margin-right: 0; width: 60%; }
  .sty__roombox .box .photo .col1 { width: 35%; }
  .sty__roombox .box .text { padding-left: 0; }
  .sty__roombox .box .text .wrap__text .titleshadow { -webkit-clip-path: polygon(0 0, 57% 0, 57% 100%, 0 100%); clip-path: polygon(0 0, 57% 0, 57% 100%, 0 100%); }
  .sec__mainslide.half .wrap__scrolldown { bottom: 40px; left: 40px; }
  .sec__mainslide.half .wrap__slidecontent { bottom: 40px; left: 100px; }
  .sty__subintro .col1 { padding-left: 0; padding-right: 5%; }
  .sec__contactform { padding-left: 0; }
  .sty__listoffer .box { padding-left: 0; padding-right: 0; }
  .sty__listoffer .box .photo { width: 40%; }
  .sty__listoffer .box .text { padding-left: 5%; }
  .sty__roomdetail .col1 { padding-left: 0; padding-right: 5%; }
  .roomtype__page .list__iconamenities li { width: calc(50% - 20px); margin-right: 20px; }
  .roomtype__page .room__amenit { /* width: calc(100% + 120px); */ }
  footer .footerlogo .sd__footerlogo .box { margin-right: 30px; }
  footer .footerlogo .sd__footerlogo .box img { height: 45px; }
  .sec__moreroom .sdindex__accommodation { right: 0; top: -20px; }
  .sec__moreroom .sty__sd3photo .box .photo .col1 { width: 35%; }
  .sec__moreroom .sty__sd3photo .box .photo .col2 { margin-right: 0; }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text { margin-top: -50px; }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text .titleshadow { -webkit-clip-path: polygon(0 0, 60% 0, 60% 100%, 0 100%); clip-path: polygon(0 0, 60% 0, 60% 100%, 0 100%); }
  .sec__moreroom .sty__introhalf > .wrap { width: 55%; }
  .sec__moreroom .sty__sd3photo .box .text .link { width: 57%; }
  .dining__page .sec__listdining .wrap__sec { padding-right: 0; padding-left: 0; }
  .dining__page .row__dining .col2 .photo { width: calc(100% - 30px); }
  .sec__listdiningmenu .detail .btn__download { width: 100%; padding-left: 30px; } }

@media screen and (max-width: 992px) { header .menu { display: none; }
  header .btn__mobilemenu { display: block; }
  header .lang { top: 40px; right: 130px; }
  header .bookinglink { top: 10px; right: 110px; }
  header.fix_top .btn__mobilemenu { top: 6px; right: 30px; }
  header.fix_top .col2 { left: 20px; }
  .container { /* padding-right:45px; padding-left:45px; */ }
  .sty__introhalf > .wrap { width: 60%; }
  .sty__boxc3 .box { width: calc(33.33% - 20px); } }

@media screen and (max-width: 900px) { footer .wrap__address { width: 100%; }
  footer .wrap__newsletter { width: 100%; -webkit-box-pack: start; justify-content: flex-start; }
  .footermenu { padding-top: 30px; }
  .sty__introhalf > .wrap { width: 60%; }
  .sec__facilities--home .list__iconfacilities .wrap img { width: 35px; }
  .sec__facilities--home .list__iconfacilities { top: 120px; }
  .wrap__slidecontent { bottom: 60px; }
  .sty__sd2photo .content .detail { width: 100%; }
  .sdindex__accommodation { top: 40px; right: 35px; }
  .sty__sd3photo h5 { font-size: 5.5rem; }
  .sty__sd3photo .box .text .wrap__text { width: 80%; }
  .sty__sd3photo .box .text .wrap__text .titleshadow { -webkit-clip-path: polygon(0 0, 46% 0, 46% 100%, 0 100%); clip-path: polygon(0 0, 46% 0, 46% 100%, 0 100%); }
  .sty__sd3photo .box .text .wrap__text { margin-top: -115px; }
  .sec__contactform { width: 100%; padding-left: 0; padding-right: 0; }
  .sty__roomdetail .listicon { font-size: 1.5rem; }
  .roomtype__page .wrap__slidecontent { width: 100%; }
  .roomtype__page .wrap__slidecontent .text__title { font-size: 6rem; }
  .roomtype__page .sdindex__accommodation { top: -20px; }
  .sec__moreroom h4 { font-size: 5rem; }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text .titleshadow { -webkit-clip-path: polygon(0 0, 53% 0, 53% 100%, 0 100%); clip-path: polygon(0 0, 53% 0, 53% 100%, 0 100%); }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text { margin-top: -65px; } }

@media screen and (max-width: 800px) { h2 { letter-spacing: 2px; }
  h4 { font-size: 4.6rem; }
  footer { padding-top: 80px; }
  footer .col1.social { padding-left: 20px; }
  ._sec-pd--main { padding-top: 120px; }
  ._set-tablet { display: inline-block; }
  .sty__sd2photo .content .wrap { width: 200%; }
  .sty__mainintro h2 { margin-left: 0; }
  .sty__mainintro .col1 { width: 100%; padding-right: 0; }
  .sty__mainintro .col2 { margin-top: 40px; width: 100%; }
  .sty__mainintro .photo__detail .text { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }
  .sty__introhalf > .wrap { width: 100%; }
  .sty__location .col1 { display: none; }
  .sty__location .col2 { width: 100%; margin-right: 0; }
  .sty__location { padding-top: 60px; margin-top: 0; }
  .sty__location .col2 iframe { height: 50vw; }
  .bg__title { font-size: 6rem; }
  .wrap__slidecontent .text__title { font-size: 7rem; }
  ._sec-pd--sub { padding-top: 120px; }
  .container { width: 100%; padding: 0 40px; }
  .sty__sd2photo { padding-top: 40px; }
  .sty__sd2photo .box > .wrap__box .col1 { width: 100%; -webkit-box-ordinal-group: 4; order: 3; padding-top: 60px; }
  .sty__sd2photo .box > .wrap__box .col2 { width: 60%; -webkit-box-ordinal-group: 2; order: 1; }
  .sty__sd2photo .box > .wrap__box .col3 { width: calc(40% - 40px); -webkit-box-ordinal-group: 3; order: 2; margin-top: 0; }
  .sty__sd2photo .content { width: 100%; }
  .sty__sd2photo .content .name { font-size: 4.2rem; }
  .sty__sd2photo .content .wrap { width: 100%; }
  .sec__facilities--home .indexslide { top: 60vw; right: auto; left: calc(60% + 40px); }
  .sec__facilities--home .list__iconfacilities { left: calc(60% + 40px); top: 50vw; width: 30%; }
  .sec__facilities--home .list__iconfacilities .wrap { padding: 0; width: 100%; -webkit-box-pack: start; justify-content: flex-start; }
  .sec__facilities--home .list__iconfacilities .wrap img { margin-right: 30px; }
  .wrap__scrolldown { bottom: 40px; }
  .wrap__slidecontent { left: 100px; width: auto; right: 40px; bottom: 40px; }
  .sty__sd3photo { padding-top: 80px; }
  .sty__sd3photo h5 { font-size: 4.2rem; }
  .sty__sd3photo .box .photo { -webkit-box-pack: justify; justify-content: space-between; }
  .sty__sd3photo .box .photo .col3 { display: none; }
  .sty__sd3photo .box .photo .col1 { margin: 0; width: calc(40% - 40px); }
  .sty__sd3photo .box .photo .col2 { margin: 0; width: 60%; position: relative; }
  .sty__sd3photo .box .photo .col2 ._bg-full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .sty__sd3photo .box .photo .col2 ._bg-full img { width: 1px; height: 1px; }
  .sty__sd3photo .box .text { padding-left: 0; }
  .sty__sd3photo .box .text .wrap__text { margin: 0; width: 100%; padding: 60px 0 0; }
  .sdindex__accommodation { top: 30px; right: 0; }
  .sty__sd3photo .box .text .wrap__text .titleshadow { display: none; }
  .sty__sd3photo .box .text .wrap__text .title h5 { color: #000000; }
  .sty__sd2photo .content .nameshadow { display: none; }
  .sty__sd2photo .content .name { color: #000000; }
  .sty__roombox { padding-top: 80px; }
  .sty__roombox .box { padding-bottom: 60px; padding-top: 60px; }
  .sty__roombox h5 { font-size: 5rem; }
  .sec__mainslide.half .sd__mainslide .box { min-height: 500px; }
  .sty__roombox .box .photo .col1 { margin-top: 0; }
  .sty__roombox .box .text .wrap__text { margin-top: 0; padding-top: 60px; width: 100%; }
  .sty__roombox .box .text .wrap__text .titleshadow { display: none; }
  .sty__roombox .box .text .wrap__text .title h5 { color: #000000; }
  .sty__roombox .box .photo .col1 { width: calc(40% - 40px); }
  .sty__sd3photo .box .photo .col2 { width: 60%; }
  .sty__sd3photo .box .photo .col2 a { display: block; height: 100%; }
  .sty__roombox .box .box_photo.col2 ._bg-full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .sty__roombox .box .box_photo.col2 ._bg-full img { width: 1px; height: 1px; }
  .sty__roombox .box .photo { -webkit-box-pack: justify; justify-content: space-between; }
  .sty__roombox .box .photo .col2 { margin-left: 0; }
  .sty__subintro .col1 { width: 100%; padding-right: 0; }
  .sty__subintro .col2 { width: 100%; display: none; }
  .sty__centerintro .bg__title { left: -10px; }
  .service__page .sty__roombox .box .text { padding-top: 0px; }
  .sty__roomdetail .col1 { width: 100%; padding-left: 0; padding-right: 0; }
  .sty__roomdetail .col2 { width: 100%; padding-left: 0; padding-right: 0; padding-top: 60px; }
  .sty__roomdetail .col2 .sd__roomphoto { margin: 0 -10px; }
  .sty__roomdetail .col2 .sd__roomphoto .box { height: 55vw; }
  .sty__roomdetail .col2 .sd__roomphoto .box ._bg-full { left: 10px; right: 10px; width: auto; }
  .sec__location--home .sty__introhalf > .wrap { width: 100%; }
  .sec__location--home .mappin { display: none; }
  .roomtype__page .list__iconamenities li { padding-left: 20px; }
  .roomtype__page .room__amenit { margin-bottom: 40px; }
  .sec__moreroom h4 { margin-bottom: 0px; }
  .sec__moreroom .sty__introhalf > .wrap { width: 100%; }
  .sec__moreroom .sty__sd3photo .box .text .link { width: 100%; padding-top: 0; }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text { margin-top: 0; padding-top: 30px; }
  .sec__moreroom .sty__sd3photo .box .text .wrap__text .title h5 { font-size: 3rem; }
  .sec__moreroom .sty__sd3photo .box .text .link .wrap__link.btn__readmore { width: 100%; }
  .roomtype__page .room__amenit { padding-right: 40px; }
  .roomtype__page .list__iconamenities li { padding: 0 20px 0 0; margin: 0 0 20px; }
  .dining__page .row__dining, .dining__page .row__dining:nth-child(odd) { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-flow: column-reverse; }
  .dining__page .row__dining .col1, .dining__page .row__dining:nth-child(odd) .col1 { width: 100%; }
  .dining__page .row__dining .col2, .dining__page .row__dining:nth-child(odd) .col2 { width: 100%; margin-bottom: 40px; }
  .dining__page .row__dining .timeopen > div { width: auto; margin-right: 20px; }
  .dining__page .row__dining .col2 .photo { width: 100%; }
  .sty__slidephoto { max-width: none; margin-left: -10px; margin-right: -10px; width: auto; }
  .sty__slidephoto img { width: calc(100% - 20px); margin-left: 10px; }
  .dining__page .sec__listdining .sty__slidephoto { margin: 0; } }

@media screen and (max-width: 768px) { .sec__room-amenit .list__iconamenities { margin-top: 20px; }
  .sec__listdiningmenu .detail { padding-top: 10px; }
  .sty__boxc3 .box { width: calc(33.33% - 15px); }
  .sec__diningmenu { padding-top: 100px; }
  .dining__page .row__dining:first-child { margin-top: 30px; }
  .dining__page .row__dining .col2, .dining__page .row__dining:nth-child(odd) .col2 { margin-bottom: 50px; }
  .sec__offer-listcreditcard .sty__listoffer .box .photo2 { width: 100%; -webkit-box-pack: start; justify-content: flex-start; padding-bottom: 30px; }
  .sec__offer-listcreditcard .sty__listoffer .box .photo2 img { width: 200px; }
  .sec__offer-listcreditcard .sty__listoffer .box .text { width: 100%; padding: 0; }
  footer .wrap__copyright { width: calc(100% - 100px); } }

@media screen and (max-width: 600px) { header .col2 { width: 100px; }
  header .container { padding: 0 30px; }
  header .btn__mobilemenu { top: 20px; right: 40px; }
  header .lang { top: 28px; right: 110px; }
  footer .col1.social { width: 100%; }
  footer .col2.contentfooter { width: 100%; }
  footer .col1.social { padding-left: 0; margin-bottom: 30px; }
  footer .col1.social .wrap 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 .col1.social .wrap li { margin: 0 20px 0 0; }
  footer .col1.social .wrap a { width: auto; height: auto; }
  footer .col1.social .wrap a svg { height: 25px; }
  .sty__sd2photo .box > .wrap__box .col3 { display: none; }
  .sec__facilities--home .list__iconfacilities { position: relative; top: auto; left: auto; width: 100%; }
  .sec__facilities--home .list__iconfacilities .wrap { -webkit-box-pack: start; justify-content: flex-start; }
  .sec__facilities--home .list__iconfacilities .wrap img { margin-right: 20px; width: 35px; }
  .sty__sd2photo .box > .wrap__box .col2 { width: 100%; }
  .sty__sd2photo .photo ._bg-full { height: 55vw; width: 100%; }
  .sty__sd2photo .photo ._bg-full img { width: 1px; height: 1px; }
  .sec__facilities--home .title { text-align: left; }
  .sty__sd2photo { padding-top: 0; }
  .sec__facilities--home .list__iconfacilities { padding-bottom: 40px; }
  .sec__facilities--home .indexslide { top: 0; -webkit-box-pack: end; justify-content: flex-end; left: auto; right: 0; }
  .sty__sd3photo .box .photo .col1 { display: none; }
  .sty__sd3photo .box .photo .col2 { width: 100%; height: 60vw; }
  .sty__roombox .box .photo .col1 { display: none; }
  .sty__roombox .box .photo .col2 { width: 100%; height: 60vw; }
  .accommodation__page .sty__centerintro h2 { font-size: 5rem; letter-spacing: 0; }
  .sty__subintro h2 { font-size: 5rem; }
  .roomtype__page h2 { font-size: 5rem; }
  .sty__listoffer .box .photo { width: 100%; height: 60vw; }
  .sty__listoffer .box .text { width: 100%; padding-left: 0; }
  .sty__listoffer .box .photo ._bg-full { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
  .sty__listoffer .box .photo ._bg-full img { width: 1px; height: 1px; }
  .dining__page .row__dining .timeopen > div { width: 100%; margin-bottom: 10px; }
  .dining__page .row__dining .timeopen .icon--capacity { margin-left: 0; }
  .dining__page .row__dining .timeopen { padding-top: 20px; }
  .roomtype__page .sdindex__accommodation { bottom: -30px; right: 0px; top: auto; }
  .roomtype__page .room__amenit { padding: 40px 40px 20px; }
  .table_sty2col tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; }
  .table_sty2col td, .table_sty2col .topic { width: 100%; }
  .table_sty2col td { background-color: #fdfdfd; }
  .sty__boxc3 .box { width: calc(50% - 15px); }
  .sec__listdiningmenu .photo a { height: 25vw; }
  .sec__offer-creditcard .sty__centerintro { padding-bottom: 30px; }
  .sec__offer-listcreditcard .sty__listoffer .box .photo2 { padding-bottom: 30px; }
  footer .wrap__copyright { width: 100%; } }

@media screen and (max-width: 560px) { ._set-mobile { display: inline-block; }
  footer .wrap__address { padding-right: 0; }
  footer .wrap__newsletter .wrap { width: 100%; }
  footer .footerlogo { width: calc(100% - 70px); }
  footer .footerlogo .sd__footerlogo { -webkit-box-pack: justify; justify-content: space-between; padding-left: 20px; }
  footer .footerlogo .sd__footerlogo .box { margin-right: 0; }
  footer .footerlogo .sd__footerlogo .grouplogo { left: -65px; }
  ._sec-pd--main { padding-top: 100px; }
  .sec__contactform .subject { width: 100%; }
  .sec__contactform .inputfield { width: 100%; }
  .sec__contactform .row { margin-bottom: 10px; }
  .sec__contactform { padding-top: 40px; }
  .roomtype__page .list__iconamenities li { font-size: 0.8em; }
  .roomtype__page .listicon li { margin-bottom: 10px; } }

@media screen and (max-width: 480px) { html { font-size: 55%; }
  h3 { font-size: 2.8rem; }
  h4 { margin-bottom: 10px; line-height: 1; }
  header .btn__mobilemenu { right: 30px; }
  header .bookinglink { right: 90px; }
  header .lang { right: 100px; top: 28px; }
  header .lang .btn__langdropdown { top: -2px; }
  header.fix_top .btn__mobilemenu { right: 20px; }
  header.fix_top .lang { right: 80px; }
  footer .footerlogo .sd__footerlogo .box img { height: 9vw; }
  ._sec-pd--main { padding-top: 80px; }
  .container { padding: 0 30px; }
  /* header{ display: none; } */
  .bg__title { font-size: 3rem; bottom: calc(100% - 12px); left: 0px; }
  .sty__centerintro .title { position: relative; }
  .sty__location .col2 iframe { height: 60vw; }
  .sty__introhalf > .wrap .detail { padding-bottom: 10px; }
  .sty__sd2photo .content .name { font-size: 3.6rem; padding-bottom: 10px; margin-bottom: 0; }
  .sty__sd2photo .content .detail { padding-bottom: 10px; }
  .sty__sd2photo .box > .wrap__box .col1 { padding-top: 30px; }
  .sec__facilities--home .list__iconfacilities { margin-top: 30px; }
  ._sec-pd--sub { padding-top: 80px; }
  .sec__facilities--home .indexslide { top: 5px; width: 100px; }
  .sty__sd2photo .content .link { width: 100%; }
  .sec__facilities--home .list__iconfacilities { padding-bottom: 30px; }
  .wrap__slidecontent { bottom: 20px; left: 20px; right: 20px; }
  .link .wrap__link.btn__readmore a:before { left: 90px; }
  .sty__sd3photo .box .text .link .wrap__link.btn__readmore { width: calc(100% - 120px); }
  #list__mobilemainmenu { margin-top: 30px; }
  .wrap__scrolldown { display: none; }
  .wrap__slidecontent ._btn-reservation { width: 100%; }
  .offer__page .sty__centerintro { padding-bottom: 30px; }
  .sty__listoffer .box { padding-bottom: 60px; margin-bottom: 0; }
  .sty__roombox h5 { font-size: 4rem; }
  .sty__roombox .box .text .wrap__text { padding-top: 30px; }
  .sty__roombox .box { padding-bottom: 60px; }
  .sty__roombox .listicon { padding-bottom: 20px; }
  .sty__roombox .box .text .link .wrap__link.btn__readmore { width: calc(100% - 120px); }
  .sec__mainslide.half .wrap__slidecontent { position: relative; left: auto; top: auto; right: auto; bottom: auto; }
  .sec__mainslide.half .wrap__slidecontent .btn { padding-top: 0; }
  .sec__mainslide.half .wrap__slidecontent a { width: 100%; }
  .sec__mainslide.half .sd__mainslide .box { min-height: inherit; height: 55vw; }
  .sty__centerintro .col .detail { margin-top: 30px; }
  .sty__roombox .box { padding-top: 30px; padding-bottom: 30px; }
  .link .wrap__link.btn__readmore, .link .wrap__linkbook.btn__booknow { font-size: 2rem; }
  .sty__subintro .col1 .detail { margin-top: 30px; }
  .sec__contactform { padding-top: 30px; }
  .sty__listoffer .box .text { padding-top: 30px; }
  .sty__centerintro h2 { font-size: 5rem; }
  .sty__sd3photo .box .text .wrap__text { padding-top: 30px; }
  .roomtype__page .list__iconamenities li { width: 100%; margin-right: 0; padding-right: 0; }
  .sty__roomdetail .col2 .sd__roomphoto .box { height: 100vw; }
  .sty__sd3photo .box .text .link .wrap__link.btn__readmore { width: calc(100% - 110px); }
  .sty__sd3photo .box .text .link .wrap__linkbook.btn__booknow { width: 110px; }
  .sty__roomdetail .col1 .detail { margin-top: 20px; }
  .sec__moreroom h4 { font-size: 4rem; }
  .roomtype__page .wrap__slidecontent { width: calc(100% - 40px); }
  .roomtype__page .sd__mainslide .box { height: 70vw; }
  .roomtype__page .wrap__slidecontent .text__title { display: none; }
  .roomtype__page .wrap__slidecontent { top: calc(100% + 0px); bottom: auto; }
  .roomtype__page .sec__maincontent--roomtype._sec-pd--main { padding-top: 140px; }
  .dining__page .row__dining .col2, .dining__page .row__dining:nth-child(odd) .col2 { margin-bottom: 60px; }
  .sty__slidephoto { margin-left: -10px; margin-right: -5px; }
  .sty__slidephoto img { width: calc(100% - 10px); margin-left: 5px; }
  div.sty__boxc3 .box { width: 100%; margin-bottom: 30px; }
  .sec__listdiningmenu .photo a { height: 50vw; }
  .offer__page .link .wrap__link.btn__readmore a:before { left: 90px; }
  .sty__listoffer .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__listoffer .box .text .link .wrap__link.btn__readmore { width: calc(100% - 110px); }
  .sty__listoffer .box .text .link .wrap__linkbook.btn__booknow { width: 100px; }
  .sec__offer-creditcard .sty__centerintro h2 { font-size: 4rem; }
  .sec__instagram .wrap__left { width: 100%; }
  .sec__instagram .wrap__right { width: 100%; -webkit-box-pack: start; justify-content: flex-start; }
  .sec__instagram .wrap__slide { padding-top: 30px; } }

@media screen and (max-width: 420px) { .container { padding: 0 20px; }
  h2 { font-size: 6rem; }
  h3 { font-size: 2.6rem; }
  header .container { padding: 0 20px; }
  header .col2 { width: 100px; }
  .wrap__slidecontent .text__title { font-size: 6rem; }
  .wrap__slidecontent .text__detail { font-size: 2rem; }
  .sty__sd3photo .box .text .wrap__text { padding-top: 30px; }
  .sec__mobilemenu .wrap { width: calc(100% - 120px); }
  .sec__accommodation--home h4 { letter-spacing: 0; font-size: 4rem; }
  .accommodation__page .sty__centerintro h2 { font-size: 4rem; }
  .sty__subintro h2 { font-size: 4.6rem; }
  .sec__mainslide.half .sd__mainslide .box { min-height: 220px; }
  #inquiry__form .-name, #inquiry__form .-email, #inquiry__form .-phone, #inquiry__form .-btn, #inquiry__form .-remark { width: 100%; }
  footer .footerlogo { width: calc(100% - 50px); }
  footer .footerlogo .sd__footerlogo .grouplogo { left: -50px; } }

@media screen and (max-width: 375px) { body { line-height: 1.7; }
  h4 { font-size: 3.2rem; }
  header .col2 { width: 80px; }
  header .btn__mobilemenu { top: 13px; }
  header .lang { right: 90px; top: 20px; }
  footer .wrap__newsletter .footermenu ul li { width: 100%; }
  footer .wrap__newsletter .footermenu ul li:before { background: none; }
  .officecontact .space, .hotelcontact .space { width: 100%; height: 1px; }
  .sty__location .col2 iframe { height: 70vw; }
  .sec__accommodation--home h4 { font-size: 3.2rem; }
  .sty__roombox h5 { font-size: 2.8rem; }
  .sty__sd3photo h5 { font-size: 2.8rem; }
  .sty__listoffer .box .text h4 { font-size: 2.8rem; }
  .sty__sd3photo .listicon { padding-bottom: 30px; }
  .sty__sd3photo .listicon li { margin-bottom: 5px; }
  .sty__sd2photo .content .name { font-size: 2.8rem; }
  .wrap__slidecontent .text__title { font-size: 5rem; }
  .sec__accommodation--home h4 { letter-spacing: -1px; }
  .sty__roombox .listicon li { margin-right: 20px; }
  .sty__centerintro .col .detail { margin-top: 20px; }
  .icon { width: 20px; height: 20px; }
  .sty__subintro .col1 .detail { margin-top: 20px; }
  .sec__contactform { padding-top: 20px; }
  .dining__page .row__dining .timeopen > div { margin-right: 0; }
  .dining__page .row__dining .timeopen > div > div { width: calc(100% - 45px); }
  .formpopup.fancybox-content { padding: 40px 20px; }
  .sec__offer-listcreditcard .sty__listoffer .box .photo2 img { width: 160px; } }

@media screen and (max-width: 320px) { h2 { font-size: 4rem; }
  header { padding-top: 20px; }
  header .btn__mobilemenu { top: 10px; right: 20px; }
  footer .wrap__newsletter .footermenu ul li { line-height: 1; }
  header .lang { right: 80px; }
  .sec__facilities--home .indexslide { top: 0; }
  .sec__facilities--home .list__iconfacilities .wrap img { width: 30px; margin-right: 10px; }
  .sec__mobilemenu .wrap { width: calc(100% - 80px); }
  .sec__mobilemenu ul li a { padding-top: 0px; }
  .accommodation__page .sty__centerintro h2 { font-size: 3.6rem; letter-spacing: -1px; }
  .sty__subintro h2, .roomtype__page h2 { font-size: 4rem; }
  .sty__roombox h5 { /* font-size: 3.6rem; */ }
  ._sec-pd--main { padding-top: 60px; }
  .sec__moreroom h4 { font-size: 3.6rem; }
  .roomtype__page .room__amenit { padding: 20px 20px 0px; margin-top: 60px; }
  footer .footerlogo { width: calc(100% - 40px); }
  footer .footerlogo .sd__footerlogo { padding-left: 10px; }
  footer .footerlogo .sd__footerlogo .grouplogo { left: -43px; } }

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