@charset "utf-8";

/*
 * File       : sub.css
 * Author     : STUDIO-JT (HEE)
 * Guideline  : JTstyle.1.1
 *
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 1) HOTEL ILLUA
 * 2) LOCATION
 * 3) SEMINAR
 */



/* **************************************** *
 *  HOTEL ILLUA
 * **************************************** */
.page-template-about-illua .main-container {padding-top: 0; padding-bottom: 0;}
.page-template-about-illua .article-header {padding: 0;}
.page-template-about-illua .article-header__visual-bg {background-image: url(../images/sub/about/about-illua-visual.jpg);}

body.fullpage .about-illua-fullpage {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
body.fullpage .about-illua-section {height: 100%;}
body.fullpage.page-template-about-illua #footer {width: 100%;height: 798rem; position: fixed; bottom: 0; left: 50%; -webkit-transform: translate3d(-50%, 100%, 0); transform: translate3d(-50%, 100%, 0); will-change: transform; z-index: 2;}
.about-illua-section__content { display: table; width: 100%; height: 100%; position: relative;}
.about-illua-section__content-inner { display: table-cell; vertical-align: middle; text-align: center; }
.about-illua-section__title { font-size: 50rem; font-weight: 400; line-height: 1.36; letter-spacing: 0.06em; color: #fff; margin-bottom: 40rem;}
.about-illua-section__title:last-child {margin-bottom: 0;}
.about-illua-section__desc { display: block; font-size: 18rem; line-height: 1.78; letter-spacing: -0.025em; color: #fff; margin-bottom: 28rem;}
.about-illua-section__desc:last-child {margin-bottom: 0;}

.about-illua-section__bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center;}

.about-illua-section-02 .about-illua-section__bg {background-image: url(../images/sub/about/about-illua-bg-02.jpg);}
.about-illua-section-03 .about-illua-section__bg {background-image: url(../images/sub/about/about-illua-bg-03.jpg);}
.about-illua-section-04 .about-illua-section__bg {background-image: url(../images/sub/about/about-illua-bg-04.jpg);}

.about-illua-info {padding-top: 72rem;}
.about-illua-info__list { font-size: 0; margin-left: -21rem; margin-right: -21rem; }
.about-illua-info__list-item { display: inline-block; vertical-align: top; width: -webkit-calc(33.33% - 42rem); width: calc(33.33% - 42rem); margin: 0 21rem;}
.about-illua-info__list-link { display: block; }
.about-illua-info__list-content {text-align: center; padding-top: 42rem;}
.about-illua-info__list-figure {padding-top: 74%;}
.about-illua-info__list-figure img {transform: scale(1) rotate(0deg); transition: opacity .3s, transform .6s; will-change: transform;}
.about-illua-info__list-title { font-size: 24rem; font-weight: 400; line-height: 1.34; letter-spacing: 0.06em; }
.about-illua-info__list-desc { font-size: 16rem; letter-spacing: -0.025em; line-height: 1.625; color: #666; margin-top: 8rem; }
.about-illua-info__list-more { margin-top: 49rem; }
html.desktop .about-illua-info__list-link:hover .about-illua-info__list-figure img {transform: scale(1.05) rotate(0.1deg);}
.about-illua-info .swiper-control {display: none;}



/* **************************************** *
 *  LOCATION
 * **************************************** */
.article--location .article-header {position: relative; z-index: 1;}
.location-map-container {position: relative; width: 100%; height: 600rem; background: #f8f8f8; overflow: hidden; z-index: 0;}
.location-map {width: 100%; height: 100%;}
.location-map__control { width: 36rem; height: 72rem; display: block; position: absolute; top: 30rem; right: 30rem; z-index: 1; border: 1px solid #000; cursor: pointer; }
.location-map__control-btn { display: block; background: #fff; width: 100%; height: 50%; -webkit-transition: background .3s; transition: background .3s; }
.location-map__control-btn:after {content: '';display: block;width: 100%;height: 1px;background: #ddd;position: absolute;top: 50%;left: 0;}
.location-map__control-btn span { display: block; width: 100%; height: 100%; position: relative; font-size: 0; }
.location-map__control-btn span:after {content: '';width: 14rem;height: 2px;background: #000;position: absolute;top: 50%;left: 50%;margin-top: -1px;margin-left: -7rem;}
.location-map__control-btn--zoom-in span:before {content: '';height: 14rem;width: 2px;background: #000;position: absolute;top: 50%;left: 50%;margin-left: -1px;margin-top: -7rem;}
html.desktop .location-map__control-btn:hover {background: #f8f8f8;}

.location-info { position: relative; padding-top: 120rem; z-index: 1;}
.location-info__list { font-size: 0; }
.location-info__item { margin-bottom: 120rem; }
.location-info__item:last-child {margin-bottom: 0;}
.location-info__title { display: block; font-size: 28rem; font-weight: 500; letter-spacing: -0.025em; }
.location-info__content { display: block; border-top: 2rem solid #000; margin-top: 36rem; padding-top: 37rem;}
.location-info__content-txt { font-size: 18rem; font-weight: 400; letter-spacing: -0.025em; line-height: 1.5; }

.location-info__contact-list { margin-top: 43rem; }
.location-info__contact-item { display: inline-block; vertical-align: top; margin-right: 44rem; }
.location-info__contact-title { display: inline-block; vertical-align: top; font-size: 17rem; font-weight: 400; letter-spacing: 0.08em; line-height: 1.35; margin-right: 12rem; }
.location-info__contact-content { display: inline-block; vertical-align: top; color: #666; font-size: 17rem; letter-spacing: 0.08em; line-height: 1.35;  }
.location-info__contact-content > a {color: #666;}
.location-info__contact-item--mail .location-info__contact-content {margin-top: -2rem;}

.location-info__facilities-item { position: relative; display: block; width: auto; padding-left: 15rem; margin-bottom: 35rem; }
.location-info__facilities-item:last-child { margin-bottom: 0; }
.location-info__facilities-item:before { content: ''; display: block; width: 3rem; height: 3rem; background: #000; border-radius: 50%; position: absolute; top: 10rem; left: 0; }
html.desktop.safari .location-info__facilities-item:before {top: 11rem;}
.location-info__facilities-figure { width: 100%; padding-top: 62.4%; }
.location-info__facilities-title { display: inline-block; vertical-align: top; min-width: 222rem; font-size: 18rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025em; }
.location-info__facilities-meta { display: inline-block; vertical-align: top; max-width: calc(100% - 222rem); margin-top: 4rem; }
.location-info__facilities-meta > span { display: inline-block; vertical-align: top; position: relative; font-size: 15rem; letter-spacing: 0.06em; line-height: 1.34; color: #666; padding-left: 21rem; }
.location-info__facilities-meta > span > a {color: #666;}
.location-info__facilities-meta-location { min-width: 175rem; margin-right: 32rem; }
.location-info__facilities-meta-location:before {content: '\e91e';font-family: 'jt-font';font-size: 16rem;color: #000;position: absolute;top: -1rem;left: -3rem;}
.location-info__facilities-meta-call:before {content: '\e914';font-family: 'jt-font';font-size: 15rem;color: #000;position: absolute;top: -1rem;left: -3rem;}

.location-info__content--traffic {border: 0; padding-top: 0;}
.location-info__traffic-item { position: relative; display: block; padding-left: 15rem; margin-bottom: 35rem; }
.location-info__traffic-item:last-child { margin-bottom: 0; }
.location-info__traffic-item:before {content: '';display: block;width: 3rem;height: 3rem;background: #000;border-radius: 50%;position: absolute;top: 13rem;left: 0;}
.location-info__traffic-title { display: inline-block; vertical-align: top; font-size: 18rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025em; width: 207rem; }
.location-info__traffic-content { display: inline-block; vertical-align: top; font-size: 18rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025em; color: #666; width: -webkit-calc(100% - 207rem); width: calc(100% - 207rem);}
.ie11 .location-info__traffic-item:before {width: 3px; height: 3px;}

.location-info__explain { display: block; font-size: 16rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.025em; color: #666; margin-top: 35rem; }



/* **************************************** *
 *  SEMINAR
 * **************************************** */
.page-template-faci-seminar .main-container {padding-top: 0; padding-bottom: 0;}
.page-template-faci-seminar .article-header__visual-bg {background-image: url(../images/sub/seminar/seminar-visual.jpg);}
.article--seminar .article-header {padding: 0;}

.single-guidance {padding-top: 170rem; padding-bottom: 164rem;}
.single-guidance__list { font-size: 0; margin-left: -21rem; margin-right: -21rem; }
.single-guidance__list-item { display: inline-block; vertical-align: top; width: -webkit-calc(33.33% - 42rem); width: calc(33.33% - 42rem); margin: 0 21rem;}
.single-guidance__list-link { display: block; }
.single-guidance__list-content {text-align: center; padding-top: 42rem;}
.single-guidance__list-figure {padding-top: 74%;}
.single-guidance__list-figure img {transform: scale(1) rotate(0deg); transition: opacity .3s, transform .6s; will-change: transform;}
.single-guidance__list-title { font-size: 24rem; font-weight: 400; line-height: 1.34; letter-spacing: 0.06em; }
.single-guidance__list-desc { font-size: 16rem; letter-spacing: -0.025em; line-height: 1.625; color: #666; margin-top: 8rem; }
.single-guidance__list-more { margin-top: 49rem; }
html.desktop .single-guidance__list-link:hover .single-guidance__list-figure img {transform: scale(1.05) rotate(0.1deg);}
.single-guidance .swiper-control {display: none;}