@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } i, em { font-style: normal; } /* #styleguide 基本スタイル ```

特に何も指定しないときの状態

``` */ html { /*! autoprefixer: ignore next */ text-size-adjust: 100%; font-size: 62.5%; } body { width: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: auto; font-family: "MFW-PA1MinchoStdN-Regular", "游明朝体", "Yu Mincho", YuMincho, serif; -webkit-font-smoothing: antialiased; color: #000; font-size: 14px; font-size: 1.4rem; line-height: 1; letter-spacing: 0.1em; } body a { text-decoration: none; } body * { box-sizing: border-box; } body.is-scrollLock { overflow: hidden; } input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; appearance: none; } body.is-home { overscroll-behavior: none; overflow: hidden; } @media screen and (max-width: 834px) { body.is-home { overflow: visible; } } @media screen and (max-width: 834px) { body { overscroll-behavior: auto; overflow: visible; } } .container { width: 100%; background-color: #fff; } @media screen and (max-width: 834px) { .container { overflow: hidden; } } .main { width: 100%; display: block; } .inner { width: 100%; display: block; position: relative; padding: 0 150px; } @media screen and (max-width: 1000px) { .inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .inner { max-width: 100%; padding: 0 25px; } } @media screen and (min-width: 1350px) { .inner { width: 135rem; max-width: 100%; margin: 0 auto; } } img { height: auto; image-rendering: -webkit-optimize-contrast; } img, picture { display: block; } .br-sp { display: none; } @media screen and (max-width: 834px) { .br-sp { display: block; } } .br-pc { display: block; } @media screen and (max-width: 834px) { .br-pc { display: none; } } .inline-pc { display: inline; } @media screen and (max-width: 834px) { .inline-pc { display: none; } } .inline-sp { display: none; } @media screen and (max-width: 834px) { .inline-sp { display: inline; } } .flex-sp { display: none; } @media screen and (max-width: 834px) { .flex-sp { display: -ms-flexbox; display: flex; } } .flex-pc { display: -ms-flexbox; display: flex; } @media screen and (max-width: 834px) { .flex-pc { display: none; } } #barba-wrapper { opacity: 1; visibility: visible; pointer-events: auto; } #barba-wrapper.is-transition { opacity: 0; visibility: none; pointer-events: none; } .flex-box { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; } @media screen and (max-width: 834px) { .flex-box { display: block; } } .svg-symbol { position: absolute; top: 0; left: 0; z-index: -1; pointer-events: none; visibility: hidden; } /** Swiper 3.3.1 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2016, Vladimir Kharlampidi The iDangero.us http://www.idangero.us/ Licensed under MIT Released on: February 7, 2016 */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -ms-flexbox; display: flex; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -ms-flex-align: start; align-items: flex-start; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Arrows */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { 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'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; } .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { 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'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { 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"); } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { 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'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; } .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { 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'%23000000'%2F%3E%3C%2Fsvg%3E"); } .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { 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"); } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; display: block; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } @media screen and (max-width: 834px) { .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: -2px; } } /* Bullets */ .swiper-pagination-bullet { width: 30px; height: 2px; display: inline-block; background: #e6ecf0; outline: none; margin: 0 10px; } @media screen and (max-width: 834px) { .swiper-pagination-bullet { width: 20px; margin: 0 5px; } } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #000; } .swiper-pagination-bullet-active { opacity: 1; background: #9ec0d7; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #5ace23; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #5ace23; } .swiper-container-vertical > .swiper-pagination-bullets { left: 25px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; transition-timing-function: ease; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes lineTopToBottom { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; } 50% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; } 51% { opacity: 0.4; -webkit-transform: scaleY(0.4); transform: scaleY(0.4); -webkit-transform-origin: top center; transform-origin: top center; } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top center; transform-origin: top center; } } @keyframes lineTopToBottom { 0% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; } 50% { opacity: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; transform-origin: top center; } 51% { opacity: 0.4; -webkit-transform: scaleY(0.4); transform: scaleY(0.4); -webkit-transform-origin: top center; transform-origin: top center; } 100% { opacity: 1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: top center; transform-origin: top center; } } @-webkit-keyframes inkRightToLeft { 0% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 50% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 51% { opacity: 0.5; visibility: visible; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 100% { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); } } @keyframes inkRightToLeft { 0% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 50% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 51% { opacity: 0.5; visibility: visible; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } 100% { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); } } @-webkit-keyframes imgMenu { 0% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 33% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 34% { opacity: 0; visibility: visible; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 100% { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } @keyframes imgMenu { 0% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 33% { opacity: 0; visibility: hidden; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 34% { opacity: 0; visibility: visible; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); } 100% { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } .btn { position: relative; display: inline-block; text-align: center; color: #000; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; } .btn span, .btn svg { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .btn-middle { width: 23.7rem; height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; } @media screen and (max-width: 834px) { .btn-middle { border-radius: 0.5rem; } } .btn-middle span { font-size: 12.5px; font-size: 1.25rem; line-height: 0.96; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .btn-middle span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .btn-middle svg { margin-bottom: 0.2rem; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .btn-middle svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .btn-middle svg * { fill: currentColor; } @media screen and (max-width: 834px) { .btn-middle.sp-wide { width: 100%; height: 5.5rem; } } .btn-small { width: 15.7rem; height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; } @media screen and (max-width: 834px) { .btn-small { border-radius: 0.5rem; } } .btn-small span { font-size: 12.5px; font-size: 1.25rem; line-height: 0.96; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .btn-small span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .btn-small svg { margin-bottom: 0.2rem; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .btn-small svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .btn-small svg * { fill: currentColor; } @media screen and (max-width: 834px) { .btn-small.sp-wide { width: 100%; height: 5.5rem; } } .btn-large { width: 29.3rem; height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 0.6rem; } @media screen and (max-width: 834px) { .btn-large { border-radius: 0.5rem; } } .btn-large span { font-size: 12.5px; font-size: 1.25rem; line-height: 0.96; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .btn-large span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .btn-large svg { margin-bottom: 0.2rem; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .btn-large svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .btn-large svg * { fill: currentColor; } @media screen and (max-width: 834px) { .btn-large.sp-wide { width: 100%; height: 5.5rem; } } .btn-w-auto { display: inline-block; width: auto; padding: 1.7rem 4.5rem 1.7rem 2.5rem; border-radius: 0.6rem; position: relative; } @media screen and (max-width: 834px) { .btn-w-auto { border-radius: 0.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 5.5rem; padding: 0; } } .btn-w-auto span { white-space: nowrap; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .btn-w-auto span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .btn-w-auto svg { width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin-left: 0; position: absolute; right: 2.8rem; top: 1.9rem; } @media screen and (max-width: 834px) { .btn-w-auto svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .btn-w-auto svg * { fill: currentColor; } @media screen and (max-width: 834px) { .btn-w-auto svg { position: static; } } @media screen and (max-width: 834px) { .btn-w-auto.sp-wide { width: 100%; height: 5.5rem; } } .btn-white { border: 1px solid #727171; background-color: #fff; } .btn-white span { color: #000; } .btn-white svg { color: black; } .btn-white:hover span { color: #727171; } .btn-white:hover svg { color: #727171; } .js-scroll-fade { opacity: 0; -webkit-transform: translate(0, -30px); transform: translate(0, -30px); transition: all 1.8s cubic-bezier(0.215, 0.61, 0.355, 1); } @media screen and (max-width: 834px) { .js-scroll-fade { -webkit-transform: translate(0, -30px); transform: translate(0, -30px); } } .js-scroll-fade.is-animation { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .js-scroll-fade.is-delay { -webkit-transform: translate(0, 0); transform: translate(0, 0); transition-delay: 0.34s; } .js-scroll-img { opacity: 0; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%) translateZ(0); transform: scale(1.8) translateY(20%) translateZ(0); transition: -webkit-transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .js-scroll-img.is-animation { opacity: 1; -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transform: scale(1) translateY(0) translateZ(0); transform: scale(1) translateY(0) translateZ(0); } .js-fade-from-top { opacity: 0; -webkit-transform: translate(0, -30px); transform: translate(0, -30px); transition: opacity 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .js-fade-from-top.is-delay1 { transition-delay: 0.2s; } .js-fade-from-top.is-delay2 { transition-delay: 0.4s; } .js-fade-from-top.is-delay3 { transition-delay: 0.6s; } .js-fade-from-top.is-animation { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 30; background-color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 1; visibility: visible; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); overflow: hidden; } .loader.is-loaded { z-index: -1; opacity: 0; visibility: hidden; transition-delay: 1.4s; } .loader__box { width: 100%; max-width: 135rem; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: relative; } @media screen and (max-width: 834px) { .loader__box { max-width: 37.5rem; } } .loader__logo { position: relative; margin: -8rem 0 0; z-index: 2; opacity: 0; visibility: hidden; -webkit-transform: translate(0, -30px); transform: translate(0, -30px); -webkit-filter: blur(12px); filter: blur(12px); transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, -webkit-filter cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, filter cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s; transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, filter cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s, -webkit-filter cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s; } @media screen and (max-width: 834px) { .loader__logo { margin: -7.8rem 0 0; } } .loader__logo.is-animation { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-filter: blur(0); filter: blur(0); } .loader__logo svg { width: 8rem; height: 31.4rem; color: #000; } @media screen and (max-width: 834px) { .loader__logo svg { width: 5.5rem; height: 21.6rem; } } .loader__logo svg * { fill: currentColor; } .loader__ink { position: absolute; left: -5.5rem; bottom: 7rem; z-index: 1; } @media screen and (max-width: 834px) { .loader__ink { left: -22.6rem; bottom: 2.5rem; } } .loader__ink-img { width: 58.37vw; height: 29.56vw; max-width: 78.8rem; max-height: 39.9rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 78% 0 0); clip-path: inset(0 78% 0 0); transition: all ease-in 1s; } @media screen and (max-width: 834px) { .loader__ink-img { width: 50.75rem; height: 25.7rem; max-width: 50.75rem; max-height: 25.7rem; } } .loader__ink-img picture, .loader__ink-img img { width: 100%; } .loader__ink.is-animation .loader__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); } .global-header { position: fixed; top: 0; left: 0; z-index: 25; width: 100%; color: #fff; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; } .global-header.is-sub { background-color: #fff; color: #000; } @media screen and (max-width: 834px) { .global-header.is-sub .global-header__btn span { background-color: #000; } } .global-header.is-sub .global-header__logo svg * { fill: #000; } .global-header.is-home-scroll { color: #000; } @media screen and (max-width: 834px) { .global-header.is-home-scroll .global-header__btn span { background-color: #000; } } .global-header.is-home-scroll .global-header__logo svg * { fill: #000; } .global-header.is-home-scroll-sub { background-color: transparent; } .global-header.is-menu-open { color: #000; background-color: transparent; } @media screen and (max-width: 834px) { .global-header.is-menu-open .global-header__btn span { background-color: #000; } } .global-header.is-menu-open .global-header__logo { opacity: 0; visibility: hidden; } .global-header.is-menu-open .global-header__inner { height: 14.2rem; } @media screen and (max-width: 834px) { .global-header.is-menu-open .global-header__inner { height: 10.45rem; } } .global-header__inner { width: 100%; height: 7.7rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 3rem; position: relative; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s; } @media screen and (max-width: 834px) { .global-header__inner { height: 6.4rem; padding: 0 2.5rem; -ms-flex-pack: end; justify-content: flex-end; } } .global-header__nav { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 0 1rem; position: absolute; left: 3rem; top: 2.5rem; opacity: 1; visibility: visible; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-header__nav { left: 1.5rem; top: 2rem; } } .global-header__logo { display: block; color: currentColor; } .global-header__logo svg { width: 8rem; height: 2.7rem; } @media screen and (max-width: 834px) { .global-header__logo svg { width: 7rem; height: 2.35rem; } } .global-header__logo svg * { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; fill: currentColor; } .global-header__btn { position: relative; width: 3rem; height: 1.7rem; cursor: pointer; } @media screen and (max-width: 834px) { .global-header__btn { width: 2rem; height: 1.3rem; } } .global-header__btn.is-open { height: 2.2rem; } @media screen and (max-width: 834px) { .global-header__btn.is-open { height: 1.75rem; } } .global-header__btn.is-open span:first-of-type { -webkit-transform: translate(0, 1rem) rotate(315deg); transform: translate(0, 1rem) rotate(315deg); } .global-header__btn.is-open span:nth-of-type(2) { opacity: 0; -webkit-transform: translate(0, 0.5rem) rotate(360deg); transform: translate(0, 0.5rem) rotate(360deg); } .global-header__btn.is-open span:last-of-type { -webkit-transform: translate(0, 0.8rem) rotate(405deg); transform: translate(0, 0.8rem) rotate(405deg); } .global-header__btn span { display: block; width: 3rem; height: 1px; background-color: currentColor; transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-header__btn span { width: 2rem; } } .global-header__btn span:first-of-type { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } @media screen and (max-width: 834px) { .global-header__btn span:first-of-type { -webkit-transform: translate(0, 0) rotate(0deg); transform: translate(0, 0) rotate(0deg); } } .global-header__btn span:nth-of-type(2) { -webkit-transform: translate(0, 0.7rem) rotate(0deg); transform: translate(0, 0.7rem) rotate(0deg); } @media screen and (max-width: 834px) { .global-header__btn span:nth-of-type(2) { -webkit-transform: translate(0, 0.5rem) rotate(0deg); transform: translate(0, 0.5rem) rotate(0deg); } } .global-header__btn span:last-of-type { -webkit-transform: translate(0, 1.4rem) rotate(0deg); transform: translate(0, 1.4rem) rotate(0deg); } @media screen and (max-width: 834px) { .global-header__btn span:last-of-type { -webkit-transform: translate(0, 1rem) rotate(0deg); transform: translate(0, 1rem) rotate(0deg); } } .is-report .global-header, .is-contact .global-header, .is-faq .global-header, .is-access .global-header, .is-guest .global-header, .is-ritual-partymenu .global-header, .is-party .global-header, .is-sitepolicy .global-header, .is-notfound .global-header { background-color: transparent; } .global-footer__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .global-footer__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .global-footer__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .global-footer__inner { width: 140rem; max-width: 100%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } } .global-footer__info { border-top: 1px solid #727171; padding: 6rem 0; } @media screen and (max-width: 834px) { .global-footer__info { width: 100%; padding: 3.75rem 0 4rem; } } .global-footer__info-nav { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4rem 0; } @media screen and (max-width: 834px) { .global-footer__info-nav { display: block; } } .global-footer__info-nav > div { width: auto; max-width: 22.3rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div { width: 100%; max-width: 100%; } } @media screen and (max-width: 834px) { .global-footer__info-nav > div:nth-of-type(1) { margin: 0 0 2.5rem 0; } } .global-footer__info-nav > div:nth-of-type(2) { margin-right: 6.48rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div:nth-of-type(2) { margin: 0 0 2.5rem 0; } } .global-footer__info-nav > div:nth-of-type(3) { margin-right: 4.725rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div:nth-of-type(3) { margin: 0; } } .global-footer__info-nav > div:nth-of-type(4) { margin-right: 6.75rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div:nth-of-type(4) { margin: 0 0 1.26rem 0; } } .global-footer__info-nav > div:nth-of-type(5) { margin-right: 6.615rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div:nth-of-type(5) { margin: 0 0 1.26rem 0; } } .global-footer__info-nav > div:nth-of-type(6) { margin-right: 0; } .global-footer__info-nav > div a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 0 1rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a { margin: 0 0 0.8rem; } } .global-footer__info-nav > div a span { display: block; font-size: 13.75px; font-size: 1.375rem; line-height: 1.16364; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a span { font-size: 25px; font-size: 1.25rem; line-height: 1.2; } } .global-footer__info-nav > div a svg { width: 1.2rem; min-width: 1.2rem; height: 1.2rem; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin: 0 0.9rem 0 0; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg { width: 1.1rem; min-width: 1.1rem; height: 1.1rem; margin: 0 0.7rem 0 0; } } .global-footer__info-nav > div a svg * { fill: currentColor; } .global-footer__info-nav > div a svg.type-map { width: 1.5rem; min-width: 1.5rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg.type-map { width: 1.2rem; min-width: 1.2rem; height: 1.5rem; } } .global-footer__info-nav > div a svg.type-tel { width: 1.8rem; min-width: 1.8rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg.type-tel { width: 1.5rem; min-width: 1.5rem; height: 1.5rem; } } .global-footer__info-nav > div a svg.type-fair { width: 2.2rem; min-width: 2.2rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg.type-fair { width: 1.85rem; min-width: 1.85rem; height: 1.5rem; } } .global-footer__info-nav > div a svg.type-calender { width: 1.7rem; min-width: 1.7rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg.type-calender { width: 1.4rem; min-width: 1.4rem; height: 1.5rem; } } .global-footer__info-nav > div a svg.type-request { width: 1.6rem; min-width: 1.6rem; height: 1.6rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a svg.type-request { width: 1.4rem; min-width: 1.4rem; height: 1.4rem; } } @media screen and (max-width: 834px) { .global-footer__info-nav > div a.btn-sp { position: relative; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; width: 100%; height: 5.5rem; border: 1px solid #727171; border-radius: 0.4rem; margin: 0; } } .global-footer__info-nav > div a.is-type2 { margin: 1rem 0 0; } .global-footer__info-nav > div a.is-type2 span { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 0.96; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a.is-type2 span { font-size: 27.08px; font-size: 1.354rem; line-height: 0.81536; } } .global-footer__info-nav > div a.is-type2 svg { margin: 0 0 0 0.9rem; } @media screen and (max-width: 834px) { .global-footer__info-nav > div a.is-type2 svg { margin: 0 0 0 0.7rem; } } .global-footer__info-nav > div a:hover span { color: #727171; } .global-footer__info-nav > div a:hover svg { color: #727171; } .global-footer__info-nav > div > p { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 1.6664; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .global-footer__info-nav > div > p { font-size: 25px; font-size: 1.25rem; line-height: 1.5; } } .global-footer__info-nav > div > p.color-gray { color: #727171; } .global-footer__info-nav > div > p i { white-space: nowrap; } .global-footer__info-nav > div > p br .br-pc { display: block; } @media screen and (max-width: 834px) { .global-footer__info-nav > div > p br .br-pc { display: none; } } .global-footer__info-nav > div > span { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 1.6664; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .global-footer__info-nav > div > span { font-size: 25px; font-size: 1.25rem; line-height: 1; margin: 0 0 0.5rem; } } .global-footer__info-nav > div > span i { letter-spacing: 0.1em; } @media screen and (max-width: 834px) { .global-footer__info-nav > div > span i { letter-spacing: 0.06em; } } .global-footer__sitemap { border-top: 1px solid #727171; background-color: #f7f8f8; padding: 6rem 0 10rem; } @media screen and (max-width: 834px) { .global-footer__sitemap { width: 100%; padding: 3.75rem 0 7.6rem; } } .global-footer__sitemap-nav { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 5.6rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav { margin: 0 0 3.4rem; } } .global-footer__sitemap-nav-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 4rem 0; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex { display: block; width: 50%; } } .global-footer__sitemap-nav-flex > div { width: auto; max-width: 15rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex > div { width: 100%; max-width: 100%; margin: 0 0 2.2rem; } } .global-footer__sitemap-nav-flex > div a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 0 1.8rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex > div a { margin: 0 0 1.5rem; } } .global-footer__sitemap-nav-flex > div a:last-child { margin: 0 0 0; } .global-footer__sitemap-nav-flex > div a span { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex > div a span { white-space: nowrap; font-size: 25px; font-size: 1.25rem; line-height: 1; } } .global-footer__sitemap-nav-flex > div a svg { width: 1rem; height: 1rem; min-width: 1rem; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin: 0 0 0 0.7rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex > div a svg { margin: 0 0 0 0.4rem; } } .global-footer__sitemap-nav-flex > div a svg * { fill: currentColor; } .global-footer__sitemap-nav-flex > div a svg.type-insta { margin: 0 0.9rem 0 0; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex > div a svg.type-insta { margin: 0 0.7rem 0 0; } } .global-footer__sitemap-nav-flex > div a:hover span { color: #727171; } .global-footer__sitemap-nav-flex > div a:hover svg { color: #727171; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:first-child { margin: 0 3.4rem 0 0; } } .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(1) { margin-right: 4.05rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(1) { margin-right: 0; } } .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(2) { margin-right: 4.05rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(2) { margin-right: 0; } } .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(3) { margin-right: 4.05rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(3) { margin-right: 0; } } .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(4) { margin-right: 4.32rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:first-child > div:nth-of-type(4) { margin-right: 0; margin-bottom: 0; } } .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(1) { margin-right: 3.51rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(1) { margin-right: 0; } } .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(2) { margin-right: 3.51rem; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(2) { margin-right: 0; } } .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(3) { margin-right: 0; } @media screen and (max-width: 834px) { .global-footer__sitemap-nav-flex:last-child > div:nth-of-type(3) { margin-right: 0; margin-bottom: 0; } } .global-footer__copy { text-align: center; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #000; } @media screen and (max-width: 834px) { .global-footer__copy { font-size: 20.83px; font-size: 1.0415rem; line-height: 1; } } .global-menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; height: 100svh; z-index: 24; background-color: #fff; opacity: 0; visibility: hidden; pointer-events: none; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); } @media screen and (max-width: 834px) { .global-menu { height: 100%; } } .global-menu.is-open { opacity: 1; visibility: visible; pointer-events: auto; } .global-menu__inner { width: 100%; height: 100%; position: relative; } @media screen and (max-width: 834px) { .global-menu__inner { height: 100vh; overflow-y: scroll; } } .global-menu__ink { position: absolute; right: 8rem; bottom: 5rem; } @media screen and (max-width: 834px) { .global-menu__ink { z-index: -1; right: -1.8rem; bottom: -5.2rem; } } .global-menu__ink.is-animation .global-menu__ink-img img, .global-menu__ink.is-animation .global-menu__ink-img picture { -webkit-animation: inkRightToLeft 3.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: inkRightToLeft 3.6s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .global-menu__ink-img { width: 44rem; height: 29.1rem; overflow: hidden; } @media screen and (max-width: 834px) { .global-menu__ink-img { width: 22rem; height: auto; } } .global-menu__ink-img img, .global-menu__ink-img picture { width: 100%; height: 100%; object-fit: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .global-menu__header { width: 100%; height: 14.2rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 0 6rem; position: relative; z-index: 5; } @media screen and (max-width: 834px) { .global-menu__header { height: 10.45rem; padding: 0 2.5rem; } } .global-menu__header-nav { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; padding: 0 1rem; position: absolute; left: 5rem; top: 6rem; } @media screen and (max-width: 834px) { .global-menu__header-nav { left: 1.7rem; top: 4rem; padding: 0 1rem; } } .global-menu__header-logo { display: block; color: currentColor; } .global-menu__header-logo svg { width: 12rem; height: 4.4rem; } @media screen and (max-width: 834px) { .global-menu__header-logo svg { width: 11.5rem; height: 4rem; } } .global-menu__header-logo svg * { transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; fill: currentColor; } .global-menu__nav { width: 100%; height: calc(100vh - 14.2rem); position: relative; z-index: 5; } @media screen and (max-width: 834px) { .global-menu__nav { height: auto; } } .global-menu__nav-inner { width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; padding: 10.3rem 150px; } @media screen and (max-width: 1000px) { .global-menu__nav-inner { padding: 10.3rem 100px; } } @media screen and (max-width: 834px) { .global-menu__nav-inner { display: block; height: 100%; padding: 2.4rem 3.2rem 4.8rem; } } @media screen and (min-width: 1350px) { .global-menu__nav-inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .global-menu__nav-link { margin: 0 0 3.3rem; } @media screen and (max-width: 834px) { .global-menu__nav-link { margin: 0 0 2.2rem; } } .global-menu__nav-link.is-type2 { margin: 0 0 5.3rem; } @media screen and (max-width: 834px) { .global-menu__nav-link.is-type2 { margin: 0 0 2.6rem; } } .global-menu__nav-link a span { font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.06em; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-menu__nav-link a span { font-size: 31.25px; font-size: 1.5625rem; line-height: 1; } } .global-menu__nav-link a svg { width: 1.4rem; height: 1.4rem; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin: 0 0.9rem 0 0; } .global-menu__nav-link a svg * { fill: currentColor; } .global-menu__nav-link a:hover span { color: #727171; } .global-menu__nav-link a:hover svg { color: #727171; } .global-menu__nav-linkgroup { margin: 0 0 1.2rem; } @media screen and (max-width: 834px) { .global-menu__nav-linkgroup { margin: 0 0 0; } } .global-menu__nav-linkgroup:last-of-type { margin: 0 0 0 0; } .global-menu__nav-linkgroup a { position: relative; margin: 0 3.6rem 0 0; white-space: nowrap; } @media screen and (max-width: 834px) { .global-menu__nav-linkgroup a { display: block; margin: 0 0 1.5rem; } } .global-menu__nav-linkgroup a span { font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; color: #000; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-menu__nav-linkgroup a span { font-size: 25px; font-size: 1.25rem; line-height: 1; } } .global-menu__nav-linkgroup a:after { content: ''; position: absolute; top: 0; right: -2.2rem; width: 1px; height: 100%; background-color: #000; } @media screen and (max-width: 834px) { .global-menu__nav-linkgroup a:after { content: none; } } .global-menu__nav-linkgroup a:last-of-type { margin: 0 0 0 0; } @media screen and (max-width: 834px) { .global-menu__nav-linkgroup a:last-of-type { margin: 0 0 1.5rem; } } .global-menu__nav-linkgroup a:last-of-type:after { content: none; } .global-menu__nav-linkgroup a:hover span { color: #727171; } .global-menu__nav-img { position: relative; margin: 0 0 3.6rem; width: 25rem; height: 8.1rem; border-radius: 0.6rem; overflow: hidden; } @media screen and (max-width: 834px) { .global-menu__nav-img { width: 100%; max-width: 27.5rem; height: auto; margin: 0 0 3.5rem; } } .global-menu__nav-img a { display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .global-menu__nav-img a.is-animation { -webkit-animation: imgMenu cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s forwards; animation: imgMenu cubic-bezier(0.215, 0.61, 0.355, 1) 2.4s forwards; } .global-menu__nav-img a .global-menu__nav-imgcover { width: 100%; height: 100%; overflow: hidden; border-radius: 0.6rem; } .global-menu__nav-img a .global-menu__nav-imgcover picture, .global-menu__nav-img a .global-menu__nav-imgcover img { width: 100%; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .global-menu__nav-img a:hover .global-menu__nav-imgcover picture, .global-menu__nav-img a:hover .global-menu__nav-imgcover img { -webkit-transform: scale(1.1); transform: scale(1.1); } .global-menu__nav-img-text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .global-menu__nav-img-text span { font-size: 14.58px; font-size: 1.458rem; line-height: 1.02881; letter-spacing: 0.06em; color: #fff; } @media screen and (max-width: 834px) { .global-menu__nav-img-text span { font-size: 31.25px; font-size: 1.5625rem; line-height: 1; } } .global-menu__nav-img-text svg { width: 1.8rem; height: 1.5rem; color: #fff; margin-right: 1rem; } .global-menu__nav-img-text svg * { fill: currentColor; } .global-menu__nav-contents { padding: 0 0 0 5.4rem; margin: 0 10.7vw 0 -2rem; position: relative; z-index: 1; } @media screen and (max-width: 834px) { .global-menu__nav-contents { padding: 0 0 0 3.6rem; margin: 0 0 7.5rem; position: relative; } } .global-menu__nav-contents-line { position: absolute; top: 2.2rem; left: -2.9rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 5; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-menu__nav-contents-line { top: 2.6rem; left: -3.3rem; } } .global-menu__nav-contents-line span { font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.1em; color: #b4a379; font-family: "garamond-premier-pro", sans-serif; margin: 0 1.3rem 0 0; } @media screen and (max-width: 834px) { .global-menu__nav-contents-line span { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .global-menu__nav-contents:after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #b4a379; } .global-menu__nav-contents.is-animation:after { -webkit-animation: lineTopToBottom 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: lineTopToBottom 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .global-menu__nav-info { padding: 0 0 0 5.4rem; position: relative; z-index: 1; } @media screen and (max-width: 834px) { .global-menu__nav-info { padding: 0 0 0 3.6rem; margin: 0 0 7.8rem; } } .global-menu__nav-info-line { position: absolute; top: 3.2rem; left: -4rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); z-index: 5; background-color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-menu__nav-info-line { top: 3.6rem; left: -4.4rem; } } .global-menu__nav-info-line span { font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.1em; color: #b4a379; font-family: "garamond-premier-pro", sans-serif; margin: 0 1.3rem 0 0; } @media screen and (max-width: 834px) { .global-menu__nav-info-line span { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .global-menu__nav-info:after { content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #b4a379; } .global-menu__nav-info.is-animation:after { -webkit-animation: lineTopToBottom 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; animation: lineTopToBottom 1.8s cubic-bezier(0.215, 0.61, 0.355, 1) forwards; } .global-menu__nav-info-items { padding: 0 0 0 1rem; } @media screen and (max-width: 834px) { .global-menu__nav-info-items { padding: 0; } } .global-menu__nav-info-items .global-menu__nav-link { margin: 0 0 2rem; } .global-menu__nav-info-items .global-menu__nav-link.mb-40 { margin: 0 0 4rem; } @media screen and (max-width: 834px) { .global-menu__nav-info-items .global-menu__nav-link.mb-40 { margin: 0 0 2.8rem; } } .global-menu__nav-info-items .global-menu__nav-link a { width: -webkit-fit-content; width: fit-content; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .global-menu__nav-info-items .global-menu__nav-link a span { font-size: 14.58px; font-size: 1.458rem; line-height: 1; } @media screen and (max-width: 834px) { .global-menu__nav-info-items .global-menu__nav-link a span { font-size: 31.25px; font-size: 1.5625rem; line-height: 1; } } .global-menu__nav-tel { margin: 0 0 1.2rem; } @media screen and (max-width: 834px) { .global-menu__nav-tel { margin: 0 0 0.9rem; } } .global-menu__nav-tel a span { font-size: 22.92px; font-size: 2.292rem; line-height: 1; letter-spacing: 0.1em; color: #000; font-family: "garamond-premier-pro", sans-serif; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-menu__nav-tel a span { font-size: 35.42px; font-size: 1.771rem; line-height: 0.99435; } } .global-menu__nav-tel a span i { font-size: 18.75px; font-size: 1.875rem; line-height: 1; } @media screen and (max-width: 834px) { .global-menu__nav-tel a span i { font-size: 31.25px; font-size: 1.5625rem; line-height: 1; } } .global-menu__nav-tel a:hover span { color: #727171; } .global-menu__nav-text { margin: 0 0 1.4rem; } @media screen and (max-width: 834px) { .global-menu__nav-text { margin: 0 0 1.1rem; } } .global-menu__nav-text p { margin: 0 0 1.4rem; font-size: 11.67px; font-size: 1.167rem; line-height: 1.7832; letter-spacing: 0.05em; color: #595757; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .global-menu__nav-text p { font-size: 25px; font-size: 1.25rem; line-height: 1.7472; margin: 0 0 1.1rem; } } .global-menu__nav-sns a span { font-size: 11.67px; font-size: 1.167rem; line-height: 1; letter-spacing: 0.05em; color: #595757; font-family: "Karla", sans-serif; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-menu__nav-sns a span { font-size: 25px; font-size: 1.25rem; line-height: 1; } } .global-menu__nav-sns a svg { width: 1rem; height: 1rem; color: #595757; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-menu__nav-sns a svg { width: 1.2rem; height: 1.2rem; } } .global-menu__nav-sns a svg * { fill: currentColor; } .global-menu__nav-sns a:hover span { color: #727171; } .global-menu__nav-sns a:hover svg { color: #727171; } .global-banner { position: fixed; left: 2.5rem; bottom: 2.5rem; z-index: 21; width: 52rem; height: 7rem; background-color: #d9d1bc; border-radius: 0.3rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-banner { left: 0; bottom: 0; width: 100%; height: 5.5rem; border-radius: 0; } } .global-banner.is-animation { opacity: 1; visibility: visible; } .global-banner__inner { width: 100%; height: 100%; padding: 1rem 0; } @media screen and (max-width: 834px) { .global-banner__inner { padding: 0.5rem 0; } } .global-banner__items { height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .global-banner__items { -ms-flex-pack: justify; justify-content: space-between; } } .global-banner__item { width: 100%; height: 100%; border-right: 1px solid #595757; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .global-banner__item:last-child { border-right: none; } .global-banner__item > a { padding: 0 2.4rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .global-banner__item > a { padding: 0 1.2rem; -ms-flex-direction: row; flex-direction: row; } } .global-banner__item > a span { display: block; font-size: 10.42px; font-size: 1.042rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; white-space: nowrap; } @media screen and (max-width: 834px) { .global-banner__item > a span { font-size: 18.75px; font-size: 0.9375rem; line-height: 1.44427; } } .global-banner__item > a span.type-kar { letter-spacing: 0.1em; } .global-banner__item > a span.br-pc { display: block; } @media screen and (max-width: 834px) { .global-banner__item > a span.br-pc { display: none; } } .global-banner__item > a span.br-sp { display: none; } @media screen and (max-width: 834px) { .global-banner__item > a span.br-sp { display: block; } } .global-banner__item > a svg { color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin: 0 0 1rem; } @media screen and (max-width: 834px) { .global-banner__item > a svg { margin: 0 0.7rem 0 0; } } .global-banner__item > a svg * { fill: currentColor; } .global-banner__item > a svg.type-fair { width: 2.2rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-banner__item > a svg.type-fair { width: 1.85rem; height: 1.5rem; } } .global-banner__item > a svg.type-calender { width: 1.7rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-banner__item > a svg.type-calender { width: 1.45rem; height: 1.5rem; } } .global-banner__item > a svg.type-access { width: 1.5rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-banner__item > a svg.type-access { width: 1.25rem; height: 1.5rem; } } .global-banner__item > a svg.type-tel { width: 1.8rem; height: 1.8rem; } @media screen and (max-width: 834px) { .global-banner__item > a svg.type-tel { width: 1.5rem; height: 1.5rem; } } .global-banner__item > a:hover span { color: #595757; } .global-banner__item > a:hover svg { color: #595757; } .global-banner_shichigosan { position: fixed; right: 5rem; bottom: 5rem; z-index: 21; width: 26rem; height: auto; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-banner_shichigosan { right: 2.5rem; bottom: 8rem; z-index: 21; width: 19.5rem; height: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .global-banner_shichigosan.is-animation { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; visibility: visible; } .global-banner_shichigosan.is-close { opacity: 0; visibility: hidden; } .global-banner_shichigosan__inner { width: 100%; } .global-banner_shichigosan__btn { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: end; margin: 0 0 1rem; } .global-banner_shichigosan__btn > div { cursor: pointer; width: 3rem; height: 3rem; border-radius: 50%; position: relative; background-color: #d9d1bc; } @media screen and (max-width: 834px) { .global-banner_shichigosan__btn > div { width: 2.75rem; height: 2.75rem; } } .global-banner_shichigosan__btn > div span { position: absolute; top: 50%; left: 50%; display: block; width: 1.5rem; height: 1px; background-color: #595757; } @media screen and (max-width: 834px) { .global-banner_shichigosan__btn > div span { width: 1.2rem; } } .global-banner_shichigosan__btn > div span:first-child { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .global-banner_shichigosan__btn > div span:last-child { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .global-banner_shichigosan__box { width: 100%; height: 25.2rem; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25); } @media screen and (max-width: 834px) { .global-banner_shichigosan__box { height: 19.5rem; } } .global-banner_shichigosan__box > a { display: block; } .global-banner_shichigosan__box > a:hover img, .global-banner_shichigosan__box > a:hover picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .global-banner_shichigosan__box > a:hover:hover img, .global-banner_shichigosan__box > a:hover:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .global-banner_shichigosan__box-inner { padding: 2.5rem 2.5rem 1.6rem; } @media screen and (max-width: 834px) { .global-banner_shichigosan__box-inner { padding: 2.25rem 2.25rem 1.6rem; } } .global-banner_shichigosan__box-img { width: 100%; height: 14rem; overflow: hidden; } @media screen and (max-width: 834px) { .global-banner_shichigosan__box-img { height: 10rem; } } .global-banner_shichigosan__box-img picture, .global-banner_shichigosan__box-img img { width: 100%; height: 100%; object-fit: cover; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .global-banner_shichigosan__box-text { text-align: center; padding-top: 1.8rem; } @media screen and (max-width: 834px) { .global-banner_shichigosan__box-text { padding-top: 1.2rem; } } .global-banner_shichigosan__box-text p { display: block; font-size: 14.59px; font-size: 1.459rem; line-height: 1.7135; letter-spacing: 0.06em; color: #000; } @media screen and (max-width: 834px) { .global-banner_shichigosan__box-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.69239; } } .global-fair { margin: 0 0 15rem; } @media screen and (max-width: 834px) { .global-fair { margin: 0 0 7.1rem; } } .global-fair__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .global-fair__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .global-fair__inner { padding: 0; } } @media screen and (min-width: 1350px) { .global-fair__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .global-fair__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .global-fair__title { margin: 0 0 3.8rem; } } .global-fair__contents { width: 100%; margin: 0 0 4.2rem; position: relative; } @media screen and (max-width: 834px) { .global-fair__contents { margin: 0 0 8rem; } } .global-fair__swiper { padding: 0 5.7rem; } @media screen and (max-width: 834px) { .global-fair__swiper { padding: 0; margin: 0 0 2.5rem; } } .global-fair__swiper .swiper-container { position: static; } .global-fair__swiper-pagination { display: none; width: 10rem; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .global-fair__swiper-pagination { display: block; bottom: -4.4rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .global-fair__swiper-prev, .global-fair__swiper-next { cursor: pointer; position: absolute; top: 30%; z-index: 5; width: 2.5rem; height: 3.3rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .global-fair__swiper-prev, .global-fair__swiper-next { top: auto; bottom: -5rem; width: 2.7rem; height: 2.7rem; } } .global-fair__swiper-prev { left: 0; } @media screen and (max-width: 834px) { .global-fair__swiper-prev { left: 2.3rem; } } .global-fair__swiper-prev svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 834px) { .global-fair__swiper-prev svg { width: 3.3rem; height: 2.5rem; } } .global-fair__swiper-prev svg * { fill: currentColor; } .global-fair__swiper-next { right: 0; } @media screen and (max-width: 834px) { .global-fair__swiper-next { right: 2.3rem; } } .global-fair__swiper-next svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } @media screen and (max-width: 834px) { .global-fair__swiper-next svg { width: 3.3rem; height: 2.5rem; } } .global-fair__swiper-next svg * { fill: currentColor; } .global-fair__item { width: 100%; } @media screen and (max-width: 834px) { .global-fair__item { width: 23rem; height: auto; } } .global-fair__item a img, .global-fair__item a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .global-fair__item a:hover img, .global-fair__item a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .global-fair__item a:hover .global-fair__item-title p { color: #727171; } .global-fair__item-img { margin: 0 0 2.4rem; overflow: hidden; } @media screen and (max-width: 834px) { .global-fair__item-img { margin: 0 0 1.8rem; } } .global-fair__item-img img, .global-fair__item-img picture { width: 100%; } .global-fair__item-imgcover { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .global-fair__item-info { padding: 0 0.8rem; } @media screen and (max-width: 834px) { .global-fair__item-info { padding: 0 0.5rem; } } .global-fair__item-date { margin: 0 0 1rem; } @media screen and (max-width: 834px) { .global-fair__item-date { margin: 0 0 1.3rem; } } .global-fair__item-date span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .global-fair__item-date span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .global-fair__item-date.is-sat span { color: #004ea2; } .global-fair__item-date.is-sun span { color: #b60005; } .global-fair__item-title { margin: 0 0 0.6rem; } @media screen and (max-width: 834px) { .global-fair__item-title { margin: 0 0 0.4rem; } } .global-fair__item-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-fair__item-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .global-fair__item-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #727171; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 834px) { .global-fair__item-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .global-gallery { margin: 0 0 18.8rem; } @media screen and (max-width: 834px) { .global-gallery { margin: 0 0 10rem; } } .global-gallery__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .global-gallery__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .global-gallery__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .global-gallery__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .global-gallery__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .global-gallery__title { margin: 0 0 3.8rem; } } .global-gallery__contents { width: 100%; position: relative; } .global-gallery__contents.is-active .global-gallery__shadow { opacity: 1; visibility: visible; } .global-gallery__contents.is-active .global-gallery__btn { opacity: 1; visibility: visible; } .global-gallery__items { width: -webkit-fit-content; width: fit-content; position: relative; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } @media screen and (max-width: 834px) { .global-gallery__items { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } .global-gallery__item { width: 100%; max-width: 17.5rem; aspect-ratio: 1 / 1; opacity: 0; visibility: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-gallery__item { max-width: 19.6rem; } } .global-gallery__item.is-active { opacity: 1; visibility: visible; } .global-gallery__item-img { overflow: hidden; } .global-gallery__item-img a { color: #fff; width: 100%; height: 100%; } .global-gallery__item-img a img, .global-gallery__item-img a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .global-gallery__item-img a:hover img, .global-gallery__item-img a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .global-gallery__item-img img, .global-gallery__item-img picture { width: 100%; height: 100%; object-fit: cover; } .global-gallery__item-imgcover { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; width: 100%; aspect-ratio: 1 / 1; } .global-gallery__item:nth-of-type(2n-1) { background-color: #c9caca; } .global-gallery__item:nth-of-type(2n) { background-color: #9fa0a0; } .global-gallery__shadow { position: absolute; left: 0; right: 0; bottom: -1rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; opacity: 0; visibility: hidden; width: 100%; box-shadow: 0px -25px 50px 85px white; } @media screen and (max-width: 834px) { .global-gallery__shadow { box-shadow: 0px -20px 50px 85px white; } } @media screen and (max-width: 500px) { .global-gallery__shadow { box-shadow: 0px -7px 50px 75px white; } } .global-gallery__btn { position: absolute; left: 0; right: 0; bottom: -4rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; opacity: 0; visibility: hidden; } @media screen and (max-width: 834px) { .global-gallery__btn { bottom: -2.6rem; } } .global-gallery__btn a { width: 7.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .global-gallery__btn a { width: 8rem; } } .global-gallery__btn a span { white-space: nowrap; display: block; font-size: 12.81px; font-size: 1.281rem; line-height: 0.93677; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-gallery__btn a span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .global-gallery__btn a svg { color: #231815; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .global-gallery__btn a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .global-gallery__btn a svg * { fill: currentColor; } .global-gallery__btn a:hover span { color: #727171; } .global-gallery__btn a:hover svg { color: #727171; } .global-modal__popup-slider { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.98); display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; opacity: 0; visibility: hidden; z-index: -1; pointer-events: none; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); } @media screen and (max-width: 834px) { .global-modal__popup-slider { padding: 5.5rem 0 0; } } .global-modal__popup-slider.is-open { opacity: 1; visibility: visible; z-index: 30; pointer-events: auto; } .global-modal__popup-slider-inner { width: 100%; padding: 0 150px; position: relative; } @media screen and (max-width: 1000px) { .global-modal__popup-slider-inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .global-modal__popup-slider-inner { display: block; padding: 0 25px; } } @media screen and (min-width: 1350px) { .global-modal__popup-slider-inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .global-modal__popup-slider-close { cursor: pointer; width: 3rem; height: 3rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; right: 150px; z-index: 31; } @media screen and (max-width: 1000px) { .global-modal__popup-slider-close { right: 14.2rem; } } @media screen and (max-width: 834px) { .global-modal__popup-slider-close { display: block; top: -5rem; right: 25px; } } .global-modal__popup-slider-close svg { width: 2.5rem; height: 2.5rem; color: #727171; } @media screen and (max-width: 834px) { .global-modal__popup-slider-close svg { width: 2rem; height: 2rem; } } .global-modal__popup-slider-close svg * { fill: currentColor; } .global-modal__popup-slider-swiper { position: relative; } .global-modal__popup-slider-swiper .swiper-slide-active .global-modal__popup-slider-item { opacity: 1; visibility: visible; } .global-modal__popup-slider-item { position: relative; height: 44.445vw; max-height: 60rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: stretch; align-items: stretch; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; opacity: 0; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .global-modal__popup-slider-item { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; max-height: 60%; height: auto; } } .global-modal__popup-slider-item-img { width: 44.445vw; max-width: 60rem; height: auto; max-height: 60rem; margin-right: 6.2rem; aspect-ratio: 1 / 1; color: #fff; } @media screen and (max-width: 834px) { .global-modal__popup-slider-item-img { width: calc(100vw - 5rem); max-width: 100%; height: calc(100vw - 5rem); max-height: 100%; margin: 0 0 2.3rem; } } .global-modal__popup-slider-item-img img { display: block; width: 100%; height: 100%; object-fit: contain; } @media screen and (max-width: 834px) { .global-modal__popup-slider-item-img img { max-height: 100%; } } .global-modal__popup-slider-item-caption { width: calc(100% - 44.445vw - 6.2rem); display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .global-modal__popup-slider-item-caption { width: 100%; } } @media screen and (min-width: 1350px) { .global-modal__popup-slider-item-caption { width: calc(100% - 66.2rem); } } .global-modal__popup-slider-item-caption p { width: 100%; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; color: #000; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; margin: 0 0 7.5rem; } @media screen and (max-width: 834px) { .global-modal__popup-slider-item-caption p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; margin: 0 0 2.6rem; } } .global-modal__popup-slider-nav { position: absolute; left: calc(44.445vw + 6.2rem); bottom: 0; z-index: 2; } @media screen and (min-width: 1350px) { .global-modal__popup-slider-nav { left: 66.2rem; } } @media screen and (max-width: 834px) { .global-modal__popup-slider-nav { left: 0; bottom: -3rem; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } } .global-modal__popup-slider-prev, .global-modal__popup-slider-next { cursor: pointer; display: inline-block; } .global-modal__popup-slider-prev svg, .global-modal__popup-slider-next svg { width: 3.3rem; height: 3.3rem; color: #727171; } @media screen and (max-width: 834px) { .global-modal__popup-slider-prev svg, .global-modal__popup-slider-next svg { width: 2.65rem; height: 2.65rem; } } .global-modal__popup-slider-prev svg *, .global-modal__popup-slider-next svg * { fill: currentColor; } .global-modal__popup-slider-prev { margin-right: 5.2rem; } @media screen and (max-width: 834px) { .global-modal__popup-slider-prev { margin-right: 0; } } .breadcrumb { padding: 2.4rem 0; } @media screen and (max-width: 834px) { .breadcrumb { padding: 2.1rem 0; } } .breadcrumb__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .breadcrumb__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .breadcrumb__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .breadcrumb__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .breadcrumb__items { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; min-height: 1.3rem; } .breadcrumb__items a { display: block; color: #727171; position: relative; padding: 0 1rem 0 0; margin: 0 1rem 0 0; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); } @media screen and (max-width: 834px) { .breadcrumb__items a { padding: 0 0.9rem 0 0; margin: 0 0.9rem 0 0; } } .breadcrumb__items a:after { content: '>'; position: absolute; top: 0rem; right: -0.2rem; color: #727171; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.06em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; font-weight: 400; } @media screen and (max-width: 834px) { .breadcrumb__items a:after { font-size: 25px; font-size: 1.25rem; line-height: 1; } } .breadcrumb__items span { font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.06em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; display: block; } @media screen and (max-width: 834px) { .breadcrumb__items span { font-size: 25px; font-size: 1.25rem; line-height: 1; } } .breadcrumb__items span.is-article { width: auto; max-width: 21em; height: 1.2rem; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; -webkit-font-feature-settings: 'palt' 1; font-feature-settings: 'palt' 1; } @media screen and (max-width: 834px) { .breadcrumb__items span.is-article { margin: 0.7rem 0 0; } } .breadcrumb__items span.is-space { display: none; } @media screen and (max-width: 834px) { .breadcrumb__items span.is-space { width: 100%; display: block; } } .subpage-header { margin: 0 0 12rem; position: relative; z-index: 5; } @media screen and (max-width: 834px) { .subpage-header { margin: 0 0 6.4rem; } } .subpage-header__inner { margin: 7.7rem 0 0; } @media screen and (max-width: 834px) { .subpage-header__inner { margin: 6.4rem 0 0; } } .subpage-header__title { padding: 7.4rem 0 0; margin: 0 0 4.8rem; position: relative; z-index: 3; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .subpage-header__title { padding: 2.9rem 0 0; margin: 0 0 3.9rem; } } .subpage-header__title h2 { font-size: 18.75px; font-size: 1.875rem; line-height: 1.7776; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 0 auto; } @media screen and (max-width: 834px) { .subpage-header__title h2 { margin: 0 auto; font-size: 35.42px; font-size: 1.771rem; line-height: 1.52936; } } .subpage-header__title h2 > span { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); transition: all 1s ease calc(0.08s * var(--char-index)); position: relative; display: inline-block; } .subpage-header__title h2 > span.is-space { min-width: 2rem; } .subpage-header__title h2.is-animation span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .subpage-header__title h2 > i { display: block; font-size: 18.75px; font-size: 1.875rem; line-height: 1.7776; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; margin: 0 auto; } @media screen and (max-width: 834px) { .subpage-header__title h2 > i { margin: 0 auto; font-size: 35.42px; font-size: 1.771rem; line-height: 1.52936; } } .subpage-header__title h2 > i.br-pc { display: block; } @media screen and (max-width: 834px) { .subpage-header__title h2 > i.br-pc { display: none; } } .subpage-header__title h2 > i.br-sp { display: none; } @media screen and (max-width: 834px) { .subpage-header__title h2 > i.br-sp { display: block; } } .subpage-header__title h2 > i > span { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); transition: all 1s ease calc(0.08s * var(--char-index)); position: relative; display: inline-block; } .subpage-header__title h2 > i > span.is-space { min-width: 2rem; } .subpage-header__title h2 > i.is-animation span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .subpage-header__title h2 > i:last-of-type.is-animation span { transition-delay: 0.6s; } .subpage-header__description { margin: 0 0 6.5rem; position: relative; z-index: 3; } @media screen and (max-width: 834px) { .subpage-header__description { margin: 0 0 3.4rem; } } .subpage-header__description p { text-align: center; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .subpage-header__description p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .subpage-header__img { width: 100vw; } .subpage-header__img img, .subpage-header__img picture { display: block; width: 100%; height: auto; opacity: 0; visibility: hidden; -webkit-transform: scale(1.4); transform: scale(1.4); } .subpage-header__img.is-loaded img, .subpage-header__img.is-loaded picture { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 4s; } .subpage-header__imgcover { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .subpage-header__nav { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .subpage-header__nav-pc { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 834px) { .subpage-header__nav-pc { display: none; } } .subpage-header__nav-sp { display: none; } @media screen and (max-width: 834px) { .subpage-header__nav-sp { display: block; } } .subpage-header__nav ul { margin: 0 4.8rem 0 0; } @media screen and (max-width: 834px) { .subpage-header__nav ul { margin: 0 0 0 -2rem; width: 31.2rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .subpage-header__nav ul:last-child { margin: 0 0 0 0; } @media screen and (max-width: 834px) { .subpage-header__nav ul:last-child { margin: 0 -4rem 0 0; } } .subpage-header__nav ul.is-horizontal { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .subpage-header__nav ul.is-horizontal { gap: 1.6rem 0; } } .subpage-header__nav ul.is-horizontal li { margin: 0 4.9rem 0 0; } @media screen and (max-width: 834px) { .subpage-header__nav ul.is-horizontal li { margin: 0 0 0; min-width: 8.6rem; } } .subpage-header__nav ul.is-horizontal:last-child { margin: 0 0 0 0; } @media screen and (max-width: 834px) { .subpage-header__nav ul.is-horizontal:last-child { margin: 0 0 2rem 0; } } .subpage-header__nav ul li { margin: 0 0 1.8rem; } @media screen and (max-width: 834px) { .subpage-header__nav ul li { margin: 0 0 1.8rem; min-width: 15.6rem; } } .subpage-header__nav ul li:last-child { margin: 0 0 0; } .subpage-header__nav ul li > a { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .subpage-header__nav ul li > a { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .subpage-header__nav ul li > a svg { color: #000; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .subpage-header__nav ul li > a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .subpage-header__nav ul li > a svg * { fill: currentColor; } .subpage-header__nav ul li > a:hover { color: #727171; } .subpage-header__nav ul li > a:hover svg { color: #727171; } .subpage-header__ink { position: absolute; top: -0.7rem; right: 12rem; z-index: 1; } @media screen and (max-width: 834px) { .subpage-header__ink { top: -3.9rem; left: 2.5rem; right: 0; } } .subpage-header__ink.is-animation .subpage-header__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } .subpage-header__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .subpage-header__ink-img { width: 23.85rem; max-width: auto; } } .subpage-header__ink-img picture, .subpage-header__ink-img img { width: 100%; height: auto; } .subpage-header__ink-imgcover { overflow: hidden; } .subpage-header.is-type2 { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .subpage-header.is-type2 { margin: 0 0 3.6rem; } } .subpage-header.is-type2 .subpage-header__title { padding: 9.5rem 0 0; margin: 0 0 7.1rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .subpage-header.is-type2 .subpage-header__title { padding: 4.2rem 0 0; margin: 0 0 3.7rem; } } .subpage-header.is-type2 .subpage-header__title i.pt-49 { padding-top: 4.9rem; } .subpage-header.is-type2 .subpage-header__description { padding: 0 0 0 1rem; } @media screen and (max-width: 834px) { .subpage-header.is-type2 .subpage-header__description { padding: 0 0 0 0; } .subpage-header.is-type2 .subpage-header__description.is-horizontal-sp { padding: 0 2.5rem; } .subpage-header.is-type2 .subpage-header__description.is-horizontal-sp p { text-align: left; } } @media screen and (max-width: 834px) { .subpage-header.is-type2 .subpage-header__description p.is-caution { position: relative; padding-left: 1.6rem; } .subpage-header.is-type2 .subpage-header__description p.is-caution:before { content: '※'; position: absolute; top: 0; left: 0; } } .subpage-header.is-type2 .subpage-header__description p.is-caution i { display: inline; } @media screen and (max-width: 834px) { .subpage-header.is-type2 .subpage-header__description p.is-caution i { display: none; } } .subpage-header.is-type3 { margin: 0 0 9.6rem; } @media screen and (max-width: 834px) { .subpage-header.is-type3 { margin: 0 0 14.6rem; } } .subpage-header.is-type3 .subpage-header__title { padding: 12.1rem 0 0; margin: 0 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .subpage-header.is-type3 .subpage-header__title { padding: 4.3rem 0 0; } } .subpage-header.is-type3 .subpage-header__title h2 { font-size: 50px; font-size: 5rem; line-height: 1; letter-spacing: 0.3em; } @media screen and (max-width: 834px) { .subpage-header.is-type3 .subpage-header__title h2 { font-size: 66.67px; font-size: 3.3335rem; line-height: 1; } } .subpage-header.is-type3 .subpage-header__title h2 span { -webkit-transform: translate(0, -30%); transform: translate(0, -30%); transition: all 1.6s ease calc(0.24s * var(--char-index)); } .subpage-header.is-type3 .subpage-header__title h2.is-animation span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } .subpage-header.is-type3 .subpage-header__ink { top: 21rem; right: 5rem; } @media screen and (max-width: 834px) { .subpage-header.is-type3 .subpage-header__ink { top: 16.3rem; left: auto; right: 2.5rem; } } .subpage-header.is-type3 .subpage-header__ink.is-animation .subpage-header__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.76, 0, 0.24, 1) 2.6s; } .subpage-header.is-type3 .subpage-header__ink-img { width: 61.408vw; max-width: 100%; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 0 0 100%); clip-path: inset(0 0 0 100%); } @media screen and (max-width: 834px) { .subpage-header.is-type3 .subpage-header__ink-img { width: 88.535vw; max-width: 48.2rem; } } @media screen and (max-width: 834px) { .subpage-header.mb-44 { margin: 0 0 4.4rem; } } .common-pagination .wp-pagenavi { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .common-pagination .wp-pagenavi a, .common-pagination .wp-pagenavi b, .common-pagination .wp-pagenavi span { font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.06em; font-family: "Karla", sans-serif; font-weight: 400; margin: 0 1.18rem; } @media screen and (max-width: 834px) { .common-pagination .wp-pagenavi a, .common-pagination .wp-pagenavi b, .common-pagination .wp-pagenavi span { margin: 0 1.56rem; } } .common-pagination .wp-pagenavi span, .common-pagination .wp-pagenavi .current { color: #b4a379; } .common-pagination .wp-pagenavi a { color: #222; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; border: none; } .common-pagination .wp-pagenavi a:hover { color: #727171; } .common-pagination .wp-pagenavi b { margin: 0 0.7rem; } .common-parts__wrapper { padding: 0 0 10.1rem; margin: 0 0 9.9rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .common-parts__wrapper { padding: 0 0 4.9rem; margin: 0 0 4.9rem; } } .common-parts__wrapper.is-type2 { padding: 0 0 0; margin: 0 0 14.7rem; border-bottom: none; } @media screen and (max-width: 834px) { .common-parts__wrapper.is-type2 { padding: 0 0 0; margin: 0 0 7.3rem; } } .common-parts__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .common-parts__title { margin: 0 0 2.6rem; } } .common-parts__movie { width: calc(100% + 30rem); margin: 0 0 8rem -15rem; } @media screen and (max-width: 1000px) { .common-parts__movie { width: calc(100% + 20rem); margin: 0 0 8rem -10rem; } } @media screen and (max-width: 834px) { .common-parts__movie { width: calc(100% + 5rem); margin: 0 0 2.8rem -2.5rem; } } .common-parts__movie-inner { width: 100%; } .common-parts__movie-inner video { width: 100%; height: auto; } .common-parts__content { width: 100%; } .common-parts__content.is-wide .common-parts__kv { width: calc(100% + 30rem); margin: 0 0 4.4rem -15rem; } @media screen and (max-width: 1000px) { .common-parts__content.is-wide .common-parts__kv { width: calc(100% + 20rem); margin: 0 0 4.4rem -10rem; } } @media screen and (max-width: 834px) { .common-parts__content.is-wide .common-parts__kv { width: calc(100% + 5rem); margin: 0 0 3rem -2.5rem; } } .common-parts__content.is-wide .common-parts__info { padding: 0 0; } @media screen and (max-width: 834px) { .common-parts__content.is-wide .common-parts__info { padding: 0; } } .common-parts__content.is-wide .common-parts__info-detail { width: 50rem; } @media screen and (max-width: 834px) { .common-parts__content.is-wide .common-parts__info-detail { width: 100%; } } .common-parts__kv { width: 100%; margin: 0 0 3.5rem; } @media screen and (max-width: 834px) { .common-parts__kv { margin: 0 0 2.6rem; } } .common-parts__img { width: 100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .common-parts__img picture, .common-parts__img img { width: 100%; } .common-parts__imgcover { overflow: hidden; } .common-parts__info { padding: 0 0.8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 834px) { .common-parts__info { padding: 0; -ms-flex-direction: column; flex-direction: column; } } .common-parts__info-title { width: 40rem; margin: 0 4rem 0 0; } @media screen and (max-width: 834px) { .common-parts__info-title { width: 100%; margin: 0 0 1rem; } } .common-parts__info-title p { font-size: 16.67px; font-size: 1.667rem; line-height: 1.74985; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; } @media screen and (max-width: 834px) { .common-parts__info-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .common-parts__info-title p.tracking-75 { letter-spacing: 0.075em; } @media screen and (max-width: 834px) { .common-parts__info-title p.tracking-75 { letter-spacing: 0.06em; } } .common-parts__info-title p.tracking-100 { letter-spacing: 0.1em; } @media screen and (max-width: 834px) { .common-parts__info-title p.tracking-100 { letter-spacing: 0.06em; } } .common-parts__info-detail { width: 49.3rem; } @media screen and (max-width: 834px) { .common-parts__info-detail { width: 100%; } } @media screen and (max-width: 834px) { .common-parts__info-detail-text { width: 100%; } } .common-parts__info-detail-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .common-parts__info-detail-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .common-parts__info-detail-text p:nth-of-type(2) { margin: 1rem 0 0; } @media screen and (max-width: 834px) { .common-parts__info-detail-text p:nth-of-type(2) { margin: 1.5rem 0 0; } } .common-parts__info-detail-btn { margin: 2.5rem 0 0; } @media screen and (max-width: 834px) { .common-parts__info-detail-btn { width: 100%; margin: 1.8rem 0 0; } } .common-parts__info-left { width: 54.6rem; margin: 0 4rem 0 0; } @media screen and (max-width: 834px) { .common-parts__info-left { width: 100%; margin: 0 0 1.8rem; } } .common-parts__info-left p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .common-parts__info-left p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .common-parts__info-right { width: auto; padding: 0.4rem 0.2rem 0 0; } @media screen and (max-width: 834px) { .common-parts__info-right { width: 100%; padding: 0; } } .input__data { display: block; padding: 0 10rem; } @media screen and (max-width: 834px) { .input__data { padding: 0 0 0; } } .input__data > div { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 0 3.5rem; } @media screen and (max-width: 834px) { .input__data > div { display: block; margin: 0 0 3rem; } } .input__data > div:last-of-type { border-bottom: none; } .input__data > div.is-error .input__text, .input__data > div.is-error .input__select { background-color: rgba(182, 0, 5, 0.1); } .input__data > div.is-error > dt { margin: -2.1rem 0 0; } @media screen and (max-width: 834px) { .input__data > div.is-error > dt { margin: 0 0 1.3rem; } } .input__data dt { width: 25.2rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .input__data dt { width: 100%; margin: 0 0 0.8rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .input__data dt i { color: #b60005; margin-left: 1.4rem; } .input__data dd { width: calc(100% - 25.2rem); } @media screen and (max-width: 834px) { .input__data dd { width: 100%; } } .input__data dd p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .input__data dd p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .input__select { position: relative; width: 100%; background-color: #fff; border: 1px solid #727171; border-radius: 0.6rem; overflow: hidden; } @media screen and (max-width: 834px) { .input__select { border-radius: 0.3rem; } } .input__select select { width: 100%; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif !important; color: #000; padding: 1.7rem 2.4rem; } @media screen and (max-width: 834px) { .input__select select { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; font-size: 16px; padding: 1rem 1.9rem; width: 118%; position: relative; -webkit-transform: scale(0.84375); transform: scale(0.84375); -webkit-transform-origin: left center; transform-origin: left center; } } .input__select.option-hidden select:invalid { color: rgba(0, 0, 0, 0.5); } .input__select.option-hidden select option { color: #000; } .input__select.option-hidden select option:first-of-type() { color: rgba(0, 0, 0, 0.5); } .input__select-arr { position: absolute; top: 0; right: 0; width: 5.7rem; height: 5.7rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #d9d1bc; pointer-events: none; } @media screen and (max-width: 834px) { .input__select-arr { width: 4.75rem; height: 4.75rem; } } .input__select-arr svg { width: 1.5rem; height: 0.8rem; } .input__select-arr svg * { fill: #000; } .input__text { position: relative; width: 100%; background-color: #fff; border: 1px solid #727171; border-radius: 0.6rem; overflow: hidden; } @media screen and (max-width: 834px) { .input__text { border-radius: 0.3rem; } } .input__text input, .input__text textarea { width: 100%; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif !important; color: #000; padding: 1.7rem 2.4rem; } @media screen and (max-width: 834px) { .input__text input, .input__text textarea { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; font-size: 16px; padding: 1rem 1.9rem; width: 118%; position: relative; -webkit-transform: scale(0.84375); transform: scale(0.84375); -webkit-transform-origin: left center; transform-origin: left center; } } .input__text textarea { height: 12rem; } @media screen and (max-width: 834px) { .input__text textarea { height: 12rem; } } .input__text-cal { position: absolute; top: 0; right: 0; width: 5.7rem; height: 5.7rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #d9d1bc; pointer-events: none; } @media screen and (max-width: 834px) { .input__text-cal { width: 4.75rem; height: 4.75rem; } } .input__text-cal svg { width: 1.8rem; height: 1.8rem; } .input__text-cal svg * { fill: #000; } .input__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 4rem; margin: 0 0 2rem; } @media screen and (max-width: 834px) { .input__grid { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 1.5rem; } } .input__grid:last-of-type { margin: 0 0 0; } .input__error { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; color: #b60005; } @media screen and (max-width: 834px) { .input__error { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-contact__confirm-index .input__data { border-top: 1px solid #727171; padding: 9.6rem 0 0; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data { padding: 0 0 0; } } .page-contact__confirm-index .input__data > div { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div { padding: 2rem 0 2rem 0.9rem; border-bottom: 1px solid #727171; } } .page-contact__confirm-index .input__data > div dt { padding: 3rem 0 3rem 2rem; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div dt { padding: 0; margin: 0 0 0.3rem; } } .page-contact__confirm-index .input__data > div dd { padding: 3rem 0 3rem 1.6rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div dd { border-bottom: none; padding: 0; } } .page-contact__confirm-index .input__data > div dd span { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div dd span { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-contact__confirm-index .input__data > div:first-child dt { padding: 0 0 3rem 2rem; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div:first-child dt { padding: 0; } } .page-contact__confirm-index .input__data > div:first-child dd { padding: 0 0 3rem 1.6rem; } @media screen and (max-width: 834px) { .page-contact__confirm-index .input__data > div:first-child dd { padding: 0; } } .title-index { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .title-index { display: block; } } .title-index.is-pc { display: -ms-flexbox; display: flex; } @media screen and (max-width: 834px) { .title-index.is-pc { display: none; } } .title-index.is-sp { display: none; } @media screen and (max-width: 834px) { .title-index.is-sp { display: block; } } .title-index__main { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .title-index__main h2 { font-size: 18.75px; font-size: 1.875rem; line-height: 1.7776; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } @media screen and (max-width: 834px) { .title-index__main h2 { margin: 0 auto; font-size: 35.42px; font-size: 1.771rem; line-height: 1.52936; } } .title-index__main h2 > span { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); transition: all 1s ease calc(0.08s * var(--char-index)); position: relative; display: inline-block; } .title-index__main h2 > span.is-space { min-width: 2rem; } .title-index__main h2.is-animation span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (max-width: 834px) { .title-index__main h2.is-sp-visible span { transition-delay: 1s; } } .title-index__main h2.is-delay.is-animation span { transition-delay: 1s; } @media screen and (max-width: 834px) { .title-index__main h2.is-delay.is-sp-visible span { transition-delay: 1s; } } .title-index__main h2 > i { display: block; } .title-index__main h2 > i.br-pc { display: block; } @media screen and (max-width: 834px) { .title-index__main h2 > i.br-pc { display: none; } } .title-index__main h2 > i.br-sp { display: none; } @media screen and (max-width: 834px) { .title-index__main h2 > i.br-sp { display: block; } } .title-index__main h2 > i > span { opacity: 0; -webkit-transform: translate(0, -40%); transform: translate(0, -40%); transition: all 1s ease calc(0.08s * var(--char-index)); position: relative; display: inline-block; } .title-index__main h2 > i > span.is-space { min-width: 2rem; } .title-index__main h2 > i.is-animation span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } @media screen and (max-width: 834px) { .title-index__main h2 > i.is-sp-visible span { transition-delay: 1s; } } .title-index__main h2 > i:last-of-type.is-animation span { transition-delay: 0.6s; } @media screen and (max-width: 834px) { .title-index__main h2 > i:last-of-type.is-sp-visible span { transition-delay: 1.6s; } } .title-index__main h2 > i.is-delay.is-animation span { transition-delay: 1s; } @media screen and (max-width: 834px) { .title-index__main h2 > i.is-delay.is-sp-visible span { transition-delay: 1s; } } .title-index__main h2 > i.is-delay:last-of-type.is-animation span { transition-delay: 1.6s; } @media screen and (max-width: 834px) { .title-index__main h2 > i.is-delay:last-of-type.is-sp-visible span { transition-delay: 1.6s; } } .title-index__main.is-small h2 { font-size: 16.67px; font-size: 1.667rem; line-height: 1.74985; letter-spacing: 0.1em; } @media screen and (max-width: 834px) { .title-index__main.is-small h2 { font-size: 31.25px; font-size: 1.5625rem; line-height: 1.6; } } .title-index__detail { margin: 3.8rem 0 0; } @media screen and (max-width: 834px) { .title-index__detail { margin: 3.4rem 0 0; } } .title-index__detail a { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .title-index__detail a span { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 1.16; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .title-index__detail a span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .title-index__detail a svg { color: #231815; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .title-index__detail a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .title-index__detail a svg * { fill: currentColor; } .title-index__detail a:hover span { color: #727171; } .title-index__detail a:hover svg { color: #727171; } .title-index__description { width: 100%; margin: 7.5rem 0 0; text-align: center; } @media screen and (max-width: 834px) { .title-index__description { margin: 3.9rem 0 0; } } .title-index__description-caution { display: block; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #b60005; margin-top: 4rem; } @media screen and (max-width: 834px) { .title-index__description-caution { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; margin-top: 2rem; } } .title-index__description p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; } @media screen and (max-width: 834px) { .title-index__description p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .title-index__description ul li { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; position: relative; } @media screen and (max-width: 834px) { .title-index__description ul li { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; padding-left: 1.5rem; } } .title-index__description ul li i { display: inline; } @media screen and (max-width: 834px) { .title-index__description ul li i { display: none; } } @media screen and (max-width: 834px) { .title-index__description ul li:before { content: '※'; position: absolute; top: 0; left: 0; } } @media screen and (max-width: 834px) { .title-index__description ul li.is-no-content:before { content: none; position: absolute; top: 0; left: 0; } } .title-index__btn { margin: 4.1rem 0 0; } @media screen and (max-width: 834px) { .title-index__btn { margin: 2.4rem 0 0; } } .title-index__nav { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 4.8rem 0 0; } @media screen and (max-width: 834px) { .title-index__nav { margin: 2.9rem 0 0; } } .title-index__nav ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0 5rem; } @media screen and (max-width: 834px) { .title-index__nav ul { gap: 0 3.8rem; } } .title-index__nav ul li > a { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .title-index__nav ul li > a { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .title-index__nav ul li > a svg { color: #000; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .title-index__nav ul li > a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .title-index__nav ul li > a svg * { fill: currentColor; } .title-index__nav ul li > a:hover { color: #727171; } .title-index__nav ul li > a:hover svg { color: #727171; } .mainvisual { position: relative; width: 100vw; height: 100vh; overflow: hidden; -webkit-filter: blur(15px); filter: blur(15px); transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s; } .mainvisual.is-animation { -webkit-filter: blur(0); filter: blur(0); } .mainvisual__kv { width: 100vw; height: 100vh; } .mainvisual__bg { width: 100%; height: 100%; } .mainvisual__bg video { min-width: 100%; height: 100vh; object-fit: cover; } .mainvisual__title { width: 9.5rem; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } @media screen and (max-width: 834px) { .mainvisual__title { width: 6.5rem; } } .mainvisual__title p { width: 100%; font-size: 25px; font-size: 2.5rem; line-height: 2; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-align: end; color: #fff; margin: -2rem 0 0; } @media screen and (max-width: 834px) { .mainvisual__title p { font-size: 37.5px; font-size: 1.875rem; line-height: 1.8888; margin: -3rem 0 0; } } .mainvisual__title p > span { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); position: relative; display: inline-block; } .mainvisual__title p > span.is-space { min-width: 2rem; } .mainvisual__title p:last-of-type { padding: 13rem 0 0; } @media screen and (max-width: 834px) { .mainvisual__title p:last-of-type { padding: 10rem 0 0; } } .mainvisual__text-fair { position: absolute; top: 50%; left: 8rem; } @media screen and (max-width: 834px) { .mainvisual__text-fair { display: none; } } .mainvisual__text-reservation { position: absolute; top: 50%; right: 8rem; } @media screen and (max-width: 834px) { .mainvisual__text-reservation { display: none; } } .mainvisual__text-scroll { position: absolute; bottom: 3rem; left: 0; right: 0; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .mainvisual__text-scroll { bottom: 2rem; } } .mainvisual__text-scroll span { margin: 0 0 2rem; } @media screen and (max-width: 834px) { .mainvisual__text-scroll span { margin: 0 0 1.35rem; } } .mainvisual__text-scroll > div svg { color: #fff; width: 6rem; height: 2.5rem; } @media screen and (max-width: 834px) { .mainvisual__text-scroll > div svg { width: 5rem; height: 2.05rem; } } .mainvisual__text-scroll > div svg * { fill: currentColor; } .mainvisual__text span { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.1em; font-family: "garamond-premier-pro", sans-serif; color: #fff; } @media screen and (max-width: 834px) { .mainvisual__text span { font-size: 25px; font-size: 1.25rem; line-height: 1; } } .home-lead__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .home-lead__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .home-lead__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .home-lead__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-lead__title { width: 100%; padding: 20rem 0 13.6rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .home-lead__title { padding: 12.5rem 0 8.6rem; } } .home-lead__title p { font-size: 14.58px; font-size: 1.458rem; line-height: 3.71536; letter-spacing: 0.1em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } @media screen and (max-width: 834px) { .home-lead__title p { font-size: 27.08px; font-size: 1.354rem; line-height: 2.76957; } } .home-concept { margin: 0 0 15rem; position: relative; } @media screen and (max-width: 834px) { .home-concept { margin: 0 0 7.1rem; } } .home-concept__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .home-concept__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .home-concept__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .home-concept__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-concept__title { margin: 0 0 4.9rem; position: relative; z-index: 2; } @media screen and (max-width: 834px) { .home-concept__title { margin: 0 0 3.8rem; } } .home-concept__contents { width: 100%; } @media screen and (max-width: 834px) { .home-concept__contents { width: calc(100% + 25px); } } .home-concept__swiper .swiper-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 0 1.8rem; } @media screen and (max-width: 834px) { .home-concept__swiper .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 0; } } .home-concept__item { width: 100%; position: relative; overflow: hidden; } @media screen and (max-width: 834px) { .home-concept__item { width: 23rem; height: 28.75rem; } } .home-concept__item a img, .home-concept__item a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .home-concept__item a:hover img, .home-concept__item a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .home-concept__item-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home-concept__item-img img, .home-concept__item-img picture { width: 100%; } .home-concept__item-imgcover { overflow: hidden; } .home-concept__item-title { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(1px); transform: translateZ(1px); } .home-concept__item-title span { font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.2em; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; color: #fff; } @media screen and (max-width: 834px) { .home-concept__item-title span { font-size: 35.42px; font-size: 1.771rem; line-height: 1; } } .home-concept__ink { position: absolute; right: 5rem; top: -3rem; } @media screen and (max-width: 1000px) { .home-concept__ink { top: 2rem; } } @media screen and (max-width: 834px) { .home-concept__ink { right: -9.3rem; top: -9.4rem; } } .home-concept__ink-img { width: 35vw; max-width: 47.2rem; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .home-concept__ink-img { width: 32rem; max-width: auto; } } .home-concept__ink-img picture, .home-concept__ink-img img { width: 100%; height: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home-concept__ink-imgcover { overflow: hidden; } .home-concept.is-animation .home-concept__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .home-fair { margin: 0 0 15rem; } @media screen and (max-width: 834px) { .home-fair { margin: 0 0 7.1rem; } } .home-fair__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .home-fair__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .home-fair__inner { padding: 0; } } @media screen and (min-width: 1350px) { .home-fair__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-fair__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .home-fair__title { margin: 0 0 3.8rem; } } .home-fair__contents { width: 100%; } .home-fair__swiper .swiper-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1.62fr 1fr 1fr; grid-template-columns: 1.62fr 1fr 1fr; gap: 0 1.8rem; } @media screen and (max-width: 834px) { .home-fair__swiper .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } .home-fair__item { width: 100%; } @media screen and (max-width: 834px) { .home-fair__item { width: 23rem; height: auto; } } .home-fair__item a img, .home-fair__item a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .home-fair__item a:hover img, .home-fair__item a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .home-fair__item a:hover .home-fair__item-title p { color: #727171; } .home-fair__item-img { margin: 0 0 2.4rem; overflow: hidden; } @media screen and (max-width: 834px) { .home-fair__item-img { margin: 0 0 1.8rem; } } .home-fair__item-img img, .home-fair__item-img picture { width: 100%; } .home-fair__item-imgcover { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home-fair__item-info { padding: 0 0.8rem; } @media screen and (max-width: 834px) { .home-fair__item-info { padding: 0 0.5rem; } } .home-fair__item-date { margin: 0 0 1rem; } @media screen and (max-width: 834px) { .home-fair__item-date { margin: 0 0 1.3rem; } } .home-fair__item-date span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .home-fair__item-date span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .home-fair__item-date.is-sat span { color: #004ea2; } .home-fair__item-date.is-sun span { color: #b60005; } .home-fair__item-title { margin: 0 0 0.6rem; } @media screen and (max-width: 834px) { .home-fair__item-title { margin: 0 0 0.4rem; } } .home-fair__item-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71399; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .home-fair__item-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .home-fair__item-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #727171; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 834px) { .home-fair__item-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .home-ceremony { margin: 0 0 15rem; } @media screen and (max-width: 834px) { .home-ceremony { margin: 0 0 7.1rem; } } .home-ceremony__inner { padding: 0 0 0 150px; } @media screen and (max-width: 1000px) { .home-ceremony__inner { padding: 0 0 0 100px; } } @media screen and (max-width: 834px) { .home-ceremony__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .home-ceremony__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-ceremony__contents-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .home-ceremony__contents-inner { display: block; } } .home-ceremony__contents-link { min-width: 22rem; } .home-ceremony__contents-text { margin: 0 0 5.6rem; } .home-ceremony__contents-text:last-of-type { margin: 0 0 0; } .home-ceremony__contents-text.is-animation > a:after { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; } .home-ceremony__contents-text > a { position: relative; } .home-ceremony__contents-text > a span { font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.05em; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .home-ceremony__contents-text > a span:last-of-type { padding-left: 0.5rem; font-size: 16.67px; font-size: 1.667rem; line-height: 1; } .home-ceremony__contents-text > a:after { content: ''; position: absolute; top: 50%; left: 124%; width: 20.37vw; max-width: 275px; height: 1px; z-index: 5; background-color: #727171; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; transform-origin: left center; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); } .home-ceremony__contents-text > a:hover span { color: #727171; } @media screen and (max-width: 834px) { .home-ceremony__contents-text-sp { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } } @media screen and (max-width: 834px) { .home-ceremony__contents-text-sp span { font-size: 35.42px; font-size: 1.771rem; line-height: 1.35291; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; } } @media screen and (max-width: 834px) { .home-ceremony__contents-text-sp span:last-of-type { font-size: 31.25px; font-size: 1.5625rem; line-height: 1.53344; font-weight: 500; } } .home-ceremony__contents-wrapper { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home-ceremony__contents-img { width: 59.259vw; height: 42.296vw; max-width: 80rem; max-height: 57.1rem; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } @media screen and (max-width: 834px) { .home-ceremony__contents-img { width: 100%; height: auto; max-width: -webkit-fit-content; max-width: fit-content; max-height: -webkit-fit-content; max-height: fit-content; } } .home-ceremony__contents-imgcover { width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; position: absolute; top: 0; right: 0; } @media screen and (max-width: 834px) { .home-ceremony__contents-imgcover { position: static; margin: 0 0 3.4rem; } .home-ceremony__contents-imgcover:last-of-type { margin: 0 0 0; } } .home-ceremony__contents-imgcover > a { pointer-events: none; opacity: 0; visibility: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s; } @media screen and (max-width: 834px) { .home-ceremony__contents-imgcover > a { pointer-events: auto; opacity: 1; visibility: visible; } } .home-ceremony__contents-imgcover > a picture, .home-ceremony__contents-imgcover > a img { width: 100%; height: auto; -webkit-transform: scale(1.1); transform: scale(1.1); transition-delay: 1.8s; } @media screen and (max-width: 834px) { .home-ceremony__contents-imgcover > a picture, .home-ceremony__contents-imgcover > a img { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1); transform: scale(1); transition-delay: 0; } } .home-ceremony__contents-imgcover.is-active > a { opacity: 1; visibility: visible; } .home-ceremony__contents-imgcover.is-active > a picture, .home-ceremony__contents-imgcover.is-active > a img { transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1.8s; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .home-ceremony__contents-wrap { overflow: hidden; } @media screen and (max-width: 834px) { .home-ceremony__contents-wrap { margin: 0 0 2.1rem; } } @media screen and (max-width: 834px) { .home-ceremony__contents-wrap.js-scroll-item picture, .home-ceremony__contents-wrap.js-scroll-item img { opacity: 0; -webkit-clip-path: inset(100% 0 0 0); clip-path: inset(100% 0 0 0); -webkit-transform: scale(1.8) translateY(20%); transform: scale(1.8) translateY(20%); transition: -webkit-transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition: transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1.8s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-clip-path 1s cubic-bezier(0.215, 0.61, 0.355, 1); } } @media screen and (max-width: 834px) { .home-ceremony__contents-wrap.js-scroll-item.is-animation picture, .home-ceremony__contents-wrap.js-scroll-item.is-animation img { opacity: 1; -webkit-clip-path: inset(0); clip-path: inset(0); -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } } .home-plan { margin: 0 0 15rem; } @media screen and (max-width: 834px) { .home-plan { margin: 0 0 7.1rem; } } .home-plan__inner { padding: 0 150px; } @media screen and (max-width: 1000px) { .home-plan__inner { padding: 0 100px; } } @media screen and (max-width: 834px) { .home-plan__inner { padding: 0; } } @media screen and (min-width: 1350px) { .home-plan__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-plan__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .home-plan__title { margin: 0 0 3.8rem; } } .home-plan__title .title-index__description { margin: 4rem 0 -.5rem; } @media screen and (max-width: 834px) { .home-plan__title .title-index__description { width: calc(100% + 2rem); margin: 3.4rem 0 0 -1rem; } } .home-plan__contents { width: 100%; } .home-plan__swiper .swiper-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1.62fr; grid-template-columns: 1fr 1fr 1.62fr; gap: 0 1.8rem; } @media screen and (max-width: 834px) { .home-plan__swiper .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } .home-plan__item { width: 100%; } @media screen and (max-width: 834px) { .home-plan__item { width: 23rem; height: auto; } } .home-plan__item a img, .home-plan__item a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .home-plan__item a:hover img, .home-plan__item a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .home-plan__item a:hover .home-plan__item-title p { color: #727171; } .home-plan__item-img { margin: 0 0 2.4rem; overflow: hidden; } @media screen and (max-width: 834px) { .home-plan__item-img { margin: 0 0 1.8rem; } } .home-plan__item-img img, .home-plan__item-img picture { width: 100%; } .home-plan__item-imgcover { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .home-plan__item-info { padding: 0 0.8rem; } @media screen and (max-width: 834px) { .home-plan__item-info { padding: 0 0.5rem; } } .home-plan__item-title { margin: 0 0 0.6rem; } @media screen and (max-width: 834px) { .home-plan__item-title { margin: 0 0 0.4rem; } } .home-plan__item-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71399; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .home-plan__item-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .home-plan__item-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66618; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #727171; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } @media screen and (max-width: 834px) { .home-plan__item-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } } .home-news { margin: 0 0 15rem; background-color: #f7f8f8; } @media screen and (max-width: 834px) { .home-news { margin: 0 0 7.1rem; } } .home-news__inner { padding: 9rem 150px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 1000px) { .home-news__inner { padding: 9rem 100px; } } @media screen and (max-width: 834px) { .home-news__inner { display: block; padding: 5rem 25px; } } @media screen and (min-width: 1350px) { .home-news__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-news__title { margin: 0 0 5.1rem; padding: 5rem 0 0; width: auto; } @media screen and (max-width: 834px) { .home-news__title { margin: 0 0 4.3rem; padding: 0; } } @media screen and (max-width: 834px) { .home-news__title .title-index__main i:last-child { padding-top: 4.3rem; } } .home-news__title .title-index__main i:last-child.br-sp span:nth-of-type(1) { -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); padding-top: 0.5rem; } .home-news__title .title-index__main i.br-sp span { font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; letter-spacing: 0em; margin-top: -0.5rem; } .home-news__title .title-index__main i.br-pc span { font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; letter-spacing: -0.3em; } .home-news__title .title-index__main i.br-pc span:nth-of-type(7) { padding: 0 0.5rem 0.5rem 0; -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .home-news__contents { width: calc(100% - 22rem); } @media screen and (max-width: 834px) { .home-news__contents { width: 100%; } } .home-news__items { width: 100%; } .home-news__item { padding: 3rem 0 3rem 1rem; border-bottom: 1px solid #727171; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .home-news__item { padding: 2.25rem 0; } } .home-news__item:first-child { padding: 0 0 3rem 1rem; } @media screen and (max-width: 834px) { .home-news__item:first-child { padding: 0 0 2.25rem; } } .home-news__item img, .home-news__item picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .home-news__item:hover img, .home-news__item:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .home-news__item:hover .home-news__item-title p { color: #727171; } .home-news__item-img { width: 12rem; min-width: 12rem; margin-right: 4rem; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } @media screen and (max-width: 834px) { .home-news__item-img { width: 10rem; min-width: 10rem; margin-right: 1.7rem; } } .home-news__item-img img { width: 100%; } .home-news__item-imgcover { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .home-news__item-info { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .home-news__item-info { display: block; } } .home-news__item-date { width: 11.65rem; min-width: 11.65rem; } @media screen and (max-width: 834px) { .home-news__item-date { width: 100%; min-width: 100%; margin: 0 0 0.4rem; } } .home-news__item-date span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .home-news__item-date span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .home-news__item-title p { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; text-align: left; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } @media screen and (max-width: 834px) { .home-news__item-title p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } } .home-service { margin: 0 0 20rem; } @media screen and (max-width: 834px) { .home-service { margin: 0 0 10rem; } } .home-service__inner { padding: 0; } @media screen and (max-width: 834px) { .home-service__inner { padding: 0 25px; } } @media screen and (min-width: 1350px) { .home-service__inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .home-service__title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .home-service__title { margin: 0 0 3.6rem; } } .home-service__contents { width: 100%; } .home-service__item { width: 100%; } .home-service__item > a img, .home-service__item > a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .home-service__item > a:hover img, .home-service__item > a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .home-service__item > a:hover .home-service__item-detail span { color: #727171; } .home-service__item > a:hover .home-service__item-detail svg { color: #727171; } .home-service__item-img { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; margin: 0 0 4rem; position: relative; } @media screen and (max-width: 834px) { .home-service__item-img { margin: 0 0 3rem; width: 100%; } } .home-service__item-img img, .home-service__item-img picture { width: 100%; } .home-service__item-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); z-index: 10; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .home-service__item-imgcover { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .home-service__item-info { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .home-service__item-title { margin: 0 0 1.6rem; } @media screen and (max-width: 834px) { .home-service__item-title { margin: 0 0 1.35rem; } } .home-service__item-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; color: #000; } @media screen and (max-width: 834px) { .home-service__item-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .home-service__item-detail { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .home-service__item-detail span { display: block; font-size: 12.5px; font-size: 1.25rem; line-height: 1.16; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .home-service__item-detail span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .home-service__item-detail svg { color: #231815; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .home-service__item-detail svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .home-service__item-detail svg * { fill: currentColor; } .home-service__swiper .swiper-container { padding: 0 0 3.3rem; } @media screen and (max-width: 834px) { .home-service__swiper .swiper-container { padding: 0 0 3rem; } } .home-service__swiper .swiper-slide { position: relative; } .home-service__swiper .swiper-slide.swiper-slide-active .home-service__item-img:after { background-color: rgba(255, 255, 255, 0); } .home-service__swiper .swiper-slide.swiper-slide-active .home-service__item-info { opacity: 1; visibility: visible; } .home-service__swiper-pagination { width: 10rem; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .home-service__swiper-pagination { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .home-service__swiper-prev, .home-service__swiper-next { cursor: pointer; position: absolute; bottom: 3rem; z-index: 5; width: 5rem; height: 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .home-service__swiper-prev, .home-service__swiper-next { bottom: 4.15rem; width: 2rem; height: 2.7rem; } } .home-service__swiper-prev { left: 26%; } @media screen and (max-width: 834px) { .home-service__swiper-prev { left: 0; } } .home-service__swiper-prev svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 834px) { .home-service__swiper-prev svg { width: 3.3rem; height: 2.5rem; } } .home-service__swiper-prev svg * { fill: currentColor; } .home-service__swiper-next { right: 26%; } @media screen and (max-width: 834px) { .home-service__swiper-next { right: 0; } } .home-service__swiper-next svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } @media screen and (max-width: 834px) { .home-service__swiper-next svg { width: 3.3rem; height: 2.5rem; } } .home-service__swiper-next svg * { fill: currentColor; } .page-concept { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-concept { margin: 0 0 7.5rem; } } .page-concept__lead { width: 100%; padding: 0 0 9.2rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-concept__lead { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-concept__lead.is-animation .page-concept__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-concept__lead.is-sp-visible .page-concept__ink-img { transition-delay: 1.4s; } } .page-concept__lead-title { position: relative; z-index: 2; } .page-concept__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-concept__ink { top: -8rem; left: 0rem; right: 0; } } .page-concept__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-concept__ink-img { width: 23.85rem; max-width: auto; } } .page-concept__ink-img picture, .page-concept__ink-img img { width: 100%; height: auto; } .page-concept__ink-imgcover { overflow: hidden; } .page-ceremony { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-ceremony { margin: 0 0 7.5rem; } } .page-ceremony__lead { width: 100%; padding: 0 0 9.2rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ceremony__lead { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-ceremony__lead.is-animation .page-ceremony__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-ceremony__lead.is-sp-visible .page-ceremony__ink-img { transition-delay: 1.4s; } } .page-ceremony__lead-title { position: relative; z-index: 2; } .page-ceremony__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-ceremony__ink { top: -8rem; left: 0rem; right: 0; } } .page-ceremony__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-ceremony__ink-img { width: 23.85rem; max-width: auto; } } .page-ceremony__ink-img picture, .page-ceremony__ink-img img { width: 100%; height: auto; } .page-ceremony__ink-imgcover { overflow: hidden; } .page-ceremony__history { padding: 0 0 9.5rem; margin: 0 0 9.9rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ceremony__history { padding: 0 0 4.9rem; margin: 0 0 4.9rem; } } .page-ceremony__history-title { margin: 0 0 4.9rem; } @media screen and (max-width: 834px) { .page-ceremony__history-title { margin: 0 0 2.6rem; } } .page-ceremony__history-content { width: 100%; } .page-ceremony__history-kv { width: 100%; margin: 0 0 3.5rem; } @media screen and (max-width: 834px) { .page-ceremony__history-kv { margin: 0 0 2.5rem; } } .page-ceremony__history-img { width: 100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .page-ceremony__history-img picture, .page-ceremony__history-img img { width: 100%; } .page-ceremony__history-imgcover { overflow: hidden; } .page-ceremony__history-detail { padding: 0 1rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 834px) { .page-ceremony__history-detail { padding: 0; -ms-flex-direction: column; flex-direction: column; } } .page-ceremony__history-detail-text { width: 54rem; margin: 0 4rem 0 0; } @media screen and (max-width: 834px) { .page-ceremony__history-detail-text { width: 100%; margin: 0 0 1.9rem; } } .page-ceremony__history-detail-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-ceremony__history-detail-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ceremony__history-detail-btn { margin: 0.4rem 0 0; } @media screen and (max-width: 834px) { .page-ceremony__history-detail-btn { width: 100%; margin: 0; } } .page-ceremony__flow { margin: 0 0 14.5rem; } @media screen and (max-width: 834px) { .page-ceremony__flow { margin: 0 0 7.1rem; } } .page-ceremony__flow-title { margin: 0 0 7.5rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-title { margin: 0 0 2.8rem; } } .page-ceremony__flow-content { margin: 0 0 14.5rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-content { margin: 0 0 7.4rem; } } .page-ceremony__flow-wrapper { padding: 0 5rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-wrapper { padding: 0 0 0 0.6rem; } } .page-ceremony__flow-inner { height: 100%; position: relative; padding: 0 0 0 6rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-inner { padding: 0 0 0 3.2rem; } } .page-ceremony__flow-inner-line { position: absolute; z-index: 2; top: 0; left: 0; width: 0.1rem; height: 100%; background-color: #c9caca; } .page-ceremony__flow-inner-line-active { position: absolute; z-index: 3; top: 0; left: 0; width: 0.1rem; height: 0%; background-color: #b4a379; } .page-ceremony__flow-list { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 3.65rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-list { display: block; margin: 0 0 2rem; } } .page-ceremony__flow-list:last-of-type { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-ceremony__flow-list:last-of-type { margin: 0 0 0; } } .page-ceremony__flow-list span { min-width: 20.6rem; font-size: 14.58px; font-size: 1.458rem; line-height: 1.57202; letter-spacing: 0.05em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; } @media screen and (max-width: 834px) { .page-ceremony__flow-list span { display: block; min-width: auto; margin: 0 0 1rem; font-size: 29.12px; font-size: 1.456rem; line-height: 1.00172; } } .page-ceremony__flow-list span i { color: #b4a379; } .page-ceremony__flow-list p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.57202; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-ceremony__flow-list p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ceremony__flow-vr-cover { width: 100%; height: auto; max-height: 61.3rem; margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-ceremony__flow-vr-cover { width: calc(100% + 5rem); max-height: 60rem; margin: 0 0 5rem -2.5rem; } } .page-ceremony__flow-vr-cover iframe { display: block; width: 100%; height: 100%; aspect-ratio: 1050 / 613; } @media screen and (max-width: 834px) { .page-ceremony__flow-vr-cover iframe { aspect-ratio: 5 / 4; } } .page-ceremony__flow-img { width: 100%; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } .page-ceremony__flow-img picture, .page-ceremony__flow-img img { width: 100%; } .page-ceremony__flow-imgcover { overflow: hidden; } .page-ceremony__flow-info { padding: 3.6rem 0 3.4rem; border-top: 1px solid #727171; border-bottom: 1px solid #727171; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-ceremony__flow-info { display: block; padding: 2.3rem 0 1.9rem 0.5rem; } } .page-ceremony__flow-info-left span, .page-ceremony__flow-info-right span { display: block; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } .page-ceremony__flow-info-left { margin: 0 3.2rem 0 0; } @media screen and (max-width: 834px) { .page-ceremony__flow-info-left { margin: 0 0 1.4rem; } } .page-ceremony__flow-info-left span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; } @media screen and (max-width: 834px) { .page-ceremony__flow-info-left span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-ceremony__flow-info-right { white-space: nowrap; } .page-ceremony__flow-info-right span { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; } @media screen and (max-width: 834px) { .page-ceremony__flow-info-right span { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-banquet { margin: 0 0 7.5rem; } } .page-banquet__lead { width: 100%; padding: 0 0 9.2rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-banquet__lead { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-banquet__lead.is-animation .page-banquet__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-banquet__lead.is-sp-visible .page-banquet__ink-img { transition-delay: 1.4s; } } .page-banquet__lead-title { position: relative; z-index: 2; } .page-banquet__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-banquet__ink { top: -8rem; left: 0rem; right: 0; } } .page-banquet__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-banquet__ink-img { width: 23.85rem; max-width: auto; } } .page-banquet__ink-img picture, .page-banquet__ink-img img { width: 100%; height: auto; } .page-banquet__ink-imgcover { overflow: hidden; } .page-banquet__sub { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-banquet__sub { margin: 0 0 7.5rem; } } .page-banquet__sub-wrapper { margin: 0 0 14.3rem; } @media screen and (max-width: 834px) { .page-banquet__sub-wrapper { margin: 0 0 7.2rem; } } .page-banquet__sub-lead { margin: -2.3rem 0 7.4rem; } @media screen and (max-width: 834px) { .page-banquet__sub-lead { margin: -2.7rem 0 3.3rem; } } .page-banquet__sub-lead-description { text-align: center; } @media screen and (max-width: 834px) { .page-banquet__sub-lead-description { text-align: left; } } .page-banquet__sub-lead-description p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; } @media screen and (max-width: 834px) { .page-banquet__sub-lead-description p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-banquet__sainoma-contents { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-contents { margin: 0 0 4.5rem; } } .page-banquet__sainoma-content01 { margin: 0 0 8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content01 { margin: 0 0 2.5rem; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-banquet__sainoma-content01-img { width: 51.852vw; max-width: 70rem; height: auto; max-height: 46.7rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content01-img { width: calc(100% + 2.5rem); max-height: 100%; margin-right: 0; margin-left: -2.5rem; } } .page-banquet__sainoma-content01-img picture, .page-banquet__sainoma-content01-img img { width: 100%; } .page-banquet__sainoma-content01-imgcover { overflow: hidden; } .page-banquet__sainoma-content01-text { text-align: left; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content01-text { margin: 1.5rem 0 0; } } .page-banquet__sainoma-content01-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content01-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__sainoma-content02 { margin: 0 0 8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content02 { margin: 0 0 2.5rem; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .page-banquet__sainoma-content02-img { width: 29.63vw; max-width: 40rem; height: auto; max-height: 40rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-left: 2.9rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content02-img { width: 60vw; max-height: 100%; margin-right: -2.5rem; } } .page-banquet__sainoma-content02-img picture, .page-banquet__sainoma-content02-img img { width: 100%; } .page-banquet__sainoma-content02-imgcover { overflow: hidden; } .page-banquet__sainoma-content02-text { text-align: right; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content02-text { text-align: left; margin: 1.5rem 0 0 3rem; } } .page-banquet__sainoma-content02-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content02-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__sainoma-content03 { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content03 { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-banquet__sainoma-content03-img { width: 30.038; max-width: 50rem; height: auto; max-height: 33.3rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content03-img { width: 73.334vw; max-height: 100%; margin-right: 0; } } .page-banquet__sainoma-content03-img picture, .page-banquet__sainoma-content03-img img { width: 100%; } .page-banquet__sainoma-content03-imgcover { overflow: hidden; } .page-banquet__sainoma-content03-text { text-align: left; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content03-text { margin: 1.5rem 0 0; } } .page-banquet__sainoma-content03-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__sainoma-content03-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__yuinoma-contents { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-contents { margin: 0 0 4.5rem; } } .page-banquet__yuinoma-content01 { margin: 0 0 8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content01 { margin: 0 0 2.5rem; -ms-flex-direction: column; flex-direction: column; } } .page-banquet__yuinoma-content01-img { width: 37.038vw; max-width: 50rem; height: auto; max-height: 33.3rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content01-img { width: 69.334vw; max-height: 100%; margin-right: 0; } } .page-banquet__yuinoma-content01-img picture, .page-banquet__yuinoma-content01-img img { width: 100%; } .page-banquet__yuinoma-content01-imgcover { overflow: hidden; } .page-banquet__yuinoma-content01-text { text-align: left; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content01-text { margin: 1.5rem 0 0 8rem; } } .page-banquet__yuinoma-content01-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content01-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__yuinoma-content02 { margin: 0 0 1.4rem; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content02 { margin: 0 0 2.5rem; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-banquet__yuinoma-content02-img { width: 57.778vw; max-width: 78rem; height: auto; max-height: 52rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content02-img { width: calc(100% + 2.5rem); max-height: 100%; margin-right: 0; margin-left: -2.5rem; } } .page-banquet__yuinoma-content02-img picture, .page-banquet__yuinoma-content02-img img { width: 100%; } .page-banquet__yuinoma-content02-imgcover { overflow: hidden; } .page-banquet__yuinoma-content02-text { margin: 2rem 0 0; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content02-text { margin: 1.5rem 0 0; } } .page-banquet__yuinoma-content02-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content02-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__yuinoma-content03 { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content03 { -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-banquet__yuinoma-content03-img { width: 25.926vw; max-width: 35rem; height: auto; max-height: 35rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content03-img { width: 60vw; max-height: 100%; margin-right: 0; } } .page-banquet__yuinoma-content03-img picture, .page-banquet__yuinoma-content03-img img { width: 100%; } .page-banquet__yuinoma-content03-imgcover { overflow: hidden; } .page-banquet__yuinoma-content03-text { text-align: left; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content03-text { margin: 1.5rem 0 0; } } .page-banquet__yuinoma-content03-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__yuinoma-content03-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-banquet__info { width: 100%; padding: 3.9rem 0; border-top: 1px solid #727171; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-banquet__info { padding: 2.5rem 2.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .page-banquet__info-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-banquet__info-wrapper { width: auto; display: block; } } .page-banquet__info-left { margin: 0 3.1rem 0 0; } @media screen and (max-width: 834px) { .page-banquet__info-left { margin: 0 0 1rem; } } .page-banquet__info-left span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-banquet__info-left span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-banquet__info-right dl > div { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; margin: 0 0 0.9rem; } @media screen and (max-width: 834px) { .page-banquet__info-right dl > div { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-banquet__info-right dl > div dt { width: 7.3rem; } .page-banquet__info-right dl > div:last-child { margin: 0 0 0; } .page-cuisine { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-cuisine { margin: 0 0 7.5rem; } } .page-cuisine__lead { width: 100%; margin: 0 0 9.2rem; position: relative; } @media screen and (max-width: 834px) { .page-cuisine__lead { margin: 0 0 4.4rem; } } .page-cuisine__lead.is-animation .page-cuisine__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-cuisine__lead.is-sp-visible .page-cuisine__ink-img { transition-delay: 1.4s; } } .page-cuisine__lead-title { position: relative; z-index: 2; } .page-cuisine__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-cuisine__ink { top: -8rem; left: 0rem; right: 0; } } .page-cuisine__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-cuisine__ink-img { width: 23.85rem; max-width: auto; } } .page-cuisine__ink-img picture, .page-cuisine__ink-img img { width: 100%; height: auto; } .page-cuisine__ink-imgcover { overflow: hidden; } .page-cuisine__seriously .common-parts__wrapper { padding: 0 0 9.4rem; margin: 0 0 9.9rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-cuisine__seriously .common-parts__wrapper { padding: 0 0 4.4rem; margin: 0 0 5rem; } } .page-cuisine__manufacturer01 .common-parts__title { margin: 0 0 9.4rem; } @media screen and (max-width: 834px) { .page-cuisine__manufacturer01 .common-parts__title { margin: 0 0 4.3rem; } } .page-cuisine__manufacturer01 .title-index__description { margin: 4.6rem 0 0; } @media screen and (max-width: 834px) { .page-cuisine__manufacturer01 .title-index__description { width: calc(100% + 2rem); margin: 2.2rem 0 0 -1rem; } } .page-cuisine__manufacturer01 .common-parts__wrapper, .page-cuisine__manufacturer02 .common-parts__wrapper, .page-cuisine__manufacturer03 .common-parts__wrapper { margin: 0 0 9.2rem; } @media screen and (max-width: 834px) { .page-cuisine__manufacturer01 .common-parts__wrapper, .page-cuisine__manufacturer02 .common-parts__wrapper, .page-cuisine__manufacturer03 .common-parts__wrapper { margin: 0 0 4.2rem; } } .page-cuisine__pickup { margin: 0 0 8.6rem; } @media screen and (max-width: 834px) { .page-cuisine__pickup { width: calc(100% + 5rem); margin: 0 0 9.9rem -2.5rem; } } .page-cuisine__pickup-title { margin: 0 0 4.6rem; } @media screen and (max-width: 834px) { .page-cuisine__pickup-title { margin: 0 0 2.8rem; } } .page-cuisine__pickup-contents { width: 100%; margin: 0 0 4.2rem; position: relative; } @media screen and (max-width: 834px) { .page-cuisine__pickup-contents { margin: 0 0 8rem; } } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper { margin: 0 0 2.5rem; } } .page-cuisine__pickup-swiper .swiper-container { position: static; } .page-cuisine__pickup-swiper .swiper-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 0 6rem; } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0; } } .page-cuisine__pickup-swiper-pagination { display: none; width: 10rem; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-pagination { display: block; bottom: -4rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-cuisine__pickup-swiper-prev, .page-cuisine__pickup-swiper-next { display: none; cursor: pointer; position: absolute; top: 30%; z-index: 5; width: 2.5rem; height: 3.3rem; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-prev, .page-cuisine__pickup-swiper-next { display: -ms-flexbox; display: flex; top: auto; bottom: -4.5rem; width: 2.7rem; height: 2.7rem; } } .page-cuisine__pickup-swiper-prev { left: 0; } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-prev { left: 2.2rem; } } .page-cuisine__pickup-swiper-prev svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(90deg); transform: rotate(90deg); } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-prev svg { width: 3.3rem; height: 2.5rem; } } .page-cuisine__pickup-swiper-prev svg * { fill: currentColor; } .page-cuisine__pickup-swiper-next { right: 0; } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-next { right: 2.2rem; } } .page-cuisine__pickup-swiper-next svg { color: #727171; width: 3.3rem; height: 2.5rem; -webkit-transform: rotate(270deg); transform: rotate(270deg); } @media screen and (max-width: 834px) { .page-cuisine__pickup-swiper-next svg { width: 3.3rem; height: 2.5rem; } } .page-cuisine__pickup-swiper-next svg * { fill: currentColor; } .page-cuisine__pickup-item { width: 100%; } @media screen and (max-width: 834px) { .page-cuisine__pickup-item { width: 23rem; height: auto; } } .page-cuisine__pickup-item a img, .page-cuisine__pickup-item a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .page-cuisine__pickup-item a:hover img, .page-cuisine__pickup-item a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .page-cuisine__pickup-item a:hover .page-cuisine__pickup-item-title p { color: #727171; } .page-cuisine__pickup-item-img { margin: 0 0 2.2rem; overflow: hidden; } @media screen and (max-width: 834px) { .page-cuisine__pickup-item-img { margin: 0 0 2.2rem; } } .page-cuisine__pickup-item-img img, .page-cuisine__pickup-item-img picture { width: 100%; } .page-cuisine__pickup-item-imgcover { overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-cuisine__pickup-item-info { padding: 0 0.8rem; } @media screen and (max-width: 834px) { .page-cuisine__pickup-item-info { padding: 0 0.5rem; } } .page-cuisine__pickup-item-title { margin: 0 0 0.6rem; } @media screen and (max-width: 834px) { .page-cuisine__pickup-item-title { margin: 0 0 0.4rem; } } .page-cuisine__pickup-item-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .page-cuisine__pickup-item-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-cuisine__team { width: 100vw; margin: 0 calc(50% - 50vw) 14.6rem; background-color: #f7f8f8; } @media screen and (max-width: 834px) { .page-cuisine__team { margin: 0 calc(50% - 50vw) 7.7rem; } } .page-cuisine__team-inner { width: 100%; display: block; position: relative; padding: 9.8rem 150px; } @media screen and (max-width: 1000px) { .page-cuisine__team-inner { padding: 9.8rem 100px; } } @media screen and (max-width: 834px) { .page-cuisine__team-inner { max-width: 100%; padding: 5rem 25px; } } @media screen and (min-width: 1350px) { .page-cuisine__team-inner { width: 135rem; max-width: 100%; margin: 0 auto; } } .page-cuisine__team-title { margin: 0 0 4.2rem; } @media screen and (max-width: 834px) { .page-cuisine__team-title { margin: 0 0 4.5rem; } } .page-cuisine__team-title .title-index__description { margin: 4.2rem 0 0; } @media screen and (max-width: 834px) { .page-cuisine__team-title .title-index__description { margin: 2.1rem 0 0; } } .page-cuisine__team-title .title-index__description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; } @media screen and (max-width: 834px) { .page-cuisine__team-title .title-index__description p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-cuisine__team-contents { width: 100%; } .page-cuisine__team-item { width: 100%; margin: 0 0 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-cuisine__team-item { margin: 0 0 3.4rem; display: block; } } .page-cuisine__team-item:last-of-type { margin: 0 0 0; } .page-cuisine__team-item-img { width: 31.112vw; height: auto; margin: 0 5.9rem 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 834px) { .page-cuisine__team-item-img { width: 100%; margin: 0 0 2.4rem; } } @media screen and (min-width: 1350px) { .page-cuisine__team-item-img { width: 42rem; } } .page-cuisine__team-item-img picture, .page-cuisine__team-item-img img { width: 100%; } .page-cuisine__team-item-imgcover { overflow: hidden; } .page-cuisine__team-item-info { width: calc(100% - 31.112vw + 5.9rem); } @media screen and (max-width: 834px) { .page-cuisine__team-item-info { width: 100%; } } @media screen and (min-width: 1350px) { .page-cuisine__team-item-info { width: calc(100% - 47.9rem); } } .page-cuisine__team-item-position { margin: 0 0 1.3rem; } @media screen and (max-width: 834px) { .page-cuisine__team-item-position { margin: 0 0 1.2rem; } } .page-cuisine__team-item-position p { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-cuisine__team-item-position p { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-cuisine__team-item-name { margin: 0 0 1.3rem; } @media screen and (max-width: 834px) { .page-cuisine__team-item-name { margin: 0 0 1rem; } } .page-cuisine__team-item-name p { font-size: 16.67px; font-size: 1.667rem; line-height: 1; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-cuisine__team-item-name p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .page-cuisine__team-item-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-cuisine__team-item-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-dress { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-dress { margin: 0 0 7.5rem; } } .page-dress__lead { width: 100%; padding: 0 0 9.2rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-dress__lead { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-dress__lead.is-animation .page-dress__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-dress__lead.is-sp-visible .page-dress__ink-img { transition-delay: 1.4s; } } .page-dress__lead-title { position: relative; z-index: 2; } .page-dress__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-dress__ink { top: -8rem; left: 0rem; right: 0; } } .page-dress__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-dress__ink-img { width: 23.85rem; max-width: auto; } } .page-dress__ink-img picture, .page-dress__ink-img img { width: 100%; height: auto; } .page-dress__ink-imgcover { overflow: hidden; } @media screen and (max-width: 834px) { .page-dress__wasou .common-parts__kv { margin: 0 0 2.3rem; } } @media screen and (max-width: 834px) { .page-dress__wasou .common-parts__wrapper { padding: 0 0 4.4rem; } } .page-dress__wasou .common-parts__title { margin: 0 0 5.5rem; } @media screen and (max-width: 834px) { .page-dress__wasou .common-parts__title { margin: 0 0 2.6rem; } } .page-dress__wasou .common-parts__content { margin: 0 0 7.5rem; } @media screen and (max-width: 834px) { .page-dress__wasou .common-parts__content { margin: 0 0 2.2rem; } } .page-dress__wasou-item01 { margin: 0 0 8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-dress__wasou-item01 { margin: 0 0 2.5rem; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-dress__wasou-item01-img { width: 62%; max-width: 60rem; height: auto; max-height: 45rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-dress__wasou-item01-img { width: 80vw; max-height: 100%; margin-right: 0; } } .page-dress__wasou-item01-img picture, .page-dress__wasou-item01-img img { width: 100%; } .page-dress__wasou-item01-imgcover { overflow: hidden; } .page-dress__wasou-item01 .page-dress__wasou-text { width: 39%; } @media screen and (max-width: 834px) { .page-dress__wasou-item01 .page-dress__wasou-text { width: 93%; } } .page-dress__wasou-item02 { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-dress__wasou-item02 { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .page-dress__wasou-item02-img { width: 67%; max-width: 70rem; height: auto; max-height: 46.7rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-left: 2.9rem; } @media screen and (max-width: 834px) { .page-dress__wasou-item02-img { width: calc(100% + 2.5rem); max-height: 100%; margin-left: 0; margin-right: -2.5rem; } } .page-dress__wasou-item02-img picture, .page-dress__wasou-item02-img img { width: 100%; } .page-dress__wasou-item02-imgcover { overflow: hidden; } .page-dress__wasou-item02 .page-dress__wasou-text { width: auto; margin: 0 0 1.5rem 3rem; } @media screen and (max-width: 834px) { .page-dress__wasou-item02 .page-dress__wasou-text { margin: 1.5rem 0 0; } } .page-dress__wasou-text { text-align: left; margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-dress__wasou-text { margin: 1.5rem 0 0; } } .page-dress__wasou-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-dress__wasou-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } @media screen and (max-width: 834px) { .page-dress__bridal .common-parts__kv { margin: 0 0 2.3rem; } } @media screen and (max-width: 834px) { .page-dress__bridal .common-parts__wrapper { margin: 0 0 6.7rem; } } .page-dress__bridal .common-parts__title { margin: 0 0 5.5rem; } @media screen and (max-width: 834px) { .page-dress__bridal .common-parts__title { margin: 0 0 2.6rem; } } .page-dress__bridal .common-parts__content { margin: 0 0 7.5rem; } @media screen and (max-width: 834px) { .page-dress__bridal .common-parts__content { margin: 0 0 2.2rem; } } .page-dress__bridal-item01 { margin: 0 0 8rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-dress__bridal-item01 { margin: 0 0 2.5rem; -ms-flex-align: start; align-items: flex-start; -ms-flex-direction: column; flex-direction: column; } } .page-dress__bridal-item01-img { width: 64%; max-width: 67rem; height: auto; max-height: 44.7rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-right: 2.9rem; } @media screen and (max-width: 834px) { .page-dress__bridal-item01-img { width: calc(100% + 1rem); max-height: 100%; margin-right: 0; margin-left: -2.5rem; } } .page-dress__bridal-item01-img picture, .page-dress__bridal-item01-img img { width: 100%; } .page-dress__bridal-item01-imgcover { overflow: hidden; } .page-dress__bridal-item01 .page-dress__wasou-text { width: 33%; } @media screen and (max-width: 834px) { .page-dress__bridal-item01 .page-dress__wasou-text { width: 96%; } } .page-dress__bridal-item02 { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 834px) { .page-dress__bridal-item02 { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .page-dress__bridal-item02-img { width: 41%; max-width: 40rem; height: auto; max-height: 50rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; margin-left: 2.9rem; margin-right: 5rem; } @media screen and (max-width: 834px) { .page-dress__bridal-item02-img { width: 58.67vw; max-height: 100%; margin-left: 0; margin-right: 0; } } .page-dress__bridal-item02-img picture, .page-dress__bridal-item02-img img { width: 100%; } .page-dress__bridal-item02-imgcover { overflow: hidden; } .page-dress__bridal-item02 .page-dress__wasou-text { width: auto; } @media screen and (max-width: 834px) { .page-dress__bridal-item02 .page-dress__wasou-text { width: 83%; } } .page-report { margin: 7.7rem 0 17.4rem; } @media screen and (max-width: 834px) { .page-report { margin: 6.4rem 0 7.5rem; } } .page-report__wrapper { padding: 9.4rem 0 0; } @media screen and (max-width: 834px) { .page-report__wrapper { padding: 4.2rem 0 0; } } .page-report__lead { width: 100%; margin: 0 0 10.7rem; position: relative; } @media screen and (max-width: 834px) { .page-report__lead { margin: 0 0 5.1rem; } } .page-report__lead.is-animation .page-report__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; transition-delay: 1.4s; } .page-report__lead-title { position: relative; z-index: 2; } .page-report__lead-title .title-index__main { margin: 0 0.6rem 0 0; } .page-report__lead-title .title-index__main i:last-child { padding-top: 4.6rem; } @media screen and (max-width: 834px) { .page-report__lead-title .title-index__main i:last-child { padding-top: 4.2rem; } } .page-report__lead-title .title-index__main i:last-child span:nth-of-type(1) { -webkit-transform: rotateZ(-90deg); transform: rotateZ(-90deg); padding-top: 0.1rem; } @media screen and (max-width: 834px) { .page-report__lead-title .title-index__main i:last-child span:nth-of-type(1) { padding-top: 0.5rem; } } .page-report__lead-title .title-index__main i span { font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; letter-spacing: -0.35em; } @media screen and (max-width: 834px) { .page-report__lead-title .title-index__main i span { letter-spacing: 0em; margin-top: -0.5rem; } } .page-report__ink { position: absolute; top: -9.9rem; right: -3.1rem; z-index: 1; } @media screen and (max-width: 834px) { .page-report__ink { top: -8rem; left: 0rem; right: 0; } } .page-report__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-report__ink-img { width: 23.85rem; max-width: auto; } } .page-report__ink-img picture, .page-report__ink-img img { width: 100%; height: auto; } .page-report__ink-imgcover { overflow: hidden; } .page-report__list { margin: 0 0 19rem; } @media screen and (max-width: 834px) { .page-report__list { margin: 0 0 6.4rem; } } .page-report__list-filter { margin: 0 0 8rem; } @media screen and (max-width: 834px) { .page-report__list-filter { margin: 0 0 3.8rem; } } .page-report__list-filter-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-report__list-filter-inner { display: block; padding: 0 1rem; } } .page-report__list-filter-cat { margin: 0 5.6rem 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-report__list-filter-cat { margin: 0 0 1.2rem; } } .page-report__list-filter-title { font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; margin: 0 2rem 0 0; } @media screen and (max-width: 834px) { .page-report__list-filter-title { min-width: 6rem; margin: 0 1.5rem 0 0; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report__list-filter-select { position: relative; width: 22.2rem; height: 4.25rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-report__list-filter-select { width: 100%; height: 3.355rem; } } .page-report__list-filter-select select { cursor: pointer; width: 100%; font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; padding: 1.5rem 1rem; position: relative; z-index: 2; } @media screen and (max-width: 834px) { .page-report__list-filter-select select { font-size: 27.08px; font-size: 1.354rem; line-height: 1; padding: 1rem 0.5rem; } } .page-report__list-filter-arr { position: absolute; top: 0.2rem; right: -0.2rem; width: 4.248rem; height: 4.248rem; font-family: "Karla", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 12.5px; font-size: 1.25rem; line-height: 1; } @media screen and (max-width: 834px) { .page-report__list-filter-arr { top: 0.3rem; right: -0.5rem; width: 3.3rem; height: 3.3rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report__list-filter-arr span { display: block; } .page-report__list-filter-search { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .page-report__list-filter-keyword { position: relative; width: 22.2rem; height: 4.25rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-report__list-filter-keyword { width: 100%; height: 3.355rem; } } .page-report__list-filter-keyword form { width: 100%; height: 100%; } .page-report__list-filter-input { width: 100%; height: 100%; } .page-report__list-filter-input input { cursor: pointer; width: 100%; height: 100%; font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; padding: 1.5rem 1rem; position: relative; z-index: 1; } @media screen and (max-width: 834px) { .page-report__list-filter-input input { font-size: 27.08px; font-size: 1.354rem; line-height: 1; padding: 1rem 0.5rem; } } .page-report__list-filter-input a { position: absolute; top: 0.2rem; right: 0; width: 4.248rem; height: 4.248rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 2; } @media screen and (max-width: 834px) { .page-report__list-filter-input a { top: -0.1rem; right: -0.5rem; width: 3.3rem; height: 3.3rem; } } .page-report__list-filter-input a svg { width: 1.2rem; height: 1.2rem; } @media screen and (max-width: 834px) { .page-report__list-filter-input a svg svg { width: 1.25rem; height: 1.25rem; } } .page-report__items { width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); gap: 5.2rem 7.5rem; } @media screen and (max-width: 1000px) { .page-report__items { gap: 5.2rem 4.5rem; } } @media screen and (max-width: 834px) { .page-report__items { -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); gap: 3.2rem; } } .page-report__item { width: 100%; } .page-report__item > a img, .page-report__item > a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .page-report__item > a:hover img, .page-report__item > a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .page-report__item > a:hover .page-report__item-info-text p { color: #727171; } .page-report__item-wrapper { margin: 0 0 2rem; } @media screen and (max-width: 834px) { .page-report__item-wrapper { margin: 0 0 2.1rem; } } .page-report__item-img { width: 100%; overflow: hidden; background-color: #727171; } .page-report__item-img img { aspect-ratio: 3 / 2; object-fit: cover; width: 100%; } .page-report__item-info-data { margin: 0 0 0.9rem; } @media screen and (max-width: 834px) { .page-report__item-info-data { margin: 0 0 1.1rem; } } .page-report__item-info-cat { margin: 0 0 1.2rem; } @media screen and (max-width: 834px) { .page-report__item-info-cat { margin: 0 0 1rem; } } .page-report__item-info-cat span { display: inline-block; padding: 1rem 1.5rem; background-color: #efefef; font-size: 11.67px; font-size: 1.167rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; border-radius: 0.3rem; } @media screen and (max-width: 834px) { .page-report__item-info-cat span { padding: 1rem 1.6rem; font-size: 25px; font-size: 1.25rem; line-height: 1; } } .page-report__item-info-date span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-report__item-info-date span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report__item-info-text p { display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .page-report__item-info-text p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-report_detail { margin: 7.7rem 0 14.7rem; } @media screen and (max-width: 834px) { .page-report_detail { margin: 6.4rem 0 7.8rem; } } .page-report_detail__wrapper { width: 100%; padding: 9.1rem 0 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 834px) { .page-report_detail__wrapper { padding: 3.7rem 0 0; display: block; } } .page-report_detail__article { width: 60%; max-width: 63rem; margin: 0 13rem 0 0; } @media screen and (max-width: 1000px) { .page-report_detail__article { margin: 0 9.9rem 0 0; } } @media screen and (max-width: 834px) { .page-report_detail__article { width: 100%; max-width: 100%; margin: 0 0 7rem 0; } } .page-report_detail__article-head { width: 100%; margin: 0 0 3.7rem; } @media screen and (max-width: 834px) { .page-report_detail__article-head { margin: 0 0 2.4rem; } } .page-report_detail__article-title { font-size: 18.75px; font-size: 1.875rem; line-height: 1.7776; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; margin: 0 0 1.6rem; } @media screen and (max-width: 834px) { .page-report_detail__article-title { font-size: 31.25px; font-size: 1.5625rem; line-height: 1.6; margin: 0 0 1.2rem; } } .page-report_detail__article-cat { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; font-size: 11.67px; font-size: 1.167rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0 0 1.8rem; padding: 0.9rem 1.6rem; background-color: #efefef; } @media screen and (max-width: 834px) { .page-report_detail__article-cat { font-size: 25px; font-size: 1.25rem; line-height: 1; margin: 0 0 1.3rem; padding: 0.9rem 1.4rem; } } .page-report_detail__article-date { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-report_detail__article-date { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report_detail__article-eyecatch { width: 100%; margin: 0 0 3.5rem; } @media screen and (max-width: 834px) { .page-report_detail__article-eyecatch { margin: 0 0 2.5rem; } } .page-report_detail__article-eyecatch-img { width: 100%; overflow: hidden; } .page-report_detail__article-eyecatch-img img { width: 100%; } .page-report_detail__article-contents p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0 0 2.3rem; } @media screen and (max-width: 834px) { .page-report_detail__article-contents p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; margin: 0 0 2.1rem; } } .page-report_detail__article-contents strong, .page-report_detail__article-contents em { font-weight: bold; } .page-report_detail__article-contents u, .page-report_detail__article-contents i { font-style: italic; } .page-report_detail__article-contents a { color: #000; text-decoration: underline; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-report_detail__article-contents a:hover { color: #b4a379; } .page-report_detail__article-contents img { display: block; width: 80.9535%; margin: 3.4rem 0 3.6rem; } @media screen and (max-width: 834px) { .page-report_detail__article-contents img { width: 100%; margin: 0 0 2.1rem; } } .page-report_detail__aside { width: 27.62%; max-width: 29rem; margin: -1.3rem 0 0; position: sticky; top: 7.7rem; } @media screen and (max-width: 834px) { .page-report_detail__aside { width: 100%; max-width: 100%; position: static; } } .page-report_sidenav { padding: 0 0 3.3rem; } @media screen and (max-width: 834px) { .page-report_sidenav { padding: 0; } } .page-report_sidenav__filter { margin: 0 0 4.8rem; } @media screen and (max-width: 834px) { .page-report_sidenav__filter { margin: 0 0 2.3rem; } } .page-report_sidenav__filter-cat { margin: 0 0 3.2rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-cat { margin: 0 0 1.5rem; } } .page-report_sidenav__filter-title { font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; margin: 0 2rem 0 0; min-width: 5.2rem; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-title { margin: 0 1.5rem 0 0; min-width: 6rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report_sidenav__filter-select { position: relative; width: 100%; height: 4.25rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-select { height: 3.355rem; } } .page-report_sidenav__filter-select select { cursor: pointer; width: 100%; font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; padding: 1.5rem 1.1rem; position: relative; z-index: 2; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-select select { font-size: 27.08px; font-size: 1.354rem; line-height: 1; padding: 1rem 0.5rem; } } .page-report_sidenav__filter-arr { position: absolute; top: 0.2rem; right: -0.2rem; width: 4.248rem; height: 4.248rem; font-family: "Karla", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 1; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 12.5px; font-size: 1.25rem; line-height: 1; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-arr { top: 0.3rem; right: -0.5rem; width: 3.3rem; height: 3.3rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report_sidenav__filter-arr span { display: block; } .page-report_sidenav__filter-search { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } .page-report_sidenav__filter-keyword { position: relative; width: 100%; height: 4.25rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-keyword { height: 3.355rem; } } .page-report_sidenav__filter-keyword form { width: 100%; height: 100%; } .page-report_sidenav__filter-input { width: 100%; height: 100%; } .page-report_sidenav__filter-input input { cursor: pointer; width: 100%; height: 100%; font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; padding: 1.5rem 1.1rem; position: relative; z-index: 1; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-input input { font-size: 27.08px; font-size: 1.354rem; line-height: 1; padding: 1rem 0.5rem; } } .page-report_sidenav__filter-input a { position: absolute; top: 0.2rem; right: 0; width: 4.248rem; height: 4.248rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 2; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-input a { top: -0.1rem; right: -0.5rem; width: 3.3rem; height: 3.3rem; } } .page-report_sidenav__filter-input a svg { width: 1.2rem; height: 1.2rem; } @media screen and (max-width: 834px) { .page-report_sidenav__filter-input a svg svg { width: 1.25rem; height: 1.25rem; } } .page-report_sidenav__contents-title { font-size: 12.48px; font-size: 1.248rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; margin: 0 0 2.9rem; } @media screen and (max-width: 834px) { .page-report_sidenav__contents-title { margin: 0 0 1.7rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report_sidenav__items { width: 100%; } .page-report_sidenav__item { width: 100%; margin: 0 0 3.6rem; } @media screen and (max-width: 834px) { .page-report_sidenav__item { margin: 0 0 2rem; } } @media screen and (max-width: 834px) { .page-report_sidenav__item:last-of-type { margin: 0 0 4rem; } } .page-report_sidenav__item > a img, .page-report_sidenav__item > a picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .page-report_sidenav__item > a:hover img, .page-report_sidenav__item > a:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } @media screen and (max-width: 834px) { .page-report_sidenav__item > a { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } } .page-report_sidenav__item > a:hover .page-report_sidenav__item-info-text p { color: #727171; } .page-report_sidenav__item-wrapper { margin: 0 0 1.6rem; } @media screen and (max-width: 834px) { .page-report_sidenav__item-wrapper { margin: 0 2rem 0 0; width: 12.5rem; min-width: 12.5rem; } } .page-report_sidenav__item-img { width: 100%; overflow: hidden; background-color: #727171; } .page-report_sidenav__item-img img { aspect-ratio: 290 / 193; object-fit: cover; width: 100%; } @media screen and (max-width: 834px) { .page-report_sidenav__item-img img { aspect-ratio: 125 / 83; } } .page-report_sidenav__item-info-data { margin: 0 0 0.7rem; } .page-report_sidenav__item-info-date span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-report_sidenav__item-info-date span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-report_sidenav__item-info-text p { display: -webkit-box; /*! autoprefixer: ignore next */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.06em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .page-report_sidenav__item-info-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-report_sidenav .common-pagination { width: 100%; position: relative; } .page-report_sidenav .common-pagination .wp-pagenavi { -ms-flex-pack: center; justify-content: center; } .page-report_sidenav .common-pagination .wp-pagenavi a, .page-report_sidenav .common-pagination .wp-pagenavi b, .page-report_sidenav .common-pagination .wp-pagenavi span { margin: 0 0; } @media screen and (max-width: 834px) { .page-report_sidenav .common-pagination .wp-pagenavi a, .page-report_sidenav .common-pagination .wp-pagenavi b, .page-report_sidenav .common-pagination .wp-pagenavi span { margin: 0 3rem; } } .page-report_sidenav .common-pagination .wp-pagenavi b { margin: 0 0.4rem; } .page-report_sidenav .common-pagination .wp-pagenavi .prev { position: absolute; left: 0; top: 0; } .page-report_sidenav .common-pagination .wp-pagenavi .next { position: absolute; right: 0; top: 0; } .page-guest { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-guest { margin: 0 0 7.5rem; } } .page-guest__beauty { padding: 10rem 0 0; position: relative; } @media screen and (max-width: 834px) { .page-guest__beauty { padding: 5rem 0 0; } } .page-guest__beauty:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 0.1rem; margin: 0 calc(50% - 50vw); background-color: #727171; } .page-guest__beauty-title { margin: 0 0 7.2rem; } @media screen and (max-width: 834px) { .page-guest__beauty-title { margin: 0 0 2.2rem; } } .page-guest__beauty-title .title-index__description { margin: 4.5rem 0 0; } @media screen and (max-width: 834px) { .page-guest__beauty-title .title-index__description { margin: 2.5rem 0 0; text-align: left; } } .page-guest__beauty-content { margin: 0 0 8rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content { margin: 0 0 4rem; } } .page-guest__beauty-content-inner { padding: 0 0 0 4.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 834px) { .page-guest__beauty-content-inner { padding: 0 0 0; display: block; } } .page-guest__beauty-content-swiper { width: 39.8%; margin: 0 6.5rem 0 0; position: relative; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper { width: 100%; margin: 0 0 8.6rem 0; } } .page-guest__beauty-content-swiper .swiper-slide { width: 100%; } .page-guest__beauty-content-swiper-item picture, .page-guest__beauty-content-swiper-item img { width: 100%; } .page-guest__beauty-content-swiper-pagination { width: 10rem; position: absolute; bottom: -4rem; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 12.46px; font-size: 1.246rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper-pagination { display: block; bottom: -4.2rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-guest__beauty-content-swiper-prev, .page-guest__beauty-content-swiper-next { cursor: pointer; position: absolute; top: calc(50% - 1.65rem); z-index: 5; width: 2.5rem; height: 3.3rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper-prev, .page-guest__beauty-content-swiper-next { top: auto; bottom: -4.7rem; width: 2.7rem; height: 2.7rem; } } .page-guest__beauty-content-swiper-prev svg, .page-guest__beauty-content-swiper-next svg { width: 2.5rem; height: 3.3rem; color: #727171; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper-prev svg, .page-guest__beauty-content-swiper-next svg { width: 2rem; height: 2.65rem; } } .page-guest__beauty-content-swiper-prev svg *, .page-guest__beauty-content-swiper-next svg * { fill: currentColor; } .page-guest__beauty-content-swiper-prev { left: -4.5rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper-prev { left: -0.2rem; } } .page-guest__beauty-content-swiper-next { right: -4.5rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-swiper-next { right: -0.2rem; } } .page-guest__beauty-content-info { width: 50.747%; height: auto; background-color: #f7f8f8; margin: 0 0 3rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info { width: 100vw; margin: 0 calc(50% - 50vw) 4rem; } } .page-guest__beauty-content-info:last-child { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info:last-child { margin: 0 calc(50% - 50vw) 0; } } .page-guest__beauty-content-info-inner { padding: 6.1rem 4.9rem 5.5rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-inner { padding: 4rem 2.5rem 3.3rem; } } .page-guest__beauty-content-info-box01 { padding: 0 0 4rem; margin: 0 0 4.1rem; border-bottom: 0.1rem solid #727171; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-box01 { padding: 0 0 3.5rem; margin: 0 0 3.5rem; } } .page-guest__beauty-content-info-box02 .page-guest__beauty-content-info-list { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-box02 .page-guest__beauty-content-info-list { margin: 0 0 0; } } .page-guest__beauty-content-info-box02 .page-guest__beauty-content-info-list dl > div dt { min-width: 21.8rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-box02 .page-guest__beauty-content-info-list dl > div dt { min-width: 21.5rem; } } .page-guest__beauty-content-info-title { margin: 0 0 2.4rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-title { margin: 0 0 2rem; } } .page-guest__beauty-content-info-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .page-guest__beauty-content-info-subtitle { margin: 0 0 1.3rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-subtitle { margin: 0 0 1.5rem; padding: 0 1rem; } } .page-guest__beauty-content-info-subtitle span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; color: #727171; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-subtitle span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-description { padding: 0 1rem; } } .page-guest__beauty-content-info-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-guest__beauty-content-info-list { margin: 0 0 1.6rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-list { margin: 0 0 1.2rem; } } .page-guest__beauty-content-info-list dl > div { position: relative; padding: 0 0 0 1.8rem; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-list dl > div { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-guest__beauty-content-info-list dl > div:before { content: ''; position: absolute; top: 0.6rem; left: 0.2rem; width: 1rem; height: 1rem; border-radius: 50%; background-color: #b4a379; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-list dl > div:before { top: 0.4rem; width: 1.2rem; height: 1.2rem; } } .page-guest__beauty-content-info-list dl > div dt { min-width: 8.7rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-list dl > div dt { min-width: 8.7rem; } } .page-guest__beauty-content-info-text { margin: 0 0 2.2rem; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-text { margin: 0 0 2rem; } } .page-guest__beauty-content-info-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66618; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-guest__beauty-content-info-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-guest__beauty-note { border-top: 1px solid #727171; } .page-guest__beauty-note-inner { padding: 8rem 5rem 6rem; } @media screen and (max-width: 834px) { .page-guest__beauty-note-inner { padding: 4rem 0 2.2rem; } } .page-guest__beauty-note-title { margin: 0 0 2.3rem; } @media screen and (max-width: 834px) { .page-guest__beauty-note-title { margin: 0 0 2rem; } } .page-guest__beauty-note-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-guest__beauty-note-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .page-guest__beauty-note-text { margin: 0 0 1.5rem; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; word-break: keep-all; } @media screen and (max-width: 834px) { .page-guest__beauty-note-text { margin: 0 0 1.4rem; word-break: normal; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-guest__beauty-note-text span { display: block; position: relative; padding: 0 0 0 1.6rem; } .page-guest__beauty-note-text span:before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 1rem; height: 1rem; border-radius: 50%; background-color: #b4a379; } .page-guest__stay, .page-guest__telegram, .page-guest__waitingroom { padding: 8rem 0 0; margin: 0 0 7.3rem; position: relative; } @media screen and (max-width: 834px) { .page-guest__stay, .page-guest__telegram, .page-guest__waitingroom { padding: 4rem 0 0; margin: 0 0 3.3rem; } } .page-guest__stay:before, .page-guest__telegram:before, .page-guest__waitingroom:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 0.1rem; margin: 0 calc(50% - 50vw); background-color: #727171; } .page-guest__stay .title-index__description, .page-guest__telegram .title-index__description, .page-guest__waitingroom .title-index__description { margin: 4.5rem 0 0; } @media screen and (max-width: 834px) { .page-guest__stay .title-index__description, .page-guest__telegram .title-index__description, .page-guest__waitingroom .title-index__description { text-align: left; margin: 2.5rem 0 0; } } .page-guest__telegram .page-guest__telegram-title h2 i:last-child { padding: 3rem 0 0; } @media screen and (max-width: 834px) { .page-guest__telegram .page-guest__telegram-title h2 i:last-child { padding: 2.7rem 0 0; } } .page-guest__waitingroom-title { margin: 0 0 4.4rem; } @media screen and (max-width: 834px) { .page-guest__waitingroom-title { margin: 0 0 2.2rem; } } .page-guest__waitingroom-img { width: 30rem; height: auto; margin: 0 auto; } @media screen and (max-width: 834px) { .page-guest__waitingroom-img { width: 100%; } } .page-guest__waitingroom-img picture, .page-guest__waitingroom-img img { width: 100%; } .page-access { margin: -1.2rem 0 17.4rem; } @media screen and (max-width: 834px) { .page-access { margin: 0 0 7.5rem; } } .page-access__nav { padding: 0 0 10rem; margin: 0 0 10rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-access__nav { padding: 0 0 5rem; margin: 0 0 5rem; } } .page-access__nav-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__nav-wrapper { -ms-flex-direction: column; flex-direction: column; } } .page-access__nav-content { width: calc(100% - 6.3rem - 37.038vw); } @media screen and (max-width: 834px) { .page-access__nav-content { width: 100%; } } @media screen and (min-width: 1350px) { .page-access__nav-content { width: calc(100% - 56.3rem); } } .page-access__nav-content-text { margin: 0 0 3.8rem; } @media screen and (max-width: 834px) { .page-access__nav-content-text { margin: 0 0 3rem; } } .page-access__nav-content-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-access__nav-content-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } @media screen and (max-width: 834px) { .page-access__nav-content-list { margin: 0 0 4rem; } } .page-access__nav-content-list ul { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 0 6.5rem; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul { -ms-flex-pack: center; justify-content: center; gap: 0 2.6rem; } } .page-access__nav-content-list ul li > a { text-align: center; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .page-access__nav-content-list ul li > a span { display: block; color: #000; margin: 0 0 2.1rem; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul li > a span { margin: 0 0 1rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-access__nav-content-list ul li > a > div { width: auto; height: 2.4rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul li > a > div { height: 2.5rem; } } .page-access__nav-content-list ul li > a svg { color: #b4a379; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-access__nav-content-list ul li > a svg * { fill: currentColor; } .page-access__nav-content-list ul li > a svg.icon-train { width: 1.6rem; height: 2.2rem; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul li > a svg.icon-train { width: 1.85rem; height: 2.5rem; } } .page-access__nav-content-list ul li > a svg.icon-bus { width: 1.8rem; height: 2rem; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul li > a svg.icon-bus { width: 2rem; height: 2.25rem; } } .page-access__nav-content-list ul li > a svg.icon-car { width: 2.2rem; height: 1.6rem; } @media screen and (max-width: 834px) { .page-access__nav-content-list ul li > a svg.icon-car { width: 2.25rem; height: 1.7rem; } } .page-access__nav-content-list ul li > a:hover span { color: #727171; } .page-access__nav-content-list ul li > a:hover svg { color: #cabea1; } .page-access__nav-img { width: 37.038vw; max-width: 50rem; } @media screen and (max-width: 834px) { .page-access__nav-img { width: 100%; max-width: 100%; } } .page-access__nav-img picture, .page-access__nav-img img { width: 100%; } .page-access__nav-imgcover { overflow: hidden; } .page-access__map { padding: 0 0 6rem; margin: 0 0 5.5rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-access__map { padding: 0 0 4.5rem; margin: 0 0 5rem; } } .page-access__map-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__map-wrapper { display: block; } } .page-access__map-canvas { width: 37.038vw; max-width: 50rem; height: 35rem; margin: 0 6rem 0 0; } @media screen and (max-width: 834px) { .page-access__map-canvas { width: 100%; max-width: 100%; height: 22.5rem; margin: 0 0 2.8rem; } } .page-access__map-canvas-paper { width: 100% !important; height: 100% !important; } .page-access__map-info-title { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; margin: 0 0 2.1rem; } @media screen and (max-width: 834px) { .page-access__map-info-title { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; margin: 0 0 1.5rem; } } .page-access__map-info-text { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; position: relative; } @media screen and (max-width: 834px) { .page-access__map-info-text { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-access__map-info-text.is-flex { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; gap: 0.8rem; } .page-access__map-info-text.is-caution { padding: 0 0 0 1.4rem; } .page-access__map-info-text.is-caution:before { content: '※'; position: absolute; top: 0; left: 0; } .page-access__map-info-link { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; color: #000; transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__map-info-link { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-access__map-info-link.is-tel { font-family: "Karla", sans-serif; } .page-access__map-info-link.is-map { font-family: "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0.9rem 0 0; } @media screen and (max-width: 834px) { .page-access__map-info-link.is-map { margin: 0.4rem 0 0; } } .page-access__map-info-link svg { width: 1.2rem; height: 1.5rem; color: currentColor; margin: 0 0.4rem 0 0; } @media screen and (max-width: 834px) { .page-access__map-info-link svg { width: 1rem; height: 1.4rem; } } .page-access__map-info-link svg * { fill: currentColor; } .page-access__map-info-link:hover { color: #c3b594; } .page-access__note { padding: 0 0 5.5rem; margin: 0 0 5.7rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-access__note { padding: 0 0 4.5rem; margin: 0 0 5rem; } } .page-access__note-wrapper { width: 100%; padding: 0 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__note-wrapper { padding: 0 0; -ms-flex-direction: column; flex-direction: column; } } .page-access__note-title { width: 38.8%; font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; color: #000; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__note-title { width: 100%; font-size: 29.17px; font-size: 1.4585rem; line-height: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; margin: 0 0 2.6rem; } } .page-access__note-title > div { width: 4rem; } @media screen and (max-width: 834px) { .page-access__note-title > div { width: auto; margin: 0 0 1.7rem; } } .page-access__note-title svg { color: #b4a379; } .page-access__note-title svg * { fill: currentColor; } .page-access__note-title svg.icon-train { width: 1.6rem; height: 2.2rem; } @media screen and (max-width: 834px) { .page-access__note-title svg.icon-train { width: 1.85rem; height: 2.5rem; } } .page-access__note-title svg.icon-bus { width: 1.8rem; height: 2rem; } @media screen and (max-width: 834px) { .page-access__note-title svg.icon-bus { width: 2rem; height: 2.25rem; } } .page-access__note-title svg.icon-car { width: 2.2rem; height: 1.6rem; } @media screen and (max-width: 834px) { .page-access__note-title svg.icon-car { width: 2.25rem; height: 2.25rem; } } .page-access__note-info { width: 61.2%; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-access__note-info { width: 100%; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-access__note-info ul li { position: relative; padding-left: 1.5rem; } @media screen and (max-width: 834px) { .page-access__note-info ul li { padding-left: 1.7rem; } } .page-access__note-info ul li:before { content: ''; position: absolute; top: 0.6rem; left: 0; width: 1rem; height: 1rem; border-radius: 50%; background-color: #b4a379; } @media screen and (max-width: 834px) { .page-access__note-info ul li:before { top: 0.4rem; width: 1.2rem; height: 1.2rem; } } .page-access__note-info p { margin: 0 0 2.2rem; } @media screen and (max-width: 834px) { .page-access__note-info p { margin: 0 0 2rem; } } .page-access__note-info p:last-child { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-access__note-info p:last-child { margin: 0 0 0; } } @media screen and (max-width: 834px) { .page-access__note-info.is-center-sp { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } } .page-access__dress { margin: 0 0 14.7rem; } @media screen and (max-width: 834px) { .page-access__dress { margin: -0.5rem 0 7rem; } } .page-access__dress-wrapper { width: 100%; padding: 0 5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-access__dress-wrapper { padding: 0 0; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } } .page-access__dress-left { width: 38.8%; } @media screen and (max-width: 834px) { .page-access__dress-left { width: 100%; } } .page-access__dress-title { margin: 0 0 2rem; } @media screen and (max-width: 834px) { .page-access__dress-title { margin: 0 0 1.7rem; text-align: center; } } .page-access__dress-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; color: #000; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .page-access__dress-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-access__dress-img { width: 21rem; height: 14rem; } @media screen and (max-width: 834px) { .page-access__dress-img { width: 18rem; height: 12rem; margin: 0 auto 2.5rem; } } .page-access__dress-img picture, .page-access__dress-img img { width: 100%; } .page-access__dress-right { width: 61.2%; } @media screen and (max-width: 834px) { .page-access__dress-right { width: 100%; } } .page-photo-wedding { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-photo-wedding { margin: 0 0 7.5rem; } } .page-photo-wedding__lead { width: 100%; padding: 0 0 9.8rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-photo-wedding__lead { padding: 0 0 5rem; margin: 0 0 4.8rem; } } .page-photo-wedding__lead.is-animation .page-photo-wedding__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-photo-wedding__lead.is-sp-visible .page-photo-wedding__ink-img { transition-delay: 1.4s; } } .page-photo-wedding__lead-title { position: relative; z-index: 2; } .page-photo-wedding__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-photo-wedding__ink { top: -8rem; left: 0rem; right: 0; } } .page-photo-wedding__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-photo-wedding__ink-img { width: 23.85rem; max-width: auto; } } .page-photo-wedding__ink-img picture, .page-photo-wedding__ink-img img { width: 100%; height: auto; } .page-photo-wedding__ink-imgcover { overflow: hidden; } .page-photo-wedding__beauty { margin: 0 0 14.9rem; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty { margin: 0 0 7.6rem; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-box01 { padding: 0 0 3rem; margin: 0 0 3.8rem; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-box01 { padding: 0 0 2.7rem; margin: 0 0 3.1rem; } } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content { margin: 0 0 7.6rem; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-title { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-title { margin: 0 0 0; padding: 0 0.4rem 0 1rem; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-title p { font-size: 18.75px; font-size: 1.875rem; line-height: 1.7776; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-title p { font-size: 35.42px; font-size: 1.771rem; line-height: 1.47036; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-list { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list { margin: 0 0 0; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-list p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; margin: 0 0 1.2rem; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; margin: 0 0 2.1rem; } } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl { padding: 0 0.8rem; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin: 0 0 1.4rem; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div { display: block; margin: 0 0 0; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div:last-child { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div:last-child { margin: 0 0 0; } } .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div dt { min-width: 8.7rem; } @media screen and (max-width: 834px) { .page-photo-wedding__beauty .page-guest__beauty-content-info-list dl > div dt { min-width: 8.7rem; } } .page-ritual { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-ritual { margin: 0 0 7.5rem; } } .page-ritual__lead { width: 100%; padding: 0 0 9.2rem; margin: 0 0 9.9rem; position: relative; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual__lead { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-ritual__lead.is-animation .page-ritual__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; } @media screen and (max-width: 834px) { .page-ritual__lead.is-sp-visible .page-ritual__ink-img { transition-delay: 1.4s; } } .page-ritual__lead.is-omiyamairi .title-index__main h2 i:last-child { padding-top: 2.8rem; } @media screen and (max-width: 834px) { .page-ritual__lead.is-omiyamairi .title-index__main h2 i:last-child { padding-top: 2.6rem; } } .page-ritual__lead-title { position: relative; z-index: 2; } .page-ritual__ink { position: absolute; top: -6.8rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-ritual__ink { top: -8rem; left: 0rem; right: 0; } } .page-ritual__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-ritual__ink-img { width: 23.85rem; max-width: auto; } } .page-ritual__ink-img picture, .page-ritual__ink-img img { width: 100%; height: auto; } .page-ritual__ink-imgcover { overflow: hidden; } .page-ritual__partymenu .title-index__description { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-ritual__partymenu .title-index__description { margin: 0 0 0; } } .page-ritual__partymenu .title-index__description p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; } @media screen and (max-width: 834px) { .page-ritual__partymenu .title-index__description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__partymenu .title-index__btn { margin: 2.2rem 0 0; } @media screen and (max-width: 834px) { .page-ritual__partymenu .title-index__btn { margin: 1.8rem 0 0; } } .page-ritual__plan { width: 100%; padding: 0 0 9.9rem; margin: 0 0 9.6rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual__plan { padding: 0 0 4.4rem; margin: 0 0 4.8rem; } } .page-ritual__plan-title { margin: 0 0 4.4rem; } @media screen and (max-width: 834px) { .page-ritual__plan-title { margin: 0 0 2.2rem; } } .page-ritual__plan-content-inner { padding: 0 0 0 4.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; position: relative; } @media screen and (max-width: 834px) { .page-ritual__plan-content-inner { padding: 0 0 0; display: block; } } .page-ritual__plan-content-left { width: 39.8%; margin: 0 6.5rem 0 0; position: sticky; top: 17.6rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-left { width: 100%; margin: 0 0 8.6rem 0; } } .page-ritual__plan-content-left.is-fixed { position: relative; top: 0; } .page-ritual__plan-content-swiper { width: 100%; } .page-ritual__plan-content-swiper .swiper-slide { width: 100%; } .page-ritual__plan-content-swiper-item picture, .page-ritual__plan-content-swiper-item img { width: 100%; } .page-ritual__plan-content-swiper-pagination { width: 10rem; position: absolute; bottom: -4rem; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 12.46px; font-size: 1.246rem; line-height: 1; letter-spacing: 0.05em; font-family: "Karla", sans-serif; color: #727171; } @media screen and (max-width: 834px) { .page-ritual__plan-content-swiper-pagination { display: block; bottom: -4.2rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-ritual__plan-content-swiper-prev, .page-ritual__plan-content-swiper-next { cursor: pointer; position: absolute; top: calc(50% - 1.65rem); z-index: 5; width: 2.5rem; height: 3.3rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-ritual__plan-content-swiper-prev, .page-ritual__plan-content-swiper-next { top: auto; bottom: -4.7rem; width: 2.7rem; height: 2.7rem; } } .page-ritual__plan-content-swiper-prev svg, .page-ritual__plan-content-swiper-next svg { width: 2.5rem; height: 3.3rem; color: #727171; } @media screen and (max-width: 834px) { .page-ritual__plan-content-swiper-prev svg, .page-ritual__plan-content-swiper-next svg { width: 2rem; height: 2.65rem; } } .page-ritual__plan-content-swiper-prev svg *, .page-ritual__plan-content-swiper-next svg * { fill: currentColor; } .page-ritual__plan-content-swiper-prev { left: -4.5rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-swiper-prev { left: -0.2rem; } } .page-ritual__plan-content-swiper-next { right: -4.5rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-swiper-next { right: -0.2rem; } } .page-ritual__plan-content-right { width: 50.747%; height: auto; } @media screen and (max-width: 834px) { .page-ritual__plan-content-right { width: 100%; } } .page-ritual__plan-content-right-wait p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-ritual__plan-content-right-wait p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info { width: 100%; margin: 0 0 3rem; background-color: #f7f8f8; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info { width: 100vw; margin: 0 calc(50% - 50vw) 4rem; } } .page-ritual__plan-content-info:last-child { margin: 0 0 0; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info:last-child { margin: 0 calc(50% - 50vw) 0; } } .page-ritual__plan-content-info-inner { padding: 6rem 5rem 4.7rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-inner { padding: 3.8rem 2.5rem 3.3rem; } } .page-ritual__plan-content-info-box01 { padding: 0 0 2.8rem; margin: 0 0 3.8rem; border-bottom: 0.1rem solid #727171; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-box01 { padding: 0 1rem 2.8rem; margin: 0 0 3.1rem; } } .page-ritual__plan-content-info-box01.is-none-border { padding: 0; margin: 0; border-bottom: none; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-box01.is-none-border { padding: 0; margin: 0; } } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-box02 { padding: 0 1rem; } } .page-ritual__plan-content-info-title { margin: 0 0 0.9rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-title { margin: 0 0 0.5rem; } } .page-ritual__plan-content-info-title p { font-size: 18.75px; font-size: 1.875rem; line-height: 1.44427; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-title p { font-size: 35.42px; font-size: 1.771rem; line-height: 1.47036; letter-spacing: 0.075em; } } .page-ritual__plan-content-info-subtitle { margin: 0 0 1.5rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-subtitle { margin: 0 0 1.7rem; } } .page-ritual__plan-content-info-subtitle span { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; color: #727171; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-subtitle span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-ritual__plan-content-info-price p { font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; word-break: keep-all; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-price p { font-size: 35.42px; font-size: 1.771rem; line-height: 1.47036; } } .page-ritual__plan-content-info-price p i { font-size: 13.75px; font-size: 1.375rem; line-height: 1.96945; margin: 0 0.4rem 0 0; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-price p i { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.7854; } } .page-ritual__plan-content-info-list { margin: 0 0 2.1rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-list { margin: 0 0 1.7rem; } } .page-ritual__plan-content-info-list p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-list p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info-list p.is-title { margin: 0 0 1.2rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-list p.is-title { margin: 0 0 1.6rem; } } .page-ritual__plan-content-info-list ul li { position: relative; padding: 0 0 0 2.1rem; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-list ul li { padding: 0 0 0 1.9rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info-list ul li:before { content: ''; position: absolute; top: 0.5rem; left: 0.2rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background-color: #b4a379; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-list ul li:before { top: 0.4rem; left: 0.1rem; width: 1.2rem; height: 1.2rem; } } .page-ritual__plan-content-info-text { margin: 0 0 2.4rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-text { margin: 0 0 1.9rem; } } .page-ritual__plan-content-info-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info-text p.is-title { margin: 0 0 1.2rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-text p.is-title { margin: 0 0 1.6rem; } } .page-ritual__plan-content-info-text ul li { position: relative; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; padding-left: 1.5rem; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-text ul li { padding-left: 1.4rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info-text ul li:before { content: '※'; position: absolute; top: 0; left: 0; } .page-ritual__plan-content-info-btn { width: 100%; } .page-ritual__plan-content-info-btn > a { margin-right: 1.3rem; margin-bottom: 1.3rem; padding: 1.7rem 4.5rem 1.7rem 2.2rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-btn > a { padding: 0; margin-right: 0; margin-bottom: 1.4rem; } } .page-ritual__plan-content-info-btn > a:last-child { margin-right: 0; } .page-ritual__plan-content-info-btn > a svg { width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; right: 2.5rem; top: 1.9rem; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-btn > a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .page-ritual__plan-content-info-btn > a svg * { fill: currentColor; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-btn > a svg { position: static; } } .page-ritual__plan-content-info-caution { position: relative; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; padding-left: 1.5rem; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #b60005; } @media screen and (max-width: 834px) { .page-ritual__plan-content-info-caution { padding-left: 1.4rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual__plan-content-info-caution:before { content: '※'; position: absolute; top: 0; left: 0; } .page-ritual_shichigosan__content .common-parts__wrapper { padding: 0 0 9.2rem; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__content .common-parts__wrapper { padding: 0 0 4.9rem; } } .page-ritual_shichigosan__dress, .page-ritual_shichigosan__partymenu { width: 100%; padding: 0 0 9.8rem; margin: 0 0 9.9rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress, .page-ritual_shichigosan__partymenu { padding: 0 0 5.1rem; margin: 0 0 4.6rem; } } .page-ritual_shichigosan__dress-img, .page-ritual_shichigosan__partymenu-img { width: 100%; margin: 4.8rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress-img, .page-ritual_shichigosan__partymenu-img { margin: 2.4rem 0 0; } } .page-ritual_shichigosan__dress-img picture, .page-ritual_shichigosan__dress-img img, .page-ritual_shichigosan__partymenu-img picture, .page-ritual_shichigosan__partymenu-img img { width: 30rem; height: auto; margin: 0 auto; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress-img picture, .page-ritual_shichigosan__dress-img img, .page-ritual_shichigosan__partymenu-img picture, .page-ritual_shichigosan__partymenu-img img { width: 100%; } } .page-ritual_shichigosan__dress.is-bottom, .page-ritual_shichigosan__partymenu.is-bottom { padding: 0; margin: 0; border-bottom: none; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress.is-bottom, .page-ritual_shichigosan__partymenu.is-bottom { padding: 0; margin: 0; } } .page-ritual_shichigosan__dress .title-index__description, .page-ritual_shichigosan__partymenu .title-index__description, .page-ritual_shichigosan__about .title-index__description { margin: 4.4rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress .title-index__description, .page-ritual_shichigosan__partymenu .title-index__description, .page-ritual_shichigosan__about .title-index__description { text-align: left; margin: 2.4rem 0 0; } } .page-ritual_shichigosan__dress .title-index__btn, .page-ritual_shichigosan__partymenu .title-index__btn, .page-ritual_shichigosan__about .title-index__btn { margin: 2.2rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_shichigosan__dress .title-index__btn, .page-ritual_shichigosan__partymenu .title-index__btn, .page-ritual_shichigosan__about .title-index__btn { margin: 2rem 0 0; } } .page-ritual_costume__size { width: 100%; padding: 0 0 10.2rem; margin: 0 0 9.5rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual_costume__size { padding: 0 0 5.1rem; margin: 0 0 4.4rem; } } .page-ritual_costume__size-title { margin: 0 0 4.4rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-title { margin: 0 0 2.4rem; } } .page-ritual_costume__size-content-inner { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 0 6rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-content-inner { display: block; gap: 0; } } .page-ritual_costume__size-content-img { width: 40rem; height: 40rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-content-img { width: 100%; height: auto; margin: 0 0 2.8rem; } } .page-ritual_costume__size-content-img img, .page-ritual_costume__size-content-img picture { width: 100%; } .page-ritual_costume__size-content-text p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; margin: 0 0 2.5rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-content-text p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; margin: 0 0 1.7rem; } } .page-ritual_costume__size-content-text p a { color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-ritual_costume__size-content-text p a:hover { color: #727171; } .page-ritual_costume__size-content-text p a:hover svg { color: #727171; } .page-ritual_costume__size-content-text p svg { width: 1.1rem; min-width: 1.1rem; height: 1.1rem; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin: 0 0 0 0.7rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-content-text p svg { width: 1rem; min-width: 1rem; height: 1rem; margin: 0 0 0 0.6rem; } } .page-ritual_costume__size-content-text p svg * { fill: currentColor; } .page-ritual_costume__size-content-text ul li { position: relative; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; margin: 0 0 2.5rem; padding-left: 1.6rem; } @media screen and (max-width: 834px) { .page-ritual_costume__size-content-text ul li { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; margin: 0 0 1.7rem; } } .page-ritual_costume__size-content-text ul li:before { content: '※'; position: absolute; top: 0; left: 0; } .page-ritual_costume__list-title { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-ritual_costume__list-title { margin: 0 0 4.8rem; } } .page-ritual_costume__list-title h2 i:last-child { padding-top: 6.3rem; } @media screen and (max-width: 834px) { .page-ritual_costume__list-title h2 i:last-child { padding-top: 5.7rem; } } .page-ritual_costume__list.is-type2 { width: 100%; margin: 0 0 9.5rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual_costume__list.is-type2 { margin: 0 0 4.4rem; } } .page-ritual_costume__list-caution { text-align: center; margin: 4.8rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_costume__list-caution { margin: 2.9rem 0 0; } } .page-ritual_costume__list-caution p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-ritual_costume__list-caution p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-ritual_costume__list-section-item { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-ritual_costume__list-section-item { margin: 0 0 5rem; } } .page-ritual_costume__list-section-title { margin: 0 0 5rem; text-align: center; } @media screen and (max-width: 834px) { .page-ritual_costume__list-section-title { margin: 0 0 2.1rem; } } .page-ritual_costume__list-section-title p { font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.06em; margin: 0 0 1.4rem; } @media screen and (max-width: 834px) { .page-ritual_costume__list-section-title p { font-size: 35.42px; font-size: 1.771rem; line-height: 1; margin: 0 0 1.1rem; } } .page-ritual_costume__list-section-title span { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .page-ritual_costume__list-section-title span { font-size: 29.17px; font-size: 1.4585rem; line-height: 1; } } .page-ritual_costume__list-section-grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); gap: 1.2rem; } @media screen and (max-width: 834px) { .page-ritual_costume__list-section-grid { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 0.5rem; } } .page-ritual_costume__list-section-grid-img { width: 100%; } .page-ritual_costume__list-section-grid-img img, .page-ritual_costume__list-section-grid-img picture { -webkit-transform: scale(1); transform: scale(1); transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (min-width: 834px) { .page-ritual_costume__list-section-grid-img:hover img, .page-ritual_costume__list-section-grid-img:hover picture { -webkit-transform: scale(1.1); transform: scale(1.1); } } .page-ritual_costume__list-section-grid-img img, .page-ritual_costume__list-section-grid-img picture { width: 100%; } .page-ritual_costume__list-section-grid-imgcover { overflow: hidden; } .page-ritual_omiyamairi__content .title-index__main h2 i:last-child { padding-top: 2.6rem; } .page-ritual_partymenu__menu { width: 100%; padding: 0 0 10.2rem; margin: 0 0 9.5rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu { padding: 0 0 4.5rem; margin: 0 0 4.6rem; } } .page-ritual_partymenu__menu:first-child { padding: 10rem 0; border-top: 1px solid #727171; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu:first-child { padding: 4.2rem 0 4.5rem; } } .page-ritual_partymenu__menu-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; gap: 0 6rem; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-wrapper { -ms-flex-direction: column; flex-direction: column; } } .page-ritual_partymenu__menu-img { width: 42.223vw; max-width: 57rem; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-img { width: 100%; max-width: 100%; } } .page-ritual_partymenu__menu-img img, .page-ritual_partymenu__menu-img picture { width: 100%; } .page-ritual_partymenu__menu-imgcover { overflow: hidden; } .page-ritual_partymenu__menu-info { width: calc(100% - 42.223vw - 6rem); } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info { width: 100%; } } @media screen and (min-width: 1350px) { .page-ritual_partymenu__menu-info { width: calc(100% - 63rem); } } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-title { margin: 0 0 2.7rem; } } .page-ritual_partymenu__menu-info-title .title-index__main h2 i.pt-1 { padding-top: 2.8rem; } .page-ritual_partymenu__menu-info-title .title-index__main h2 i.pt-2 { padding-top: 7rem; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-title .title-index__main h2 i.pt-2 { padding-top: 6.6rem; } } .page-ritual_partymenu__menu-info-title .title-index__description { margin: 1.8rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-title .title-index__description { margin: 2.3rem 0 0; } } .page-ritual_partymenu__menu-info-title .title-index__description p { font-size: 16.67px; font-size: 1.667rem; line-height: 1.74985; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-title .title-index__description p { font-size: 35.42px; font-size: 1.771rem; line-height: 1; } } .page-ritual_partymenu__menu-info-description { margin: 2.8rem 0 0; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-description { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-ritual_partymenu__menu-info-description p { margin: 0 0 1.6rem; } .page-ritual_partymenu__menu-info-description ul li { position: relative; padding-left: 1.5rem; } @media screen and (max-width: 834px) { .page-ritual_partymenu__menu-info-description ul li { padding-left: 1.4rem; } } .page-ritual_partymenu__menu-info-description ul li:before { content: '※'; position: absolute; top: 0; left: 0; } .page-ritual_partymenu__caution .title-index__description { margin: 4.6rem 0 0; } @media screen and (max-width: 834px) { .page-ritual_partymenu__caution .title-index__description { margin: 2.9rem 0 0; text-align: left; } } .page-party { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-party { margin: 0 0 7.5rem; } } .page-party__menu { padding: 10rem 0; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-party__menu { padding: 5.1rem 0 4.5rem; } } .page-party__menu:first-child { border-top: 1px solid #727171; } .page-party__menu.is-last { margin: 0 0 10rem; } @media screen and (max-width: 834px) { .page-party__menu.is-last { margin: 0 0 5rem; } } .page-party__menu-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 0 6rem; } @media screen and (max-width: 834px) { .page-party__menu-wrapper { display: block; gap: 0; } } .page-party__menu-img { width: 42.223vw; max-width: 57rem; } @media screen and (max-width: 834px) { .page-party__menu-img { width: 100%; max-width: 100%; margin: 0 0 2.6rem; } } .page-party__menu-img img, .page-party__menu-img picture { width: 100%; } .page-party__menu-imgcover { overflow: hidden; } .page-party__menu-caution { margin-top: 1.4rem; } @media screen and (max-width: 834px) { .page-party__menu-caution { margin-top: 1.6rem; } } .page-party__menu-caution p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-party__menu-caution p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-party__menu-info { width: calc(100% - 42.233vw - 6rem); } @media screen and (max-width: 834px) { .page-party__menu-info { width: 100%; } } @media screen and (min-width: 1350px) { .page-party__menu-info { width: calc(100% - 63rem); } } .page-party__menu-info-title { margin: 0 0 3.6rem; } @media screen and (max-width: 834px) { .page-party__menu-info-title { margin: 0 0 2.7rem; text-align: center; } } .page-party__menu-info-title h2 { font-size: 18.75px; font-size: 1.875rem; line-height: 1; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } @media screen and (max-width: 834px) { .page-party__menu-info-title h2 { font-size: 35.42px; font-size: 1.771rem; line-height: 1; } } .page-party__menu-info-title span { margin-left: 2rem; } @media screen and (max-width: 834px) { .page-party__menu-info-title span { display: block; margin-left: 0; margin-top: 2rem; } } .page-party__menu-info-title.is-pc { display: block; } @media screen and (max-width: 834px) { .page-party__menu-info-title.is-pc { display: none; } } .page-party__menu-info-title.is-sp { display: none; } @media screen and (max-width: 834px) { .page-party__menu-info-title.is-sp { display: block; } } .page-party__menu-info-subtitle { margin: 0 0 0.9rem; } @media screen and (max-width: 834px) { .page-party__menu-info-subtitle { margin: 0 0 1.1rem; } } .page-party__menu-info-subtitle p { font-size: 16.67px; font-size: 1.667rem; line-height: 1.4997; letter-spacing: 0.06em; font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; color: #b4a379; } @media screen and (max-width: 834px) { .page-party__menu-info-subtitle p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-party__menu-info-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0 0 1.4rem; } @media screen and (max-width: 834px) { .page-party__menu-info-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; margin: 0 0 1.6rem; } } .page-party__menu-info-description ul li { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; padding-left: 1.4rem; word-break: keep-all; position: relative; } @media screen and (max-width: 834px) { .page-party__menu-info-description ul li { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-party__menu-info-description ul li:before { content: '※'; position: absolute; top: 0; left: 0; } .page-party__menu-info-description ul li i { display: inline; } @media screen and (max-width: 834px) { .page-party__menu-info-description ul li i { display: none; } } .page-party__menu-info-description02 p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0 0 1.4rem; } @media screen and (max-width: 834px) { .page-party__menu-info-description02 p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-party__menu-info-description02 ul li { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; position: relative; } @media screen and (max-width: 834px) { .page-party__menu-info-description02 ul li { padding-left: 1.4rem; word-break: keep-all; font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } .page-party__menu-info-description02 ul li:before { content: '※'; position: absolute; top: 0; left: 0; } } .page-party__menu-info-description02 ul li i { display: inline; } @media screen and (max-width: 834px) { .page-party__menu-info-description02 ul li i { display: none; } } .page-party__kotobuki { padding: 10rem 0 9.5rem; margin: 0 0 10rem; border-bottom: 1px solid #727171; } @media screen and (max-width: 834px) { .page-party__kotobuki { padding: 5.1rem 0 4.5rem; margin: 0 0 5rem; } } .page-party__kotobuki-wrapper { width: 100%; } .page-party__kotobuki .page-party__menu-info-title { text-align: center; } .page-party__kotobuki .page-party__menu-info-subtitle { text-align: center; } .page-party__kotobuki .page-party__menu-info-description02 { text-align: center; } @media screen and (max-width: 834px) { .page-party__kotobuki .page-party__menu-info-description02 { text-align: left; } } .page-party__detail-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; } .page-party__detail-img { width: 30rem; height: 20rem; margin: 0 0 5rem; } @media screen and (max-width: 834px) { .page-party__detail-img { width: 100%; height: auto; margin: 0 0 3rem; } } .page-party__detail-img img, .page-party__detail-img picture { width: 100%; } .page-party__detail-btn { width: auto; } @media screen and (max-width: 834px) { .page-party__detail-btn { width: 100%; } } .page-party_banquet { width: 100%; padding: 10rem 0; border-top: 1px solid #727171; } @media screen and (max-width: 834px) { .page-party_banquet { padding: 5rem 0; } } .page-party_banquet:last-child { padding: 10rem 0 0; } @media screen and (max-width: 834px) { .page-party_banquet:last-child { padding: 5rem 0 0; } } .page-party_banquet__title { margin: 0 0 4.4rem; } @media screen and (max-width: 834px) { .page-party_banquet__title { margin: 0 0 2.3rem; } } .page-party_banquet__title .title-index__description { margin: 4.3rem 0 0; } @media screen and (max-width: 834px) { .page-party_banquet__title .title-index__description { margin: 2.3rem 0 0; } } .page-party_banquet__title .title-index__description p { font-family: "MFW-PA1MinchoStdN-Regular", "游明朝体", "Yu Mincho", YuMincho, serif; } .page-party_banquet__swiper { width: 100%; margin: 0 0 11rem; padding: 0 5.4rem; position: relative; } @media screen and (max-width: 834px) { .page-party_banquet__swiper { margin: 0 0 8.65rem; padding: 0 0; } } .page-party_banquet__swiper .swiper-slide { width: 100%; } .page-party_banquet__swiper-item { width: 100%; } .page-party_banquet__swiper-img { overflow: hidden; } .page-party_banquet__swiper-img img, .page-party_banquet__swiper-img picture { width: 100%; } .page-party_banquet__swiper-sainoma-pagination, .page-party_banquet__swiper-yuinoma-pagination { position: absolute; bottom: -5.2rem; left: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; font-size: 12.5px; font-size: 1.25rem; line-height: 1; letter-spacing: 0.05em; color: #727171; font-family: "Karla", sans-serif; } @media screen and (max-width: 834px) { .page-party_banquet__swiper-sainoma-pagination, .page-party_banquet__swiper-yuinoma-pagination { bottom: -4rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-party_banquet__swiper-sainoma-pagination span, .page-party_banquet__swiper-yuinoma-pagination span { margin: 0 0.4rem; } .page-party_banquet__swiper-sainoma-prev, .page-party_banquet__swiper-sainoma-next, .page-party_banquet__swiper-yuinoma-prev, .page-party_banquet__swiper-yuinoma-next { cursor: pointer; position: absolute; top: calc(50% - 1rem); z-index: 5; margin: auto 0; width: 3.5rem; height: 3.5rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-party_banquet__swiper-sainoma-prev, .page-party_banquet__swiper-sainoma-next, .page-party_banquet__swiper-yuinoma-prev, .page-party_banquet__swiper-yuinoma-next { top: auto; bottom: -4.7rem; width: 3rem; height: 3rem; } } .page-party_banquet__swiper-sainoma-prev svg, .page-party_banquet__swiper-sainoma-next svg, .page-party_banquet__swiper-yuinoma-prev svg, .page-party_banquet__swiper-yuinoma-next svg { width: 2.5rem; height: 3.3rem; color: #727171; } @media screen and (max-width: 834px) { .page-party_banquet__swiper-sainoma-prev svg, .page-party_banquet__swiper-sainoma-next svg, .page-party_banquet__swiper-yuinoma-prev svg, .page-party_banquet__swiper-yuinoma-next svg { width: 2rem; height: 2.65rem; } } .page-party_banquet__swiper-sainoma-prev svg *, .page-party_banquet__swiper-sainoma-next svg *, .page-party_banquet__swiper-yuinoma-prev svg *, .page-party_banquet__swiper-yuinoma-next svg * { fill: currentColor; } .page-party_banquet__swiper-sainoma-prev, .page-party_banquet__swiper-yuinoma-prev { left: -0.5rem; } .page-party_banquet__swiper-sainoma-next, .page-party_banquet__swiper-yuinoma-next { right: -0.5rem; } .page-party_banquet__info { padding: 0 5.4rem; } @media screen and (max-width: 834px) { .page-party_banquet__info { padding: 0 0; } } .page-party_banquet__info-wrapper { background-color: #f7f8f8; padding: 4rem 0; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-party_banquet__info-wrapper { padding: 2.5rem 0; } } .page-party_banquet__info-inner { width: 47rem; padding: 0 2.9rem 0 3.6rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; gap: 0 4rem; } @media screen and (max-width: 834px) { .page-party_banquet__info-inner { width: 33rem; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; gap: 1.3rem 0; } } .page-party_banquet__info-detail { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; color: #000; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; margin: 0 -0.8rem 0 0; } @media screen and (max-width: 834px) { .page-party_banquet__info-detail { margin: 0 0 0 -0.7rem; font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-party_banquet__info-list dl { display: -ms-grid; display: grid; gap: 1rem 0; } @media screen and (max-width: 834px) { .page-party_banquet__info-list dl { gap: 0.8rem 0; } } .page-party_banquet__info-list dl > div { font-size: 13.75px; font-size: 1.375rem; line-height: 1; letter-spacing: 0.05em; color: #000; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; gap: 0 1.2rem; } @media screen and (max-width: 834px) { .page-party_banquet__info-list dl > div { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-party_banquet__info-list dl > div dt { width: 6rem; } @media screen and (max-width: 834px) { .page-party_banquet__info-list dl > div dd { word-break: keep-all; } } .page-contact { margin: 7.7rem 0 9.9rem; } @media screen and (max-width: 834px) { .page-contact { margin: 6.4rem 0 7.4rem; } } .page-contact.page-contact_complete { margin: 7.7rem 0 17.9rem; } @media screen and (max-width: 834px) { .page-contact.page-contact_complete { margin: 6.4rem 0 7.6rem; } } .page-contact.page-contact_complete .title-index__detail { margin: 4rem 0 0; } @media screen and (max-width: 834px) { .page-contact.page-contact_complete .title-index__detail { margin: 2.2rem 0 0; } } .page-contact__wrapper { padding: 9.4rem 0 0; } @media screen and (max-width: 834px) { .page-contact__wrapper { padding: 4.2rem 0 0; } } .page-contact__lead { width: 100%; margin: 0 0 9.2rem; position: relative; } @media screen and (max-width: 834px) { .page-contact__lead { margin: 0 0 4.2rem; } } .page-contact__lead.is-animation .page-contact__ink-img { opacity: 1; visibility: visible; -webkit-clip-path: inset(0); clip-path: inset(0); transition: all cubic-bezier(0.5, 0, 0.75, 0) 1s; transition-delay: 1.4s; } .page-contact__lead-title { position: relative; z-index: 2; } .page-contact__lead-title .title-index__main { margin: 0 0.6rem 0 0; } .page-contact__lead-title .title-index__main i:last-child { padding-top: 5rem; } @media screen and (max-width: 834px) { .page-contact__lead-title .title-index__main i:last-child { padding-top: 4.8rem; } } .page-contact__lead-title .title-index__main i span { font-family: "garamond-premier-pro", "MFW-PA1MinchoStdN-Regular", serif; } .page-contact__lead-title .title-index__main.sub-request { margin: 0 0 0 0; } .page-contact__lead-title .title-index__description { margin: 7rem 0 0; } @media screen and (max-width: 834px) { .page-contact__lead-title .title-index__description { margin: 4rem 0 0; } } .page-contact__ink { position: absolute; top: -10.2rem; right: -3rem; z-index: 1; } @media screen and (max-width: 834px) { .page-contact__ink { top: -8rem; left: 0rem; right: 0; } } .page-contact__ink-img { width: 26.8vw; max-width: 36.2rem; backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 0; visibility: hidden; -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); } @media screen and (max-width: 834px) { .page-contact__ink-img { width: 23.85rem; max-width: auto; } } .page-contact__ink-img picture, .page-contact__ink-img img { width: 100%; height: auto; } .page-contact__ink-imgcover { overflow: hidden; } .page-contact__form-outline { width: 100vw; margin-left: calc(-50vw + 50%); margin-bottom: 9.5rem; background-color: #f7f8f8; } @media screen and (max-width: 834px) { .page-contact__form-outline { margin-bottom: 4.5rem; } } .page-contact__form-inner { padding: 10rem 0 6.4rem; width: 105rem; max-width: 100%; margin: 0 auto; } @media screen and (max-width: 834px) { .page-contact__form-inner { padding: 4.6rem 25px 2rem; } } .page-contact__footer-text { width: 100%; text-align: center; margin: 0 0 4.3rem; font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-contact__footer-text { font-size: 27.08px; font-size: 1.354rem; line-height: 1.53877; text-align: left; margin: 0 0 3.2rem; } } .page-contact__footer-text a { color: #b4a379; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-contact__footer-text a:hover { color: #c3b594; } .page-contact__footer-btn { width: 100%; } .page-contact__footer-btn > a { width: 25rem; height: 6.5rem; margin: 0 auto; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; border-radius: 3rem; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 834px) { .page-contact__footer-btn > a { width: 30.5rem; height: 5.75rem; border-radius: 2.75rem; } } .page-contact__footer-btn > a span { font-size: 14.58px; font-size: 1.458rem; line-height: 1; letter-spacing: 0.06em; font-family: "MFW-KoburinaGoStdN-W6", sans-serif; color: #fff; } @media screen and (max-width: 834px) { .page-contact__footer-btn > a span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-contact__footer-btn > a.btn-contact-gold { background-color: #b4a379; } .page-contact__footer-btn > a.btn-contact-gold:hover { background-color: #c3b594; } .page-contact__footer-btn > a.btn-contact-silver { background-color: #b5b5b6; } .page-contact__footer-btn > a.btn-contact-silver:hover { background-color: #c9caca; } .page-contact__copyright { padding: 0 0 5rem; } @media screen and (max-width: 834px) { .page-contact__copyright { padding: 0 0 2.5rem; } } .page-contact__confirm-index .page-contact__form-inner { width: 85rem; padding: 0 0 6.4rem; } @media screen and (max-width: 834px) { .page-contact__confirm-index .page-contact__form-inner { padding: 0 0 2rem; } } .page-contact__confirm-index .page-contact__form-outline { width: 100%; margin-left: 0; margin-bottom: 3.5rem; background-color: #fff; } @media screen and (max-width: 834px) { .page-contact__confirm-index .page-contact__form-outline { margin-bottom: 3rem; } } .page-contact__confirm-index .page-contact__footer-btn > a { margin: 0 auto 3rem; } @media screen and (max-width: 834px) { .page-contact__confirm-index .page-contact__footer-btn > a { margin: 0 auto 1.8rem; } } .page-faq { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-faq { margin: 0 0 7.5rem; } } .page-faq__content { border-bottom: 1px solid #727171; } .page-faq__content.is-border-top { border-top: 1px solid #727171; } .page-faq__content.is-border-bottom { border-bottom: none; } .page-faq__content.is-border-bottom .page-faq__content-inner { padding: 9.5rem 4.6rem 14.9rem; } @media screen and (max-width: 834px) { .page-faq__content.is-border-bottom .page-faq__content-inner { padding: 5rem 0 7.5rem; } } .page-faq__content-inner { padding: 9.5rem 4.6rem 10rem; display: -ms-grid; display: grid; -ms-grid-columns: 17.8rem calc(100% - 17.8rem); grid-template-columns: 17.8rem calc(100% - 17.8rem); } @media screen and (max-width: 834px) { .page-faq__content-inner { padding: 5rem 0 5rem; display: block; } } .page-faq__content-title { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-faq__content-title { text-align: center; font-size: 29.17px; font-size: 1.4585rem; line-height: 1; margin: 0 0 0.7rem; } } .page-faq__content-box { width: 100%; margin: -2.7rem 0 0; } @media screen and (max-width: 834px) { .page-faq__content-box { margin: 0 0 0; } } .page-faq__content-item { border-bottom: 1px solid #c9caca; padding: 0 0 1rem; } @media screen and (max-width: 834px) { .page-faq__content-item { padding: 0 0 1.2rem; } } .page-faq__content-item-question { display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; position: relative; padding: 3rem 7rem 1.9rem 0.6rem; } @media screen and (max-width: 834px) { .page-faq__content-item-question { -ms-flex-align: start; align-items: flex-start; padding: 2.3rem 2.6rem 0.6rem 0.4rem; } } .page-faq__content-item-question > span { display: block; margin: 0 1.7rem 0 0; font-size: 18.75px; font-size: 1.875rem; line-height: 1.33333; letter-spacing: 0.075em; font-family: "garamond-premier-pro", sans-serif; color: #b4a379; } @media screen and (max-width: 834px) { .page-faq__content-item-question > span { margin: 0 1.2rem 0 0; font-size: 33.33px; font-size: 1.6665rem; line-height: 1.11011; } } .page-faq__content-item-question > p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-faq__content-item-question > p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; } } .page-faq__content-item-btn { position: absolute; top: 4.2rem; right: 1.5rem; width: 1.1rem; height: 1.1rem; } @media screen and (max-width: 834px) { .page-faq__content-item-btn { top: 3.4rem; right: 1rem; width: 1rem; height: 1rem; } } .page-faq__content-item-btn span { display: block; width: 1.1rem; height: 0.1rem; position: absolute; top: 0; left: 0; background-color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; } @media screen and (max-width: 834px) { .page-faq__content-item-btn span { width: 1rem; } } .page-faq__content-item-btn span:first-child { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .page-faq__content-item-btn span:last-child { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .page-faq__content-item-btn.is-open span:first-child { -webkit-transform: rotate(0deg); transform: rotate(0deg); } .page-faq__content-item-btn.is-open span:last-child { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .page-faq__content-item-ans { display: none; padding: 0 7rem 2rem 4.4rem; } @media screen and (max-width: 834px) { .page-faq__content-item-ans { padding: 0 2.6rem 0.8rem 3.6rem; } } .page-faq__content-item-ans > p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-faq__content-item-ans > p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-faq__content-item-ans > p a { color: #000; text-decoration: underline; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-faq__content-item-ans > p a:hover { color: #727171; } .page-sitepolicy { margin: 0 0 17.4rem; } @media screen and (max-width: 834px) { .page-sitepolicy { margin: 0 0 7.5rem; } } .page-sitepolicy__content { padding: 1rem 0 0; } @media screen and (max-width: 834px) { .page-sitepolicy__content { padding: 0.6rem 0 0; } } .page-sitepolicy__content-top { margin: 0 0 4.2rem; } @media screen and (max-width: 834px) { .page-sitepolicy__content-top { margin: 0 0 4rem; } } .page-sitepolicy__content-item { margin: 0 0 3.8rem; } @media screen and (max-width: 834px) { .page-sitepolicy__content-item { margin: 0 0 4rem; } } .page-sitepolicy__content-text p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; } @media screen and (max-width: 834px) { .page-sitepolicy__content-text p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-sitepolicy__content-title { margin: 0 0 0.7rem; } @media screen and (max-width: 834px) { .page-sitepolicy__content-title { margin: 0 0 0.3rem; } } .page-sitepolicy__content-title h3 { font-size: 16.67px; font-size: 1.667rem; line-height: 1.9994; letter-spacing: 0.06em; color: #b4a379; } @media screen and (max-width: 834px) { .page-sitepolicy__content-title h3 { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.99966; } } .page-sitepolicy__content-description p { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; color: #000; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; } @media screen and (max-width: 834px) { .page-sitepolicy__content-description p { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-sitepolicy__content-description ul li { font-size: 13.75px; font-size: 1.375rem; line-height: 1.66691; letter-spacing: 0.05em; color: #000; font-family: "Karla", "MFW-KoburinaGoStdN-W3", sans-serif; padding-left: 0.8rem; position: relative; } @media screen and (max-width: 834px) { .page-sitepolicy__content-description ul li { font-size: 27.08px; font-size: 1.354rem; line-height: 1.61558; } } .page-sitepolicy__content-description ul li:before { content: '･'; position: absolute; top: 0; left: 0; } .page-sitepolicy__content-description a { color: #000; text-decoration: underline; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } .page-sitepolicy__content-description a:hover { color: #727171; } .page-notfound { margin: 0 0 17.4rem; position: relative; z-index: 6; } @media screen and (max-width: 834px) { .page-notfound { margin: 0 0 7.5rem; } } .page-notfound__content { text-align: center; padding: 0 0 0 1rem; } @media screen and (max-width: 834px) { .page-notfound__content { padding: 0 0 0 0.8rem; } } .page-notfound__content-title { margin: 0 0 2.5rem; } @media screen and (max-width: 834px) { .page-notfound__content-title { margin: 0 0 2.2rem; } } .page-notfound__content-title p { font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-notfound__content-title p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; letter-spacing: 0.075em; } } .page-notfound__content-text { margin: 0 0 4.2rem; } @media screen and (max-width: 834px) { .page-notfound__content-text { margin: 0 0 2.5rem; } } .page-notfound__content-text p { word-break: keep-all; font-size: 14.58px; font-size: 1.458rem; line-height: 1.71468; letter-spacing: 0.06em; } @media screen and (max-width: 834px) { .page-notfound__content-text p { font-size: 29.17px; font-size: 1.4585rem; line-height: 1.57113; letter-spacing: 0.075em; } } .page-notfound__content-detail { margin: 0 0 0 -1.6rem; } @media screen and (max-width: 834px) { .page-notfound__content-detail { margin: 0 0 0 -1.4rem; } } .page-notfound__content-detail a span { font-size: 12.5px; font-size: 1.25rem; line-height: 0.96; letter-spacing: 0.05em; font-family: "MFW-KoburinaGoStdN-W3", sans-serif; color: #000; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; } @media screen and (max-width: 834px) { .page-notfound__content-detail a span { font-size: 27.08px; font-size: 1.354rem; line-height: 1; } } .page-notfound__content-detail a svg { color: #000; width: 1.2rem; height: 1.2rem; margin-left: 0.9rem; transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 1s; margin-left: 0.6rem; } @media screen and (max-width: 834px) { .page-notfound__content-detail a svg { width: 1.1rem; height: 1.1rem; margin-left: 0.75rem; } } .page-notfound__content-detail a svg * { fill: currentColor; } @media screen and (max-width: 834px) { .page-notfound__content-detail a svg { margin-left: 0.2rem; } } .page-notfound__content-detail a:hover span { color: #727171; } .page-notfound__content-detail a:hover svg { color: #727171; } /*# sourceMappingURL=maps/style.css.map */