@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700&display=swap");
/* FILE : /assets/sass/shared/_rest.scss  */
/*:::::::::::::::::::::::::::::::::::::::
RESET
:::::::::::::::::::::::::::::::::::::::*/
body { /* webkit系のスマホで文字が拡大されるのを防ぐ */ -webkit-text-size-adjust: 100%; }

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, hr { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; font-size: 100%; vertical-align: baseline; text-align: left; text-decoration: none; }

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

html { overflow-y: scroll; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; /* 必要に応じて下記はコメントアウト */ -webkit-appearance: none; -moz-appearance: none; appearance: none; }

select::-ms-expand { display: none; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th { text-align: left; }

a:focus { outline: none; }

img { vertical-align: bottom; }

a, span, small, strong, em { color: inherit; font-weight: inherit; }

/* FILE : /assets/sass/shared/_common.scss  */
/*--------------------------------------------
|
|  ANCHOR BASE SETTING
|
--------------------------------------------*/
html { font-size: 0.625em; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

img { max-width: 100%; vertical-align: bottom; }

*[role="button"] { cursor: pointer; }

body { font: 14px/1.8 "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Noto Serif JP", serif; color: #333; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }

@media screen and (max-width: 750px) { body { font-size: 14px; } }

/*--------------------------------------------
|
|  ANCHOR WRAPPER
|
--------------------------------------------*/
#wrapper { overflow: hidden; }

@media screen and (max-width: 750px) { #wrapper { padding-top: 60px; }
  #wrapper:after { content: ''; display: block; position: fixed; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background-color: rgba(26, 26, 26, 0.8); -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: .3s all ease .3s; -o-transition: .3s all ease .3s; transition: .3s all ease .3s; }
  #wrapper.nav-open { position: fixed; left: 0; width: 100%; z-index: 11; }
  #wrapper.nav-open:after { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
  #wrapper.nav-open .site-header__menubtn i { top: 29px; }
  #wrapper.nav-open .site-header__menubtn i:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  #wrapper.nav-open .site-header__menubtn i:nth-child(2) { opacity: 0; }
  #wrapper.nav-open .site-header__menubtn i:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
  #wrapper.nav-open .glnav.smt-nav { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }
  #wrapper.nav-open .glnav.smt-nav .glnav__inner { -webkit-transition: .3s all ease .3s; -o-transition: .3s all ease .3s; transition: .3s all ease .3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } }

/*--------------------------------------------
|
|  ANCHOR HEADER
|
--------------------------------------------*/
.site-header { z-index: 11; top: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.site-header__logo { display: block; width: 170px; -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; }

@media screen and (min-width: 751px) { .site-header { position: fixed; height: 100px; padding-left: 50px; padding-right: 20px; z-index: 11; }
  .site-header.scrolled { background-color: rgba(0, 0, 0, 0.2); }
  .site-header__menubtn { display: none; }
  .site-header__logo { margin-top: 15px; }
  .site-header__logo:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .site-header__nav { margin-top: 23px; margin-left: auto; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .site-header { padding-left: 20px; }
  .site-header__logo { margin-top: 12px; width: 150px; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .site-header { padding-left: 10px; padding-right: 10px; } }

@media screen and (max-width: 750px) { .site-header { position: fixed; height: 60px; background-color: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 15px; }
  .site-header__logo { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; }
  .site-header__menubtn { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; width: 60px; height: 60px; position: relative; }
  .site-header__menubtn i { position: absolute; display: block; width: 30px; height: 2px; background-color: #fff; -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; }
  .site-header__menubtn i:nth-child(1) { top: 20px; }
  .site-header__menubtn i:nth-child(2) { top: 29px; }
  .site-header__menubtn i:nth-child(3) { top: 38px; } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL MENU
|
--------------------------------------------*/
.glmenu__item { color: #fff; letter-spacing: 0.05em; }

.glmenu__item.disable { opacity: .3; cursor: not-allowed; }

.glmenu__item > a, .glmenu__item > span { display: inline-block; padding-left: 23px; position: relative; }

.glmenu__item > a:before, .glmenu__item > span:before { content: ''; display: block; width: 16px; height: 16px; background: url(../img/shared/icon-nav.png) no-repeat center center/contain; position: absolute; left: 0; top: 50%; margin-top: -8px; }

@media screen and (min-width: 751px) { .glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .glmenu__item { font-size: 16px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 25px; }
  .glmenu__item.has-submenu { cursor: pointer; }
  .glmenu__item.has-submenu:hover .glsubmenu { height: auto; }
  .glmenu__item.has-submenu:hover .glsubmenu__item { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .glmenu__item a:hover { text-decoration: underline; }
  .glmenu .glmenu__item:nth-child(1) { margin-left: 0; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .glmenu__item { margin-left: 15px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .glmenu__item { margin-left: 10px; } }

@media screen and (max-width: 1024px) { .glmenu__item { font-size: 14px; }
  .glmenu__item > a, .glmenu__item > span { padding-left: 15px; }
  .glmenu__item > a:before, .glmenu__item > span:before { width: 12px; height: 12px; margin-top: -6px; } }

@media screen and (max-width: 750px) { .glmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; }
  .glmenu.en .glmenu__item { height: 410px; }
  .glmenu.en .glmenu__item > a, .glmenu.en .glmenu__item > span { letter-spacing: 0.05em; }
  .glmenu.en .glsubmenu { top: 233px; }
  .glmenu__item { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 5px; height: 240px; font-size: 18px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; }
  .glmenu__item.has-submenu { position: relative; }
  .glmenu__item > a, .glmenu__item > span { padding-left: 0; padding-top: 15px; letter-spacing: 0.1em; }
  .glmenu__item > a:before, .glmenu__item > span:before { top: 0; left: 50%; margin-left: -6px; } }

@media screen and (min-width: 751px) { .glnavblack .site-header.scrolled { background-color: rgba(255, 255, 255, 0.8); }
  .glnavblack .site-header .lang-switcher__item { color: #000; }
  .glnavblack .site-header .lang-switcher__item.current { color: rgba(0, 0, 0, 0.4); }
  .glnavblack .site-header .lang-switcher:after { background-color: #000; }
  .glnavblack .site-header .snsicons__icon path, .glnavblack .site-header .snsicons__icon circle { fill: #000; }
  .glnavblack .glmenu__item { color: #000; }
  .glnavblack .glmenu__item a:before, .glnavblack .glmenu__item span:before { background-image: url(../img/shared/icon-nav--black.png); } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL SUB MENU
|
--------------------------------------------*/
@media screen and (min-width: 751px) { .glsubmenu { padding-left: 23px; height: 0; }
  .glsubmenu__item { -webkit-transition: .2s all ease .1s; -o-transition: .2s all ease .1s; transition: .2s all ease .1s; opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); font-size: 0.95em; } }

@media screen and (max-width: 750px) { .glsubmenu { position: absolute; right: 3px; top: 90px; }
  .glsubmenu__item { padding-top: 20px; position: relative; line-height: 1.5; }
  .glsubmenu__item:before { content: ''; height: 12px; width: 1px; background-color: #fff; position: absolute; top: 0; left: 50%; } }

/*--------------------------------------------
|
|  ANCHOR GLOBAL NAVIGATION
|
--------------------------------------------*/
@media screen and (min-width: 751px) { .glnav__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .glnav .gllang { -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; margin-left: 15px; }
  .glnav .glsns { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; margin-left: 15px; padding-top: 5px; }
  .glnav .glreserve { display: none; } }

@media screen and (min-width: 751px) and (max-width: 1366px) { .glnav .gllang { margin-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; width: 55px; }
  .glnav .glsns { margin-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 70px; flex: 0 0 70px; width: 70px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .glnav .gllang { margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; width: 50px; }
  .glnav .glsns { margin-left: 10px; } }

@media screen and (min-width: 751px) and (max-width: 850px) { .glnav .snsicons { position: absolute; right: 85px; bottom: 18px; }
  .glnav .gllang { position: absolute; right: 15px; bottom: 15px; } }

@media screen and (max-width: 750px) { .glnav { position: fixed; z-index: 10; top: 60px; left: 0; width: 100%; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; max-height: calc(100% - 60px); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow-y: auto; background-color: #1a1a1a; }
  .glnav__inner { padding: 30px 15px; height: auto; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .glnav .glreserve { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 30px; }
  .glnav .glreserve__btn { display: block; margin: 0 auto; text-align: center; width: 280px; height: 50px; line-height: 50px; background: url(../img/shared/bg-fixed-banner.jpg); margin: 0 auto; color: #fff; font-size: 16px; letter-spacing: 0.3em; position: relative; }
  .glnav .glreserve__btn:before, .glnav .glreserve__btn:after { content: ''; display: block; width: 0; height: 0; position: absolute; }
  .glnav .glreserve__btn:before { border-bottom: 20px solid #1a1a1a; border-right: 20px solid transparent; border-left: 20px solid transparent; border-top: 0px solid transparent; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 5px; left: -9px; -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }
  .glnav .glreserve__btn:after { border-top: 20px solid #1a1a1a; border-right: 20px solid transparent; border-left: 20px solid transparent; border-bottom: 0px solid transparent; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 5px; right: -9px; -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }
  .glnav .glsns { margin-right: 15px; width: 80px; }
  .glnav.smt-nav { -webkit-transition: .3s all ease .3s; -o-transition: .3s all ease .3s; transition: .3s all ease .3s; }
  .glnav.smt-nav .glnav__inner { -webkit-transition: .3s all ease 0s; -o-transition: .3s all ease 0s; transition: .3s all ease 0s; } }

/*--------------------------------------------
|
|  ANCHOR SNS ICONS
|
--------------------------------------------*/
.snsicons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 60px; }

.snsicons__icon { -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 20px; line-height: 1; cursor: pointer; }

.snsicons__icon svg { width: 100%; }

.snsicons__icon path, .snsicons__icon circle { fill: #fff; }

@media screen and (min-width: 751px) { .snsicons__icon:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; } }

/*--------------------------------------------
|
|  ANCHOR LANGAGE SWITCHER
|
--------------------------------------------*/
.lang-switcher { display: -webkit-box; display: -ms-flexbox; display: flex; width: 70px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; }

.lang-switcher:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; right: calc(50% + 0.4em); background-color: #fff; }

.lang-switcher__item { letter-spacing: 0.05em; font-size: 16px; color: #fff; text-align: center; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.lang-switcher__item.current { color: rgba(255, 255, 255, 0.4); }

.lang-switcher.disabled { opacity: 0.6; cursor: not-allowed; }

@media screen and (min-width: 751px) { .lang-switcher a:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; } }

@media screen and (max-width: 1024px) { .lang-switcher__item { font-size: 14px; } }

/*--------------------------------------------
|
|  ANCHOR FIXED BANNER
|
--------------------------------------------*/
.fixed-reservebanner { position: fixed; z-index: 8; color: #fff; letter-spacing: 0.3em; -ms-flex-item-align: baseline; align-self: baseline; background: url(../img/shared/bg-fixed-banner.jpg); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; -webkit-transition: .5s transform ease; -o-transition: .5s transform ease; transition: .5s transform ease; }

@media screen and (min-width: 751px) { .fixed-reservebanner { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; right: 0; bottom: 20px; height: 190px; width: 50px; }
  .fixed-reservebanner:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .fixed-reservebanner.hide { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
  .fixed-reservebanner.en { letter-spacing: 0.05em; height: 220px; } }

@media screen and (max-width: 750px) { .fixed-reservebanner { display: none; } }

/*--------------------------------------------
|
|  ANCHOR FOOTER
|
--------------------------------------------*/
.sp { display: none; }
@media screen and (max-width: 750px) { .sp { display: block; } }

.site-footer { background: url(../img/shared/bg-access.jpg); padding: 30px 15px 20px; }

.site-footer__logo { display: block; line-height: 1; width: 120px; }

.site-footer__logo2 { line-height: 1; margin-bottom: 15px; }

.site-footer__logo2 img { width: 135px; }

.site-footer__gmap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; border: 1px solid #fff; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 2px; width: 130px; }

.site-footer__gmap i { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; margin-right: 10px; }

.site-footer__gmap span { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 12px; letter-spacing: 0.2em; color: #fff; }

.site-footer__info { color: #fff; font-size: 15px; line-height: 2; letter-spacing: 0.3em; margin-bottom: 12px; }

.site-footer__copyright { margin-top: 20px; display: block; text-align: center; color: #fff; font-size: 12px; letter-spacing: 0.2em; }

.site-footer__list a, .site-footer__list span { display: block; background: url(../img/shared/f-arrow.png) no-repeat right center/8px auto; }

.site-footer__list__item { font-size: 12px; color: #fff; letter-spacing: 0.2em; padding: 15px 0 5px; position: relative; }

.site-footer__list__item:after { content: ''; display: block; height: 1px; background-color: rgba(255, 255, 255, 0.2); bottom: 0; left: 0; position: absolute; width: calc(100% - 20px); }

@media screen and (min-width: 751px) { .site-footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 80px; }
  .site-footer__logo__smt { display: none; }
  .site-footer__childlist { height: 0; opacity: 0; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
  .site-footer__childlist li { padding-left: 1em; padding: 5px 0 0px 1em; }
  .site-footer__list__item { position: relative; z-index: 2; }
  .site-footer__list .has-child { cursor: pointer; z-index: 1; }
  .site-footer__list .has-child:hover .site-footer__childlist { height: 80px; opacity: 1; }
  .site-footer__list a:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .site-footer__logo { -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin-left: 50px; }
  .site-footer__logo:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .site-footer__box1 { -webkit-box-flex: 0; -ms-flex: 0 0 380px; flex: 0 0 380px; width: 380px; margin-left: 40px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .site-footer__box2 { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; margin-left: auto; }
  .site-footer__gmap { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; margin-right: 10px; }
  .site-footer__gmap:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .site-footer__others { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-right: 20px; }
  .site-footer__others .snsicons { width: 80px; }
  .site-footer__others .lang-switcher { width: 60px; }
  .site-footer__lang { margin-left: 10px; } }

@media screen and (min-width: 751px) and (max-width: 1100px) { .site-footer__logo { margin-left: 0; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .site-footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 40px 0 40px; }
  .site-footer__logo2 img { width: 100px; }
  .site-footer__info { font-size: 13px; }
  .site-footer__box1 { margin-left: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; width: 250px; }
  .site-footer__box2 { -webkit-box-flex: 0; -ms-flex: 0 0 290px; flex: 0 0 290px; width: 290px; margin-left: auto; } }

@media screen and (max-width: 750px) { .site-footer { padding-bottom: 20px; }
  .site-footer__logo { display: none; }
  .site-footer__logo2 { text-align: center; }
  .site-footer__logo2 img { width: 150px; }
  .site-footer__info { max-width: 310px; margin: 0 auto 12px; }
  .site-footer__gmap { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 20px; }
  .site-footer__childlist { padding-left: 1.2em; }
  .site-footer__childlist li { padding-top: 10px; }
  .site-footer__list { max-width: 330px; margin: 0 auto 20px; }
  .site-footer__list span { background: none; }
  .site-footer__list__item { font-size: 12px; color: #fff; letter-spacing: 0.2em; border-top: 1px solid #fff; padding: 10px 0; }
  .site-footer__others { max-width: 330px; margin: 20px auto 0; -ms-flex-wrap: wrap; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .site-footer__sns { width: 80px; }
  .site-footer__lang { margin-left: 20px; } }

.moviemodal { position: relative; max-width: 1000px; width: calc(100vw - 60px); padding-top: 56.25%; }

.moviemodal__video { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }

/* FILE : /assets/sass/shared/_class.scss  */
/* margin,padding ------------------------------------*/
.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }

.pl5 { padding-left: 5px; }

.mt5 { margin-top: 5px; }

.mr5 { margin-right: 5px; }

.mb5 { margin-bottom: 5px; }

.ml5 { margin-left: 5px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }

.pl10 { padding-left: 10px; }

.mt10 { margin-top: 10px; }

.mr10 { margin-right: 10px; }

.mb10 { margin-bottom: 10px; }

.ml10 { margin-left: 10px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }

.pl15 { padding-left: 15px; }

.mt15 { margin-top: 15px; }

.mr15 { margin-right: 15px; }

.mb15 { margin-bottom: 15px; }

.ml15 { margin-left: 15px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }

.pl20 { padding-left: 20px; }

.mt20 { margin-top: 20px; }

.mr20 { margin-right: 20px; }

.mb20 { margin-bottom: 20px; }

.ml20 { margin-left: 20px; }

.pt25 { padding-top: 25px; }

.pr25 { padding-right: 25px; }

.pb25 { padding-bottom: 25px; }

.pl25 { padding-left: 25px; }

.mt25 { margin-top: 25px; }

.mr25 { margin-right: 25px; }

.mb25 { margin-bottom: 25px; }

.ml25 { margin-left: 25px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }

.pl30 { padding-left: 30px; }

.mt30 { margin-top: 30px; }

.mr30 { margin-right: 30px; }

.mb30 { margin-bottom: 30px; }

.ml30 { margin-left: 30px; }

.pt35 { padding-top: 35px; }

.pr35 { padding-right: 35px; }

.pb35 { padding-bottom: 35px; }

.pl35 { padding-left: 35px; }

.mt35 { margin-top: 35px; }

.mr35 { margin-right: 35px; }

.mb35 { margin-bottom: 35px; }

.ml35 { margin-left: 35px; }

.pt40 { padding-top: 40px; }

.pr40 { padding-right: 40px; }

.pb40 { padding-bottom: 40px; }

.pl40 { padding-left: 40px; }

.mt40 { margin-top: 40px; }

.mr40 { margin-right: 40px; }

.mb40 { margin-bottom: 40px; }

.ml40 { margin-left: 40px; }

.pt45 { padding-top: 45px; }

.pr45 { padding-right: 45px; }

.pb45 { padding-bottom: 45px; }

.pl45 { padding-left: 45px; }

.mt45 { margin-top: 45px; }

.mr45 { margin-right: 45px; }

.mb45 { margin-bottom: 45px; }

.ml45 { margin-left: 45px; }

.pt50 { padding-top: 50px; }

.pr50 { padding-right: 50px; }

.pb50 { padding-bottom: 50px; }

.pl50 { padding-left: 50px; }

.mt50 { margin-top: 50px; }

.mr50 { margin-right: 50px; }

.mb50 { margin-bottom: 50px; }

.ml50 { margin-left: 50px; }

.pt55 { padding-top: 55px; }

.pr55 { padding-right: 55px; }

.pb55 { padding-bottom: 55px; }

.pl55 { padding-left: 55px; }

.mt55 { margin-top: 55px; }

.mr55 { margin-right: 55px; }

.mb55 { margin-bottom: 55px; }

.ml55 { margin-left: 55px; }

.pt60 { padding-top: 60px; }

.pr60 { padding-right: 60px; }

.pb60 { padding-bottom: 60px; }

.pl60 { padding-left: 60px; }

.mt60 { margin-top: 60px; }

.mr60 { margin-right: 60px; }

.mb60 { margin-bottom: 60px; }

.ml60 { margin-left: 60px; }

.pt65 { padding-top: 65px; }

.pr65 { padding-right: 65px; }

.pb65 { padding-bottom: 65px; }

.pl65 { padding-left: 65px; }

.mt65 { margin-top: 65px; }

.mr65 { margin-right: 65px; }

.mb65 { margin-bottom: 65px; }

.ml65 { margin-left: 65px; }

.pt70 { padding-top: 70px; }

.pr70 { padding-right: 70px; }

.pb70 { padding-bottom: 70px; }

.pl70 { padding-left: 70px; }

.mt70 { margin-top: 70px; }

.mr70 { margin-right: 70px; }

.mb70 { margin-bottom: 70px; }

.ml70 { margin-left: 70px; }

.pt75 { padding-top: 75px; }

.pr75 { padding-right: 75px; }

.pb75 { padding-bottom: 75px; }

.pl75 { padding-left: 75px; }

.mt75 { margin-top: 75px; }

.mr75 { margin-right: 75px; }

.mb75 { margin-bottom: 75px; }

.ml75 { margin-left: 75px; }

.pt80 { padding-top: 80px; }

.pr80 { padding-right: 80px; }

.pb80 { padding-bottom: 80px; }

.pl80 { padding-left: 80px; }

.mt80 { margin-top: 80px; }

.mr80 { margin-right: 80px; }

.mb80 { margin-bottom: 80px; }

.ml80 { margin-left: 80px; }

.pt85 { padding-top: 85px; }

.pr85 { padding-right: 85px; }

.pb85 { padding-bottom: 85px; }

.pl85 { padding-left: 85px; }

.mt85 { margin-top: 85px; }

.mr85 { margin-right: 85px; }

.mb85 { margin-bottom: 85px; }

.ml85 { margin-left: 85px; }

.pt90 { padding-top: 90px; }

.pr90 { padding-right: 90px; }

.pb90 { padding-bottom: 90px; }

.pl90 { padding-left: 90px; }

.mt90 { margin-top: 90px; }

.mr90 { margin-right: 90px; }

.mb90 { margin-bottom: 90px; }

.ml90 { margin-left: 90px; }

.pt95 { padding-top: 95px; }

.pr95 { padding-right: 95px; }

.pb95 { padding-bottom: 95px; }

.pl95 { padding-left: 95px; }

.mt95 { margin-top: 95px; }

.mr95 { margin-right: 95px; }

.mb95 { margin-bottom: 95px; }

.ml95 { margin-left: 95px; }

.pt100 { padding-top: 100px; }

.pr100 { padding-right: 100px; }

.pb100 { padding-bottom: 100px; }

.pl100 { padding-left: 100px; }

.mt100 { margin-top: 100px; }

.mr100 { margin-right: 100px; }

.mb100 { margin-bottom: 100px; }

.ml100 { margin-left: 100px; }

.pt105 { padding-top: 105px; }

.pr105 { padding-right: 105px; }

.pb105 { padding-bottom: 105px; }

.pl105 { padding-left: 105px; }

.mt105 { margin-top: 105px; }

.mr105 { margin-right: 105px; }

.mb105 { margin-bottom: 105px; }

.ml105 { margin-left: 105px; }

.pt110 { padding-top: 110px; }

.pr110 { padding-right: 110px; }

.pb110 { padding-bottom: 110px; }

.pl110 { padding-left: 110px; }

.mt110 { margin-top: 110px; }

.mr110 { margin-right: 110px; }

.mb110 { margin-bottom: 110px; }

.ml110 { margin-left: 110px; }

.pt115 { padding-top: 115px; }

.pr115 { padding-right: 115px; }

.pb115 { padding-bottom: 115px; }

.pl115 { padding-left: 115px; }

.mt115 { margin-top: 115px; }

.mr115 { margin-right: 115px; }

.mb115 { margin-bottom: 115px; }

.ml115 { margin-left: 115px; }

.pt120 { padding-top: 120px; }

.pr120 { padding-right: 120px; }

.pb120 { padding-bottom: 120px; }

.pl120 { padding-left: 120px; }

.mt120 { margin-top: 120px; }

.mr120 { margin-right: 120px; }

.mb120 { margin-bottom: 120px; }

.ml120 { margin-left: 120px; }

.pt125 { padding-top: 125px; }

.pr125 { padding-right: 125px; }

.pb125 { padding-bottom: 125px; }

.pl125 { padding-left: 125px; }

.mt125 { margin-top: 125px; }

.mr125 { margin-right: 125px; }

.mb125 { margin-bottom: 125px; }

.ml125 { margin-left: 125px; }

.pt130 { padding-top: 130px; }

.pr130 { padding-right: 130px; }

.pb130 { padding-bottom: 130px; }

.pl130 { padding-left: 130px; }

.mt130 { margin-top: 130px; }

.mr130 { margin-right: 130px; }

.mb130 { margin-bottom: 130px; }

.ml130 { margin-left: 130px; }

.pt135 { padding-top: 135px; }

.pr135 { padding-right: 135px; }

.pb135 { padding-bottom: 135px; }

.pl135 { padding-left: 135px; }

.mt135 { margin-top: 135px; }

.mr135 { margin-right: 135px; }

.mb135 { margin-bottom: 135px; }

.ml135 { margin-left: 135px; }

.pt140 { padding-top: 140px; }

.pr140 { padding-right: 140px; }

.pb140 { padding-bottom: 140px; }

.pl140 { padding-left: 140px; }

.mt140 { margin-top: 140px; }

.mr140 { margin-right: 140px; }

.mb140 { margin-bottom: 140px; }

.ml140 { margin-left: 140px; }

.pt145 { padding-top: 145px; }

.pr145 { padding-right: 145px; }

.pb145 { padding-bottom: 145px; }

.pl145 { padding-left: 145px; }

.mt145 { margin-top: 145px; }

.mr145 { margin-right: 145px; }

.mb145 { margin-bottom: 145px; }

.ml145 { margin-left: 145px; }

.pt150 { padding-top: 150px; }

.pr150 { padding-right: 150px; }

.pb150 { padding-bottom: 150px; }

.pl150 { padding-left: 150px; }

.mt150 { margin-top: 150px; }

.mr150 { margin-right: 150px; }

.mb150 { margin-bottom: 150px; }

.ml150 { margin-left: 150px; }

.pt155 { padding-top: 155px; }

.pr155 { padding-right: 155px; }

.pb155 { padding-bottom: 155px; }

.pl155 { padding-left: 155px; }

.mt155 { margin-top: 155px; }

.mr155 { margin-right: 155px; }

.mb155 { margin-bottom: 155px; }

.ml155 { margin-left: 155px; }

.pt160 { padding-top: 160px; }

.pr160 { padding-right: 160px; }

.pb160 { padding-bottom: 160px; }

.pl160 { padding-left: 160px; }

.mt160 { margin-top: 160px; }

.mr160 { margin-right: 160px; }

.mb160 { margin-bottom: 160px; }

.ml160 { margin-left: 160px; }

.pt165 { padding-top: 165px; }

.pr165 { padding-right: 165px; }

.pb165 { padding-bottom: 165px; }

.pl165 { padding-left: 165px; }

.mt165 { margin-top: 165px; }

.mr165 { margin-right: 165px; }

.mb165 { margin-bottom: 165px; }

.ml165 { margin-left: 165px; }

.pt170 { padding-top: 170px; }

.pr170 { padding-right: 170px; }

.pb170 { padding-bottom: 170px; }

.pl170 { padding-left: 170px; }

.mt170 { margin-top: 170px; }

.mr170 { margin-right: 170px; }

.mb170 { margin-bottom: 170px; }

.ml170 { margin-left: 170px; }

.pt175 { padding-top: 175px; }

.pr175 { padding-right: 175px; }

.pb175 { padding-bottom: 175px; }

.pl175 { padding-left: 175px; }

.mt175 { margin-top: 175px; }

.mr175 { margin-right: 175px; }

.mb175 { margin-bottom: 175px; }

.ml175 { margin-left: 175px; }

.pt180 { padding-top: 180px; }

.pr180 { padding-right: 180px; }

.pb180 { padding-bottom: 180px; }

.pl180 { padding-left: 180px; }

.mt180 { margin-top: 180px; }

.mr180 { margin-right: 180px; }

.mb180 { margin-bottom: 180px; }

.ml180 { margin-left: 180px; }

.pt185 { padding-top: 185px; }

.pr185 { padding-right: 185px; }

.pb185 { padding-bottom: 185px; }

.pl185 { padding-left: 185px; }

.mt185 { margin-top: 185px; }

.mr185 { margin-right: 185px; }

.mb185 { margin-bottom: 185px; }

.ml185 { margin-left: 185px; }

.pt190 { padding-top: 190px; }

.pr190 { padding-right: 190px; }

.pb190 { padding-bottom: 190px; }

.pl190 { padding-left: 190px; }

.mt190 { margin-top: 190px; }

.mr190 { margin-right: 190px; }

.mb190 { margin-bottom: 190px; }

.ml190 { margin-left: 190px; }

.pt195 { padding-top: 195px; }

.pr195 { padding-right: 195px; }

.pb195 { padding-bottom: 195px; }

.pl195 { padding-left: 195px; }

.mt195 { margin-top: 195px; }

.mr195 { margin-right: 195px; }

.mb195 { margin-bottom: 195px; }

.ml195 { margin-left: 195px; }

.pt200 { padding-top: 200px; }

.pr200 { padding-right: 200px; }

.pb200 { padding-bottom: 200px; }

.pl200 { padding-left: 200px; }

.mt200 { margin-top: 200px; }

.mr200 { margin-right: 200px; }

.mb200 { margin-bottom: 200px; }

.ml200 { margin-left: 200px; }

@media screen and (max-width: 750px) { .pt5-smt { padding-top: 5px; }
  .pr5-smt { padding-right: 5px; }
  .pb5-smt { padding-bottom: 5px; }
  .pl5-smt { padding-left: 5px; }
  .mt5-smt { margin-top: 5px; }
  .mr5-smt { margin-right: 5px; }
  .mb5-smt { margin-bottom: 5px; }
  .ml5-smt { margin-left: 5px; }
  .pt10-smt { padding-top: 10px; }
  .pr10-smt { padding-right: 10px; }
  .pb10-smt { padding-bottom: 10px; }
  .pl10-smt { padding-left: 10px; }
  .mt10-smt { margin-top: 10px; }
  .mr10-smt { margin-right: 10px; }
  .mb10-smt { margin-bottom: 10px; }
  .ml10-smt { margin-left: 10px; }
  .pt15-smt { padding-top: 15px; }
  .pr15-smt { padding-right: 15px; }
  .pb15-smt { padding-bottom: 15px; }
  .pl15-smt { padding-left: 15px; }
  .mt15-smt { margin-top: 15px; }
  .mr15-smt { margin-right: 15px; }
  .mb15-smt { margin-bottom: 15px; }
  .ml15-smt { margin-left: 15px; }
  .pt20-smt { padding-top: 20px; }
  .pr20-smt { padding-right: 20px; }
  .pb20-smt { padding-bottom: 20px; }
  .pl20-smt { padding-left: 20px; }
  .mt20-smt { margin-top: 20px; }
  .mr20-smt { margin-right: 20px; }
  .mb20-smt { margin-bottom: 20px; }
  .ml20-smt { margin-left: 20px; }
  .pt25-smt { padding-top: 25px; }
  .pr25-smt { padding-right: 25px; }
  .pb25-smt { padding-bottom: 25px; }
  .pl25-smt { padding-left: 25px; }
  .mt25-smt { margin-top: 25px; }
  .mr25-smt { margin-right: 25px; }
  .mb25-smt { margin-bottom: 25px; }
  .ml25-smt { margin-left: 25px; }
  .pt30-smt { padding-top: 30px; }
  .pr30-smt { padding-right: 30px; }
  .pb30-smt { padding-bottom: 30px; }
  .pl30-smt { padding-left: 30px; }
  .mt30-smt { margin-top: 30px; }
  .mr30-smt { margin-right: 30px; }
  .mb30-smt { margin-bottom: 30px; }
  .ml30-smt { margin-left: 30px; }
  .pt35-smt { padding-top: 35px; }
  .pr35-smt { padding-right: 35px; }
  .pb35-smt { padding-bottom: 35px; }
  .pl35-smt { padding-left: 35px; }
  .mt35-smt { margin-top: 35px; }
  .mr35-smt { margin-right: 35px; }
  .mb35-smt { margin-bottom: 35px; }
  .ml35-smt { margin-left: 35px; }
  .pt40-smt { padding-top: 40px; }
  .pr40-smt { padding-right: 40px; }
  .pb40-smt { padding-bottom: 40px; }
  .pl40-smt { padding-left: 40px; }
  .mt40-smt { margin-top: 40px; }
  .mr40-smt { margin-right: 40px; }
  .mb40-smt { margin-bottom: 40px; }
  .ml40-smt { margin-left: 40px; }
  .pt45-smt { padding-top: 45px; }
  .pr45-smt { padding-right: 45px; }
  .pb45-smt { padding-bottom: 45px; }
  .pl45-smt { padding-left: 45px; }
  .mt45-smt { margin-top: 45px; }
  .mr45-smt { margin-right: 45px; }
  .mb45-smt { margin-bottom: 45px; }
  .ml45-smt { margin-left: 45px; }
  .pt50-smt { padding-top: 50px; }
  .pr50-smt { padding-right: 50px; }
  .pb50-smt { padding-bottom: 50px; }
  .pl50-smt { padding-left: 50px; }
  .mt50-smt { margin-top: 50px; }
  .mr50-smt { margin-right: 50px; }
  .mb50-smt { margin-bottom: 50px; }
  .ml50-smt { margin-left: 50px; }
  .pt55-smt { padding-top: 55px; }
  .pr55-smt { padding-right: 55px; }
  .pb55-smt { padding-bottom: 55px; }
  .pl55-smt { padding-left: 55px; }
  .mt55-smt { margin-top: 55px; }
  .mr55-smt { margin-right: 55px; }
  .mb55-smt { margin-bottom: 55px; }
  .ml55-smt { margin-left: 55px; }
  .pt60-smt { padding-top: 60px; }
  .pr60-smt { padding-right: 60px; }
  .pb60-smt { padding-bottom: 60px; }
  .pl60-smt { padding-left: 60px; }
  .mt60-smt { margin-top: 60px; }
  .mr60-smt { margin-right: 60px; }
  .mb60-smt { margin-bottom: 60px; }
  .ml60-smt { margin-left: 60px; }
  .pt65-smt { padding-top: 65px; }
  .pr65-smt { padding-right: 65px; }
  .pb65-smt { padding-bottom: 65px; }
  .pl65-smt { padding-left: 65px; }
  .mt65-smt { margin-top: 65px; }
  .mr65-smt { margin-right: 65px; }
  .mb65-smt { margin-bottom: 65px; }
  .ml65-smt { margin-left: 65px; }
  .pt70-smt { padding-top: 70px; }
  .pr70-smt { padding-right: 70px; }
  .pb70-smt { padding-bottom: 70px; }
  .pl70-smt { padding-left: 70px; }
  .mt70-smt { margin-top: 70px; }
  .mr70-smt { margin-right: 70px; }
  .mb70-smt { margin-bottom: 70px; }
  .ml70-smt { margin-left: 70px; }
  .pt75-smt { padding-top: 75px; }
  .pr75-smt { padding-right: 75px; }
  .pb75-smt { padding-bottom: 75px; }
  .pl75-smt { padding-left: 75px; }
  .mt75-smt { margin-top: 75px; }
  .mr75-smt { margin-right: 75px; }
  .mb75-smt { margin-bottom: 75px; }
  .ml75-smt { margin-left: 75px; }
  .pt80-smt { padding-top: 80px; }
  .pr80-smt { padding-right: 80px; }
  .pb80-smt { padding-bottom: 80px; }
  .pl80-smt { padding-left: 80px; }
  .mt80-smt { margin-top: 80px; }
  .mr80-smt { margin-right: 80px; }
  .mb80-smt { margin-bottom: 80px; }
  .ml80-smt { margin-left: 80px; }
  .pt85-smt { padding-top: 85px; }
  .pr85-smt { padding-right: 85px; }
  .pb85-smt { padding-bottom: 85px; }
  .pl85-smt { padding-left: 85px; }
  .mt85-smt { margin-top: 85px; }
  .mr85-smt { margin-right: 85px; }
  .mb85-smt { margin-bottom: 85px; }
  .ml85-smt { margin-left: 85px; }
  .pt90-smt { padding-top: 90px; }
  .pr90-smt { padding-right: 90px; }
  .pb90-smt { padding-bottom: 90px; }
  .pl90-smt { padding-left: 90px; }
  .mt90-smt { margin-top: 90px; }
  .mr90-smt { margin-right: 90px; }
  .mb90-smt { margin-bottom: 90px; }
  .ml90-smt { margin-left: 90px; }
  .pt95-smt { padding-top: 95px; }
  .pr95-smt { padding-right: 95px; }
  .pb95-smt { padding-bottom: 95px; }
  .pl95-smt { padding-left: 95px; }
  .mt95-smt { margin-top: 95px; }
  .mr95-smt { margin-right: 95px; }
  .mb95-smt { margin-bottom: 95px; }
  .ml95-smt { margin-left: 95px; }
  .pt100-smt { padding-top: 100px; }
  .pr100-smt { padding-right: 100px; }
  .pb100-smt { padding-bottom: 100px; }
  .pl100-smt { padding-left: 100px; }
  .mt100-smt { margin-top: 100px; }
  .mr100-smt { margin-right: 100px; }
  .mb100-smt { margin-bottom: 100px; }
  .ml100-smt { margin-left: 100px; }
  .pt105-smt { padding-top: 105px; }
  .pr105-smt { padding-right: 105px; }
  .pb105-smt { padding-bottom: 105px; }
  .pl105-smt { padding-left: 105px; }
  .mt105-smt { margin-top: 105px; }
  .mr105-smt { margin-right: 105px; }
  .mb105-smt { margin-bottom: 105px; }
  .ml105-smt { margin-left: 105px; }
  .pt110-smt { padding-top: 110px; }
  .pr110-smt { padding-right: 110px; }
  .pb110-smt { padding-bottom: 110px; }
  .pl110-smt { padding-left: 110px; }
  .mt110-smt { margin-top: 110px; }
  .mr110-smt { margin-right: 110px; }
  .mb110-smt { margin-bottom: 110px; }
  .ml110-smt { margin-left: 110px; }
  .pt115-smt { padding-top: 115px; }
  .pr115-smt { padding-right: 115px; }
  .pb115-smt { padding-bottom: 115px; }
  .pl115-smt { padding-left: 115px; }
  .mt115-smt { margin-top: 115px; }
  .mr115-smt { margin-right: 115px; }
  .mb115-smt { margin-bottom: 115px; }
  .ml115-smt { margin-left: 115px; }
  .pt120-smt { padding-top: 120px; }
  .pr120-smt { padding-right: 120px; }
  .pb120-smt { padding-bottom: 120px; }
  .pl120-smt { padding-left: 120px; }
  .mt120-smt { margin-top: 120px; }
  .mr120-smt { margin-right: 120px; }
  .mb120-smt { margin-bottom: 120px; }
  .ml120-smt { margin-left: 120px; }
  .pt125-smt { padding-top: 125px; }
  .pr125-smt { padding-right: 125px; }
  .pb125-smt { padding-bottom: 125px; }
  .pl125-smt { padding-left: 125px; }
  .mt125-smt { margin-top: 125px; }
  .mr125-smt { margin-right: 125px; }
  .mb125-smt { margin-bottom: 125px; }
  .ml125-smt { margin-left: 125px; }
  .pt130-smt { padding-top: 130px; }
  .pr130-smt { padding-right: 130px; }
  .pb130-smt { padding-bottom: 130px; }
  .pl130-smt { padding-left: 130px; }
  .mt130-smt { margin-top: 130px; }
  .mr130-smt { margin-right: 130px; }
  .mb130-smt { margin-bottom: 130px; }
  .ml130-smt { margin-left: 130px; }
  .pt135-smt { padding-top: 135px; }
  .pr135-smt { padding-right: 135px; }
  .pb135-smt { padding-bottom: 135px; }
  .pl135-smt { padding-left: 135px; }
  .mt135-smt { margin-top: 135px; }
  .mr135-smt { margin-right: 135px; }
  .mb135-smt { margin-bottom: 135px; }
  .ml135-smt { margin-left: 135px; }
  .pt140-smt { padding-top: 140px; }
  .pr140-smt { padding-right: 140px; }
  .pb140-smt { padding-bottom: 140px; }
  .pl140-smt { padding-left: 140px; }
  .mt140-smt { margin-top: 140px; }
  .mr140-smt { margin-right: 140px; }
  .mb140-smt { margin-bottom: 140px; }
  .ml140-smt { margin-left: 140px; }
  .pt145-smt { padding-top: 145px; }
  .pr145-smt { padding-right: 145px; }
  .pb145-smt { padding-bottom: 145px; }
  .pl145-smt { padding-left: 145px; }
  .mt145-smt { margin-top: 145px; }
  .mr145-smt { margin-right: 145px; }
  .mb145-smt { margin-bottom: 145px; }
  .ml145-smt { margin-left: 145px; }
  .pt150-smt { padding-top: 150px; }
  .pr150-smt { padding-right: 150px; }
  .pb150-smt { padding-bottom: 150px; }
  .pl150-smt { padding-left: 150px; }
  .mt150-smt { margin-top: 150px; }
  .mr150-smt { margin-right: 150px; }
  .mb150-smt { margin-bottom: 150px; }
  .ml150-smt { margin-left: 150px; }
  .pt155-smt { padding-top: 155px; }
  .pr155-smt { padding-right: 155px; }
  .pb155-smt { padding-bottom: 155px; }
  .pl155-smt { padding-left: 155px; }
  .mt155-smt { margin-top: 155px; }
  .mr155-smt { margin-right: 155px; }
  .mb155-smt { margin-bottom: 155px; }
  .ml155-smt { margin-left: 155px; }
  .pt160-smt { padding-top: 160px; }
  .pr160-smt { padding-right: 160px; }
  .pb160-smt { padding-bottom: 160px; }
  .pl160-smt { padding-left: 160px; }
  .mt160-smt { margin-top: 160px; }
  .mr160-smt { margin-right: 160px; }
  .mb160-smt { margin-bottom: 160px; }
  .ml160-smt { margin-left: 160px; }
  .pt165-smt { padding-top: 165px; }
  .pr165-smt { padding-right: 165px; }
  .pb165-smt { padding-bottom: 165px; }
  .pl165-smt { padding-left: 165px; }
  .mt165-smt { margin-top: 165px; }
  .mr165-smt { margin-right: 165px; }
  .mb165-smt { margin-bottom: 165px; }
  .ml165-smt { margin-left: 165px; }
  .pt170-smt { padding-top: 170px; }
  .pr170-smt { padding-right: 170px; }
  .pb170-smt { padding-bottom: 170px; }
  .pl170-smt { padding-left: 170px; }
  .mt170-smt { margin-top: 170px; }
  .mr170-smt { margin-right: 170px; }
  .mb170-smt { margin-bottom: 170px; }
  .ml170-smt { margin-left: 170px; }
  .pt175-smt { padding-top: 175px; }
  .pr175-smt { padding-right: 175px; }
  .pb175-smt { padding-bottom: 175px; }
  .pl175-smt { padding-left: 175px; }
  .mt175-smt { margin-top: 175px; }
  .mr175-smt { margin-right: 175px; }
  .mb175-smt { margin-bottom: 175px; }
  .ml175-smt { margin-left: 175px; }
  .pt180-smt { padding-top: 180px; }
  .pr180-smt { padding-right: 180px; }
  .pb180-smt { padding-bottom: 180px; }
  .pl180-smt { padding-left: 180px; }
  .mt180-smt { margin-top: 180px; }
  .mr180-smt { margin-right: 180px; }
  .mb180-smt { margin-bottom: 180px; }
  .ml180-smt { margin-left: 180px; }
  .pt185-smt { padding-top: 185px; }
  .pr185-smt { padding-right: 185px; }
  .pb185-smt { padding-bottom: 185px; }
  .pl185-smt { padding-left: 185px; }
  .mt185-smt { margin-top: 185px; }
  .mr185-smt { margin-right: 185px; }
  .mb185-smt { margin-bottom: 185px; }
  .ml185-smt { margin-left: 185px; }
  .pt190-smt { padding-top: 190px; }
  .pr190-smt { padding-right: 190px; }
  .pb190-smt { padding-bottom: 190px; }
  .pl190-smt { padding-left: 190px; }
  .mt190-smt { margin-top: 190px; }
  .mr190-smt { margin-right: 190px; }
  .mb190-smt { margin-bottom: 190px; }
  .ml190-smt { margin-left: 190px; }
  .pt195-smt { padding-top: 195px; }
  .pr195-smt { padding-right: 195px; }
  .pb195-smt { padding-bottom: 195px; }
  .pl195-smt { padding-left: 195px; }
  .mt195-smt { margin-top: 195px; }
  .mr195-smt { margin-right: 195px; }
  .mb195-smt { margin-bottom: 195px; }
  .ml195-smt { margin-left: 195px; }
  .pt200-smt { padding-top: 200px; }
  .pr200-smt { padding-right: 200px; }
  .pb200-smt { padding-bottom: 200px; }
  .pl200-smt { padding-left: 200px; }
  .mt200-smt { margin-top: 200px; }
  .mr200-smt { margin-right: 200px; }
  .mb200-smt { margin-bottom: 200px; }
  .ml200-smt { margin-left: 200px; } }

.mb1em { margin-bottom: 1em; }

/* text-align ------------------------------------*/
.text-center { text-align: center; }

.text-right { text-align: right; }

/* text-decoratin ------------------------------------*/
.text-underline { text-decoration: underline; }

/* font-weight ------------------------------------*/
.font-bold { font-weight: bold; }

/* color ------------------------------------*/
.color-navy { color: #00124c; }

.color-gold { color: #a37500; }

.color-white { color: #ffff; }

.color-orange { color: #eb6d1e; }

.color-1 { color: #382e2c; }

/* background-color ------------------------------------*/
.bgc-gray { background-color: #f0f0f0; }

.bgc-beige { background-color: #f8f4eb; }

.bgc-brown { background-color: #836f54; }

/* letter-spacing ------------------------------------*/
.ls100 { letter-spacing: 0.1em; }

.ls300 { letter-spacing: 0.3em; }

/* font-size ------------------------------------*/
.fz10 { font-size: 10px; }

.fz11 { font-size: 11px; }

.fz12 { font-size: 12px; }

.fz13 { font-size: 13px; }

.fz14 { font-size: 14px; }

.fz15 { font-size: 15px; }

.fz16 { font-size: 16px; }

.fz17 { font-size: 17px; }

.fz18 { font-size: 18px; }

.fz19 { font-size: 19px; }

.fz20 { font-size: 20px; }

.fz21 { font-size: 21px; }

.fz22 { font-size: 22px; }

.fz23 { font-size: 23px; }

.fz24 { font-size: 24px; }

.fz25 { font-size: 25px; }

.fz26 { font-size: 26px; }

.fz27 { font-size: 27px; }

.fz28 { font-size: 28px; }

.fz29 { font-size: 29px; }

.fz30 { font-size: 30px; }

.fz31 { font-size: 31px; }

.fz32 { font-size: 32px; }

.fz33 { font-size: 33px; }

.fz34 { font-size: 34px; }

.fz35 { font-size: 35px; }

.fz36 { font-size: 36px; }

.fz37 { font-size: 37px; }

.fz38 { font-size: 38px; }

.fz39 { font-size: 39px; }

.fz40 { font-size: 40px; }

.fz41 { font-size: 41px; }

.fz42 { font-size: 42px; }

.fz43 { font-size: 43px; }

.fz44 { font-size: 44px; }

.fz45 { font-size: 45px; }

.fz46 { font-size: 46px; }

.fz47 { font-size: 47px; }

.fz48 { font-size: 48px; }

.fz49 { font-size: 49px; }

.fz50 { font-size: 50px; }

@media screen and (max-width: 750px) { .fz10-smt { font-size: 10px; }
  .fz11-smt { font-size: 11px; }
  .fz12-smt { font-size: 12px; }
  .fz13-smt { font-size: 13px; }
  .fz14-smt { font-size: 14px; }
  .fz15-smt { font-size: 15px; }
  .fz16-smt { font-size: 16px; }
  .fz17-smt { font-size: 17px; }
  .fz18-smt { font-size: 18px; }
  .fz19-smt { font-size: 19px; }
  .fz20-smt { font-size: 20px; }
  .fz21-smt { font-size: 21px; }
  .fz22-smt { font-size: 22px; }
  .fz23-smt { font-size: 23px; }
  .fz24-smt { font-size: 24px; }
  .fz25-smt { font-size: 25px; }
  .fz26-smt { font-size: 26px; }
  .fz27-smt { font-size: 27px; }
  .fz28-smt { font-size: 28px; }
  .fz29-smt { font-size: 29px; }
  .fz30-smt { font-size: 30px; }
  .fz31-smt { font-size: 31px; }
  .fz32-smt { font-size: 32px; }
  .fz33-smt { font-size: 33px; }
  .fz34-smt { font-size: 34px; }
  .fz35-smt { font-size: 35px; }
  .fz36-smt { font-size: 36px; }
  .fz37-smt { font-size: 37px; }
  .fz38-smt { font-size: 38px; }
  .fz39-smt { font-size: 39px; }
  .fz40-smt { font-size: 40px; }
  .fz41-smt { font-size: 41px; }
  .fz42-smt { font-size: 42px; }
  .fz43-smt { font-size: 43px; }
  .fz44-smt { font-size: 44px; }
  .fz45-smt { font-size: 45px; }
  .fz46-smt { font-size: 46px; }
  .fz47-smt { font-size: 47px; }
  .fz48-smt { font-size: 48px; }
  .fz49-smt { font-size: 49px; }
  .fz50-smt { font-size: 50px; } }

/* line-height ------------------------------------*/
.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }

.lh20 { line-height: 2; }

.lh21 { line-height: 2.1; }

.lh22 { line-height: 2.2; }

.lh23 { line-height: 2.3; }

.lh24 { line-height: 2.4; }

.lh25 { line-height: 2.5; }

.lh26 { line-height: 2.6; }

.lh27 { line-height: 2.7; }

.lh28 { line-height: 2.8; }

.lh29 { line-height: 2.9; }

.lh30 { line-height: 3; }

.lh31 { line-height: 3.1; }

.lh32 { line-height: 3.2; }

.lh33 { line-height: 3.3; }

.lh34 { line-height: 3.4; }

.lh35 { line-height: 3.5; }

.lh36 { line-height: 3.6; }

.lh37 { line-height: 3.7; }

.lh38 { line-height: 3.8; }

.lh39 { line-height: 3.9; }

.lh40 { line-height: 4; }

.lh41 { line-height: 4.1; }

.lh42 { line-height: 4.2; }

.lh43 { line-height: 4.3; }

.lh44 { line-height: 4.4; }

.lh45 { line-height: 4.5; }

.lh46 { line-height: 4.6; }

.lh47 { line-height: 4.7; }

.lh48 { line-height: 4.8; }

.lh49 { line-height: 4.9; }

.lh50 { line-height: 5; }

/* max-width ------------------------------------*/
.mw100 { max-width: 100px; }

.mw110 { max-width: 110px; }

.mw120 { max-width: 120px; }

.mw130 { max-width: 130px; }

.mw140 { max-width: 140px; }

.mw150 { max-width: 150px; }

.mw160 { max-width: 160px; }

.mw170 { max-width: 170px; }

.mw180 { max-width: 180px; }

.mw190 { max-width: 190px; }

.mw200 { max-width: 200px; }

.mw210 { max-width: 210px; }

.mw220 { max-width: 220px; }

.mw230 { max-width: 230px; }

.mw240 { max-width: 240px; }

.mw250 { max-width: 250px; }

.mw260 { max-width: 260px; }

.mw270 { max-width: 270px; }

.mw280 { max-width: 280px; }

.mw290 { max-width: 290px; }

.mw300 { max-width: 300px; }

.mw310 { max-width: 310px; }

.mw320 { max-width: 320px; }

.mw330 { max-width: 330px; }

.mw340 { max-width: 340px; }

.mw350 { max-width: 350px; }

.mw360 { max-width: 360px; }

.mw370 { max-width: 370px; }

.mw380 { max-width: 380px; }

.mw390 { max-width: 390px; }

.mw400 { max-width: 400px; }

.mw410 { max-width: 410px; }

.mw420 { max-width: 420px; }

.mw430 { max-width: 430px; }

.mw440 { max-width: 440px; }

.mw450 { max-width: 450px; }

.mw460 { max-width: 460px; }

.mw470 { max-width: 470px; }

.mw480 { max-width: 480px; }

.mw490 { max-width: 490px; }

.mw500 { max-width: 500px; }

.mw510 { max-width: 510px; }

.mw520 { max-width: 520px; }

.mw530 { max-width: 530px; }

.mw540 { max-width: 540px; }

.mw550 { max-width: 550px; }

.mw560 { max-width: 560px; }

.mw570 { max-width: 570px; }

.mw580 { max-width: 580px; }

.mw590 { max-width: 590px; }

.mw600 { max-width: 600px; }

.mw610 { max-width: 610px; }

.mw620 { max-width: 620px; }

.mw630 { max-width: 630px; }

.mw640 { max-width: 640px; }

.mw650 { max-width: 650px; }

.mw660 { max-width: 660px; }

.mw670 { max-width: 670px; }

.mw680 { max-width: 680px; }

.mw690 { max-width: 690px; }

.mw700 { max-width: 700px; }

.mw710 { max-width: 710px; }

.mw720 { max-width: 720px; }

.mw730 { max-width: 730px; }

.mw740 { max-width: 740px; }

.mw750 { max-width: 750px; }

.mw760 { max-width: 760px; }

.mw770 { max-width: 770px; }

.mw780 { max-width: 780px; }

.mw790 { max-width: 790px; }

.mw800 { max-width: 800px; }

.mw810 { max-width: 810px; }

.mw820 { max-width: 820px; }

.mw830 { max-width: 830px; }

.mw840 { max-width: 840px; }

.mw850 { max-width: 850px; }

.mw860 { max-width: 860px; }

.mw870 { max-width: 870px; }

.mw880 { max-width: 880px; }

.mw890 { max-width: 890px; }

.mw900 { max-width: 900px; }

.mw910 { max-width: 910px; }

.mw920 { max-width: 920px; }

.mw930 { max-width: 930px; }

.mw940 { max-width: 940px; }

.mw950 { max-width: 950px; }

.mw960 { max-width: 960px; }

.mw970 { max-width: 970px; }

.mw980 { max-width: 980px; }

.mw990 { max-width: 990px; }

.mw1000 { max-width: 1000px; }

.mw1010 { max-width: 1010px; }

.mw1020 { max-width: 1020px; }

.mw1030 { max-width: 1030px; }

.mw1040 { max-width: 1040px; }

.mw1050 { max-width: 1050px; }

.mw1060 { max-width: 1060px; }

.mw1070 { max-width: 1070px; }

.mw1080 { max-width: 1080px; }

/* FILE : /assets/sass/shared/_item.scss  */
/* clearfix ------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { display: inline-block; min-height: 1%; }

/* for IE-mac */
* html .clearfix { height: 1%; }

.clearfix { display: block; }

img.ofi { max-width: none; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; font-family: 'object-fit: cover;object-position: center;'; }

/* hide ------------------------------------*/
@media screen and (min-width: 1025px) { .pc-hide { display: none; }
  .hover-alpha:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .hover-line:hover { text-decoration: underline; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .tablet-hide { display: none; } }

@media screen and (max-width: 750px) { .smt-hide { display: none; } }

.js-tabcontent { display: none; }

.movie-mmdlbtn { cursor: pointer; }

/* line ------------------------------------*/
hr.line--block { border-bottom: 1px solid #ccc; padding-bottom: 40px; margin-bottom: 40px; }

@media screen and (max-width: 750px) { hr.line--block { padding-bottom: 25px; margin-bottom: 25px; } }

.inline-block { display: inline-block; }

/* text-indent ------------------------------------*/
.ind-1em { text-indent: -1em; padding-left: 1em; }

/* box-center ------------------------------------*/
.box-center { margin-left: auto; margin-right: auto; }

/* padding-g15 ------------------------------------*/
.padding-g15 { padding: 15px; }

@media screen and (max-width: 750px) { .padding-g15 { padding: 8px; } }

/* under-orang ------------------------------------*/
.under-orange { -webkit-box-shadow: 0 2px 0 #eb6d1e; box-shadow: 0 2px 0 #eb6d1e; display: inline; padding-bottom: 5px; }

/* inner ------------------------------------*/
.inner-gallery { max-width: 1430px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.inner-w1200 { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.inner-w1000 { max-width: 1030px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

/*--------------------------------------------
|
|  SECTION BTN
|
--------------------------------------------*/
/* ANCHOR btnstyle1 ------------------------------------*/
.btnstyle1 { display: inline-block; font-size: 16px; letter-spacing: 0.3em; line-height: 1; padding: 0 37px 10px 10px; position: relative; }

.btnstyle1:before, .btnstyle1:after { content: ''; display: block; position: absolute; height: 1px; width: calc(100% - 10px); }

.btnstyle1:before { right: 0; bottom: 3px; }

.btnstyle1:after { bottom: 0; left: 0; }

.btnstyle1--white { color: #fff; background: url(../img/shared/btnstyle1-arrow--white.png) no-repeat right 8px center/14px auto; }

.btnstyle1--white:before, .btnstyle1--white:after { background-color: #fff; }

.btnstyle1--black { color: #000; background: url(../img/shared/btnstyle1-arrow--black.png) no-repeat right 8px center/14px auto; }

.btnstyle1--black:before, .btnstyle1--black:after { background-color: #000; }

@media screen and (min-width: 751px) { .btnstyle1:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; } }

@media screen and (max-width: 750px) { .btnstyle1 { font-size: 14px; } }

/* ANCHOR btnstyle2 ------------------------------------*/
.btnstyle2 { display: inline-block; line-height: 1.2; padding: 10px 30px; }

.btnstyle2--borderblack { border: 1px solid #333; background-color: #fff; }

.btnstyle2--pin { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.btnstyle2--pin i { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; margin-right: 10px; }

.btnstyle2--pin span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

@media screen and (min-width: 751px) { .btnstyle2--borderblack:hover { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; background-color: #333; color: #fff; } }

@media screen and (max-width: 750px) { .btnstyle2 { padding: 7px 11px; } }

/*--------------------------------------------
|
|  SECTION TITLE
|
--------------------------------------------*/
/* ANCHOR h2-title1 ------------------------------------*/
.h2-title1 { letter-spacing: 0.3em; position: relative; z-index: 2; position: relative; padding-bottom: 26px; }

.h2-title1--gold { color: #a37500; }

.h2-title1--gold:before, .h2-title1--gold:after { background-color: #d9bb6f; }

.h2-title1:before, .h2-title1:after { content: ''; display: block; width: 52px; height: 2px; position: absolute; left: 50%; }

.h2-title1:before { bottom: 0; margin-left: -19px; }

.h2-title1:after { bottom: 8px; margin-left: -33px; }

.h2-title1__ja { display: block; text-align: center; font-size: 28px; line-height: 1.3; margin-bottom: 5px; }

.h2-title1__en { display: block; text-align: center; font-size: 14px; line-height: 1.3; }

@media screen and (max-width: 750px) { .h2-title1__ja { font-size: 24px; letter-spacing: 0.1em; }
  .h2-title1__en { font-size: 12px; letter-spacing: 0.1em; } }

/* ANCHOR h2-title2 ------------------------------------*/
.h2-title2 { text-align: center; font-size: 24px; letter-spacing: 0.3em; color: #00124c; }

.h2-title2.text-left { text-align: left; }

@media screen and (max-width: 750px) { .h2-title2 { font-size: 18px; letter-spacing: 0.1em; } }

/*--------------------------------------------
|
|  SECTION TEXT
|
--------------------------------------------*/
/* ANCHOR text-style1 ------------------------------------*/
.text-style1 { font-size: 24px; }

@media screen and (max-width: 750px) { .text-style1 { font-size: 20px; } }

/* ANCHOR text-style2 ------------------------------------*/
.text-style2 { font-size: 20px; }

.text-style2--large { font-size: 21px; }

@media screen and (max-width: 750px) { .text-style2 { font-size: 18px; }
  .text-style2--large { font-size: 19px; } }

/* ANCHOR text-style3 ------------------------------------*/
.text-style3 { font-size: 16px; }

.text-style3--large { font-size: 17px; }

@media screen and (max-width: 750px) { .text-style3 { font-size: 14px; }
  .text-style3--large { font-size: 15px; } }

/* ANCHOR text-style4 ------------------------------------*/
.text-style4 { font-size: 18px; }

@media screen and (max-width: 750px) { .text-style4 { font-size: 16px; } }

/* ANCHOR text-style5 ------------------------------------*/
.text-style5 { font-size: 14px; }

@media screen and (max-width: 750px) { .text-style5 { font-size: 12px; } }

/* ANCHOR link-text1 ------------------------------------*/
.link-text1 { color: #00124c; text-decoration: underline; }

.link-text1:hover { text-decoration: none; color: #a37500; }

/* FILE : /assets/sass/shared/_parts.scss  */
/* ANCHOR pagetitle ------------------------------------*/
.pagetitle { height: 500px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.pagetitle.low-height { padding-top: 100px; height: 300px; }

.pagetitle__text { letter-spacing: 0.3em; position: relative; z-index: 2; position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-bottom: 26px; }

.pagetitle__text:before, .pagetitle__text:after { content: ''; display: block; width: 52px; height: 2px; background-color: #d9bb6f; position: absolute; left: 50%; }

.pagetitle__text:before { bottom: 0; margin-left: -19px; }

.pagetitle__text:after { bottom: 8px; margin-left: -33px; }

.pagetitle__text--white { color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0, 0.8), 0 0 10px rgba(0, 0, 0, 0.8); }

.pagetitle__tate { font-size: 28px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; color: #a37500; }

.pagetitle__ja { display: block; text-align: center; font-size: 28px; line-height: 1.3; margin-bottom: 5px; }

.pagetitle__en { display: block; text-align: center; font-size: 14px; line-height: 1.3; }

.pagetitle__bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }

@media screen and (max-width: 750px) { .pagetitle { height: 350px; }
  .pagetitle.low-height { padding-top: 0; height: 200px; }
  .pagetitle__ja { font-size: 24px; letter-spacing: 0.1em; }
  .pagetitle__en { font-size: 12px; letter-spacing: 0.1em; }
  .pagetitle__tate { font-size: 20px; } }

/* ANCHOR main ------------------------------------*/
.wrapper--lower { background-image: url(../img/shared/bg-repeat2.png), url(../img/top/bg-repeat1.jpg); background-position: center top 50px,center top; }

.wrapper--top { background-image: url(../img/shared/bg-repeat2.png), url(../img/top/bg-repeat1.jpg); background-position: center top 840px,center top; }

@media screen and (max-width: 750px) { .wrapper--lower { background-image: url(../img/shared/bg-repeat2--smt.png), url(../img/top/bg-repeat1.jpg); background-size: 130% auto,auto auto; background-position: center top 50px,center top; }
  .wrapper--top { background-image: url(../img/shared/bg-repeat2--smt.png), url(../img/top/bg-repeat1.jpg); background-size: 130% auto,auto auto; background-position: center top 480px,center top; } }

.main--lower { padding-bottom: 200px; }

@media screen and (max-width: 750px) { .main--lower { padding-bottom: 80px; } }

/* ANCHOR bread ------------------------------------*/
.bread { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; margin-bottom: 75px; }

.bread__item { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 14px; letter-spacing: 0.2em; margin-right: 0.5em; }

.bread__item:after { content: '>'; margin-left: 0.5em; }

.bread__item a:hover { text-decoration: underline; }

.bread .bread__item:last-child { margin-right: 0; }

.bread .bread__item:last-child:after { content: none; }

@media screen and (max-width: 750px) { .bread { margin-bottom: 40px; }
  .bread__item { font-size: 11px; letter-spacing: 0.1em; } }

/* ANCHOR gallerylist ------------------------------------*/
.gallerylist { position: relative; margin: 0 auto; max-width: 1400px; }

.gallerylist__item { padding: 0 7px 14px; width: 280px; position: relative; line-height: 0; }

.gallerylist__item[class*="v"] .gallerylist__btn { height: 334px; }

.gallerylist__item[class*="h"] .gallerylist__btn { height: 160px; }

.gallerylist__btn { display: block; line-height: 1; width: 100%; overflow: hidden; }

@media screen and (max-width: 1399px) { .gallerylist { max-width: 1120px; } }

@media screen and (max-width: 1119px) { .gallerylist { max-width: 840px; } }

@media screen and (max-width: 839px) { .gallerylist { max-width: 560px; } }

@media screen and (max-width: 559px) { .gallerylist { max-width: 450px; }
  .gallerylist__item { width: 150px; padding: 0 3px 6px; }
  .gallerylist__item[class*="v"] .gallerylist__btn { height: 180px; }
  .gallerylist__item[class*="h"] .gallerylist__btn { height: 87px; } }

@media screen and (max-width: 449px) { .gallerylist { max-width: 300px; } }

/*--------------------------------------------
|
|  ANCHOR PAGE ACCESS
|
--------------------------------------------*/
.page-access__content { background: url(../img/shared/bg-access.jpg); }

.page-access__title { text-align: center; color: #a37500; font-size: 28px; letter-spacing: 0.3em; margin-bottom: 30px; }

.page-access__address { text-align: center; color: #fff; font-size: 16px; letter-spacing: 0.3em; margin-bottom: .7em; }

.page-access__tel { text-align: center; color: #fff; font-size: 16px; letter-spacing: 0.3em; margin-bottom: 60px; }

.access_gourmet_pdf { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
.access_gourmet_pdf:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }

@media screen and (min-width: 751px) { .page-access { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .page-access__map { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 500px); height: 600px; }
  .page-access__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-box-flex: 0; -ms-flex: 0 0 500px; flex: 0 0 500px; max-width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .page-access__map { width: calc(100% - 350px); }
  .page-access__content { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; padding: 20px 5px; } }

@media screen and (max-width: 750px) { .page-access__content { padding: 30px 15px; }
  .page-access__title { font-size: 24px; margin-bottom: 20px; }
  .page-access__address { font-size: 14px; }
  .page-access__tel { font-size: 14px; margin-bottom: 30px; }
  .page-access__map { width: 100%; height: 400px; } }

/* FILE : /assets/sass/pages/_top.scss  */
@-webkit-keyframes arrow { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(160px); transform: translateY(160px); } }
@keyframes arrow { 0% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  100% { -webkit-transform: translateY(160px); transform: translateY(160px); } }

@-webkit-keyframes arrow-line-up { 0% { height: 0px; }
  100% { height: 190px; } }

@keyframes arrow-line-up { 0% { height: 0px; }
  100% { height: 190px; } }

@-webkit-keyframes arrow-line-down { 0% { height: 190px; }
  100% { height: 0px; } }

@keyframes arrow-line-down { 0% { height: 190px; }
  100% { height: 0px; } }

/* ANCHOR tkv ------------------------------------*/
.tkv { position: relative; z-index: 3; }

.tkv2 { position: relative; z-index: 3; height: 780px; }

.tkv__slide { height: 780px; width: 100%; position: relative; }

.tkv__slide--slide4.swiper-slide-active .tkv__text--slide4 { -webkit-transition: 3s opacity ease 7s; -o-transition: 3s opacity ease 7s; transition: 3s opacity ease 7s; opacity: 0; }

.tkv__slide--slide4.none .tkv__text--slide4 { display: none; }

.tkv__pagination { position: absolute; left: 0; bottom: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; }

.tkv__bullet { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 50%; background-color: #fff; margin: 0 10px; opacity: .2; }

.tkv__bullet--active { opacity: 1; }

.tkv__text { position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 200px; z-index: 2; opacity: 0; }

.tkv__text--slide4 { position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 200px; }

.tkv__text--slide4 img { width: 496px; }

.tkv__text img { width: 496px; }

.tkv__text.fadein { -webkit-transition: 4s opacity ease 4s; -o-transition: 4s opacity ease 4s; transition: 4s opacity ease 4s; opacity: 1; }

.tkv__text.fadein.fadeout { -webkit-transition: 3s opacity ease 7s; -o-transition: 3s opacity ease 7s; transition: 3s opacity ease 7s; opacity: 0; }

.tkv__text3 { position: absolute; z-index: 2; text-align: center; font-size: 30px; text-shadow: 0 0 3px #000,0 0 2px #000,0 0 1px #000; letter-spacing: 0.3em; color: #fff; width: 50%; top: 300px; left: 0; line-height: 1.6; }

.tkv__text2 { position: absolute; height: 400px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-left: 50px; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; top: 230px; z-index: 2; }

.tkv__text2 h2 { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; color: #fff; height: 100%; line-height: 2; font-size: 24px; letter-spacing: 0.3em; text-shadow: 0 0 3px #000,0 0 2px #000,0 0 1px #000; }

.tkv__text2 p { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; color: #fff; height: 100%; line-height: 2; font-size: 16px; letter-spacing: 0.3em; text-shadow: 0 0 3px #000,0 0 2px #000,0 0 1px #000; padding-right: 35px; }

.tkv__bg2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.tkv__scroll { position: absolute; z-index: 3; width: 20px; height: 160px; left: 50%; margin-left: -10px; bottom: -80px; overflow: hidden; }

.tkv__scroll:before, .tkv__scroll:after { content: ''; display: block; width: 2px; background-color: #000; position: absolute; left: 9px; border-radius: 3px; }

.tkv__scroll:before { top: -30px; -webkit-animation: arrow-line-up 5s linear 0s infinite; animation: arrow-line-up 5s linear 0s infinite; }

.tkv__scroll:after { bottom: -30px; -webkit-animation: arrow-line-down 5s linear 0s infinite; animation: arrow-line-down 5s linear 0s infinite; }

.tkv__scroll i { height: 30px; display: block; width: 20px; -webkit-animation: arrow 5s linear 0s infinite; animation: arrow 5s linear 0s infinite; }

.tkv__scroll i img { width: 20px; }

@media screen and (max-width: 750px) { .tkv2 { height: 480px; }
  .tkv2 img.ofi { -o-object-position: bottom; object-position: bottom; font-family: 'object-position: bottom;object-fit: cover;'; }
  .tkv__slide { height: 480px; }
  .tkv__slide--slide4 img.ofi { -o-object-position: bottom; object-position: bottom; font-family: 'object-position: bottom;object-fit: cover;'; }
  .tkv__text { top: 50px; }
  .tkv__text--slide4 { top: 50px; }
  .tkv__text--slide4 img { width: 400px; }
  .tkv__text img { width: 400px; }
  .tkv__bullet { -webkit-box-flex: 0; -ms-flex: 0 0 10px; flex: 0 0 10px; width: 10px; height: 10px; margin: 0 5px; }
  .tkv__text3 { right: 0; width: 100%; font-size: 20px; bottom: auto; top: 20px; }
  .tkv__text2 { display: none; } }

@media screen and (max-width: 450px) { .tkv__text--slide4 img { width: 350px; }
  .tkv__text img { width: 350px; }
  .tkv__text2 h2 { font-size: 18px; }
  .tkv__text2 p { padding-top: 10px; font-size: 13px; }
  .tkv__text3 { font-size: 18px; } }

@media screen and (max-width: 360px) { .tkv__text--slide4 img { width: 300px; }
  .tkv__text img { width: 300px; } }

/* ANCHOR fade ------------------------------------*/
.troom__sectitle:before, .troom__sectitle:after, .tgallery__title:before, .tgallery__title:after { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); }

.troom__sectitle:before, .tgallery__title:before { -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; }

.troom__sectitle:after, .tgallery__title:after { -webkit-transform-origin: right; -ms-transform-origin: right; transform-origin: right; }

.troom__sectitle i, .tgallery__title i { display: inline-block; opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.troom__sectitle span, .tgallery__title span { opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.tmessage__logo, .tmessage__container, .tgallery__slider, .tgallery__btn, .troom__text, .troom__slider, .troom__btn, .tother__item--check-in, .tother__item--faq, .tother__item--access, .tother__circle1, .tother__circle2, .tother__circle3 { opacity: 0; -webkit-transform: translateY(5px); -ms-transform: translateY(5px); transform: translateY(5px); }

.fadein .troom__sectitle:before, .fadein .troom__sectitle:after, .fadein .tgallery__title:before, .fadein .tgallery__title:after { -webkit-transition: 0.6s -webkit-transform cubic-bezier(0.6, 0.01, 1, 0.4); transition: 0.6s -webkit-transform cubic-bezier(0.6, 0.01, 1, 0.4); -o-transition: 0.6s transform cubic-bezier(0.6, 0.01, 1, 0.4); transition: 0.6s transform cubic-bezier(0.6, 0.01, 1, 0.4); transition: 0.6s transform cubic-bezier(0.6, 0.01, 1, 0.4), 0.6s -webkit-transform cubic-bezier(0.6, 0.01, 1, 0.4); -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); }

.fadein .troom__sectitle span, .fadein .tgallery__title span { -webkit-transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; -o-transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s,1s -webkit-transform ease .6s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tgallery__slider, .fadein .tgallery__btn, .fadein .troom__text, .fadein .troom__slider, .fadein .troom__btn { -webkit-transition: 1s opacity ease .8s,1s -webkit-transform ease .8s; transition: 1s opacity ease .8s,1s -webkit-transform ease .8s; -o-transition: 1s opacity ease .8s,1s transform ease .8s; transition: 1s opacity ease .8s,1s transform ease .8s; transition: 1s opacity ease .8s,1s transform ease .8s,1s -webkit-transform ease .8s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tmessage__logo, .fadein .tmessage__container { -webkit-transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; -o-transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s,1s -webkit-transform ease 0s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__item--check-in { -webkit-transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; -o-transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s,1s -webkit-transform ease 0s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__item--faq { -webkit-transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; -o-transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s,1s -webkit-transform ease .6s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__item--access { -webkit-transition: 1s opacity ease 1.2s,1s -webkit-transform ease 1.2s; transition: 1s opacity ease 1.2s,1s -webkit-transform ease 1.2s; -o-transition: 1s opacity ease 1.2s,1s transform ease 1.2s; transition: 1s opacity ease 1.2s,1s transform ease 1.2s; transition: 1s opacity ease 1.2s,1s transform ease 1.2s,1s -webkit-transform ease 1.2s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__circle1 { -webkit-transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; transition: 1s opacity ease 0s,1s -webkit-transform ease 0s; -o-transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s; transition: 1s opacity ease 0s,1s transform ease 0s,1s -webkit-transform ease 0s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__circle2 { -webkit-transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; transition: 1s opacity ease .6s,1s -webkit-transform ease .6s; -o-transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s; transition: 1s opacity ease .6s,1s transform ease .6s,1s -webkit-transform ease .6s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.fadein .tother__circle3 { -webkit-transition: 1s opacity ease 1.2s,1s -webkit-transform ease 1.2s; transition: 1s opacity ease 1.2s,1s -webkit-transform ease 1.2s; -o-transition: 1s opacity ease 1.2s,1s transform ease 1.2s; transition: 1s opacity ease 1.2s,1s transform ease 1.2s; transition: 1s opacity ease 1.2s,1s transform ease 1.2s,1s -webkit-transform ease 1.2s; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* ANCHOR temergency ------------------------------------*/
.temergency { padding: 150px 15px 50px; }

.temergency__inner { max-width: 800px; padding: 30px; margin: 0 auto; }

.temergency h2 { text-align: center; margin-bottom: 20px; }

.temergency h2 img { width: 100%; max-width: 630px; }

@media screen and (max-width: 750px) { .temergency { padding: 100px 15px 0px; }
  .temergency__inner { padding: 30px 15px; }
  .temergency h2 img { max-width: 280px; } }

/* ANCHOR tmessage ------------------------------------*/
.tmessage { padding: 120px 0 60px; }

.tmessage__logo { display: block; width: 80px; margin: 0 auto; }

.tmessage__container { padding: 50px 15px 0; text-align: center; }

.tmessage__imgtext { width: 100%; max-width: 650px; }

.tmessage__imgtext--en { width: 100%; max-width: 720px; }

@media screen and (max-width: 750px) { .tmessage { padding: 120px 0 50px; }
  .tmessage__container { padding-top: 30px; }
  .tmessage__imgtext { width: 100%; max-width: 500px; }
  .tmessage__imgtext--en { width: 100%; max-width: 550px; } }

@media screen and (max-width: 600px) { .tmessage__logo { width: 50px; }
  .tmessage__imgtext { width: 100%; max-width: 350px; }
  .tmessage__imgtext--en { width: 100%; max-width: 350px; } }

@media screen and (max-width: 360px) { .tmessage__imgtext { width: 100%; max-width: 300px; }
  .tmessage__imgtext--en { width: 100%; max-width: 300px; } }

/* ANCHOR tgallery ------------------------------------*/
.tgallery { padding-top: 80px; padding-bottom: 80px; }

.tgallery__slider { margin-bottom: 50px; }

.tgallery .thumbnail-slide { width: 145px; background-color: #000; }

.tgallery .thumbnail-slide__inner { opacity: .5; width: 145px; height: 90px; overflow: hidden; cursor: pointer; }

.tgallery .thumbnail-slide.active .thumbnail-slide__inner { opacity: 1; }

.tgallery .main-sldier { margin-bottom: 15px; }

.tgallery__mainslide { overflow: hidden; position: relative; }

@media screen and (min-width: 751px) { .tgallery__mainslide { height: 666px; } }

@media screen and (max-width: 750px) { .tgallery { padding-top: 40px; padding-bottom: 40px; } }

/* ANCHOR troom ------------------------------------*/
.troom { padding: 80px 0 0; }

.troom__text { text-align: center; margin-bottom: 90px; padding-left: 10px; padding-right: 10px; }

.troom__text img { width: 100%; max-width: 700px; }

.troom__slider a:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }

.troom .no-click .troom__img { background-color: #fff; }

.troom .no-click .troom__img img { opacity: .5; }

.troom__slide { display: block; position: relative; }

.troom__img { width: 100%; overflow: hidden; position: relative; z-index: 1; }

.troom__img i { display: block; width: 100%; padding-top: 56.25%; position: relative; }

.troom__img img { position: absolute; top: 0; left: 0; }

.troom__title { display: block; height: 60px; text-align: center; margin-bottom: 20px; }

.troom__title img { height: 100%; }

.troom__slider { margin-bottom: 50px; }

.troom__slider .swiper-slide { width: 90%; max-width: 1000px; padding: 0 10px; }

.troom__navi { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.troom__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 10px; }

.troom-bullet { display: block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #333; margin: 0 5px; }

.troom-bullet--active { background-color: #333; }

@media screen and (max-width: 750px) { .troom__slider { margin-bottom: 30px; }
  .troom__slider .swiper-slide { width: 400px; }
  .troom__title { margin-bottom: 5px; }
  .troom__title img { height: 50px; }
  .troom__text { margin-bottom: 60px; } }

/* ANCHOR tother ------------------------------------*/
.tother { background: #fff url(../img/top/bg-sec-other.png) no-repeat center top; }

.tother__content { max-width: 1230px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; position: relative; padding-top: 290px; padding-bottom: 200px; }

.tother__circle1, .tother__circle2, .tother__circle3 { position: absolute; z-index: 1; }

.tother__list { position: relative; z-index: 2; }

.tother__item { position: relative; }

.tother__item span { font-size: 24px; }

.tother__circle3 span { font-size: 18px; }

.tother__circle3 i:before { content: ''; display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); }

.tother__item, .tother__circle3 { display: block; }

.tother__item i, .tother__circle3 i { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.tother__item span, .tother__circle3 span { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; letter-spacing: 0.3em; }

.tother__item span.en, .tother__circle3 span.en { letter-spacing: 0.05em; -webkit-writing-mode: initial; -ms-writing-mode: initial; writing-mode: initial; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: initial; text-align: center; }

@media screen and (min-width: 751px) { .tother__circle1 { top: 150px; left: 50%; margin-left: -270px; }
  .tother__circle2 { left: 50%; margin-left: -370px; top: 720px; }
  .tother__circle3 { top: 690px; right: -115px; width: 200px; height: 200px; z-index: 3; }
  .tother__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .tother a:hover { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; opacity: .6; }
  .tother__item { -webkit-box-flex: 0; -ms-flex: 0 0 360px; flex: 0 0 360px; width: 360px; height: 360px; }
  .tother__item--check-in { margin-top: 40px; }
  .tother__item--access { margin-top: 170px; } }

@media screen and (min-width: 751px) and (max-width: 1500px) { .tother__circle3 { right: 0; } }

@media screen and (min-width: 751px) and (max-width: 1150px) { .tother__content { padding-top: 200px; padding-bottom: 150px; }
  .tother__item { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; width: 240px; height: 240px; }
  .tother__item span { font-size: 18px; }
  .tother__circle1 { top: 80px; margin-left: -270px; width: 150px; }
  .tother__circle2 { left: 50%; margin-left: -370px; top: 520px; }
  .tother__circle3 { position: absolute; top: 460px; } }

@media screen and (max-width: 750px) { .tother__content { padding-top: 80px; padding-bottom: 100px; }
  .tother__list { width: 300px; margin: 0 auto; }
  .tother__item { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; height: 300px; }
  .tother__item span { font-size: 20px; }
  .tother__item--check-in { margin-left: -50px; margin-bottom: 15px; }
  .tother__item--access { margin-left: 40px; margin-bottom: 15px; }
  .tother__item--faq { margin-left: -30px; }
  .tother__circle1, .tother__circle2, .tother__circle3 { width: 160px; }
  .tother__circle1 { top: 20px; left: 50%; margin-left: 60px; }
  .tother__circle2 { top: 400px; right: 50%; margin-right: 60px; }
  .tother__circle3 { bottom: 30px; left: 50%; margin-left: 80px; width: 160px; height: 160px; }
  .tother__circle3 span { font-size: 14px; } }

@media screen and (max-width: 450px) { .tother__content { padding-bottom: 170px; }
  .tother__circle3 { margin-left: 0; bottom: 20px; } }

/* ANCHOR checkin-counter ------------------------------------*/
.checkin-counter { padding: 35px; }

.checkin-counter__block { margin-bottom: 20px; }

.checkin-counter__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.checkin-counter__info p { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

@media screen and (min-width: 751px) { .checkin-counter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .checkin-counter__map { -webkit-box-flex: 0; -ms-flex: 0 0 53%; flex: 0 0 53%; max-width: 53%; }
  .checkin-counter__content { -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; max-width: 43%; } }

@media screen and (max-width: 750px) { .checkin-counter { padding: 15px; }
  .checkin-counter__map { text-align: center; margin-bottom: 20px; } }

/* ANCHOR checkin-line ------------------------------------*/
.checkin-line { border-bottom: 1px solid #ccc; padding-bottom: 50px; margin-bottom: 50px; }

@media screen and (max-width: 750px) { .checkin-line { padding-bottom: 30px; margin-bottom: 30px; } }

/* ANCHOR checkin-line2 ------------------------------------*/
.checkin-line2 { border-top: 1px solid #ccc; padding-bottom: 50px; margin-top: 50px; background-color: #f8f4eb; }

@media screen and (max-width: 750px) { .checkin-line2 { padding-bottom: 30px; margin-top: 30px; } }

/* ANCHOR faqtab ------------------------------------*/
.faqtab { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 420px; margin-left: auto; margin-right: auto; }

.faqtab__item { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; text-align: center; border: 1px solid #aaaaaa; letter-spacing: 0.15em; cursor: pointer; }

.faqtab__item.current { border: 1px solid #334170; background-color: #334170; color: #fff; font-weight: bold; }

.faqtab.col3 { max-width: 630px; }

.faqtab.col3 .faqtab__item { -webkit-box-flex: 1; -ms-flex: 1 1 33.33%; flex: 1 1 33.33%; max-width: 33.33%; }

@media screen and (max-width: 450px) { .faqtab__item { letter-spacing: 0.05em; font-size: 13px; }
  .faqtab.col3 .faqtab__item { letter-spacing: 0; font-size: 11px; } }

@media screen and (min-width: 751px) { .faqtab a.faqtab__item { -webkit-transition: .2s all ease; -o-transition: .2s all ease; transition: .2s all ease; }
  .faqtab a.faqtab__item:hover { border: 1px solid #334170; background-color: #334170; color: #fff; } }

/* ANCHOR faqbox ------------------------------------*/
.faqbox dl { padding: 25px 0; border-top: 1px solid #ccc; }

.faqbox dl:last-child { border-bottom: 1px solid #ccc; }

.faqbox dt, .faqbox dd { padding: 10px 0 10px 80px; position: relative; font-size: 16px; }

.faqbox dt:before, .faqbox dd:before { font-size: 30px; font-weight: bold; position: absolute; color: #a37500; display: block; width: 80px; text-align: center; top: -6px; left: 0; font-style: italic; }

.faqbox dt { color: #00124c; }

.faqbox dt:before { content: 'Q'; }

.faqbox dd:before { content: 'A'; }

@media screen and (max-width: 750px) { .faqbox dl { padding: 15px 0; }
  .faqbox dt, .faqbox dd { font-size: 14px; padding: 10px 0 10px 40px; }
  .faqbox dt:before, .faqbox dd:before { width: 40px; font-size: 20px; top: 1px; } }

/* ANCHOR checkin-box1 ------------------------------------*/
.checkin-box1 { margin-bottom: 80px; padding: 30px; }

.checkin-box1__content h3 { text-align: center; font-size: 20px; margin-bottom: 15px; letter-spacing: 0.1em; }

.checkin-box1__content p { text-align: center; font-size: 16px; letter-spacing: 0.1em; line-height: 1.8; }

@media screen and (min-width: 751px) { .checkin-box1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .checkin-box1__img { -webkit-box-flex: 0; -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; }
  .checkin-box1__content { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } }

@media screen and (max-width: 750px) { .checkin-box1 { margin-bottom: 50px; padding: 15px; }
  .checkin-box1__content h3 { font-size: 18px; }
  .checkin-box1__content p { font-size: 14px; line-height: 1.8; }
  .checkin-box1__img { text-align: center; margin: 15px 0; }
  .checkin-box1__img img { width: 100%; max-width: 300px; } }

/* ANCHOR checkin-box2 ------------------------------------*/
.checkin-box2 { margin: 50px auto 0; }

.checkin-box2 h3 { text-align: center; font-size: 20px; margin-bottom: 15px; letter-spacing: 0.1em; position: relative; padding-bottom: 20px; line-height: 1; }

.checkin-box2 h3:after { content: ''; display: block; width: 52px; height: 2px; background-color: #999999; position: absolute; bottom: 0; left: 50%; margin-left: -26px; }

.checkin-box2__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0; }

.checkin-box2__list > * { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }

.checkin-box2 li { font-size: 16px; line-height: 2.2; }

.checkin-box2 p { text-align: center; font-size: 16px; line-height: 2.2; }

.checkin-box2 p em { font-size: 18px; font-weight: bold; letter-spacing: 0.08em; }

@media screen and (max-width: 750px) { .checkin-box2 h3 { font-size: 18px; }
  .checkin-box2 li, .checkin-box2 p { font-size: 14px; }
  .checkin-box2 li em, .checkin-box2 p em { font-size: 16px; } }

.room-text1 { text-align: center; line-height: 2; letter-spacing: 0.3em; color: #382e2c; font-size: 17px; font-weight: 100; }

@media screen and (max-width: 750px) { .room-text1 { font-size: 13px; } }

@media screen and (max-width: 450px) { .room-text1 { font-size: 12px; letter-spacing: 0.05em; } }

.room-text2 { text-align: center; line-height: 1.8; letter-spacing: 0.3em; font-size: 18px; font-weight: 100; }

@media screen and (max-width: 750px) { .room-text2 { font-size: 14px; } }

@media screen and (max-width: 450px) { .room-text2 { font-size: 12px; letter-spacing: 0.1em; } }

/* ANCHOR room-box1 ------------------------------------*/
.room-box1 { margin-bottom: 100px; }

.room-box1__title { height: 82px; }

.room-box1__img { text-align: center; position: relative; max-width: 680px; margin-left: auto; margin-right: auto; margin-bottom: 100px; }

.room-box1__img figcaption { position: absolute; z-index: 1; left: 0; bottom: 0; letter-spacing: 0.3em; font-size: 16px; color: #333; }

@media screen and (max-width: 750px) { .room-box1 { margin-bottom: 80px; }
  .room-box1 figcaption { font-size: 13px; }
  .room-box1__title { height: 60px; }
  .room-box1__img { margin-bottom: 80px; } }

@media screen and (max-width: 600px) { .room-box1__img { padding-bottom: 30px; } }

@media screen and (max-width: 360px) { .room-box1 figcaption { bottom: -10px; } }

/* ANCHOR room-box2 ------------------------------------*/
.room-box2 { margin-bottom: 120px; }

.room-box2 .mainslider { margin-bottom: 15px; }

.room-box2__slide.dammy { position: relative; }

.room-box2__slide.dammy:before { content: 'アタリ'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 14px; background-color: rgba(0, 0, 0, 0.5); }

.room-box2 .main-slide .room-box2__slide { overflow: hidden; width: 100%; }

.room-box2 .thumbnail-slide { width: 145px; background-color: #000; }

.room-box2 .thumbnail-slide .room-box2__slide { opacity: .5; width: 145px; height: 90px; overflow: hidden; cursor: pointer; }

.room-box2 .thumbnail-slide.active .room-box2__slide { opacity: 1; }

.room-box2__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.room-box2__title__inner { display: block; position: relative; height: 350px; color: #a37500; letter-spacing: 0.3em; line-height: 1.4; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; }

.room-box2__title__inner:before, .room-box2__title__inner:after { content: ''; display: block; width: 52px; height: 2px; background-color: #d9bb6f; position: absolute; left: 50%; }

.room-box2__title__inner:before { bottom: 0; margin-left: -19px; }

.room-box2__title__inner:after { bottom: 8px; margin-left: -33px; }

.room-box2__title .ja { font-size: 28px; display: block; }

.room-box2__title .en { padding-top: 85px; font-size: 14px; display: block; }

@media screen and (min-width: 751px) { .room-box2__gallery { margin-left: auto; margin-right: auto; } }

@media screen and (max-width: 750px) { .room-box2 { margin-bottom: 80px; }
  .room-box2__title { margin-bottom: 30px; }
  .room-box2__title__inner { height: 280px; letter-spacing: 0.2em; }
  .room-box2__title .ja { font-size: 22px; }
  .room-box2__title .en { padding-top: 60px; font-size: 12px; } }

@media screen and (max-width: 600px) { .room-box2 .main-slide .room-box2__slide { height: 350px; } }

/* ANCHOR room-box3 ------------------------------------*/
.room-box3__img { position: relative; z-index: 1; margin-bottom: 20px; text-align: center; }

.room-box3__img.dammy:before { content: 'アタリ'; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-weight: bold; font-size: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.room-box3__text { position: relative; z-index: 2; }

@media screen and (min-width: 751px) { .room-box3__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 950px; margin: 0 auto; }
  .room-box3__img { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; width: 320px; }
  .room-box3__text { -webkit-box-flex: 0; -ms-flex: 0 1 620px; flex: 0 1 620px; max-width: 620px; padding-left: 30px; } }

/* ANCHOR room-photos ------------------------------------*/
.room-photos { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.room-photos li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 10px); flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); position: relative; border: 5px solid #fff; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25); }

.room-photos li.dammy:before { content: 'アタリ'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #fff; font-size: 20px; background-color: rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 750px) { .room-photos { max-width: 500px; margin-left: auto; margin-right: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .room-photos li { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 5px); flex: 0 0 calc(50% - 5px); max-width: calc(50% - 5px); margin-bottom: 10px; } }

/* ANCHOR room-box4 ------------------------------------*/
.room-box4 { letter-spacing: 0.3em; line-height: 2.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.room-box4 span { display: inline-block; margin-right: 0.5em; }

.room-box4__dt { font-weight: bold; font-size: 1.1em; }

@media screen and (min-width: 751px) { .room-box4__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
  .room-box4__dt { -webkit-box-flex: 0; -ms-flex: 0 0 10.5em; flex: 0 0 10.5em; width: 10.5em; }
  .room-box4__dd { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; width: 300px; padding-left: 0.5em; }
  .room-box4__dd span:last-child { margin-right: 0; } }

@media screen and (max-width: 750px) { .room-box4__inner .room-box4__item:nth-child(1) { margin-top: 0; }
  .room-box4__item { margin-top: 25px; }
  .room-box4__dt { margin-bottom: 10px; }
  .room-box4__dt, .room-box4__dd { text-align: center; line-height: 1; } }

/* ANCHOR room-box5 ------------------------------------*/
.room-box5 { letter-spacing: 0.3em; line-height: 2.5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.room-box5.en { letter-spacing: 0.1em; line-height: 1.8; }

.room-box5.en .room-box5__item { margin-bottom: 1em; }

.room-box5 span { display: inline-block; margin-right: 0.5em; }

.room-box5__dt { font-weight: bold; font-size: 1.1em; }

@media screen and (min-width: 751px) { .room-box5__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; }
  .room-box5.en .room-box5__dt { -webkit-box-flex: 0; -ms-flex: 0 0 5em; flex: 0 0 5em; width: 5em; }
  .room-box5__dt { -webkit-box-flex: 0; -ms-flex: 0 0 4.3em; flex: 0 0 4.3em; width: 4.3em; }
  .room-box5__dd { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; width: 400px; padding-left: 0.5em; }
  .room-box5__dd span:last-child { margin-right: 0; } }

@media screen and (max-width: 750px) { .room-box5__inner .room-box4__item:nth-child(1) { margin-top: 0; }
  .room-box5__item { margin-top: 25px; }
  .room-box5__dt { margin-bottom: 10px; }
  .room-box5__dt, .room-box5__dd { text-align: center; line-height: 1; } }

/* ANCHOR rroom-place ------------------------------------*/
@media screen and (min-width: 751px) { .room-place { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .room-place__img { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .room-place__text { -webkit-box-flex: 0; -ms-flex: 0 0 68%; flex: 0 0 68%; width: 68%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 750px) { .room-place__img { text-align: center; margin-top: 20px; }
  .room-place__img img { width: 100%; max-width: 260px; } }

/* ANCHOR .access-catch ------------------------------------*/
.access-catch { margin-bottom: 50px; }

.access-catch__logo { text-align: center; margin-bottom: 35px; }

.access-catch__logo img { width: 150px; }

@media screen and (max-width: 750px) { .access-catch { margin-bottom: 30px; }
  .access-catch__logo { margin-bottom: 20px; }
  .access-catch__logo img { width: 80px; } }

/* ANCHOR .access-map ------------------------------------*/
.access-map { width: 100%; height: 600px; margin-bottom: 40px; }

.access-map .gm-ui-hover-effect { display: none !important; }

@media screen and (max-width: 750px) { .access-map { margin-bottom: 30px; } }

/* ANCHOR .access-title ------------------------------------*/
.access-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-bottom: 22px; margin-bottom: 40px; }

.access-title:after { content: ''; display: block; height: 3px; width: 40px; position: absolute; bottom: 0; left: 50%; margin-left: -20px; background-color: #00124c; }

.access-title .train { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; width: 24px; }

.access-title .plane { -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; width: 22px; }

.access-title .car { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; }

.access-title .text { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 24px; color: #00124c; letter-spacing: 0.3em; padding-left: 25px; }

@media screen and (max-width: 750px) { .access-title { margin-bottom: 25px; }
  .access-title .text { font-size: 20px; padding-left: 10px; } }

/* ANCHOR .access-subtitle ------------------------------------*/
.access-subtitle { font-size: 20px; letter-spacing: 0.1em; margin-bottom: 10px; }

@media screen and (max-width: 750px) { .access-subtitle { font-size: 18px; text-align: center; margin-bottom: 15px; } }

/* ANCHOR .access-flow ------------------------------------*/
.access-flow__end__box { background-color: #f8f4eb; border: 1px solid #000; text-align: center; }

.access-flow__end__box img { width: 140px; vertical-align: middle; }

@media screen and (min-width: 751px) { .access-flow { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; height: 170px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .access-flow.en { height: 270px; }
  .access-flow.en .access-flow__start, .access-flow.en .access-flow__end, .access-flow.en .access-flow__middle { height: 270px; }
  .access-flow.en .access-flow__start__box { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; max-width: 220px; padding: 0 15px; }
  .access-flow.en .access-flow__start__box span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; }
  .access-flow__middle { position: absolute; z-index: 2; width: 66px; height: 170px; top: 0; left: 50%; margin-left: -33px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-font-feature-settings: normal; font-feature-settings: normal; text-orientation: upright; font-size: 18px; letter-spacing: 0.1em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1; text-orientation: initial; border: 1px solid #000; background-color: #f8f4eb; }
  .access-flow__middle small { font-size: 14px; }
  .access-flow__start, .access-flow__end { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 170px; }
  .access-flow__start.straight, .access-flow__end.straight { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }
  .access-flow__start__otw, .access-flow__end__otw { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: -20px; background-repeat: repeat-x; }
  .access-flow__start__otw--train, .access-flow__end__otw--train { padding-top: 10px; background-image: url(../img/access/line-metro.png); }
  .access-flow__start__otw--car, .access-flow__start__otw--walk, .access-flow__end__otw--car, .access-flow__end__otw--walk { padding-top: 8px; background-image: url(../img/access/line-car.png); }
  .access-flow__start__otw--plane, .access-flow__end__otw--plane { padding-top: 8px; background-image: url(../img/access/line-plane.png); }
  .access-flow__start__otw span, .access-flow__end__otw span { display: block; text-align: center; height: 20px; letter-spacing: 0.1em; }
  .access-flow__start__box { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; height: 72px; line-height: 70px; padding: 0 35px; font-size: 18px; letter-spacing: 0.1em; border: 1px solid #000; background-color: #f8f4eb; display: inline-block; }
  .access-flow__start__otw { padding-right: 33px; background-position: right top; }
  .access-flow__end__otw { padding-left: 33px; background-position: left top; }
  .access-flow__end__box { display: inline-block; height: 72px; line-height: 70px; width: 180px; } }

@media screen and (min-width: 751px) and (max-width: 1024px) { .access-flow__start span, .access-flow__end span { font-size: 13px; }
  .access-flow__start__box { font-size: 15px; padding: 0 20px; } }

@media screen and (max-width: 750px) { .access-flow__start__otw, .access-flow__end__otw { background-repeat: repeat-y; padding: 30px 0; text-align: center; letter-spacing: 0.1em; }
  .access-flow__start__otw--train, .access-flow__end__otw--train { background-image: url(../img/access/line-metro--smt.png); }
  .access-flow__start__otw--car, .access-flow__start__otw--walk, .access-flow__end__otw--car, .access-flow__end__otw--walk { background-image: url(../img/access/line-car--smt.png); }
  .access-flow__start__otw--plane, .access-flow__end__otw--plane { background-image: url(../img/access/line-plane--smt.png); }
  .access-flow__start__otw span, .access-flow__end__otw span { padding-left: 15px; line-height: 1.2; text-shadow: 0 0 3px #fff,0 0 3px #fff; }
  .access-flow__start__otw { background-position: center bottom; }
  .access-flow__start__box { padding: 0 20px; font-size: 16px; text-align: center; }
  .access-flow__start__box span { border: 1px solid #000; background-color: #f8f4eb; display: inline-block; padding: 0 15px; }
  .access-flow__end__otw { background-position: center top; }
  .access-flow__end__box { height: 62px; line-height: 60px; width: 160px; margin: 0 auto; }
  .access-flow__end__box img { width: 120px; }
  .access-flow__middle { font-size: 16px; text-align: center; letter-spacing: 0.1em; }
  .access-flow__middle span { display: inline-block; padding: 0 15px; border: 1px solid #000; background-color: #f8f4eb; }
  .access-flow__middle small { font-size: 13px; } }

/* ANCHOR .access-parking ------------------------------------*/
.access-parking { background-color: #fff; border: 1px solid #000; padding: 50px 0; }

.access-parking__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; }

.access-parking__title i { -webkit-box-flex: 0; -ms-flex: 0 0 23px; flex: 0 0 23px; width: 23px; line-height: 1; }

.access-parking__title span { padding-left: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 24px; color: #00124c; letter-spacing: 0.1em; line-height: 1; }

.access-parking__text { text-align: center; letter-spacing: 0.1em; margin-bottom: 25px; }

@media screen and (max-width: 750px) { .access-parking { padding: 25px 0; }
  .access-parking__title i { -webkit-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; width: 22px; }
  .access-parking__title span { padding-left: 8px; font-size: 20px; } }

/* ANCHOR .loc-title1 ------------------------------------*/
.loc-title1 { text-align: center; margin-bottom: 30px; }

.loc-title1 span { font-size: 24px; color: #00124c; letter-spacing: 0.1em; line-height: 1; }

@media screen and (max-width: 750px) { .loc-title1 span { font-size: 20px; } }

/* ANCHOR .loc-list ------------------------------------*/
.loc-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.loc-list__item { padding-bottom: 60px; position: relative; }

.loc-list__img { width: 100%; padding-top: 77%; position: relative; background-color: #f8f4eb; margin-bottom: 20px; }

.loc-list__img.dammy:before { content: 'アタリ'; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 20px; z-index: 3; color: #fff; }

.loc-list__img.image:before { content: 'image'; position: absolute; right: 5px; bottom: 2px; font-size: 12px; z-index: 3; letter-spacing: 0.05em; color: #eee; }

.loc-list__img img { position: absolute; top: 0; left: 0; z-index: 2; }

.loc-list__btn { width: 100%; position: absolute; bottom: 0; left: 0; }

.loc-list__name { letter-spacing: 0.03em; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.4; padding-top: 30px; }

.loc-list__name span { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 16px; }

.loc-list__name small { margin-left: 10px; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; font-size: 14px; }

.loc-list__name .distance { background-color: #d9bb6f; color: #fff; font-size: 14px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.2; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 65px; height: 20px; position: absolute; top: 0; right: 0; }

@media screen and (min-width: 751px) { .loc-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc((100% - 40px)/3); flex: 0 0 calc((100% - 40px)/3); width: calc((100% - 40px)/3); margin: 40px 20px 0 0; }
  .loc-list .loc-list__item:nth-child(3n) { margin-right: 0; }
  .loc-list .loc-list__item:nth-child(3), .loc-list .loc-list__item:nth-child(2), .loc-list .loc-list__item:nth-child(1) { margin-top: 0; } }

@media screen and (max-width: 750px) { .loc-list__item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 10px); flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); margin: 40px 20px 0 0; }
  .loc-list .loc-list__item:nth-child(2n) { margin-right: 0; }
  .loc-list .loc-list__item:nth-child(2), .loc-list .loc-list__item:nth-child(1) { margin-top: 0; }
  .loc-list__img { margin-bottom: 10px; }
  .loc-list__name { padding-top: 25px; padding-right: 0; }
  .loc-list__name span { font-size: 15px; }
  .loc-list__name small { font-size: 13px; }
  .loc-list__name .distance { font-size: 13px; width: 60px; height: 20px; letter-spacing: 0; }
  .loc-list__btn span { font-size: 13px; letter-spacing: 0.1em; } }

/* ANCHOR privacy-box1 ------------------------------------*/
.privacy-box1 { background-color: #fff; border: 1px solid #333333; padding: 40px; letter-spacing: 0.1em; }

@media screen and (max-width: 750px) { .privacy-box1 { padding: 20px 15px; } }

/* ANCHOR privacy-box2 ------------------------------------*/
.privacy-box2 { padding: 0 20px; }

.privacy-box2 > h3 { font-size: 18px; color: #00124c; letter-spacing: 0.1em; margin-bottom: 20px; }

.privacy-box2 > p { letter-spacing: 0.1em; }

@media screen and (max-width: 750px) { .privacy-box2 { padding: 0 10px; }
  .privacy-box2 > h3 { font-size: 16px; margin-bottom: 10px; } }

/* ANCHOR privacy-box3 ------------------------------------*/
.privacy-box3 { background-color: #fff; border: 1px solid #333333; padding: 40px 10px; letter-spacing: 0.1em; max-width: 800px; margin-left: auto; margin-right: auto; }

.privacy-box3 > h3 { font-size: 18px; color: #00124c; letter-spacing: 0.1em; margin-bottom: 20px; text-align: center; }

.privacy-box3 > p { letter-spacing: 0.1em; text-align: center; line-height: 2; }

@media screen and (max-width: 750px) { .privacy-box3 { padding: 20px 15px; }
  .privacy-box3 > h3 { font-size: 16px; margin-bottom: 10px; } }

/* ANCHOR privacy-line ------------------------------------*/
.privacy-line { border-bottom: 1px solid #ccc; padding-bottom: 30px; margin-bottom: 30px; }

@media screen and (max-width: 750px) { .privacy-line { padding-bottom: 20px; margin-bottom: 20px; } }