@charset "utf-8";

/*
 * File       : rwd-main.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) 1800px
 * 02) 1480px
 * 03) 1023px
 * 04) 860px
 * 05) 540px
 */



/* **************************************** *
 * 1800px
 * **************************************** */
@media (max-width: 1800px) {

	/* VISUAL */
	.main-visual__slide-content-inner {padding: 0 6.5%;}

	/* ROOM */
	.main-room__preview-content {width: 30%;}
	.main-room__preview-slider {width: 70%;}
	
	/* DINING */
	.main-dining__slider-paging { font-size: 0; }
	.main-dining__slider-paging-item { margin: 0; width: -webkit-calc(50% - 20rem); width: calc(50% - 20rem); margin-right: 30rem; }
	.main-dining__slider-paging-item:last-child { margin-right: 0; }
	.main-dining__slider-paging-txt {font-size: 18rem;}

	.main-dining__slider-wrap {max-width: inherit; padding: 0 6.5%;}

} /* 1800px */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px) {

	/* COMMON */
	html.ios .main-section__tags-item:after {top: 9rem;}
	html.ios .main-reserv__from-label-tooltip-wrap {margin-top: 5rem;}

} /* 1480px */



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px) {
	
	/* COMMON */
	.main-section__title {font-size: 40rem; margin-bottom: 30rem;}
	.main-section__content { display: block; height: auto; }
	.main-section__content-inner { display: block; padding: 134rem 0 140rem;}
	.main-section__tags-item {font-size: 14rem;}
	.main-section__more {top: -65rem;}

	/* VISUAL */
	.main-visual__slide-content-inner {padding: 0 40rem;}
	.main-visual__slide-content-aligner {padding-bottom: 0;}
	.main-visual__slide-content-title {font-size: 40rem;}
	.main-visual__reserv-btn {display: inline-block; margin-top: 30rem;}
	.main-reserv-container {display: none;}
	.main-visual .swiper-control {bottom: 30rem;}

	/* OFFER */
	.main-offer .main-section__content-inner {padding-top: 134rem;}
	body.show_popup .main-offer .main-section__content-inner {padding-top: 134rem;}
	.main-offer__list { margin: 0 -15rem; }
	.main-offer__list-item { padding: 0 15rem; }
	.main-offer__list-title {font-size: 22rem;}
	.main-offer__list-desc {font-size: 16rem;}
	.main-offer__list-period {margin-top: 10rem;}
	.main-offer__list-period b {font-size: 14rem;}
	.main-offer__list-period span {font-size: 14rem;}
	.ios .main-offer__list-period span {margin-top: 3rem;}

	/* ROOM */
	.main-room .main-section__title {font-size: 38rem; }
	.main-room .main-section__more {left: 35rem; bottom: 37rem;}
	.main-room .main-section__content-inner {padding: 0;}
	.main-room__preview-content { padding: 0 40rem; width: 35% }
	.main-room__preview-content-inner {padding: 198rem 0;}
	.main-room__preview-slider { width: 65%; }
	.main-room__preview-slider .swiper-control {bottom: 37rem; right: 18rem;}

	/* DINING */
	.main-dining .main-section__content-inner {padding-top: 134rem;}
	body.show_popup .main-dining .main-section__content-inner {padding-top: 134rem;}
	.main-dining__header { padding-top: 0; }
	.main-dining__header .main-section__tags {margin-top: 21rem;}
	.main-dining__header .main-section__more {bottom: 13rem;}
	.main-dining__slider-wrap {max-width: 100%; padding: 0 40rem; height: auto;max-height: none;}
	.main-dining__slider { position: relative; bottom: auto; left: auto; height: 450rem; }
	.main-dining__slider-paging {bottom: 32rem; padding-left: 40rem; padding-right: 40rem;}
	.main-dining__slider-paging-txt {font-size: 18rem; margin-top: 20rem;}

	/* INSTA */
	.main-insta .main-section__content-inner {padding-top: 134rem;}
	body.show_popup .main-insta .main-section__content-inner {padding-top: 134rem;}
	.main-insta {background: #f8f8f8;}
	.main-insta__list {margin: 0 -15rem;}
	.main-insta__list-item {padding: 0 15rem;}

} /* 1023px */



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px) {

	/* COMMON */
	.main-section__content-inner {padding: 94rem 0 94rem;}
	.main-section__title {font-size: 38rem;}
	.main-section__title--link span { position: relative; display: block; padding-right: 30rem; }
	.main-section__title--link span:after {content: '\e91d';font-family: 'jt-font';display: block;position: absolute;bottom: 16rem;right: -5rem; font-size: 22rem;width: 25rem;height: 25rem;line-height: 25rem;/* font-weight: bold; */ color: #888;}
	.ios .main-section__title--link span:after {bottom: 13rem;}
	.main-section__subtitle {font-size: 16rem; margin-top: 2rem;}
	.main-section__subtitle.m-only {display: block;}
	.main-section__tags {display: none;}
	.main-section__more { position: relative; top: auto; right: auto; display: inline-block; vertical-align: middle; line-height: 1; text-align: center; padding: 22rem 28rem 17rem; font-size: 14rem; font-weight: 300; letter-spacing: 0.05em; color: #000; border: 1rem solid #000; background: transparent; min-width: 152rem; margin-top: 60rem;  display: none;}
	.main-section__more span:after { display: none; }
	.main-section__more span:before { display: none; }

	/* VISUAL */
	.main-visual__slide-content-title {font-size: 34rem;}

	.main-reserv__form-data--date-from .main-reserv__form-field, 
	.main-reserv__form-data--date-to .main-reserv__form-field {font-family: 'LemonMilk', sans-serif;}

	/* OFFER */
	.main-offer .main-section__content-inner {padding-top: 94rem;}
	body.show_popup .main-offer .main-section__content-inner {padding-top: 94rem;}
	.main-offer .main-section__title {margin-bottom: 0;}
	.main-offer .main-section__title {display: none;}
	.main-offer .main-section__title--link {display: block;}
	.main-offer__slider-wrap {margin-top: 32rem;}
	.main-offer__list-wrap {text-align: center;}
	.main-offer__list { margin: 0 -10rem; }
	.main-offer__list-item { padding: 0 10rem; }
	.main-offer__list-content {padding-top: 31rem;}
	.main-offer__list-title {font-size: 18rem; line-height: 1.3;}
	.main-offer__list-desc {font-size: 14rem;}
	.main-offer__list-time {font-size: 13rem; margin-top: 18rem;}
	.main-offer__list-period-wrap {padding-top: 20rem; margin-top: 18rem;}
	.main-offer__list-period {margin-top: 10rem;}
	.main-offer__list-period b {font-size: 13rem; margin-right: 16rem;}
	.main-offer__list-period span {font-size: 13rem; margin-top: 4rem;}
	html.ios .main-offer__list-period span {margin-top: -1rem;}

	/* ROOM */
	.main-room {background: #f8f8f8;}
	.main-room .main-section__content-inner {padding: 94rem 0 94rem;}
	.main-room .main-section__title {font-size: 38rem;}
	.main-room .main-section__title {display: none;}
	.main-room .main-section__title--link {display: block;}
	.main-room .main-section__subtitle {margin-top: 10rem;}
	.main-room__preview {width: 100%; height: auto; text-align: center;}
	.main-room__preview-content { float: none; width: 100%; height: auto; padding: 0 40rem; display: block; text-align: left; margin-bottom: 43rem;}
	.main-room__preview-content .main-section__more {display: none;}
	.main-room__preview-content-inner { display: block; padding: 0; }
	.main-room__preview-slider { width: 100%; height: auto; position: relative; top: auto; left: auto; }
	.main-room__preview-slider-bg {padding-top: 72.54%;}
	.main-room__preview .swiper-navigation {display: none;}
	.main-room__preview .swiper-progress-wrap {display: none;}
	.main-room__preview-slider .swiper-control { position: relative; bottom: auto; right: auto; margin-top: 40rem;}
    .main-room__preview-slider .swiper-progress-hidden-space {display: none;}
    .main-room__preview-slider .swiper-progress-slash {display: inline-block;font-size: 0;height: 18rem;}
    .main-room__preview-slider .swiper-pagination-fraction > span {padding-top: 0;color: #000;text-shadow: none;min-width: 18rem;font-size: 18rem;}
	html.ios .main-room__preview-slider .swiper-pagination-fraction > span {padding-top: 0;}
    .main-room__preview-slider .swiper-pagination-fraction > span.swiper-progress-slash {font-size: 0;}
    .main-room__preview-slider .swiper-pagination-fraction > span.swiper-pagination-total {color: #ccc;}
	.main-room__preview-slider .swiper-control .swiper-navigation {display: block;width: 100%;height: 100%;top: -2rem;}
	.main-room__preview-slider .swiper-control .swiper-navigation button { width: 18rem; height: 18rem; margin-top: -9rem; }
	.main-room__preview-slider .swiper-control .swiper-navigation button:after { color: #000; font-size: 13rem; font-weight: bold; }
	.main-room__preview-slider .swiper-control .swiper-button-prev { left: -35rem; }
	.main-room__preview-slider .swiper-control .swiper-button-next { right: -35rem; }
	.main-room__preview-slider .swiper-control .swiper-button-prev:after {content: '\e91c';}
	.main-room__preview-slider .swiper-control .swiper-button-next:after {content: '\e91d';}
	html.ios .main-room__preview-slider .swiper-control .swiper-navigation {top: 0rem;}
	.main-room .main-section__more { bottom: auto; left: auto; }

	/* DINING */
	.main-dining .main-section__title {display: none;}
	.main-dining .main-section__title--link {display: block;}
	.main-dining .main-section__content-inner {text-align: center; padding-top: 94rem; padding-bottom: 94rem;}
	body.show_popup .main-dining .main-section__content-inner {padding-top: 94rem;}
	.main-dining__header {padding-top: 0; text-align: left; padding-bottom: 32rem;}
	.main-dining__header .main-section__tags {display: none;}
	.main-dining__header .main-section__more {display: none;}
	.main-dining__slider-wrap {overflow: hidden; height: auto; padding: 0;}
	.main-dining__slider {padding: 0 30rem; overflow: visible;}
	.main-dining__slider:after {display: none;}
	.main-dining__slider { position: relative; bottom: auto; left: auto; text-align: left; height: auto; }
	.main-dining__slider-item {width: calc(100% - 20rem) !important; margin: 0 10rem;}
	.main-dining__slider-bg {padding-top: 67.28%;}
	.main-dining__slider-bg.large {display: none;}
	.main-dining__slider-bg.small {display: block;}
	.main-dining__slider-title { display: block; font-size: 24rem; letter-spacing: 0.02em; margin-top: 29rem; }
	.main-dining__slider-paging { display: none; }

	/* INSTA */
	.main-insta .main-section__content-inner {padding-top: 94rem;}
	body.show_popup .main-insta .main-section__content-inner {padding-top: 94rem;}
	.main-insta .main-section__title {display: none;}
	.main-insta .main-section__title--link {display: block;}
	.main-insta .main-section__title--link span:after {bottom: 15rem;}
	.ios .main-insta .main-section__title--link span:after {bottom: 12rem;}
	.main-insta .main-section__more {display: none;}
	.main-insta__list {margin: 0 -10rem;}
	.main-insta__list-item {padding: 0 10rem;}

} /* 860px */



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px) {

	/* COMMON */
	.main-section__title {font-size: 30rem; margin-bottom: 21rem;}
	.main-section__title--link span {padding-right: 22rem;}
	.main-section__title--link span:after {font-size: 18rem; width: 18rem; height: 18rem; line-height: 18rem; bottom: 13rem; right: -3rem;}
	.android .main-section__title--link span:after {bottom: 12rem;}
	.ios .main-section__title--link span:after {bottom: 9rem;}
	
	.main-section__subtitle {font-size: 15rem; margin-top: 8rem;}
	.main-section__content-inner {padding: 64rem 0 66rem;}
	.main-section__more {margin-top: 57rem; padding: 17rem 20rem 15rem;font-size: 12rem; min-width: 140rem;}

	/* VISUAL */
	.main-visual__slide-content-inner {padding: 0 24rem;}
	.main-visual__slide-content-title {font-size: 28rem; font-weight: 300;}
	.main-visual .swiper-control {width: auto; left: 12rem;}

	/* OFFER */
	.main-offer .main-section__content-inner {padding-top: 64rem;}
	body.show_popup .main-offer .main-section__content-inner {padding-top: 64rem;}
	.main-offer__slider-wrap {margin-left: -24rem; margin-right: -24rem; margin-top: 24rem;}
	.main-offer__list-wrap {position: relative; bottom: auto; left: auto; height: auto; padding-left: 21rem; padding-right: 21rem;}
	.main-offer__list { margin-left: 0; margin-right: 0;}
	.main-offer__list-item {width: -webkit-calc(100% - 10rem) !important; width: calc(100% - 10rem) !important; margin: 0 5rem; padding: 0;}
	.main-offer__list-item:last-child {margin-bottom: 0;}
	.main-offer__list-content { text-align: left; padding-top: 22rem; }
	.main-offer__list-title {font-size: 22rem;}
	.main-offer__list-desc {margin-top: 6rem;}
	.main-offer__list-wrap .swiper-control {display: block; margin-top: 29rem; padding: 0 5rem;}
	.main-offer__list-period-wrap {padding-top: 18rem;margin-top: 16rem;}
	.ios .main-offer__list-period span {margin-top: -1rem;}
	.android .main-offer__list-period span {margin-top: 2rem;}

	/* ROOM */
	.main-room .main-section__title {font-size: 30rem;}
	.main-room .main-section__content-inner {padding: 64rem 0 62rem;}
	.main-room__preview-content {padding: 0 24rem; margin-bottom: 24rem;}
	.main-room__preview-slider .swiper-control {margin-top: 26rem;}
	.main-room__preview-slider .swiper-pagination-fraction > span {font-size: 16rem; min-width: 16rem;}
	.main-room__preview-slider .swiper-pagination-fraction > span.swiper-progress-slash {height: 16rem;}
	.main-room__preview-slider .swiper-control .swiper-navigation button {width: 16rem; height: 16rem; margin-top: -7rem;}
	.main-room__preview-slider .swiper-control .swiper-navigation button:after {font-size: 12rem;}
	.main-room__preview-slider .swiper-control .swiper-button-prev {left: -30rem;}
	.main-room__preview-slider .swiper-control .swiper-button-next {right: -30rem;}
	html.ios .main-room__preview-slider .swiper-control .swiper-navigation {top: -2rem;}
	.main-room .main-section__more {margin-top: 27rem;}

	/* DINING */
	.main-dining__header {padding-bottom: 24rem;}
	.main-dining .main-section__content-inner {padding-top: 64rem; padding-bottom: 64rem;}
	body.show_popup .main-dining .main-section__content-inner {padding-top: 64rem;}
	.main-dining__slider {padding: 0 21rem; }
	.main-dining__slider-item {width: calc(100% - 10rem) !important; margin: 0 5rem;}
	.main-dining__slider-title {font-size: 18rem; margin-top: 20rem;}

	/* INSTA */
	.main-insta .main-section__content-inner {padding-top: 64rem;}
	body.show_popup .main-insta .main-section__content-inner {padding-top: 64rem;}
	.main-insta .main-section__title {font-size: 26rem;}
	.main-insta .main-section__title--link span:after {font-size: 16rem; bottom: 9rem;}
	.ios .main-insta .main-section__title--link span:after {bottom: 6rem;}
	.main-insta__list-wrap { margin: 0; }
	.main-insta__list { margin: 0 -24rem; padding: 0 21rem; white-space: nowrap; overflow-y: hidden; overflow-x: auto; }
	.main-insta__list-item {width: 50%; padding: 0 5rem; margin-bottom: 0; }

} /* 540px */