.section-food .course{
display:none;
}


/* Common CSS */

.pc{
	display: block !important;
}
.sp{
	display: none !important;
}

/* ---------------------------------------- */
/* Font */
/* ---------------------------------------- */
.u-wf_bold_jp {
    /*DNPShueiMinPr6N B*/
    font-family: "dnp-shuei-mincho-pr6n", "dnp-shuei-mincho-pr6n", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-weight: 600;
    font-style: normal;
}

.u-wf_en {
    font-family: linotype-sabon, sans-serif;
}

.u-jp-bold {
    font-weight: bold;
}

.u-wf_reg {
    /*Sabon LT Pro Roman*/
    font-family: linotype-sabon, sans-serif;
    font-weight: 400;
    font-style: normal;
}

.u-wf_bold {
    /*Sabon LT Pro Bold*/
    font-family: linotype-sabon, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.u-wf-reg_italic {
    /*Sabon LT Pro Italic*/
    font-family: linotype-sabon, sans-serif;
    font-weight: 400;
    font-style: italic;
}

.u-wf-bold_italic {
    /*Sabon LT Pro Bold Italic*/
    font-family: linotype-sabon, sans-serif;
    font-weight: 700;
    font-style: italic;
}

/* ---------------------------------------- */
/* Base */
/* ---------------------------------------- */
body {
    font-family: "dnp-shuei-mincho-pr6n", "dnp-shuei-mincho-pr6n", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    letter-spacing: -0.01em;
    font-size: 12px;
    line-height: 2.5;
    color: #000;
    background-color: #dadada;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, a {
    box-sizing: border-box;
}

main {
    display: block;
}

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

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
}

a:link {
    color: #000;
    text-decoration: none;
}

a:visited {
    color: #000;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active {
    color: #000;
}

::selection {
    color: #ffffff;
    background: #666666;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.align-c {
    text-align: center;
}

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

.show-sml {
    display: none;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

/* ---------------------------------------- */
/* COMPONENT */
/* ---------------------------------------- */
/* UTILITY */
.u-sup {
    position: relative;
    top: -5px;
    font-size: 12px;
}

/* RESERVATION */
.c-reservation {
    position: fixed;
    z-index: 10;
    top: 0;
    right: 60px;
    width: 232px;
    font-size: 15px;
    text-align: center;
    line-height: 1;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease-in-out;
}

body.is-loaded.is-loading-done .c-reservation {
    opacity: 1;
    pointer-events: auto;
}

.c-reservation::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: -5px;
    opacity: 0.05;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 0;
    border-color: #000000 transparent transparent transparent;
}

.c-reservation::before {
    content: '';
    display: block;
    width: 100%;
    height: calc(100% + 5px);
    background-color: rgba(0, 0, 0, .05);
    position: absolute;
    bottom: -5px;
    left: -5px;
    z-index: -1;
}

/* .c-reservation a {
  display: block;
  height: 100%;
  background-color: #444444;
  color: #fff;
  position: relative;
  padding-top: 18px;
  transition: background .2s ease-out;
}
.ua-desktop .c-reservation a:hover {
  background-color: #666666;
  transition: background .2s ease-out;
} */
.c-reservation span {
    display: block;
    height: 100%;
    font-style: italic;
    background-color: #656565;
    color: #fff;
    position: relative;
    padding: 8px 0 9px;
    transition: background .2s ease-out;
}

.c-reservation ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.c-reservation ul li {
    width: 50%;
    height: 40px;
    text-align: center;
}

.c-reservation ul li a {
    display: block;
    height: 100%;
    background-color: #444444;
    color: #fff;
    position: relative;
    padding: 10px 0 12px;
    transition: background .2s ease-out;
}

.c-reservation ul li.en a {
    padding: 13px 0 12px;
}

.c-reservation ul li.ja a {
    font-size: 14px;
    padding: 12px 0 14px;
    border-left: 1px solid #656565;
}

.ua-desktop .c-reservation ul li a:hover {
    background-color: #666666;
    transition: background .2s ease-out;
}

/* LINK */
.c-linkmore {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 27.45px;
    line-height: 1.4;
    letter-spacing: -0.12em;
}

.c-linkmore a {
    position: relative;
    display: block;
    padding-right: 23px;
    letter-spacing: -0.07em;
}

.c-linkmore a span {
    display: block;
    transform: translateX(0px);
    transition: transform .4s ease-out;
}

.c-linkmore a::after {
    content: '';
    display: block;
    width: 1px;
    height: 180px;
    position: absolute;
    right: 0;
    bottom: 8px;
    background-color: rgba(0, 0, 0, 1);
    transform: rotate(-36deg) scale(.5, 1);
    transform-origin: left bottom;
    transition: transform .4s ease-out;
    will-change: transform;
}

.ua-desktop .c-linkmore a:hover span {
    transform: translateX(4px);
    transition: transform .2s ease-out;
}

.ua-firefox .c-linkmore a::after {
    outline: 1px solid transparent;
}

.ua-windows_nt .c-linkmore a::after {
    opacity: .8;
    outline: 1px solid transparent;
}

/* SLIDER PARTS */
.c-slider .item figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 66.66%;
}

.c-slider .item img {
    display: block;
    height: 0;
}

.c-slider-kenburns .item {
    overflow: hidden;
}

.c-slider-kenburns .item.current figure {
    will-change: transform;
    animation: kenburns 12s ease-out infinite alternate;
}

@keyframes kenburns {
    0% {
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

/* PAGES */
.c-section_visual {
    position: relative;
}

/* SUBPAGES */
.c-divider {
    width: 100%;
    height: 1px;
    border-top: 1px dotted #000;
    margin: 0;
}

/* HEADLINE */
.c-headline {
    position: fixed;
    display: block;
    padding-right: 28px;
    width: 106px;
    height: 150px;
    line-height: 1;
    text-align: right;
    font-size: 45px;
    font-weight: normal;
    letter-spacing: -0.05em;
    font-family: linotype-sabon, sans-serif;
}

.c-headline_text {
    display: block;
    position: relative;
    letter-spacing: -0.07em;
    transform: translateX(5px);
    opacity: 0;
    transition: transform .33s ease-in-out, opacity .33s ease-in-out;
    transition-delay: .1s;
}

.c-headline .c-headline_line {
    content: '';
    display: block;
    width: 1px;
    height: 180px;
    position: absolute;
    right: 0;
    top: 0;
    transform: rotate(36deg);
    transform-origin: right top;
}

.c-headline .c-headline_line::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    transition: transform .33s ease-in-out;
    transform: scale(.5, 0);
    transform-origin: left bottom;
    background-color: rgba(0, 0, 0, 1);
}

.c-headline.animation-done .c-headline_line:after,
.c-headline.fadein-done .c-headline_line:after {
    transform: scale(.5, 1);
    will-change: transform;
}

.ua-firefox .c-headline .c-headline_line {
    outline: 1px solid transparent;
}

.ua-firefox .c-headline .c-headline_line::after {
    outline: 1px solid transparent;
}

.ua-windows_nt .c-headline .c-headline_line {
    opacity: .8;
    outline: 1px solid transparent;
}

.c-headline.animation-done .c-headline_text,
.c-headline.fadein-done .c-headline_text {
    transform: translateX(0);
    opacity: 1;
    transition-delay: .1s;
}

@media screen and (min-width: 801px) {
    .c-headline.pc-animation-done .c-headline_line:after {
        transform: scale(.5, 1);
    }

    .c-headline.pc-animation-done .c-headline_text {
        transform: translateX(0);
        opacity: 1;
        transition-delay: .1s;
    }

    .c-headline .c-headline_text-art {
        right: 6px;
    }

    .c-headline .c-headline_text-stay {
        right: 6px;
    }

    .c-headline .c-headline_text-food {
        right: 6px;
    }

    .c-headline .c-headline_text-event {
        right: 14px;
    }
}

/* MENU */
.c-menu_icon {
    width: 60px;
    height: 60px;
    padding: 18.5px 18.5px 0;
    position: fixed;
    z-index: 101;
    top: 0;
    left: 0;
    display: none;
}

.c-menu_icon_btn {
    display: block;
    position: relative;
    z-index: 100;
    width: 28px;
    height: 32px;
    margin: 0 auto;
}

.c-menu_icon_btn span {
    display: inline-block;
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #FFF;
    border-radius: 8px;
    will-change: transform;
    transition: transform .2s ease-out, width .2s ease-out, opacity .2s ease-out;
}

.c-menu_icon_btn span:nth-of-type(1) {
    top: 0;
    width: 100%;
}

.c-menu_icon_btn span:nth-of-type(2) {
    top: 14px;
    width: 82%;
}

.c-menu_icon_btn span:nth-of-type(3) {
    bottom: 0;
    width: 64%;
}

body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(1) {
    transform-origin: center center;
    transform: translateY(14px) translateX(0px) rotate(45deg);
}

body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(2) {
    opacity: 0;
}

body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(3) {
    transform-origin: center center;
    transform: translateY(-14px) translateX(0px) rotate(-45deg);
    width: 100%;
}

.ua-edge body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(3),
.ua-ie body.is-menu-open .c-menu_icon .c-menu_icon_btn span:nth-of-type(3) {
    transform-origin: left top;
    transform: translateY(0px) translateX(0px) rotate(-30deg);
}

.ua-desktop .c-menu_icon:hover .c-menu_icon_btn span:nth-of-type(2) {
    width: 100%;
}

.ua-desktop .c-menu_icon:hover .c-menu_icon_btn span:nth-of-type(3) {
    width: 100%;
}

/* ---------------------------------------- */
/* LAYOUT */
/* ---------------------------------------- */
/* COMMON LAYOUT */
@media screen and (min-width: 801px) {
    .l-container {
        margin-left: 309px;
        max-width: 1191px;
        min-height: 70vh;
    }

    @media screen and (min-height: 1300px) {
        .l-container {
            min-height: 914px;
        }
    }

    body[data-pagename="page-home"] .l-container {
        margin-left: 339px;
    }

    .l-section_left-smaller {
        padding-left: 62px;
    }

    .l-section_left-sml {
        padding-left: 92px;
    }

    .l-section_left-medium {
        padding-left: 166px;
    }

    .l-section_left-large {
        padding-left: 251px;
    }

    .l-section_top-medium {
        padding-top: 86px;
    }
}

/* header */
.l-header {
    width: 309px;
    height: auto;
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 85px;
}

.l-header-inner {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 60px;
}

.l-header_logo {
    margin-top: 175px;
}

.l-header_logo a {
    display: block;
    opacity: 1;
    transition: opacity .4s ease-out;
}

.ua-desktop .l-header_logo a:hover {
    opacity: .6;
    transition: opacity .2s ease-out;
}

.l-gnav_primary {
    position: relative;
    margin-bottom: 39px;
    width: 106px;
    height: 148px;
    padding-left: 26px;
    padding-top: 10px;
    font-size: 34.4px;
    line-height: 1;
    letter-spacing: -0.07em;
}

.l-gnav_primary::after {
    content: '';
    display: block;
    width: 1px;
    height: 180px;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .2);
    transform: rotate(36deg);
    transform-origin: left bottom;
}

.l-gnav_secondary {
    padding-left: 26px;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: -0.05em;
}

.l-gnav a {
    color: #fff;
    transition: color .3s ease-out;
}

.ua-desktop .l-gnav a:hover {
    color: #000;
    transition: color .3s ease-out;
}

body[data-pagename="page-home"] .l-gnav li a {
    color: #000;
}

.ua-desktop body[data-pagename="page-home"] .l-gnav li a:hover {
    color: #fff;
    transition: color .3s ease-out;
}

body[data-pagename="page-home"] .l-gnav .l-gnav_primary.zone-sec li a {
    color: #fff;
}

body[data-pagename="page-home"] .l-gnav .l-gnav_primary.zone-sec[data-secname="art"] li[data-secname="art"] a {
    color: #000;
}

body[data-pagename="page-home"] .l-gnav .l-gnav_primary.zone-sec[data-secname="stay"] li[data-secname="stay"] a {
    color: #000;
}

body[data-pagename="page-home"] .l-gnav .l-gnav_primary.zone-sec[data-secname="food"] li[data-secname="food"] a {
    color: #000;
}

body[data-pagename="page-home"] .l-gnav .l-gnav_primary.zone-sec[data-secname="event"] li[data-secname="event"] a {
    color: #000;
}

body[data-pagename="page-art"] .l-gnav li.page-art a {
    color: #000;
}

body[data-pagename="page-stay"] .l-gnav li.page-stay a {
    color: #000;
}

body[data-pagename="page-food"] .l-gnav li.page-food a {
    color: #000;
}

body[data-pagename="page-event"] .l-gnav li.page-event a {
    color: #000;
}

body[data-pagename="page-rental"] .l-gnav li.page-rental a {
    color: #000;
}

body[data-pagename="page-access"] .l-gnav li.page-access a {
    color: #000;
}

body.is-subpage .l-gnav a {
    color: #000;
}

.ua-desktop body.is-subpage .l-gnav a:hover {
    color: #fff;
    transition: color .3s ease-out;
}

.l-supage_nav {
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -0.05em;
    position: fixed;
    z-index: 2;
    left: 309px;
    top: 86px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .4s ease-in-out;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.l-supage_nav ul {
    margin-top: -6px;
}

body.is-subpage .l-supage_nav {
    opacity: 1;
    pointer-events: auto;
}

.l-supage_nav a {
    color: #fff;
    transition: color .4s ease-in-out;
}

.ua-desktop .l-supage_nav a:hover {
    color: #000;
    transition: color .2s ease-in-out;
}

body[data-pagename="page-faq"] .l-supage_nav li.page-faq a {
    color: #000;
}

body[data-pagename="page-contact"] .l-supage_nav li.page-contact a {
    color: #000;
}

body[data-pagename="page-regulations"] .l-supage_nav li.page-regulations a {
    color: #000;
}

body[data-pagename="page-privacy"] .l-supage_nav li.page-privacy a {
    color: #000;
}

body[data-pagename="page-work"] .l-supage_nav li.page-work a {
    color: #000;
}

/* MENU */
.l-menu {
    display: none;
}

/* FOOTER */
.l-footernav_social li.is-disabled a {
    pointer-events: none;
    opacity: .4;
}

.l-footer-container {
    position: relative;
}

.l-footer {
    position: relative;
    padding-top: 110px;
    padding-bottom: 210px;
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.l-footer.is-hiding {
    opacity: 0;
}

.l-footer_inner {
    margin-left: 309px;
    padding-left: 92px;
}

.l-footernav li a {
    transition: color .4s ease-out;
}

.ua-desktop .l-footernav li a:hover {
    color: #fff;
    transition: color .2s ease-out;
}

.l-gnav {
    opacity: 1;
    pointer-events: auto;
    transition: opacity .4s ease-in-out;
}

/* body.is-loaded.is-scrolled.is-footer-visible .l-gnav {
  transition: opacity .4s ease-in-out;
  transition-delay: 0s;
  opacity: 0;
  pointer-events: none;
} */
.l-footernav_primary {
    font-size: 34.4px;
    line-height: 1;
    letter-spacing: -0.04em;
}

.l-footernav_primary li {
    display: inline-block;
    margin-left: 23px;
}

.l-footernav_primary li:first-child {
    margin-left: 0;
}

.l-footernav_secondary {
    margin-top: 30px;
    font-size: 16.8px;
    line-height: 1.4;
    letter-spacing: -0.05em;
}

.l-footernav_secondary li {
    display: inline-block;
    margin-left: 15px;
}

.l-footernav_secondary li:first-child {
    margin-left: 0;
}

.l-footernav_reservation {
    margin-top: 42px;
    font-size: 16.8px;
    line-height: 1;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.l-footernav_reservation .ttl {
    margin-right: 37px;
}

.l-footernav_reservation span:last-child {
    font-size: 9.6px;
}

.l-footernav_reservation ul {
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5px;
}

.l-footernav_reservation ul li:first-child {
    margin-right: 14px;
    padding-right: 17px;
    border-right: 1px solid #000;
    font-size: 13px;
}

.l-footernav_reservation ul li:last-child {
    font-weight: bold;
    font-size: 12px;
}

.l-footernav_reservation ul li a {
    color: #000;
    transition: color .4s ease-out;
}

.ua-desktop .l-footernav_reservation ul li a:hover {
    color: #fff;
    transition: color .2s ease-out;
}

.l-footernav_tertiary {
    margin-top: 35px;
    font-size: 13.44px;
}

.l-footernav_tertiary li {
    display: inline-block;
    margin-left: 24px;
}

.l-footernav_tertiary li a {
    color: #000;
    transition: color .4s ease-out;
}

.ua-desktop .l-footernav_tertiary li a:hover {
    color: #fff;
    transition: color .2s ease-out;
}

.l-footernav_tertiary li:first-child {
    margin-left: 0;
}

.l-footernav_social {
    margin-left: -11px;
    margin-top: 22px;
}

.l-footernav_social li {
    display: inline-block;
}

.l-footernav_social li a {
    display: block;
    width: 34px;
    height: 40px;
    text-align: center;
    opacity: 1;
    transition: opacity .4s ease-out;
}

.ua-desktop .l-footernav_social li a:hover {
    opacity: .5;
    transition: opacity .2s ease-out;
}

.l-footer .tel {
    display: none;
}

.l-footer_copyright {
    margin-top: 224px;
}

.l-footer_address {
    /* position: absolute;
  z-index: 3;
  top: 370px;
  left: 168px;
  writing-mode: tb-rl; */
    font-size: 11px;
    font-style: normal;
    line-height: 1.5;
    margin-top: 20px;
}

.l-footer_address_item.l-footer_address_item-en {
    margin-bottom: 20px;
}

.l-footer_address_item.l-footer_address_item-en span {
    display: block;
    font-size: 10px;
}

.l-footer_pagetop {
    position: absolute;
    bottom: 322px;
    right: 60px;
    font-size: 24px;
    line-height: 1.4;
}

.l-footer_pagetop a {
    display: block;
    padding-right: 28px;
    letter-spacing: -0.07em;
}

.l-footer_pagetop a .pagetop_line {
    content: '';
    display: block;
    width: 1px;
    height: 180px;
    position: absolute;
    right: 0;
    bottom: 5px;
    transform: rotate(-36deg) scale(.5, 1);
    transform-origin: left bottom;
}

.l-footer_pagetop a .pagetop_line::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
    transform: scale(1, 1);
    transform-origin: right bottom;
}

.l-footer_pagetop .pagetop_text {
    display: block;
    transform: translateY(0px);
    transition: transform .4s ease-out;
}

.ua-desktop .l-footer_pagetop a:hover .pagetop_line::after {
    animation: moveUp 1.5s ease-in-out infinite;
}

@keyframes moveUp {
    0% {
        transform: scale(.5, 1);
        transform-origin: right top;
    }

    18% {
        transform: scale(.5, 0);
        transform-origin: right top;
    }

    19% {
        transform: scale(.5, 0);
        transform-origin: right bottom;
    }

    36% {
        transform: scale(.5, 1);
        transform-origin: right bottom;
    }

    100% {
        transform: scale(.5, 1);
        transform-origin: right bottom;
    }
}

.l-footer_logo {
    position: absolute;
    bottom: 30px;
    left: 60px;
}

.l-footer_logo a {
    opacity: 1;
    transition: opacity .4s ease-out;
}

.ua-desktop .l-footer_logo a:hover {
    opacity: .5;
    transition: opacity .2s ease-out;
}

@media screen and (min-width: 801px) {
    .l-section_inner {
        padding-right: 36px;
        max-width: 815px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
    .l-header {
        width: 200px;
    }

    .l-header-inner {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 38px;
    }

    .l-header_logo {
        margin-top: 60px;
        order: 2;
    }

    .l-gnav_primary,
    .l-gnav_secondary {
        padding-left: 0;
    }

    .l-gnav_primary::after {
        bottom: -20px;
    }

    .l-supage_nav {
        left: 144px;
    }

    .l-pages_container.l-section_left-large {
        padding-left: 170px;
    }

    .l-container,
    body[data-pagename="page-home"] .l-container {
        margin-left: 168px;
    }

    .l-section_left-large {
        padding-left: 145px;
    }

    .l-section_left-medium {
        padding-left: 120px;
    }

    .l-section_left-sml {
        padding-left: 30px;
    }
}

/* EVENT PARTS */
.l-event_visual {
    max-width: 883px;
    padding-left: 167px;
}

.l-section-event_header {
    position: relative;
}

.l-event_metabox {
    position: absolute;
    bottom: 130px;
    left: 0;
    max-width: 166px;
}

.l-event_metabox .meta_ttl {
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.l-event_metabox .meta_name {
    margin-top: 32px;
    font-size: 12px;
    line-height: 1.5;
}

.l-event_metabox .meta_date {
    margin-top: 28px;
    font-size: 12px;
    font-style: italic;
}

/* HOME */
.section-home {
    position: relative;
    padding-bottom: 162px;
    margin-bottom: 81px;
}

.section-home.section-home_top {
    padding-bottom: 88px;
}

.section-home_headline {
    position: absolute;
    top: 121px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity .1s ease-in-out;
}

.section-home.is-visible .section-home_headline {
    opacity: 1;
    pointer-events: auto;
}

.l-wrapper.velocity-animating .section-home_headline {
    display: none;
}

.section-home .c-slider figure {
    padding-top: 66.66%;
}

.section-home_visual a {
    display: block;
    opacity: 1;
    transition: opacity .4s ease-out;
}

.ua-desktop .section-home_visual a:hover {
    opacity: .7;
    transition: opacity .2s ease-out;
}

.section-home_visual figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 66.66%;
}

.section-home_visual img {
    display: block;
    height: 0;
}

.section-home .c-linkmore {
    right: 60px;
}

.section-home .section-home_content {
    padding-top: 70px;
}

.section-home_headline .c-headline {
    position: fixed;
    top: 150px;
}

.section-home .l-copy {
    max-width: 100%;
}

.section-home .l-copy-en {
    max-width: 884px;
}

.section-home .l-copy-en {
    margin-top: 50px;
}

.section-home .l-copy-en .en-ttl {
    font-size: 18.35px;
    line-height: 1.6;
    letter-spacing: 0.12em;
}

.section-home.section-home_top {
    margin-bottom: 0;
}

.section-home.section-home_top .l-section_inner {
    max-width: 923px;
}

.section-home.section-home_top .l-copy-en {
    margin-top: 74px;
}

.section-home.section-home_top .l-copy-en .en-text {
    margin-top: 30px;
}

.section-home.section-home_top .l-copy-en .en-text p:last-child {
    margin-top: 20px;
}

@media screen and (min-width: 801px) {
    .section-home.section-home_art .section-home_content {
        padding-top: 37px;
    }
}

.section-home_event_metabox.l-event_metabox {
    left: 0;
    bottom: 2px;
}

.section-home.section-home_event .section-home_content {
    margin-left: 159px;
}

.section-home.section-home_event .l-event_visual {
    max-width: 938px;
}

.section-home_visual_overflowbox {
    overflow: hidden;
}

.section-home.section-home_food .section-home_visual {
    max-width: 779px;
}

/* ART */
.section-art {
    position: relative;
}

.section-headline {
    position: absolute;
    top: 86px;
    left: 0;
}

main .section-headline .c-headline {
    position: fixed;
    top: 86px;
}

/* .section-art_headline {
  position: absolute;
  top:86px;
  left:0;
}
.section-art_headline .c-headline {
  position: fixed;
  top: 86px;
} */
/* .section-art .section-art_content.l-section_inner {
  max-width: 773px;
} */
.section-art .section-art_content {
	padding-top: 86px;
}

.section-art_artistlist_container {
}

.section-art_artistlist_container li {
    margin-bottom: 86px;
    position: relative;
}

.section-art_artistlist_container li:nth-child(3n) {
    margin-right: 0;
}

.m-window {
    display: inline-block;
	padding: 30px;
}

.m-window .flexed {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 43px;
    flex-wrap: wrap;
}

.m-window .c-left {
    width: calc(100% - 323px);
    display: block;
}

.m-window .c-right {
    width: 280px;
    line-height: 1.4;
}

.m-window .c-right h3,
.m-window .c-right p {
    padding-left: 7px;
}

.m-window .c-right h3 {
    font-size: 25px;
}

.m-window .c-right hr {
    margin: 2px 0;
}

.room_type {
    text-align: right;
	margin-top: 10px;
}

.room_type>* {
    margin-left: 10px;
}
.room_type a{
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 2px 10px;
}
.room_type a:hover{
	background: #666;
	transition : 0.4s;
}

/* STAY */
.l-stay_container {
    position: relative;
}

.section-stay_content .l-section_inner {
    max-width: 760px;
}

.section-stay_content .l-copy {
    max-width: 700px;
}

.section-stay {
    position: relative;
    padding-bottom: 144px;
}

/* @media screen and (min-width: 801px) {
  .section-stay {
    min-height: 800px;
  }
} */
@media screen and (max-width: 1460px) and (min-width: 801px) {
    .section-stay .l-copy-en {
        clear: both;
        padding-top: 10px;
    }
}

.section-stay_visual {
    position: relative;
}

.section-stay_visual .swiper-pagination-bullets {
    bottom: 0;
    left: 0;
    width: auto;
    text-align: left;
    padding: 6px 13px;
}

.section-stay_visual .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    border: 1px solid #fff;
    background: transparent;
    opacity: 1;
    position: relative;
    z-index: 2;
}

.section-stay_visual .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #fff;
}

.stay-slider .swiper-button {
    opacity: 0;
    transition: opacity .4s ease-out;
}

.stay-slider.swiper-initialized .swiper-button {
    opacity: 1;
}

.ua-desktop .stay-slider.swiper-initialized .swiper-button:hover {
    opacity: .6;
    transition: opacity .2s ease-out;
}

.section-stay_visual .swiper-button-next,
.section-stay_visual .swiper-button-prev {
    width: 40px;
}

.section-stay_visual .swiper-button-prev,
.section-stay_visual .swiper-container-rtl .swiper-button-next {
    left: 0;
}

.section-stay_visual .swiper-button-next,
.section-stay_visual .swiper-container-rtl .swiper-button-prev {
    right: 0;
}

.section-stay_visual .swiper-button-prev {
    background-size: 18px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.section-stay_visual .swiper-button-next {
    background-size: 18px auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

@media screen and (min-width: 801px) {
    .js-section-stay .section-stay_visual .l-cover {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0;
        left: 0;
/*        background-color: rgba(0, 0, 0, .6);
*/
        opacity: 1;
        pointer-events: none;
        transition: opacity .4s ease-in-out;
    }

    body[data-stayindex="1"] .js-section-stay[data-stayindex="1"] .section-stay_visual .l-cover,
    body[data-stayindex="2"] .js-section-stay[data-stayindex="2"] .section-stay_visual .l-cover,
    body[data-stayindex="3"] .js-section-stay[data-stayindex="3"] .section-stay_visual .l-cover,
    body[data-stayindex="4"] .js-section-stay[data-stayindex="4"] .section-stay_visual .l-cover,
    body[data-stayindex="5"] .js-section-stay[data-stayindex="5"] .section-stay_visual .l-cover,
    body[data-stayindex="6"] .js-section-stay[data-stayindex="6"] .section-stay_visual .l-cover {
        will-change: opacity;
        opacity: 0;
    }

    .l-wrapper.velocity-animating .l-cover,
    .section-stay.velocity-animating .l-cover {
        display: none !important;
    }
}

.section-stay.section-stay_top {
    padding-bottom: 70px;
    opacity: 1;
    z-index: 2;
}

.section-stay_nav {
    position: absolute;
    z-index: 3;
    top: 76px;
    left: 0;
}

/* .section-stay_nav {
  backface-visibility: hidden;
} */
.section-stay_nav ul {
    width: 124px;
    position: fixed;
    top: 76px;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -0.07em;
    will-change: opacity;
}

.section-stay_nav ul li a {
    color: #000;
    will-change: color;
    transition: color .4s ease-out;
}

.ua-desktop .section-stay_nav ul li a:hover {
    color: #fff;
    transition: color .2s ease-out;
}


body[data-stayindex="1"] main[data-pagename="page-stay"] .section-nav ul li.nav-junior-suite a {
    color: #000;
}

body[data-stayindex="2"] main[data-pagename="page-stay"] .section-nav ul li.nav-large-double a {
    color: #000;
}

body[data-stayindex="3"] main[data-pagename="page-stay"] .section-nav ul li.nav-superior-twin a {
    color: #000;
}

body[data-stayindex="4"] main[data-pagename="page-stay"] .section-nav ul li.nav-stair-double a {
    color: #000;
}

body[data-stayindex="5"] main[data-pagename="page-stay"] .section-nav ul li.nav-standard-double a {
    color: #000;
}

body[data-stayindex="6"] main[data-pagename="page-stay"] .section-nav ul li.nav-single a {
    color: #000;
}

@media screen and (min-width: 801px) {
    .section-stay_headline_top {
        float: right;
        margin-top: 48px;
        margin-right: 60px;
        padding-left: 30px;
    }

    @media screen and (max-width: 1200px) {
        .section-stay_headline_top {
            margin-right: 30px;
        }
    }

    /* .section-stay_standard-double .headline_text {
    position: relative;
    left: -20px;
  } */
}

/* .section-stay_headline {
  position: absolute;
  z-index: 1;
  left: 92px;
  top: 50%;
  margin-top: -148px;
} */
.l-wrapper.velocity-animating .section-stay_headline {
    display: none;
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
    .section-stay_headline {
        left: 0;
    }
}

.section-stay_headline .headline {
    /* position: relative;
  position: fixed;
  top: 50%; */
    /* margin-top: -148px; */
    margin-bottom: 10px;
    display: block;
    /* padding-top: 120px;
  width: 212px;
  width: 159px;
  height: 297px; */
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: normal;
    /* opacity: 0; */
    pointer-events: none;
    /* transition: opacity .3s ease-in-out; */
}

.stay-visual .c-fadein.c-fadein-imgscale {
    display: block;
}

.section-stay_visual figure {
    padding-top: 66.66%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-stay_visual figure.bg-vertical {
    background-size: contain;
}

.section-stay_visual img {
    display: block;
    height: 0;
}

.stay-slider .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.section-stay_headline .headline .headline_text {
    display: block;
    transform: translateX(5px);
    /* opacity: 0;
  transition: transform .3s ease-in-out, opacity .3s ease-in-out; */
}

.section-stay_headline .headline .headline_line {
    display: block;
    width: 1px;
    height: 360px;
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(36deg) scale(.5, 1);
    transform-origin: left bottom;
}

.ua-firefox .section-stay_headline .headline .headline_line {
    transform: rotate(36deg) scale(.6, 1);
    outline: 1px solid transparent;
}

.section-stay_headline .headline .headline_line::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    transition: transform .25s ease-in-out;
    transform: scale(1, 0);
    transform-origin: left bottom;
}

/*
body[data-stayindex="1"] .section-stay[data-stayindex="1"] .section-stay_headline .headline,
body[data-stayindex="2"] .section-stay[data-stayindex="2"] .section-stay_headline .headline,
body[data-stayindex="3"] .section-stay[data-stayindex="3"] .section-stay_headline .headline,
body[data-stayindex="4"] .section-stay[data-stayindex="4"] .section-stay_headline .headline,
body[data-stayindex="5"] .section-stay[data-stayindex="5"] .section-stay_headline .headline,
body[data-stayindex="6"] .section-stay[data-stayindex="6"] .section-stay_headline .headline {
  opacity: 1;
  pointer-events: auto;
}
body[data-stayindex="1"] .section-stay[data-stayindex="1"] .section-stay_headline .headline .headline_line::after,
body[data-stayindex="2"] .section-stay[data-stayindex="2"] .section-stay_headline .headline .headline_line::after,
body[data-stayindex="3"] .section-stay[data-stayindex="3"] .section-stay_headline .headline .headline_line::after,
body[data-stayindex="4"] .section-stay[data-stayindex="4"] .section-stay_headline .headline .headline_line::after,
body[data-stayindex="5"] .section-stay[data-stayindex="5"] .section-stay_headline .headline .headline_line::after,
body[data-stayindex="6"] .section-stay[data-stayindex="6"] .section-stay_headline .headline .headline_line::after{
  transform: scale(1, 1);
}
body[data-stayindex="1"] .section-stay[data-stayindex="1"] .section-stay_headline .headline .headline_text,
body[data-stayindex="2"] .section-stay[data-stayindex="2"] .section-stay_headline .headline .headline_text,
body[data-stayindex="3"] .section-stay[data-stayindex="3"] .section-stay_headline .headline .headline_text,
body[data-stayindex="4"] .section-stay[data-stayindex="4"] .section-stay_headline .headline .headline_text,
body[data-stayindex="5"] .section-stay[data-stayindex="5"] .section-stay_headline .headline .headline_text,
body[data-stayindex="6"] .section-stay[data-stayindex="6"] .section-stay_headline .headline .headline_text{
  transform: translateX(0);
  opacity: 1;
  transition-delay: .1s;
} */
.section-stay_content {
    position: relative;
    padding-top: 26px;
}

.section-stay_top .section-stay_content {
    padding-top: 37px;
}

.section-stay_content .c-headline {
    position: absolute;
    top: 55px;
    right: 60px;
}

.section-stay_dl {
    font-size: 12px;
    line-height: 1.8;
}

.section-stay_dl dt {
    display: inline;
    font-style: italic;
}

.section-stay_dl dt::after {
    content: ':';
}

.section-stay_dl dd {
    margin-left: 4px;
    display: inline;
    font-size: 18px;
}

.section-stay_dl dd span {
    font-size: 12px;
}

.section-stay_dl dd span.u-sup {
    position: relative;
    top: -5px;
}

/* FOOD */
.section-food {
    position: relative;
}
.menu-filter{
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -o-filter: blur(10px);
  -ms-filter: blur(10px);
  filter: blur(10px);
}
.section-food_headline {
    position: absolute;
    top: 86px;
    left: 0;
}
.section-food_headline .headline {
    /* position: relative;
  position: fixed;
  top: 50%; */
    /* margin-top: -148px; */
    margin-bottom: 10px;
    display: block;
    /* padding-top: 120px;
  width: 212px;
  width: 159px;
  height: 297px; */
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: normal;
    /* opacity: 0; */
    pointer-events: none;
    /* transition: opacity .3s ease-in-out; */
}

.section-food_headline .c-headline {
    position: fixed;
    top: 86px;
}

.section-food_visual figure {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 66.66%;
}

.section-food_visual figure img {
    display: block;
    height: 0;
}

.section-food_visual video {
	width: 100%;
}

.section-food .section-food_content {
    padding-top: 45px;
}
.section-food .section-food_content .headline{
	font-size: 24px;
}
.section-food .section-food_content .section-food_box{
	padding-bottom: 100px;
}
.section-food .section-food_content .section-food_box h2{
	font-size: 24px;
}
.section-food .section-food_content .section-food_box h3{
	font-size: 24px;
  display: flex;
  align-items: center; /* 垂直中心 */
	flex-wrap: nowrap;
	white-space: nowrap;
	margin-top: 30px;
	color: #fff;
}
.section-food .section-food_content .section-food_box h3:after {
  border-top: 1px solid;
  content: "";
  width: 100%; /* 線の長さ */
}
.section-food .section-food_content .section-food_box h3:after {
  margin-left: 1em; /* 文字の左隣 */
}
.section-food .section-food_content .section-food_box p.course-price{
	color: #fff;
	font-size:20px;
}

.section-food .section-food_content .section-food_box ul{
	margin-bottom: 30px;
}
.section-food .section-food_content .section-food_box ul li{
	margin-top: 20px;
}
.section-food .section-food_content .section-food_box ul li p{
	line-height: 2em;
}
.section-food .section-food_content .section-food_box ul li p.name{
	font-size: 18px;
	font-weight: bold;
}
.section-food .section-food_content .section-food_box ul li p.name-jp{
	font-size: 14px;
}



.section-food_nav ul li a {
    color: #000;
    will-change: color;
    transition: color .4s ease-out;
}

.ua-desktop .section-food_nav ul li a:hover {
    color: #fff;
    transition: color .2s ease-out;
}
/*
body[data-stayindex="1"] main[data-pagename="page-food"] .section-nav ul li a,
body[data-stayindex="2"] main[data-pagename="page-food"] .section-nav ul li a,
body[data-stayindex="3"] main[data-pagename="page-food"] .section-nav ul li a {
    color: #fff;
}

body[data-stayindex="1"] main[data-pagename="page-food"] .section-nav ul li.lunch a {
    color: #000;
}

body[data-stayindex="2"] main[data-pagename="page-food"] .section-nav ul li.food a {
    color: #000;
}

body[data-stayindex="3"] main[data-pagename="page-food"] .section-nav ul li.cafeandbar a {
    color: #000;
}
*/



/* EVENT */
.section-event {
    position: relative;
    padding-top: 44px;
}

.section-event .l-event_metabox {
    bottom: initial;
    bottom: auto;
    top: 207px;
}

.section-event_copy.l-copy-en {
    margin-top: 0;
}

.section-event_copy.l-copy-en .en-text {
    margin-top: 0;
}

@media screen and (min-width: 801px) {
    .section-event_visual .l-event_visual {
        padding-left: 159px;
    }
}

.section-event_visual .event-visual figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 70.30%;
    padding-top: 150.13%;
}

.section-event_visual .event-visual figure img {
    display: block;
    height: 0;
}

.section-event_content {
    position: relative;
}

.section-event .l-section_inner {
    max-width: 883px;
}

.section-event_headline {
    position: absolute;
    right: 30px;
    top: -393px;
}

@media screen and (max-width: 1500px) and (min-width: 801px) {
    .section-event_headline {
        top: 24px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
    .section-event_headline {}
}

@media screen and (max-width: 950px) and (min-width: 801px) {
    .section-event_copy.l-copy-en {
        padding-right: 140px;
    }
}

.section-event_copy {
    padding-top: 34px;
}

.section-event_copy .copy-en {
    margin-top: 0;
    font-size: 18.35px;
    line-height: 1.6;
}

.section-event_copy .copy-text {
    margin-top: 21px;
    font-size: 11.01px;
    line-height: 2;
}

.section-event_content .base-content {
    max-width: 727px;
    padding-right: 170px;
    padding-top: 30px;
}

.section-event_information {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 70px;
}

.section-event_information_item {
    width: 224px;
}

.section-event_information_item:not(:first-child) {
    margin-left: 50px;
}

.section-event_information_item .information_ttl {
    margin-bottom: 31px;
    padding-bottom: 21px;
    font-size: 16px;
    border-bottom: 1px dotted #000;
}

.section-event_information_item dl {
    line-height: 1.5;
}

.section-event_information_item dl dd {
    margin-bottom: 18px;
}

.section-event_information_item .profile_name {
    line-height: 1.5;
}

.section-event_information_item .profile_text {
    margin-top: 47px;
    font-size: 10px;
}

/* RENTAL SPACE */
@media screen and (min-width: 801px) {
    .section-rental_visual.show-sml {
        display: none !important;
    }
}

.section-rental .l-section_inner {
    max-width: 919px;
}

.section-rental_content {
    padding-bottom: 100px;
}

.section-rental_ttl {
    margin-top: 20px;
    margin-bottom: -6px;
}

.rental_content_spec {
    margin-top: 22px;
    margin-bottom: 74px;
    line-height: 1.7;
}

.rental_content_spec dt {
    display: inline;
    font-style: italic;
}

.rental_content_spec dd {
    display: inline;
    font-size: 18px;
}

.rental_content_main {
    position: relative;
    margin-top: 25px;
}

.rental_content_main_item {
    max-width: 480px;
}

.rental_content_main_visual figure {
    max-width: 480px;
}

.rental_content_textdetail {
    max-width: 396px;
    width: calc(100% - 480px);
    position: absolute;
    top: -10px;
    right: 0;
    margin-right: 7px;
    padding-left: 50px;
    letter-spacing: -0.03em;
}

@media screen and (min-width: 801px) {
    .ua-safari .rental_content_textdetail {
        letter-spacing: -0.04em;
    }
}

@media screen and (max-width: 1050px) and (min-width: 801px) {
    .rental_content_spec {
        margin-bottom: 17px;
    }

    .rental_content_textdetail {
        position: static;
        width: 100%;
        padding-left: 0;
        max-width: 100%;
        margin-bottom: 70px;
    }
}

.c-boxlink {
    max-width: 480px;
}

.c-boxlink a {
    display: block;
    height: 71px;
    padding: 20px 23px 0 25px;
    font-weight: bold;
    background-color: #fff;
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.ua-desktop .c-boxlink a:hover {
    opacity: .6;
    transition: opacity .2s ease-in-out;
}

.c-boxlink a .c-boxlink_right {
    margin-top: -3px;
    float: right;
    line-height: 1.5;
    text-align: right;
}

/* ACCESS */
@media screen and (min-width: 801px) {
    .section-access_visual.show-sml {
        display: none !important;
    }
}

.section-access {
    font-weight: bold;
}

.section-access .l-section_inner {
    max-width: 919px;
}

.section-access_address {
    margin-top: 24px;
    margin-bottom: 28px;
    font-weight: bold;
    line-height: 2;
}

.access_content_nav {
    margin-top: 50px;
    max-width: 480px;
    font-weight: bold;
}

.access_content_nav li {
    border-top: 1px dotted #000;
}

.access_content_nav li:last-child {
    border-bottom: 1px dotted #000;
}

.access_content_nav li a,
.access_content_nav li span {
    display: block;
    height: 71px;
    padding-top: 21px;
}

.access_content_nav li a {
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.ua-desktop .access_content_nav li a:hover {
    opacity: .5;
    transition: opacity .2s ease-in-out;
}

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

.access_content_inner {
    float: left;
    max-width: 480px;
    width: 100%;
}

.access_content_main .access_map #map-canvas {
    max-width: 100%;
    height: 274px;
}

.access_content_route {
    max-width: 344px;
    width: calc(100% - 510px);
    padding-left: 0;
    float: right;
    margin-top: -5px;
    margin-right: 7px;
    font-weight: bold;
    line-height: 1.7;
}

.access_content_route .item {
    padding-left: 0;
    padding-left: 70px;
    position: relative;
}

.access_content_route .item ul li {
    position: relative;
    padding-left: 14px;
}

.access_content_route .item ul li:not(:first-child) {
    margin-top: 8px;
}

.access_content_route .item ul li.en-first {
    margin-top: 36px;
}

.access_content_route .item ul li::before {
    content: ' – ';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

@media screen and (max-width: 1060px) and (min-width: 801px) {
    .access_content_inner {
        float: none;
    }

    .access_content_route {
        max-width: 480px;
        max-width: 100%;
        width: 100%;
        float: none;
        padding-left: 0;
        margin-top: 40px;
    }

    .access_content_route .item {
        width: 100%;
        position: relative;
    }

    .access_content_route .item:not(:first-child) {
        margin-top: 37px;
    }
}

.access_content_route .item:not(:first-child) {
    margin-top: 63px;
}

.access_content_route .item dt {
    position: absolute;
    left: 0;
    top: 0;
}

.access_content_route .item dd p:not(:first-child) {
    margin-top: 25px;
}

/* SUBPAGES */
.l-pages_container {
    position: relative;
}

.section-subpages .l-section_inner {
    position: relative;
    max-width: 764px;
    padding-top: 22px;
    padding-bottom: 23px;
}

.section-subpages_ttlblock {
    padding-bottom: 44px;
}

@media screen and (min-width: 801px) {

    .section-subpages_faq .l-section_inner,
    .section-subpages_regulations .l-section_inner {
        padding-top: 0;
        padding-bottom: 0;
    }

    .section-subpages .l-section_inner::before,
    .section-subpages .l-section_inner::after {
        content: '';
        display: block;
        width: 100%;
        max-width: 728px;
        height: 1px;
        border-bottom: 1px dotted #000;
        position: absolute;
        left: 0;
    }

    .section-subpages .l-section_inner::before {
        top: 0;
        display: none;
    }

    .section-subpages .l-section_inner::after {
        bottom: 0;
    }
    .section-subpages_faq ul.flexed{
        display: flex;
        padding: 30px 0 20px;
    }
    .section-subpages_faq ul.flexed li:not(:first-child){
        margin-left: 20px;
    }
    .section-subpages_faq ul.flexed-2{
        display: flex;
        padding: 0 0 20px;
    }
    .section-subpages_faq ul.flexed-2 li:not(:first-child){
        margin-left: 20px;
    }
}
.section-subpages_faq ul.flexed li a{
    font-weight: bold;
    transition: color .4s ease-in-out;
    text-decoration: underline;
}
.section-subpages_faq ul.flexed li a:hover{
    color: #FFF;
}
.section-subpages_faq ul.flexed-2 li a{
    font-weight: bold;
    transition: color .4s ease-in-out;
    text-decoration: underline;
}
.section-subpages_faq ul.flexed-2 li a:hover{
    color: #FFF;
}
.section-subpages_faq h3{
	font-size: 120%;
	margin-top: 30px;
}

.section-subpages_termlist {
    font-weight: bold;
}

.section-subpages_termlist li {
    border-bottom: 1px dotted #000;
    padding-top: 21px;
    padding-bottom: 23px;
}

.section-subpages_termlist li:last-child {
    border-bottom: none;
}

.section-subpages_termlist li dl .item {
    position: relative;
    padding-left: 44px;
}

.section-subpages_termlist li dl .item dt {
    position: absolute;
    top: 0;
    left: 0;
}

.section-subpages_contact .c-boxlink {
    margin-top: 10px;
}

.section-subpages_contact .c-boxlink .c-boxlink_right {
    margin-top: 5px;
}

.section-subpages.section-subpages_privacy .section-subpages_ttlblock {
    padding-bottom: 0;
}

.section-subpages_privacylist {
    margin-top: 29px;
}

.section-subpages_privacylist .item:not(:first-child) {
    margin-top: 29px;
}

.section-subpages.section-subpages_privacy dd ul {
    margin-top: 29px;
}

.section-subpages.section-subpages_privacy address {
    margin-top: 29px;
    font-style: normal;
}

.section-subpages_regulations .section-subpages_ttlblock {
    padding-top: 22px;
    padding-bottom: 0;
}

.section-subpages_regulationlist dt {
    margin-top: 30px;
}

.section-subpages_regulationlist .list-child {
    max-width: 512px;
}

.section-subpages_regulation_others p {
    margin-top: 30px;
}

.section-subpages_regulations .l-section_inner {
    padding-bottom: 0;
}

.section-subpages_regulations .box-checkout {
    padding-left: 18px;
}

.section-subpages_regulation_others {
    padding-bottom: 26px;
}

.section-subpages_regulation-en {
    padding-top: 20px;
    border-top: 1px dotted #000;
}

.regulations_baselist_ttl {
    margin-top: 90px;
}

.regulations_baselist_ttl p {
    margin-top: 0;
}

/* ---------------------------------------- */
/* STATE .is- */
/* ---------------------------------------- */
.l-container {
    opacity: 1;
}

.c-fadein,
.c-nav-fadein {
    opacity: 0;
    transform: translateY(8px);
    transition: transform .6s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity .6s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    /*easeInOutQuad*/
}

.c-fadein.c-fadein-imgscale,
.js-fadeoninit-visual .c-fadein-imgscale {
    display: inline-block;
    display: block;
    overflow: hidden;
}

.c-fadein.c-fadein-imgscale img,
.c-fadein.c-fadein-imgscale figure,
.js-fadeoninit-visual .c-fadein-imgscale img,
.js-fadeoninit-visual .c-fadein-imgscale figure {
    will-change: transform;
    transform: scale(1.05);
    transition: transform 2.8s ease-out;
}

.c-fadein.c-fadein-imgscale.fadein-done img,
.c-fadein.c-fadein-imgscale.fadein-done figure,
.js-fadeoninit-visual.fadein-done .c-fadein-imgscale img,
.js-fadeoninit-visual.fadein-done .c-fadein-imgscale figure {
    transform: scale(1);
    transition-delay: 0s;
}

.c-fadein.fadein-done,
.c-nav-fadein.fadein-done {
    opacity: 1;
    transform: translateY(0);
}

.l-container.is-hiding .c-fadein.fadein-done,
.l-container.is-hiding .c-headline,
.l-container.is-hiding .c-nav-fadein.fadein-done,
.l-container.is-hiding .js-fadeoninit-headline.fadein-done,
.l-container.is-hiding .js-fadeoninit-visual,
.l-container.is-hiding .section-stay_headline .headline,
.l-container.is-hiding .swiper-pagination {
    opacity: 0;
    transform: translateY(-5px);
    transition: transform .3s ease-out, opacity .3s ease-out;
}

.l-header {
    opacity: 1;
    transition: opacity .3s ease-in-out;
}

@media screen and (min-width: 801px) {
    body.is-movewithfooter-move main .headline_movewithfooter {
        top: auto;
        top: initial;
        bottom: 0;
    }

    body.is-movewithfooter-move .headline_movewithfooter .c-headline {
        position: absolute;
        top: auto;
        top: initial;
        bottom: 0;
    }

    body.is-movewithfooter-move .staynav_movewithfooter {
        top: auto;
        top: initial;
        bottom: 0;
    }

    body.is-movewithfooter-move .staynav_movewithfooter ul {
        position: absolute;
        top: auto;
        top: initial;
        bottom: 0;
    }

    body.is-movewithfooter-move .l-supage_nav {
        position: absolute;
        top: -158px;
    }
}

.js-fadeoninit-visual {
    opacity: 0;
    transform: translateY(8px);
    transition: transform 1s ease-out, opacity 1s ease-in-out;
}

.js-fadeoninit-visual.fadein-done {
    opacity: 1;
    transform: translateY(0);
}

/* ---------------------------------------- */
/* OTHER */
/* ---------------------------------------- */
/* COPY */
.l-copy {
    max-width: 570px;
    max-width: 650px;
}

.l-copy-en {
    max-width: 779px;
    margin-top: 30px;
}

.l-copy-en .en-text {
    margin-top: 22px;
    font-size: 11.01px;
    line-height: 2;
    letter-spacing: 0.2em;
}

.l-copy .u-sup {
    top: 0;
}

.loader {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    background-color: #dadada;
    opacity: 1;
    transition: opacity 1s ease-in-out;
    display: none;
}

body[data-pagename="page-home"] .loader {
    display: block;
}

.l-header {
    opacity: 0;
}

.l-gnav {
    opacity: 0;
}

body.is-loaded .l-header {
    opacity: 1;
}

body.is-loaded .l-gnav {
    opacity: 1;
    transition: opacity 1.2s ease-in-out;
    transition-delay: .2s;
}

body.is-loaded .loader {
    opacity: 0;
    pointer-events: none;
    transition-delay: 0s;
    transition: opacity 1.2s ease-in-out;
}

body.is-loaded.is-loading-done .loader {
    display: none !important;
}

body.is-loaded.is-loading-done .l-gnav {
    transition: opacity .4s ease-in-out;
}

.layer_board .detail_btn {
    position: relative;
    cursor: pointer;
    font-size: 18px !important;
}

.layer_board .detail_btn::after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;
    /* 好みで色を変えてください */
    border-right: solid 1px #555;
    /* 好みで色を変えてください */
    transform: rotate(135deg);
    position: absolute;
    top: 22px;
    right: 262px;
}

.layer_board .detail_btn+div {
    display: none;
}

main:not([data-pagename="page-art"]) .section-art .section-nav {
    top: 150px;
    left: 385px;
    width: 160px;
    position: fixed;
}

.section-art .section-headline ul li {
    line-height: 1.4;
    font-size: 20px;
}

.section-art_artistlist_container .l-cover {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 1;
    pointer-events: none;
    transition: opacity .4s ease-in-out;
}

.m-window-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* .m-window-img img {
    opacity: 0;
} */

/* img {
    pointer-events: none;
-webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
} */
@media screen and (min-width: 1201px) {
    body.is-movewithfooter-move main[data-pagename="page-art"] .headline_movewithfooter .c-headline {
        bottom: 500px;
    }

    body.is-movewithfooter-move main[data-pagename="page-art"] .section-nav {
        top: initial;
        bottom: 568px;
        left: 75px;
        position: absolute;
    }
    body.is-movewithfooter-move main[data-pagename="page-art"] .section-nav ul{
        top: initial;
        position: absolute;
    }

    body.is-movewithfooter-move[data-pagename="page-stay"] .headline_movewithfooter .c-headline {
        bottom: 200px;
    }

    body.is-movewithfooter-move main[data-pagename="page-stay"] .section-nav {
        top: initial;
        bottom: 287px;
        left: 75px;
        position: absolute;
    }

    body.is-movewithfooter-move main[data-pagename="page-stay"] .section-nav ul {
        top: initial;
        position: absolute;
    }

    body.is-movewithfooter-move[data-pagename="page-food"] .headline_movewithfooter .c-headline {
        bottom: 300px;
    }

    body.is-movewithfooter-move main[data-pagename="page-food"] .section-nav {
        top: initial;
        bottom: 387px;
        left: 75px;
        position: absolute;
    }

    body.is-movewithfooter-move main[data-pagename="page-food"] .section-nav ul {
        top: initial;
        position: absolute;
    }

    body.is-movewithfooter-move main[data-pagename="page-event"] .headline_movewithfooter .c-headline {
        bottom: 141px;
    }

    body.is-movewithfooter-move main[data-pagename="page-event"] .section-nav {
        top: initial;
        bottom: 228px;
        left: 75px;
        position: absolute;
    }
    body.is-movewithfooter-move main[data-pagename="page-event"] .section-nav ul{
        top: initial;
        position: absolute;
    }
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
    .section-headline .c-headline {
        top: 0px;
        position: absolute;
    }

    .section-nav {
        left: auto !important;
        top: 165px;
        width: 106px;
        position: absolute;
        z-index: 9999;
    }

    .section-nav ul {
        top: 0 !important;
        ;
        position: absolute !important;
    }

    .section-art .section-headline ul li {
        margin-bottom: 12px;
    }

    /* body.is-movewithfooter-move main[data-pagename="page-art"] .headline_movewithfooter {
        top: 86px;
    }

    body.is-movewithfooter-move main[data-pagename="page-art"] .headline_movewithfooter .c-headline {
        top: 0 !important;
    }
    main[data-pagename="page-art"] .section-art .section-nav{
        position: absolute;
        top: 160px;
    } */

    body.is-movewithfooter-move main[data-pagename="page-stay"] .headline_movewithfooter {
        top: 86px;
    }

    body.is-movewithfooter-move main[data-pagename="page-stay"] .headline_movewithfooter .c-headline {
        top: 0 !important;
    }

    body.is-movewithfooter-move main[data-pagename="page-event"] .headline_movewithfooter {
        top: 86px;
    }

    body.is-movewithfooter-move main[data-pagename="page-event"] .headline_movewithfooter .c-headline {
        top: 0 !important;
    }
    main[data-pagename="page-event"] .section-event .section-nav{
        position: absolute;
        top: 160px;
    }
}

/* 20200525 toyo@okuda insert */
.no-wrap{
    display: inline-block;
}
.section-nav {
    position: absolute;
    z-index: 3;
    left: 75px;
    backface-visibility: hidden;
}
main[data-pagename="page-art"] .section-nav {
    top: 70px;
}
@media screen and (max-width: 1060px) and (min-width: 801px) {
    main[data-pagename="page-art"] .section-nav {
        top: 163px;
    }
}
.section-nav ul {
    width: 135px;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -0.07em;
    will-change: opacity;
}
main .section-nav ul {
    position: fixed;
    top: 150px;
}

.section-nav ul li a {
    color: #000;
    will-change: color;
    transition: color .4s ease-out;
}
.section-nav ul li a:hover{
    color: #FFF;
  transition: color .3s ease-out;
}

/* stay */
.r-btn {
    text-align: right;
    position: relative;
    font-size: 16px;
    padding-right: 20px;
}

.detail_btn {
    position: absolute;
    right: 10px;
    top: 95px;
    line-height: 1.4;
    font-size: 18px;
    z-index: 9;
}

.detail_btn p::after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;
    /* 好みで色を変えてください */
    border-right: solid 1px #555;
    /* 好みで色を変えてください */
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 2px;
}
.detail_btn p.active::after {
    content: '';
    width: 8px;
    height: 8px;
    margin-top: -5px;
    border-top: solid 1px #555;
    /* 好みで色を変えてください */
    border-right: solid 1px #555;
    /* 好みで色を変えてください */
    transform: rotate(315deg);
    position: absolute;
    top: 50%;
    right: 2px;
}
.detail_btn p {
    cursor: pointer;
    display: inline-block;
}

.detail_btn+div {
    display: none;
}

.detail_content {
    width: 100%;
    background: #FFF;
    padding: 25px 25px 113px;
    display: none;
    margin-top: 10px;
    position: relative;
}

.detail_content:after {
    content: "";
    position: absolute;
    top: -30px;
    right: 35px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
}

.flex_content {
    display: inline-block;
    width: 100%;
    vertical-align: bottom;
}

.r-detail_content {
    width: 48%;
    float: right;
}

.l-detail_content {
    width: 48%;
    float: left;
}
.detail_amenities{
    padding-top: 66px;
}
.detail_amenities .lang_switch{
    top: 0;
    position: absolute;
}
.detail_amenities p {
    line-height: 1.6;
}
.detail_amenities_room_head {
    line-height: 1.8;
}
.detail_txt {
	margin-bottom: 20px;
}

.detail_amenities ul {
    margin-left: 16px;
    margin-bottom: 20px;
}

.detail_amenities ul li {
    list-style: disc;
    line-height: 1.5;
}

.detail_icon {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 25px;
}

.detail_icon li {
    width: 40px;
    margin-left: 20px;
}

.stay_link_btn {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: calc(48% - 25px);
    display: table;
}

.detail_content hr {
    width: calc(100% - 50px);
    position: absolute;
    top: 58px;
}

.stay_link_btn a,
.food_link_btn a,
.rental_link_btn a {
    height: 64px;
    border: 1px solid #ababab;
    padding: 15px;
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.2;
    transition: background .2s ease-out;
}

.stay_link_btn a span {
    font-size: 10px;
}

.stay_link_btn a:hover {
    background: #ababab;
    color: #FFF;
}

.section-stay_rental-items ul {
    display: flex;
    flex-wrap: wrap;
}

.section-stay_rental-items ul li {
    line-height: 1.3;
    margin-right: 40px;
}

.lang_switch {
    line-height: 1;
    margin: 20px 0 25px;
}

.lang_btn {
    cursor: pointer;
}

.lang_btn:hover {
    opacity: 0.8;
}

.lang_ja {
    display: block;
}

.lang_en {
    display: none;
}

/* food */
.food_menu_container{
    margin: 60px 0;
}
.food_menu_container .food_menu_inner{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.food_menu_container article{
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
.food_menu_container article .food_menu_header{
    width: 100%;
    position: relative;
    margin-top: 10px;
}
.food_menu_container article .food_menu_image{
    width: 100%;
}
.food_menu_container article .food_menu_header h3{
    font-size: 20px;
    margin-right: 10px;
    line-height: 1;
}
.food_menu_container article .food_menu_header p{
    line-height: 1;
}
.food_menu_link{
    margin-left: auto;
    position: absolute;
    right: 0;
    bottom: 0;
}
.food_info_container{
	padding-bottom: 200px;
/*
	display: none;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: fixed;
    color: #FFF;
    z-index: 9999999999;
    opacity: 0;
    transition: opacity .5s;
*/
}
.food_info_container.active{
    display:block;
    opacity: 1;
}
.food_info_container .detail_info ul li{
    border-bottom: 1px solid #ababab;
    padding-left: 10px;
}
.food_info_container .detail_info ul li:first-child{
    border-top: 1px solid #ababab;
}
.food_info_container a{
}
.food_info_container a:hover{
    color: #FFF;
  transition: color .3s ease-out;
}
.food_link_btn{
    text-align: center;
    display: table;
    width: 100%;
}
.food_link_btn:first-child{
    margin-bottom: 30px;
}
.food_menu_link a{
    display: block;
    border: 1px solid #ababab;
    padding: 7px 12px;
    line-height: 1;
}
.section-foodmenu_visual,
.section-design_visual {
    position: relative;
}
.foodmenu-slider .swiper-button,
.design-slider .swiper-button {
  opacity: 0;
  transition: opacity .4s ease-out;
}
.foodmenu-slider.swiper-initialized .swiper-button,
.design-slider.swiper-initialized .swiper-button {
  opacity: 1;
}
.ua-desktop .foodmenu-slider.swiper-initialized .swiper-button:hover,
.ua-desktop .design-slider.swiper-initialized .swiper-button:hover {
  opacity: .6;
  transition: opacity .2s ease-out;
}
.section-foodmenu_visual .swiper-button-next,
.section-foodmenu_visual .swiper-button-prev,
.section-design_visual .swiper-button-next,
.section-design_visual .swiper-button-prev {
  width: 40px;
}
.section-foodmenu_visual .swiper-button-prev,
.section-foodmenu_visual .swiper-container-rtl .swiper-button-next,
.section-design_visual .swiper-button-prev,
.section-design_visual .swiper-container-rtl .swiper-button-next {
  left: 0;
}
.section-foodmenu_visual .swiper-button-next,
.section-foodmenu_visual .swiper-container-rtl .swiper-button-prev,
.section-design_visual .swiper-button-next,
.section-design_visual .swiper-container-rtl .swiper-button-prev {
  right: 0;
}
.section-foodmenu_visual .swiper-button-prev,
.section-design_visual .swiper-button-prev{
  background-size: 18px auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.section-foodmenu_visual .swiper-button-next,
.section-design_visual .swiper-button-next{
  background-size: 18px auto;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.food_flex_content{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.food_r-detail_content,
.food_l-detail_content {
    width: 48%;
}


#btn-list{
    display: flex;
    justify-content: flex-end;
    bottom: 0;
    right: 30px;
    position: absolute;
    z-index: 1;
}
#btn-list li{
    font-family: sans-serif;
    padding-right: 20px;
    margin-right: 40px;
    border-right: 2px solid #FFF;
    color: #FFF;
    font-size: 16px;
    line-height: 1.7;
    cursor: pointer;
}
.overlay{
    content: "";
    display: none;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
    transition: opacity .5s;
}
.overlay.open {
  width: 100%;
  height: 100%;
  opacity: 1;
  display: block;
}
.close_btn{
  opacity: 0;
  transition: opacity .5s;
}
.close_btn.open{
  top: 10px;
  left: 10px;
  position: fixed;
  z-index: 99999999;
  cursor: pointer;
  opacity: 1;
}
.menu-list{
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.menu-list.active{
    visibility: visible;
    opacity: 1;
}
.js-foodmenu-slider{

}
.js-foodmenu-slider .swiper-slide{
  z-index: 99999999;
  width: 100% !important;
}
.menu-trigger{
  color: #FFF;
}
@media screen and (min-width:768px){
  .menu-bar{
      display: table;
      vertical-align: middle;
      cursor: pointer;
      position: fixed;
      top: 0;
      width: 100vw;
      z-index: 99999;
      transform: translateX(0);
      transition: transform .5s, left .5s;
      height: 100%;
      padding-left: 50px;
  }
  .menu-bar.menu-breakfast{
      left: calc(100% - 120px);
      background: #BEBCBE;
  }
  .menu-bar.menu-lunch{
      left: calc(100% - 80px);
      background: #877C82;
  }
  .menu-bar.menu-cafe{
      left: calc(100% - 40px);
      background: #2C4650;
  }
  .menu-bar.menu-breakfast.active{
      /* left: 0; */
  }
  .menu-bar.menu-lunch.active{
      /* left: 40px; */
      left: 0;
  }
  .menu-bar.menu-cafe.active{
      /* left: 80px; */
      left: 40px;
  }
  .menu-trigger {
      font-size: 20px;
      left: 8px;
      -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
      transform-origin: 100% 0;
      -webkit-transform: translateX(-100%) rotate(-90deg);
      -ms-transform: translateX(-100%) rotate(-90deg);
      transform: translateX(-100%) rotate(-90deg);
      position: absolute;
      line-height: 1;
   }
   .menu-bar.menu-breakfast .menu-trigger{
       bottom: 70px;
   }
   .menu-bar.menu-lunch .menu-trigger{
       bottom: 44px;
   }
   .menu-bar.menu-cafe .menu-trigger{
       bottom: 98px;
   }
   .menu-trigger.active {
    transform: translateX(-250px);
  }
  .menu-bar .swiper-container{
    width: 100%;
  }
  .menu-bar .swiper-button-prev{
    left: 100px !important;
  }
  .menu-bar .swiper-button-next{
    right: 100px !important;
  }
}
@media screen and (max-width:767px){
  .menu-bar{
      display: table;
      vertical-align: middle;
      cursor: pointer;
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 99999;
      transform: translateX(0);
      transition: transform .5s, top .5s;
      height: 100%;
      padding-top: 50px;
  }
  .menu-bar.menu-breakfast{
      top: calc(100% - 120px);
      background: #BEBCBE;
  }
  .menu-bar.menu-lunch{
      top: calc(100% - 80px);
      background: #877C82;
  }
  .menu-bar.menu-cafe{
      top: calc(100% - 40px);
      background: #2C4650;
  }
  .menu-bar.menu-breakfast.active{
      top: 0;
  }
  .menu-bar.menu-lunch.active{
      /* top: 40px; */
      top: 0;
  }
  .menu-bar.menu-cafe.active{
      /* top: 80px; */
      top: 40px;
  }
  .menu-trigger {
      font-size: 20px;
      top: 10px;
      left: 60px;
      position: absolute;
      line-height: 1;
   }
   .menu-trigger.active {
    transform: translateX(-250px);
  }

}

@media screen and (orientation: landscape){
  .menu-bar img{
    height: calc(100vh - 40px);
    width: auto;
    display: block;
    margin: 20px auto 0;
  }
}
@media screen and (orientation: portrait){
  .menu-bar img{
    width: 90%;
    display: block;
    margin: 20px auto 0;

  }
}


/* event */
#now,
#upcoming,
#history {
    margin-top: 30px;
    position: relative;
}

#now h3,
#upcoming h3,
#history h3 {
    font-size: 27px;
    top: -17.5px;
    left: 20px;
    background: #dadada;
    padding: 0 10px;
    line-height: 1.2;
    position: absolute;
}

#upcoming h3 {
    left: auto;
    right: 20px;
}

.section-event .box_line {
    padding: 30px 0;
}

.section-event .box_line article:not(:last-child) {
    margin-bottom: 30px;
}

.section-event .flexed {
    display: flex;
    justify-content: space-between;
}

.event_info {
    width: 48%;
    position: relative;
}

.event_photo {
    width: 48%;
}

.event_info_text {
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    position: absolute;
}

.event_info_text h4 {
    font-size: 22px;
}

.section-event .box_line article .detail_btn {
    top:0;
    left:0;
    position: relative;
	margin-top: 10px;
}

.section-event .box_line article .detail_content {
    margin-top: 20px;
    background: inherit;
}

.section-event .box_line article .detail_content:after {
    display: none;
}

.section-event .box_line article .detail_content p:first-child {
    margin-bottom: 20px;
}

#history .flexed {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.event_history_box {
    width: calc(50% - 15px);
    text-align: center;
}

.event_history_box:nth-of-type(odd) {
    margin-right: 30px;
}
#spacerental{
    padding-top:80px;
}
#spacerental h3 {
    font-size: 27px;
}

.section-rental_content .flexed {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
}

.section-rental_content .flexed>div {
    width: 48%;
}

.section-rental_content .spacerental_info ul li {
    border-bottom: 1px solid #ababab;
    padding-left: 10px;
}

.section-rental_content .spacerental_info ul li:first-child {
    border-top: 1px solid #ababab;
}

.rental_link_btn {
    margin-top: 20px;
    display: table;
    width: 100%;
}

/* design */
body[data-pagename="page-design"] .l-gnav li.page-design a {
    color: #000;
}
body[data-pagename="page-design"] .c-fadein.fadein-done{
  padding-top: 150px;
}
.c-headline_text-design {
    right: 35px;
}

.design_list {
    line-height: 1.4;
    font-size: 30px;
}

.design_list li {
    padding: 0 20px;
    color: #FFF;
    cursor: pointer;
}

.design_list li.active {
    color: #000;
}

.design_container section {
    display: none;
}

.design_container section.show {
    display: block;
}
.design_container .m-window{
}
body[data-pagename="page-design"] .l-wrapper {
	display: none;
}
body[data-pagename="page-design"] a {
	color: #fff;
}



/* COLUMN */
.section-column {
    position: relative;
    padding-top: 44px;
}

.section-column .l-column_metabox {
    bottom: initial;
    bottom: auto;
    top: 207px;
}

.section-column_copy.l-copy-en {
    margin-top: 0;
}

.section-column_copy.l-copy-en .en-text {
    margin-top: 0;
}

@media screen and (min-width: 801px) {
    .section-column_visual .l-column_visual {
        padding-left: 159px;
    }
}

.section-column_visual .column-visual figure {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 70.30%;
    padding-top: 150.13%;
}

.section-column_visual .column-visual figure img {
    display: block;
    height: 0;
}

.section-column_content {
    position: relative;
}
.section-column_content h3{
	font-size: 27px;
}

.section-column .l-section_inner {
    max-width: 883px;
}

.section-column_headline {
    position: absolute;
    right: 30px;
    top: -393px;
}

@media screen and (max-width: 1500px) and (min-width: 801px) {
    .section-column_headline {
        top: 24px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 801px) {
    .section-column_headline {}
}

@media screen and (max-width: 950px) and (min-width: 801px) {
    .section-column_copy.l-copy-en {
        padding-right: 140px;
    }
}

.section-column_copy {
    padding-top: 34px;
}

.section-column_copy .copy-en {
    margin-top: 0;
    font-size: 18.35px;
    line-height: 1.6;
}

.section-column_copy .copy-text {
    margin-top: 21px;
    font-size: 11.01px;
    line-height: 2;
}

.section-column_content .base-content {
    max-width: 727px;
    padding-right: 170px;
    padding-top: 30px;
}

.section-column .box_line article:not(:last-child) {
    margin-bottom: 30px;
}

.section-column .flexed {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.section-column .c-fadein li a {
	font-family: "dnp-shuei-mincho-pr6n", "dnp-shuei-mincho-pr6n", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Helvetica, Arial, sans-serif;
}

.column_info {
    width: 48%;
    position: relative;
}

.column_photo {
    width: 48%;
}

.column_info_text {
    top: 50%;
    left: 20px;
    transform: translate(0, -50%);
    position: absolute;
}

.column_info_text h4 {
    font-size: 22px;
}

.section-column .box_line article .detail_btn {
    top:0;
    left:0;
    position: relative;
	margin-top: 10px;
}

.section-column .box_line article .detail_content {
    margin-top: 20px;
    background: inherit;
}

.section-column .box_line article .detail_content:after {
    display: none;
}

.section-column .box_line article .detail_content p:first-child {
    margin-bottom: 20px;
}

.column_box {
    width: calc(50% - 15px);
}

.column_box:nth-of-type(odd) {
    margin-right: 30px;
}
.column_box p{
	text-align: right;
}
.column_box_single p {
	margin-bottom: 1em;
}


/* EVENT PARTS */
.l-column_visual {
    padding-left: 167px;
}

.l-section-column_header {
    position: relative;
}

.l-column_metabox {
    position: absolute;
    bottom: 130px;
    left: 0;
    max-width: 166px;
}

.l-column_metabox .meta_ttl {
    font-size: 24px;
    font-style: italic;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.l-column_metabox .meta_name {
    margin-top: 32px;
    font-size: 12px;
    line-height: 1.5;
}

.l-column_metabox .meta_date {
    margin-top: 28px;
    font-size: 12px;
    font-style: italic;
}


/* NEWS */

section.section-news{
	margin-bottom: 88px;
	text-align: center;
}
section.section-news h2{
	font-size: 24px;
}
section.section-news p{
	margin-top: 20px;
}
section.section-news p.middle{
	font-size: 18px;
}
section.section-news p.big{
	font-size: 24px;
	line-height: 1.2em;
}
section.section-news p.big span{
	font-size: 18px;
}

/* 追記 */

body[data-pagename="page-food"] .c-reservation ,
body[data-pagename="page-about"] .c-reservation {
    display: none;
}


/* about */

.section-about {
    position: relative;
    padding-bottom: 80px;
}

section.section-about h4{
	margin-top: 30px;
	font-size: 18px;
}
section.section-about .lead{
	margin-top: 20px;
	font-size: 18px;
	line-height: 1.5em;
}
section.section-about .profile{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
section.section-about .profile .txt{
	width: 50%;
}
section.section-about .profile .txt .ttl{
	font-weight: bold;
}
section.section-about .profile .txt p{
	margin-bottom: 1em;
	font-size: 13px;
}
section.section-about .profile .photo{
	width: 45%;
}
section.section-about .interview{
}
section.section-about .interview dl{
	margin-top: 30px;
	border-bottom: 1px solid #fff;
	padding-bottom: 30px;
}
section.section-about .interview dl dt{
	font-weight: bold;
	font-size: 13px;
}
section.section-about .interview dd{
	margin-top: 10px;
}
section.section-about .interview dl span{
	width: 50px;
	display: inline-block;
	font-weight: bold;
}



/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}


/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 { padding-top:  0   !important;}
.pt05 { padding-top:  5px !important;}
.pt10 { padding-top: 10px !important;}
.pt12 { padding-top: 12px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}

.pr00 { padding-right:  0   !important;}
.pr05 { padding-right:  5px !important;}
.pr10 { padding-right: 10px !important;}
.pr12 { padding-right: 12px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}

.pb00 { padding-bottom:  0   !important;}
.pb05 { padding-bottom:  5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb12 { padding-bottom: 12px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}

.pl00 { padding-left:  0   !important;}
.pl05 { padding-left:  5px !important;}
.pl10 { padding-left: 10px !important;}
.pl12 { padding-left: 12px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl30 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}


/* 2021/7/1 追加 */

.section-home_news h3{
	font-size: 24px;
	margin-top: 50px;
	line-height: 1.5em;
}
.section-home_news ul{
}
.section-home_news ul li{
	margin-top: 20px;
}
.section-home_news ul li p.title{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
}
.section-home_news ul li p.title span.date{
	display: inline-block;
	color: #666;
	line-height: 1.5em;
	margin-right: 15px;
}
.section-home_news ul li .txt{
	font-size: 100%;
	line-height: 1.5em;
	margin-top: 15px;
}
.section-home_news ul li .txt p:not(:last-child){
	margin-bottom:15px;
}
.section-home_news ul li:not(:last-child)::after{
	content:'';
	border-bottom:1px solid #666;
	width:100px;
	display:block;
	padding-top:20px;
}

/* 2021/1/13 追加 */

.section-food_box ul li.column{
	display: flex;
	justify-content: space-between;
	margin-top: 40px !important;
}
.section-food_box ul li.column .txt{
	width: 500px;
}
.section-food_box ul li.column .img{
	width: 400px;
}

.fL{
	font-size: 1.1rem;
}
.fLL{
	font-size: 1.2rem;
}