/* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://meyerweb.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap'); html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, header, menu, nav, section, time, mark, audio, video, details, summary { background: transparent; border: 0; font-size: 100%; font-weight: 200; margin: 0; padding: 0; vertical-align: baseline; color:#000; word-break: break-all; font-weight: 200; letter-spacing: 0.2em; line-height:2; font-size: 14px; } footer { background: transparent; border: 0; font-size: 100%; font-weight: 200; margin: 0; padding: 0; vertical-align: baseline; color:#000; word-break: break-all; font-weight: 200; letter-spacing: 0.2em; line-height:2; font-size: 12px; } article, aside, figure, footer, header, nav, section, details, summary { display: block; } /* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } /* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */ /* Responsive images and other embedded objects */ /* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */ img, object, embed { max-width: 100%; } /* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */ /* force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } /* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */ ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { background: transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } del { text-decoration: line-through; } abbr[title], dfn[title] { /*border-bottom: 1px dotted #000;*/ border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { border: 0; border-top: 1px solid #e5e5e5; display: block; height: 1px; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } pre { /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* IE */ } input[type="radio"] { vertical-align: text-bottom; transform: scale(0.7); padding-bottom: 1px; margin-bottom: 2px } input[type="checkbox"] { vertical-align: center; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font-size: 16px; color: #000; } table { font: 100%; font-size: inherit; } small { font-size: 85%; } strong { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button, input[type=button] { overflow: visible; width: auto; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */ /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /*! * ress.css • v4.0.0 * MIT License * github.com/filipelinhares/ress */ /* # ================================================================= # Global selectors # ================================================================= */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; box-sizing: border-box; tab-size: 4; /* Prevent adjustments of font size after orientation changes in iOS */ word-break: normal; } *, ::before, ::after { /* Set `background-repeat: no-repeat` to all elements and pseudo elements */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; background-repeat: no-repeat; box-sizing: inherit; } ::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; } * { /* Reset `padding` and `margin` of all elements */ margin: 0; padding: 0; } /* # ================================================================= # General elements # ================================================================= */ hr { /* Add the correct box sizing in Firefox */ color: inherit; /* Show the overflow in Edge and IE */ height: 0; overflow: visible; /* Correct border color in Firefox. */ } details, main { display: block; /* Render the `main` element consistently in IE. */ } summary { display: list-item; /* Add the correct display in all browsers */ } small { font-size: 80%; /* Set font-size to 80% in `small` elements */ } [hidden] { display: none; /* Add the correct display in IE */ } abbr[title] { -webkit-text-decoration: underline dotted; border-bottom: none; /* Remove the bottom border in Chrome 57 */ /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */ text-decoration: underline; text-decoration: underline dotted; } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ } a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ } code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ } pre { font-size: 1em; /* Correct the odd `em` font sizing in all browsers */ } b, strong { font-weight: bold; /* Add the correct font weight in Chrome, Edge, and Safari */ } /* https://gist.github.com/unruthless/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { border-color: inherit; /* Correct border color in all Chrome, Edge, and Safari. */ text-indent: 0; /* Remove text indentation in Chrome, Edge, and Safari */ } /* # ================================================================= # Forms # ================================================================= */ input { border-radius: 0; color: #000; } /* Replace pointer cursor in disabled elements */ [disabled] { cursor: default; } [type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button { height: auto; /* Correct the cursor style of increment and decrement buttons in Chrome */ } [type='search'] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ } [type='search']::-webkit-search-decoration { -webkit-appearance: none; /* Remove the inner padding in Chrome and Safari on macOS */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font-size: 16px; font: sans-serif; color: #000; } optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule */ } button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } /* Apply cursor pointer to button elements */ button, [type='button'], [type='reset'], [type='submit'], [role='button'] { color: inherit; cursor: pointer; } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { border-style: none; padding: 0; } /* Replace focus style removed in the border reset above */ button:-moz-focusring, [type='button']::-moz-focus-inner, [type='reset']::-moz-focus-inner, [type='submit']::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } /* Remove the default button styling in all browsers */ button, input, select, textarea { color: #000; background-color: transparent; border-style: none; } a:focus, button:focus, input:focus, select:focus, textarea:focus { outline-width: 0; } /* Style select like a standard input */ select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } select::-ms-expand { display: none; /* Internet Explorer 11+ */ } select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ } legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge 18- and IE */ } ::-webkit-file-upload-button { /* Correct the inability to style clickable types in iOS and Safari */ -webkit-appearance: button; color: inherit; font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ } .mwform-radio-field{ margin: 10px 0; } /* # ================================================================= # Specify media element style # ================================================================= */ img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ } /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; } /* # ================================================================= # Accessibility # ================================================================= */ /* Specify the progress cursor of updating elements */ [aria-busy='true'] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled='true'] { cursor: default; } /** * tingle.js - A simple modal plugin written in pure JavaScript * @version v0.16.0 * @link https://github.com/robinparisi/tingle#readme * @license MIT */ .tingle-modal * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tingle-modal { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-overflow-scrolling: touch; align-items: center; /*background: rgba(0, 0, 0, 0.9);*/ background: rgba(0, 0, 0, 0.9); bottom: 0; cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; left: 0; opacity: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; z-index: 1000; } /* confirm and alerts -------------------------------------------------------------- */ .tingle-modal--confirm .tingle-modal-box { text-align: center; } /* modal -------------------------------------------------------------- */ .tingle-modal--noOverlayClose { cursor: default; } .tingle-modal--noClose .tingle-modal__close { display: none; } .tingle-modal__close { background-color: transparent; border: none; /*color: #fff;*/ color: #fff; cursor: pointer; height: 2rem; padding: 0; position: fixed; right: 2.5rem; top: 2.5rem; width: 2rem; z-index: 1000; } .tingle-modal__close svg * { fill: currentColor; } .tingle-modal__closeLabel { display: none; } .tingle-modal__close:hover { /*color: #fff;*/ color: #fff; } .tingle-modal-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; /*background: #fff;*/ background: #fff; border-radius: 4px; cursor: auto; flex-shrink: 0; margin-bottom: auto; margin-top: auto; opacity: 1; position: relative; width: 60%; will-change: transform, opacity; } .tingle-modal-box__content { padding: 3rem 3rem; } .tingle-modal-box__footer { /*background-color: #f5f5f5;*/ background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; cursor: auto; padding: 1.5rem 2rem; width: auto; } .tingle-modal-box__footer::after { clear: both; content: ""; display: table; } .tingle-modal-box__footer--sticky { -webkit-transition: bottom .3s ease-in-out .3s; -o-transition: bottom .3s ease-in-out .3s; bottom: -200px; opacity: 1; position: fixed; transition: bottom .3s ease-in-out .3s; /* TODO : find a better way */ z-index: 10001; } /* state -------------------------------------------------------------- */ .tingle-enabled { left: 0; overflow: hidden; position: fixed; right: 0; } .tingle-modal--visible .tingle-modal-box__footer { bottom: 0; } .tingle-modal--visible { opacity: 1; visibility: visible; } .tingle-modal--visible .tingle-modal-box { -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards; } .tingle-modal--overflow { overflow-y: scroll; padding-top: 8vh; } /* btn -------------------------------------------------------------- */ .tingle-btn { -webkit-box-shadow: none; -webkit-transition: background-color .4s ease; -o-transition: background-color .4s ease; background-color: grey; border: none; box-shadow: none; /*color: #fff;*/ color: #000; cursor: pointer; display: inline-block; font-family: inherit; font-size: inherit; line-height: normal; margin: 0 .5rem; padding: 1rem 2rem; text-decoration: none; transition: background-color .4s ease; vertical-align: middle; } .tingle-btn--primary { background-color: #3498db; } .tingle-btn--danger { background-color: #e74c3c; } .tingle-btn--default { background-color: #34495e; } .tingle-btn--pull-left { float: left; } .tingle-btn--pull-right { float: right; } /* responsive -------------------------------------------------------------- */ /* animations -------------------------------------------------------------- */ /** * Swiper 9.1.0 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: February 28, 2023 */ @font-face { font-family: swiper-icons; font-style: normal; font-weight: 400; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); } :root { --swiper-theme-color: #007aff; } .swiper, swiper-container { display: block; list-style: none; margin-left: auto; margin-right: auto; overflow: hidden; padding: 0; position: relative; z-index: 1; } .swiper-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { -webkit-transition-property: -webkit-transform; -o-transition-property: transform; -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -o-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); width: 100%; z-index: 1; } .swiper-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } .swiper-slide, swiper-slide { -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-transition-property: -webkit-transform; -o-transition-property: transform; display: block; flex-shrink: 0; height: 100%; position: relative; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; width: 100%; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-transition-property: height,-webkit-transform; -o-transition-property: transform,height; align-items: flex-start; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; } .swiper-backface-hidden .swiper-slide { -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); } .swiper-3d.swiper-css-mode .swiper-wrapper { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d { -webkit-perspective: 1200px; perspective: 1200px; } .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(255, 255, 255, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(0255, 255, 255, 0))); background-image: -webkit-linear-gradient(right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: linear-gradient(to top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)); } .swiper-css-mode > .swiper-wrapper { -ms-overflow-style: none; overflow: auto; scrollbar-width: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: x mandatory; -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { -webkit-scroll-snap-type: y mandatory; -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { -webkit-flex-shrink: 0; -ms-flex-negative: 0; -webkit-box-ordinal-group: 10000; -webkit-order: 9999; -ms-flex-order: 9999; content: ''; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-start: var(--swiper-centered-offset-before); -moz-margin-start: var(--swiper-centered-offset-before); margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { -webkit-margin-before: var(--swiper-centered-offset-before); margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { height: var(--swiper-centered-offset-after); min-width: 1px; width: 100%; } .swiper-lazy-preloader { -webkit-transform-origin: 50%; -ms-transform-origin: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; box-sizing: border-box; height: 42px; left: 50%; margin-left: -21px; margin-top: -21px; position: absolute; top: 50%; transform-origin: 50%; width: 42px; z-index: 10; } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader { -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #000; } .swiper-lazy-preloader-black { --swiper-preloader-color: #fff; } :root { --swiper-navigation-size: 44px; } .swiper-button-next, .swiper-button-prev { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: var(--swiper-navigation-size); justify-content: center; margin-top: -webkit-calc(0px - (var(--swiper-navigation-size)/ 2)); margin-top: calc(0px - (var(--swiper-navigation-size)/ 2)); position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: -webkit-calc(var(--swiper-navigation-size)/ 44 * 27); width: calc(var(--swiper-navigation-size)/ 44 * 27); z-index: 10; } .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { cursor: auto; opacity: .35; pointer-events: none; } .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden { cursor: auto; opacity: 0; pointer-events: none; } .swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev { display: none !important; } .swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); font-variant: initial; letter-spacing: 0; line-height: 1; text-transform: none !important; } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { left: auto; right: var(--swiper-navigation-sides-offset, 10px); } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } .swiper-button-lock { display: none; } .swiper-pagination { -webkit-transition: .3s opacity; -o-transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); position: absolute; text-align: center; transform: translate3d(0, 0, 0); transition: .3s opacity; z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom, 8px); left: 0; top: var(--swiper-pagination-top, auto); width: 100%; } .swiper-pagination-bullets-dynamic { font-size: 0; overflow: hidden; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); position: relative; transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); } .swiper-pagination-bullet { /*background: var(--swiper-pagination-bullet-inactive-color, #000);*/ background: var(--swiper-pagination-bullet-inactive-color, #fff); border-radius: 50%; display: inline-block; height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); } button.swiper-pagination-bullet { -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; box-shadow: none; margin: 0; padding: 0; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { background: var(--swiper-pagination-color, var(--swiper-theme-color)); opacity: var(--swiper-pagination-bullet-opacity, 1); } .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { -webkit-transform: translate3d(0px, -50%, 0); left: var(--swiper-pagination-left, auto); right: var(--swiper-pagination-right, 8px); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { display: block; margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s top; -o-transition: .2s transform,.2s top; display: inline-block; transition: .2s transform,.2s top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s left; -o-transition: .2s transform,.2s left; transition: .2s transform,.2s left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, :host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; -o-transition: .2s transform,.2s right; transition: .2s transform,.2s right; } .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } .swiper-pagination-progressbar { /*background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));*/ background: var(--swiper-pagination-progressbar-bg-color, rgba(255, 255, 255, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform: scale(0); -ms-transform: scale(0); -webkit-transform-origin: left top; -ms-transform-origin: left top; background: var(--swiper-pagination-color, var(--swiper-theme-color)); height: 100%; left: 0; position: absolute; top: 0; transform: scale(0); transform-origin: left top; width: 100%; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; -ms-transform-origin: right top; transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; width: 100%; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar { height: 100%; left: 0; top: 0; width: var(--swiper-pagination-progressbar-size, 4px); } .swiper-pagination-lock { display: none; } .swiper-fade.swiper-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-fade .swiper-slide { -webkit-transition-property: opacity; -o-transition-property: opacity; pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } body { /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; color: #000; font-family: "Noto Serif JP", serif; /*Google Chrome、Safariへの対応*/ font-size: 14px; font-weight: 400; /*Firefoxへの対応*/ scrollbar-width: none; letter-spacing: 0.1em; } body::-webkit-scrollbar { display: none; } .lenis { height: auto; } img { height: auto; } .no-image { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; /*background-color: #f5f5f5;*/ background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .no-image span { display: none; } .no-image:before { -webkit-filter: grayscale(100%) invert(95%); -webkit-transform: scale(0.88); -ms-transform: scale(0.88); background: url("../images/logo-circle.svg") no-repeat center/cover; content: ""; display: block; filter: grayscale(100%) invert(95%); height: 158px; transform: scale(0.88); width: 157px; } #page-loading { /*background: #fff;*/ background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } #wrapper { -webkit-backface-visibility: hidden; -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; backface-visibility: hidden; transition: 0.8s; will-change: transition, background-color; } #header { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 100px; left: 0; pointer-events: none; position: fixed; top: 0; transition: 0.4s; width: 100%; z-index: 99; background: transparent !important; } #header .logo { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; pointer-events: auto; transition: 0.4s; z-index: 100; } #header .logo:hover { opacity: 0.7; } #header .logo.pc { display: block; /*width: 34px;*/ width: 100px; z-index: 100; } #header .logo.sp { display: none; } #header .logo.sp > a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; } #header .logo .effect { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: none; opacity: 0; transition: 0.4s; } #header .hidden-input { display: none; pointer-events: auto; } #header .hidden-input:checked ~ .btn-menu, #header .hidden-input:checked ~ .reservation { -webkit-filter: initial !important; filter: initial !important; } #header .hidden-input:checked ~ .btn-menu::before { -webkit-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); top: 20%; transform: rotate(10deg); transform-origin: top left; } #header .hidden-input:checked ~ .btn-menu::after { -webkit-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform: rotate(-10deg); -moz-transform: rotate(-10deg); -ms-transform: rotate(-10deg); -o-transform: rotate(-10deg); bottom: 20%; transform: rotate(-10deg); transform-origin: top left; } #header .hidden-input:checked ~ .btn-menu { height: 20px; z-index: 100; } #header .hidden-input:checked ~ .global { opacity: 1; pointer-events: initial; z-index: 98; } #header .menu-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } #header .menu-box.en { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } #header .nav-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; left: 0; padding: 34px 35px; position: absolute; top: 0; width: 100%; } #header .nav-box .reservation { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; margin-right: 30px; pointer-events: auto; text-decoration: none; transition: 0.4s; z-index: 100; } #header .nav-box .reservation:hover { opacity: 0.6; } #header .nav-box .reservation.en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; } #header .nav-box .lang { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: center; } #header .nav-box .lang > li { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; } #header .nav-box .lang > li > a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; letter-spacing: 3px; pointer-events: auto; text-decoration: none; transition: 0.4s; } #header .nav-box .lang > li > a:last-child { margin-left: 3px; } #header .nav-box .lang > li > a:hover { opacity: 0.7; } #header .nav-box .lang > li > .jp { color: #808080; } #header .nav-box .lang > span { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #header .btn-menu { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: block; height: 20px; pointer-events: auto; position: relative; transition: 0.4s; width: 61px; } #header .btn-menu:hover { opacity: 0.4; } #header .btn-menu::before { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 5px; transition: 0.4s; width: 100%; } #header .btn-menu::after { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; bottom: 5px; content: ""; display: block; height: 1px; left: 0; position: absolute; transition: 0.4s; width: 100%; } #header .global { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*background: #fff;*/ background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; transition: 0.4s; width: 100%; z-index: -1; } #header .global .logo { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; left: 40px; position: absolute; top: 32px; transition: 0.4s; z-index: 97; } #header .global .logo.pc { display: block; } #header .global .logo.sp { display: none; } #header .global .outer-wrapper { /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; height: 100%; max-width: 624px; overflow: scroll; /*Firefoxへの対応*/ scrollbar-width: none; width: 100%; /*Google Chrome、Safariへの対応*/ } #header .global .outer-wrapper::-webkit-scrollbar { display: none; } #header .global .outer { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; } #header .global .outer .inner { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 495px; justify-content: space-between; width: 100%; } #header .global .outer .inner .menu { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; } #header .global .outer .inner .menu li { letter-spacing: 1px; line-height: 1.6; /*margin-bottom: 36px;*/ margin-bottom: 30px; } #header .global .outer .inner .menu-left .menu a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #header .global .outer .inner .menu-right .menu a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; letter-spacing: 1px; line-height: 1.6; /*margin-bottom: 20px;*/ margin-bottom: 30px; transition: 0.4s; } #header .global .outer .inner .menu a:hover { opacity: 0.6; } #header .global .outer .inner .menu li:last-child { margin-bottom: 0; } #header .global .outer .inner .menu li > a { /*color: #000;*/ color: #000; text-decoration: none; } #header .global .outer .inner .menu li .jp { font-size: 17px; letter-spacing: 0.4em; font-weight: 400; } #header .global .outer .inner .menu li .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; /*font-size: 13px;*/ font-size: 11px; } #header .global .outer .inner .menu .sp { display: none; } #header .global .outer .inner .menu-right .menu li .jp { font-size: 17px; /*font-size: 14px;*/ letter-spacing: 0.2em; } #header .global .outer .inner .sns { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 14px; height: 150px; justify-content: space-between; margin-bottom: 0; } #header .global .outer .inner .sns li { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; margin-bottom: 15px; transition: 0.4s; } #header .global .outer .inner .sns li:hover { opacity: 0.6; } #header .global .outer .inner .sns li:last-child { margin-bottom: 0; } #header .global .outer .inner .sns li > a { /*color: #000;*/ color: #000; text-decoration: none; } #header .global .outer .inner .sns li > a.jp { font-family: garamond-premier-pro, "Noto Serif JP", serif; } #header .global .outer .inner .sns .pc { display: block; } #header .global .outer .inner .sns .sp { display: none; } #header .global .outer .inner .menu-left { height: 100%; } #header .global .outer .inner .menu-right { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; justify-content: space-between; } #header .global .outer .inner .menu-lang { margin-top: auto; } #header .global .outer .inner .menu-lang .lang > li > a { font-size: 14px; } #header .global .outer .inner .menu-lang .lang > li > .jp { /*color: #000;*/ color: #000; } #header .global .outer .inner .menu-lang .lang > li > .en { color: #808080; } #header .global .outer .inner .menu-lang .lang > span { font-size: 14px; } #header .global .outer .menu-bottom { display: none; } #header .global .outer .menu-bottom .menu { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: 100%; } #header .global .outer .menu-bottom .menu li { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; letter-spacing: 1px; line-height: 1.6; transition: 0.4s; } #header .global .outer .menu-bottom .menu li:hover { opacity: 0.6; } #header .global .outer .menu-bottom .menu li:last-child { margin-bottom: 0; } #header .global .outer .menu-bottom .menu li > a { /*color: #000;*/ color: #000; text-decoration: none; } #header .global .outer .menu-bottom .menu li .jp { font-size: 20px; } #header .global .outer .menu-bottom .menu li .en { font-size: 15px; } #header .global .outer .menu-bottom .menu .pc { display: block; } #header .global .outer .menu-bottom .menu .sp { display: none; } #header .global .outer .menu-bottom .menu-lang { display: none; margin-top: auto; } #header .global .outer .menu-bottom .menu-lang .lang > li > a { font-size: 14px; } #header .global .outer .menu-bottom .menu-lang .lang > li > .jp { /*color: #000;*/ color: #000; } #header .global .outer .menu-bottom .menu-lang .lang > li > .en { color: #808080; } #header .global .outer .menu-bottom .menu-lang .lang > span { font-size: 14px; } #header .header-bottom-box { display: none; } #header .header-bottom-box .reservation { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; pointer-events: auto; text-decoration: none; transition: 0.4s; } #header .header-bottom-box .reservation:hover { opacity: 0.6; } #header .header-bottom-box .reservation.en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; } #footer { -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; height: 100vh; margin: 0 auto; max-width: 1056px; transition: 0.8s; } #footer .footer-wrapper { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: flex-start; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: space-between; margin: 0 auto; margin: 0 auto; padding: 147px 200px 129px; } #footer .footer-wrapper .logo-box { display: none; } #footer .footer-wrapper .logo-box .logo-sp { display: none; } #footer .footer-wrapper .logo-box.en .logo-sp { display: none; } #footer .footer-wrapper .logo-box .effect { display: none; opacity: 0; } #footer .footer-wrapper .copyright-sp { -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; display: none; transition: 0.8s; } #footer .footer-wrapper .left-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; font-size: 12px !important; height: auto; justify-content: space-between; letter-spacing: 1px; line-height: 2.2; margin-right: 50px; min-height: 525px; } #footer .footer-wrapper .left-box.en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; height: 325px; letter-spacing: 2px; } #footer .footer-wrapper .left-box.en .upper-box, #footer .footer-wrapper .left-box.en .bottom-wrapper1, #footer .footer-wrapper .left-box.en .bottom-wrapper2 { margin-bottom: 30px; } #footer .footer-wrapper .left-box .upper-box { -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; margin-bottom: 55px; margin-bottom: 2vw; transition: 0.8s; font-size: 0.85rem; } #footer .footer-wrapper .left-box .upper-box .address { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 1rem; } #footer .footer-wrapper .left-box .upper-box .address > a { /*color: #000;*/ color: #000; text-decoration: none; } #footer .footer-wrapper .left-box .upper-box h2 { font-size: 1.15rem; font-weight: 400; margin-bottom: 10px; } #footer .footer-wrapper .left-box .upper-box .address > a:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .upper-box .tel { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #footer .footer-wrapper .left-box .upper-box .tel > a { /*color: #000;*/ color: #000; text-decoration: none; } #footer .footer-wrapper .left-box .upper-box .tel > a:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .upper-box .menu > li { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #footer .footer-wrapper .left-box .upper-box .menu > li:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .upper-box .menu > li a { /*color: #000;*/ color: #000; text-decoration: none; } #footer .footer-wrapper .left-box .middle-wrapper1, #footer .footer-wrapper .left-box .middle-wrapper2 { margin-bottom: 2vw; } #footer .footer-wrapper .left-box .middle-wrapper1 .menu > li, #footer .footer-wrapper .left-box .middle-wrapper2 .menu > li { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom: 10px; font-size: 0.85rem; } #footer .footer-wrapper .left-box .middle-wrapper1 .menu > li:hover, #footer .footer-wrapper .left-box .middle-wrapper2 .menu > li:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .middle-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .middle-wrapper2 .menu > li a { /*color: #000;*/ color: #000; text-decoration: none; } #footer .footer-wrapper .left-box .bottom-wrapper1, #footer .footer-wrapper .left-box .bottom-wrapper2 { margin-bottom: 2vw; font-size: 0.85rem; } #footer .footer-wrapper .left-box .bottom-wrapper1:last-child, #footer .footer-wrapper .left-box .bottom-wrapper2:last-child { margin-bottom: 0px; } #footer .footer-wrapper .left-box .bottom-wrapper1.en, #footer .footer-wrapper .left-box .bottom-wrapper1.bottom, #footer .footer-wrapper .left-box .bottom-wrapper2.en, #footer .footer-wrapper .left-box .bottom-wrapper2.bottom { margin-bottom: 0px; } #footer .footer-wrapper .left-box .bottom-wrapper1 .menu > li, #footer .footer-wrapper .left-box .bottom-wrapper1 .sns > li, #footer .footer-wrapper .left-box .bottom-wrapper2 .menu > li, #footer .footer-wrapper .left-box .bottom-wrapper2 .sns > li { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #footer .footer-wrapper .left-box .bottom-wrapper1 .menu > li:hover, #footer .footer-wrapper .left-box .bottom-wrapper1 .sns > li:hover, #footer .footer-wrapper .left-box .bottom-wrapper2 .menu > li:hover, #footer .footer-wrapper .left-box .bottom-wrapper2 .sns > li:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .bottom-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper1 .sns > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .sns > li a { /*color: #000;*/ color: #000; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; text-decoration: none; } #footer .footer-wrapper .left-box .bottom-wrapper1 .recruit, #footer .footer-wrapper .left-box .bottom-wrapper2 .recruit { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 0.85rem; } #footer .footer-wrapper .left-box .bottom-wrapper1 .recruit:hover, #footer .footer-wrapper .left-box .bottom-wrapper2 .recruit:hover { opacity: 0.6; } #footer .footer-wrapper .left-box .bottom-wrapper1 .recruit a, #footer .footer-wrapper .left-box .bottom-wrapper2 .recruit a { /*color: #000;*/ color: #000; text-decoration: none; } #footer .footer-wrapper .right-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; height: auto; justify-content: space-between; min-height: 525px; } #footer .footer-wrapper .right-box.en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; height: 325px; letter-spacing: 2px; } #footer .footer-wrapper .right-box .logo { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 190px; margin-bottom: 16vw; position: relative; transition: 0.4s; width: 112px; } #footer .footer-wrapper .right-box .logo:hover { opacity: 0.6; } #footer .footer-wrapper .right-box .logo > a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; left: 0; position: absolute; top: 0; transition: 0.4s; } #footer .footer-wrapper .right-box .logo > a img { width: 100%; } #footer .footer-wrapper .right-box .en { margin-bottom: 0; width: 180px; } #footer .footer-wrapper .right-box .effect { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: none; opacity: 0; transition: 0.4s; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: center; margin-bottom: 6vw; margin-top: auto; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang.en { margin-bottom: 60px; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 12px !important; justify-content: center; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang > li { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang > li > a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; letter-spacing: 3px; pointer-events: auto; text-decoration: none; transition: 0.4s; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang > li > a:last-child { margin-left: 3px; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang > li > a:hover { opacity: 0.7; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang > span { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #footer .footer-wrapper .right-box .bottom-wrapper #copyright { -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; text-align: center; transition: 0.8s; } /* ボタン　START */ /*.link-button { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; align-items: center; border: 1px solid rgba(255, 255, 255, 0.7); border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; height: 157px; justify-content: center; margin-left: auto; text-decoration: none; transition: 0.4s; width: 157px; } .link-button:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .link-button:hover .text, .link-button:hover .multiple-text { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); transform: scale(0.95); } .link-button .text { -webkit-transition: 0.4s; -o-transition: 0.4s; color: #fff; font-size: 14px; transition: 0.4s; } .link-button.multiple-lines { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "Noto Serif JP", serif; } .link-button.multiple-lines > .multiple-text { -webkit-transition: 0.4s; -o-transition: 0.4s; color: #fff; font-size: 13px; transition: 0.4s; }*/ /* ボタン　START */ /*矢印が右に移動する*/ .link-button{ /*矢印と下線の基点とするためrelativeを指定*/ position: relative; /*形状*/ display: inline-block; padding: 0 20px 0 0px; color: #000; text-decoration: none; outline: none; } .intext{ font-size: 12px; } /*矢印と下線の形状*/ .link-button::before{ content: ''; /*絶対配置で下線の位置を決める*/ position: absolute; bottom:-8px; left:0%; /*下線の形状*/ width: 100%; height: 1px; background:#000; /*アニメーションの指定*/ transition: all .3s; } .link-button::after{ content: ''; /*絶対配置で矢印の位置を決める*/ position: absolute; bottom:-3px; right:0; /*矢印の形状*/ width: 15px; height:1px; background:#000; transform: rotate(35deg); /*アニメーションの指定*/ transition: all .3s; } /*hoverした際の移動*/ .link-button:hover::before{ left:20%; } .link-button:hover::after{ right:-20%; } /* ボタン　END */ .wpcf7-form .wpcf7-spinner { display: none; } .grecaptcha-badge { visibility: hidden; } #page-loading { /*background: #fff;*/ background: #fff; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; } .horizontal-title-wrapper { /*padding-bottom: 60px;*/ padding-bottom: 0px; } .horizontal-title-wrapper .jp { font-size: 24px; } .horizontal-title-wrapper .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } .horizontal-title-wrapper .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 13px; /*letter-spacing: 0.5em;*/ letter-spacing: 0.8em; } .vertical-title-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; margin: 0 auto; max-width: 840px; } .vertical-title-wrapper .border::before { /*border-left: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 30px; margin: 0 10px; width: 1px; } .vertical-title-wrapper .jp { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 24px; /*line-height: 1;*/ line-height: 1.2; margin-top: -2px; writing-mode: vertical-rl; /*letter-spacing: 0.25rem;*/ letter-spacing: 0.4em; font-weight: 400; } .vertical-title-wrapper .en { -ms-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 13px; writing-mode: vertical-rl; letter-spacing: 0.2em; } .colaborator-name { font-size: 24px; line-height: 1.2; margin-top: -2px; letter-spacing: 0.25rem; } .colaborator-name-en { font-size: 13px; writing-mode: horizonta-tb; letter-spacing: 0.1rem; } .colaborator-position { font-size: 16px; writing-mode: horizonta-tb; letter-spacing: 0.1rem; } .content-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 635px; justify-content: space-between; max-width: 840px; } .content-box-title { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto; padding-bottom: 40px; justify-content: space-between; max-width: 840px; margin: 0 auto; text-align: right !important; } .content-box .left-box { /*aspect-ratio: 526/635;*/ /*width: 526px;*/ aspect-ratio: 500/667; width: 500px; } .content-box .left-box .img { width: 100%; } .content-box .right-box { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; /*height: 100%;*/ height: 105%; justify-content: space-between; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #treadmans-bonsai .content-box .right-box { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; /*height: 100%;*/ height: 108%; justify-content: space-between; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } #rokkanan-02 .content-box .right-box { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-end; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; /*height: 100%;*/ height: 115%; justify-content: space-between; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .content-box .right-box .title-box .sub-title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; margin-left: 10px; margin-top: -2px; writing-mode: vertical-rl; } .content-box .right-box .text-box { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; /*height: 341px;*/ margin-top: 20px; height: 420px; letter-spacing: 1px; text-align: justify; writing-mode: vertical-rl; } #yakuzen-ongaku .content-box .right-box .text-box { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; /*height: 341px;*/ margin-top: 20px; height: 520px; letter-spacing: 1px; text-align: justify; writing-mode: vertical-rl; } #okashiya-ucchi .right-box .text-box { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; /*height: 341px;*/ margin-top: 20px; height: 520px; letter-spacing: 1px; text-align: justify; writing-mode: vertical-rl; } .content-box .right-box .text-box .text { line-height: 1.6; } .description-title-wrapper .jp { font-size: 18px; } .description-title-wrapper .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; } .description-title-wrapper .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } .description-title-wrapper .text p { font-family: garamond-premier-pro, "Noto Serif JP", serif; font-size: 14px; letter-spacing: 0.01em; line-height: 1.75; } .first-section-texts { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; justify-content: space-between; margin: 0 auto; max-width: 1000px; padding: 0 190px; width: 100%; } .first-section-texts .left-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 285px; position: relative; } .first-section-texts .left-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 365px; letter-spacing: 1px; line-height: 1.6; text-align: justify; writing-mode: vertical-rl; } .first-section-texts .left-box .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } .first-section-texts .left-box .title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 28px; letter-spacing: 2px; writing-mode: vertical-rl; } .first-section-texts .left-box .sub-title-sp { display: none; } .first-section-texts .right-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 350px; position: relative; width: 50%; } .first-section-texts .right-box .sub-title { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; left: 0; letter-spacing: 2px; position: absolute; top: -80px; } .progressbar { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; /*background: #ccc;*/ background: #ccc; border-radius: 1px; height: 1px; margin-left: 30px; margin-top: 20px; overflow: hidden; position: relative; width: 95px; } .progressbar .bar { -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -webkit-transform-origin: left center; -ms-transform-origin: left center; -webkit-transition-timing-function: linear; -o-transition-timing-function: linear; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; /*background: #000;*/ background: #000; border-radius: 1px; bottom: 0; display: inline-block; left: 0; position: absolute; top: 0; transform: scaleX(0); transform-origin: left center; transition-timing-function: linear; width: 100%; } .footer-menu { -webkit-transition: 0.8s; -moz-transition: 0.8s; -ms-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s; } .fade { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 30px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; } .gray-scale { -webkit-filter: grayscale(0); -webkit-transition: -webkit-filter 0.4s; -webkit-transition: filter 0.4s; -moz-transition: filter 0.4s; -ms-transition: filter 0.4s; -o-transition: filter 0.4s; filter: grayscale(0); transition: -webkit-filter 0.4s; transition: filter 0.4s; transition: filter 0.4s, -webkit-filter 0.4s; } .fade-letters-pc { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 40px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; } .fade-content-letters { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 40px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; } body#error .contact-wrapper { padding: 286px 120px 0; width: 100%; } body#error .contact-wrapper .inner-wrapper { margin: 0 auto 289px; max-width: 800px; } body#error .contact-wrapper .inner-wrapper .text-box { text-align: center; } body#error .contact-wrapper .inner-wrapper .text-box .logo { margin-bottom: 80px; } body#error .contact-wrapper .inner-wrapper .text-box .code { font-size: 47px; } body#error .contact-wrapper .inner-wrapper .text-box .text.pc { display: block; } body#error .contact-wrapper .inner-wrapper .text-box .text.sp { display: none; } body#error .contact-wrapper .inner-wrapper .link-button { margin: 94px auto 0; } body#archive { height: 100%; width: 100%; } body#archive .single-wrapper { margin: 0 auto; max-width: 665px; padding: 251px 0px 289px; } body#archive .title-wrapper { margin-bottom: 192px; } body#archive .title-wrapper .jp { font-size: 24px; letter-spacing: 6px; } body#archive .title-wrapper .border::before { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*border-top: 1px solid #000;*/ border-top: 1px solid #000; content: ""; display: block; height: 1px; margin: 10px 0; transition: 0.4s; width: 30px; } body#archive .title-wrapper .sub-title-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; } body#archive .title-wrapper .sub-title-wrapper .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; letter-spacing: 2px; } body#archive .content-wrapper .category-title-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 85px; max-width: 679px; position: relative; } body#archive .content-wrapper .category-title-wrapper::after { /*border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid rgba(0, 0, 0, 0.15); bottom: 0; content: ""; display: block; height: 1px; left: 0; max-width: 679px; pointer-events: none; position: absolute; width: 100%; } body#archive .content-wrapper .category-title-wrapper .hidden-input { display: none; } body#archive .content-wrapper .category-title-wrapper #category1:checked ~ .all { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #333; } body#archive .content-wrapper .category-title-wrapper #category2:checked ~ .art { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #333; } body#archive .content-wrapper .category-title-wrapper #category3:checked ~ .event { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #333; } body#archive .content-wrapper .category-title-wrapper #category4:checked ~ .stay { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #333; } body#archive .content-wrapper .category-title-wrapper #category5:checked ~ .other { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #333; } body#archive .content-wrapper .category-title-wrapper .category-title { border-bottom: none; /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 17px; margin-left: 45px; padding: 0 26px 15px 26px; width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#archive .content-wrapper .category-title-wrapper .category-title.all { margin-left: 0px; } body#archive .content-wrapper .category-title-wrapper .cat-title { /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); font-size: 17px; margin-left: 45px; padding: 0 26px 15px 26px; } body#archive .content-wrapper .category-title-wrapper .cat-title.current { /*color: #000;*/ color: #000; } body#archive .content-wrapper .category-title-wrapper .cat-title:first-child { margin-left: 0; } body#archive .content-wrapper .category-title-wrapper .cat-title a { color: currentColor; text-decoration: none; } body#archive .content-wrapper .news-list-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; max-width: 665px; width: 100%; } body#archive .content-wrapper .news-list-wrapper .news-list-box { margin-bottom: 70px; width: 100%; } body#archive .content-wrapper .news-list-wrapper .news-list-box:last-child { margin-bottom: 105px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-decoration: none; transition: 0.4s; width: 100%; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list:hover { opacity: 0.6; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .news-inner-box { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .date { /*color: #000;*/ color: #000; font-size: 12px; letter-spacing: 1.5px; min-width: 9.5rem; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .category { /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 12px; letter-spacing: 1.2px; min-width: 7rem; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .headline { /*color: #000;*/ color: #000; font-size: 13px; letter-spacing: 1px; } body#archive .button-box { /*@media screen and (max-width: 991px) { padding: 0 133px 0 146px; } @media screen and (max-width: 650px) { padding: 0 66px 0 73px; }*/ } body#archive .lds-rolling { margin: auto; } body#archive .readmore .text { pointer-events: none; } body#archive .readmore.loadend { display: none; } body#archive .readmore:disabled { opacity: 0.5; pointer-events: none; } body#archive .tab-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } body#archive .tab-switch { display: none; } body#archive .tab-label { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 14px; letter-spacing: 2px; margin-left: 30px; order: -1; padding: 0 26px 15px 26px; position: relative; transition: 0.4s; } body#archive .tab-content { display: none; margin-top: 92px; width: 100%; } body#archive .tab-switch:checked + .tab-label { color: #000; } body#archive .tab-switch:checked + .tab-label + .tab-content { display: block; } .video-box { margin-bottom: 64px; position: relative; width: 100%; } .video-box .video { width: 100%; } .video-box .button-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50%; justify-content: center; left: 0; position: absolute; top: 0; transform: translate(50%, 50%); width: 50%; } #headBox { /*background: #fff;*/ background: #fff; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } #headBox .topNews { font-size: 13px; padding: 7px 20px; text-align: center; } #headBox .topNews.textOverflow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #headBox .topNews.textOverflow .arrowLink { padding-right: 1em; } #headBox .topNews.textOverflow:after { content: " >"; margin-left: -1em; pointer-events: none; } #headBox .arrowLink { -o-text-overflow: ellipsis; -webkit-transition: 0.4s; -o-transition: 0.4s; color: #222; cursor: pointer; display: block; overflow: hidden; text-decoration: none; text-overflow: ellipsis; transition: 0.4s; white-space: nowrap; } #headBox .arrowLink:hover { opacity: 0.6; } #headBox .arrowLink:after { content: " >"; } body#access .access-wrapper { padding: 286px 120px 0; } body#access .access-wrapper .inner-wrapper { margin: 0 auto 240px; max-width: 840px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper { padding-bottom: 60px; padding-left: 25px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .jp { font-size: 24px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; } body#access .access-wrapper .inner-wrapper .map-wrapper { aspect-ratio: 840/560; height: 100%; overflow: hidden; position: relative; width: 100%; } body#access .access-wrapper .inner-wrapper .map-wrapper .map-cover { display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } body#access .access-wrapper .inner-wrapper .map-wrapper .map { -webkit-filter: grayscale(1); aspect-ratio: 840/560; filter: grayscale(1); height: 300%; position: absolute; top: -100%; width: 100%; } /*body#access .access-wrapper .inner-wrapper .text-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; justify-content: space-between; margin-top: 78px; padding: 0 90px 0 30px; }*/ body#access .access-wrapper .inner-wrapper .text-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 78px; padding: 0 115px; } /*body#access .access-wrapper .inner-wrapper .text-wrapper .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; height: 100%; justify-content: flex-end; }*/ body#access .access-wrapper .inner-wrapper .text-wrapper .right-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } /*body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 15px; height: 550px; justify-content: flex-end; margin-left: 30px; writing-mode: horizontal-tb; }*/ body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; align-items: flex-start; flex-direction: column; height: auto; margin-bottom: 70px; margin-left: 0px; width: 100%; writing-mode: horizontal-tb; } /*body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vhorizontal-tb; letter-spacing: 1px; margin-bottom: 57px; min-height: 8rem; writing-mode: horizontal-tb; }*/ body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .title { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; /*margin-bottom: 20px;*/ margin-bottom: 10px; font-weight: 500; font-size: 1.15rem; min-height: initial; writing-mode: horizontal-tb; } /*body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-tb; height: 485px; letter-spacing: 1px; writing-mode: horizontal-tb; } */ body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; height: initial; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content.sp { display: none; } body#access .access-wrapper .inner-wrapper .text-wrapper .left-box { height: 100%; } /*body#access .access-wrapper .inner-wrapper .text-wrapper .left-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-tb; font-size: 15px; height: 550px; letter-spacing: 1px; text-align: justify; writing-mode: horizontal-tb; }*/ body#access .access-wrapper .inner-wrapper .text-wrapper .left-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .link-box { height: 100%; margin: 20px 0 40px 0; font-size: 0.85rem; } body#access .access-wrapper .inner-wrapper .text-wrapper .link-box .link { /*color: #000;*/ color: #000; } body#art .art-wrapper .mouse-stalker { -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; /*background-color: rgba(0, 0, 0, 0.7);*/ background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; height: 5vw; left: 0px; opacity: 0; pointer-events: none; position: fixed; top: 0px; transform: translate(-50%, -50%) scale(0); transition: all 0.2s; transition-timing-function: ease-out; width: 5vw; will-change: transform; z-index: 10; } body#art .art-wrapper .mouse-stalker .allow-prev { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; transition: 0.2s; } body#art .art-wrapper .mouse-stalker .allow-prev::before { -webkit-transform: translate(-30%, -50%) rotate(45deg); -moz-transform: translate(-30%, -50%) rotate(45deg); -ms-transform: translate(-30%, -50%) rotate(45deg); -o-transform: translate(-30%, -50%) rotate(45deg); /*border-bottom: 1px solid #fff;*/ border-bottom: 1px solid #fff; /*border-left: 1px solid #fff;*/ border-left: 1px solid #fff; content: ""; display: block; height: 0.5vw; left: 50%; position: absolute; top: 50%; transform: translate(-30%, -50%) rotate(45deg); width: 0.5vw; } body#art .art-wrapper .mouse-stalker .allow-next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; transition: 0.2s; } body#art .art-wrapper .mouse-stalker .allow-next::before { -webkit-transform: translate(-70%, -50%) rotate(45deg); -moz-transform: translate(-70%, -50%) rotate(45deg); -ms-transform: translate(-70%, -50%) rotate(45deg); -o-transform: translate(-70%, -50%) rotate(45deg); /*border-right: 1px solid #fff;*/ border-right: 1px solid #fff; /*border-top: 1px solid #fff;*/ border-top: 1px solid #fff; content: ""; display: block; height: 0.5vw; left: 50%; position: absolute; top: 50%; transform: translate(-70%, -50%) rotate(45deg); width: 0.5vw; } body#art .art-wrapper .first-section-texts .right-box { width: 25%; } body#art .art-wrapper .first-section-texts .left-box .text, body#art .art-wrapper .first-section-texts .left-box .description { height: 351px; } body#art .art-wrapper .second-section { /*margin-top: 288px;*/ margin-top: 160px; } body#art .art-wrapper .second-section .current .vertical-title-wrapper { min-height: 312px; } body#art .art-wrapper .second-section .title-box, body#art .art-wrapper .third-section .title-box { padding-bottom: 173px; padding-right: 39px; } body#art .art-wrapper .second-section .images-wrapper.sp, body#art .art-wrapper .third-section .images-wrapper.sp { display: none; } body#art .art-wrapper .third-section { margin-bottom: 148px; } body#art .art-wrapper .third-section .past .vertical-title-wrapper { min-height: 169px; } body#art .art-wrapper .fourth-section { margin-bottom: 288px; } body#art .art-wrapper .fourth-section .content-wrapper { padding-bottom: 267px; } body#art .art-wrapper .fourth-section .content-box { margin-left: 300px; margin-left: 18.75vw; } body#art .art-wrapper .fourth-section .images-wrapper { /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; padding-bottom: 3px; position: relative; /*Firefoxへの対応*/ scrollbar-width: none; /*Google Chrome、Safariへの対応*/ } body#art .art-wrapper .fourth-section .images-wrapper::-webkit-scrollbar { display: none; } body#art .art-wrapper .fourth-section .images-wrapper.sp { display: none; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box { bottom: -100px; height: 50px; left: 18.75vw; position: absolute; width: 100px; z-index: 10; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; color: transparent; cursor: pointer; display: block; height: 32px; position: absolute; top: 0; transition: 0.4s; width: 17px; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev:hover, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next:hover { opacity: 0.5; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-left, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-right, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-left, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-right { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; position: absolute; top: 0; transition: 0.4s; z-index: 0; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-left, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-left { left: 0; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-right, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-right { left: 0; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev.swiper-button-disabled, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next.swiper-button-disabled { opacity: 0.4; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev { left: 0; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next { right: 0; } body#art .art-wrapper .fourth-section .images-wrapper .images-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-left: 18.75vw; overflow: hidden; position: relative; transition: 0.4s; white-space: nowrap; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp { cursor: pointer; max-width: 343px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 415px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box .img, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box .img { -o-object-fit: cover; height: 415px; object-fit: cover; width: 343px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .description-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .description-box { padding-left: 31px; padding-top: 33px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .swiper-slide { margin-right: 40px; max-width: 343px; } body#art .art-wrapper .fourth-section .images-wrapper .loop-control .swiper-button-next, body#art .art-wrapper .fourth-section .images-wrapper .loop-control .swiper-button-prev { height: 100%; margin-top: 0px; opacity: 0; width: 50%; } body#art .art-wrapper .fourth-section .images-wrapper .loop-control .swiper-button-next { left: initial; right: 0px; top: 0px; } body#art .art-wrapper .fourth-section .images-wrapper .loop-control .swiper-button-prev { left: 0px; top: 0px; } body#art .art-wrapper .event-section .event-wrapper { height: 100%; width: 100%; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; margin-left: 18.75vw; transition: 0.4s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#art .art-wrapper .event-section .event-wrapper .event-header-box:hover { opacity: 0.6 !important; } body#art .art-wrapper .event-section .event-wrapper .event-title-box.title-link-hover { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; display: block; text-decoration: none; transition: 0.4s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#art .art-wrapper .event-section .event-wrapper .event-title-box.title-link-hover .title-link { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; display: block; text-decoration: none; transition: 0.4s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#art .art-wrapper .event-section .event-wrapper .date-link { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*color: #000;*/ color: #000; display: block; text-decoration: none; transition: 0.4s; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#art .art-wrapper .event-section .event-wrapper .date { font-size: 15px; padding-bottom: 60px; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper { /*IE(Internet Explorer)・Microsoft Edgeへの対応*/ -ms-overflow-style: none; /*Google Chrome、Safariへの対応*/ overflow: hidden; position: relative; /*Firefoxへの対応*/ scrollbar-width: none; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper::-webkit-scrollbar { display: none; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box { margin-right: 0; overflow: visible; position: initial; width: -webkit-calc(100vw - 18.75vw); width: calc(100vw - 18.75vw); } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper .swiper-slide, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box .swiper-slide { width: auto; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper .img, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box .img { height: 417px; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper .img:last-child, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box .img:last-child { padding-right: 10px; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper .img:last-child, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box .img:last-child { padding-right: 0; } body#art .art-wrapper .event-section .event-wrapper .scroll-sign-wrapper { /*border-top: 1px solid #000;*/ border-top: 1px solid #000; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; margin-left: 18.75vw; margin-top: 32px; padding-top: 10px; width: 95px; } body#art .art-wrapper .two-direction-control .swiper-button-next, body#art .art-wrapper .two-direction-control .swiper-button-prev { height: 100%; margin-top: 0px; opacity: 0; width: 50%; } body#art .art-wrapper .two-direction-control .swiper-button-next { left: initial; right: 0px; top: 0px; } body#art .art-wrapper .two-direction-control .swiper-button-prev { left: 0px; top: 0px; } body#art .art-wrapper .two-direction-control .swiper-button-disabled { pointer-events: auto; /* イベントを有効にする */ } body#art .art-wrapper .loop-control .swiper-button-next, body#art .art-wrapper .loop-control .swiper-button-prev, body#art .art-wrapper .loop-static-control .swiper-button-next, body#art .art-wrapper .loop-static-control .swiper-button-prev { height: 100%; margin-top: 0px; opacity: 0; width: 50%; } body#art .art-wrapper .loop-control .swiper-button-next, body#art .art-wrapper .loop-static-control .swiper-button-next { left: initial; right: 0px; top: 0px; } body#art .art-wrapper .loop-control .swiper-button-prev, body#art .art-wrapper .loop-static-control .swiper-button-prev { left: 0px; top: 0px; } body#art .art-wrapper .event-switch { display: none; } body#art .art-wrapper .event-switch ~ .button-box:not(:last-of-type), body#art .art-wrapper .event-switch ~ .event-section:not(:nth-child(3)) { -webkit-transition: opacity 0.3s, visibility 0.3s; -o-transition: opacity 0.3s, visibility 0.3s; left: 0; opacity: 0; pointer-events: none; position: absolute; top: 0; transition: opacity 0.3s, visibility 0.3s; visibility: hidden; } body#art .art-wrapper .event-switch ~ .button-box:nth-child(4) { opacity: 1; pointer-events: fill; position: relative; visibility: visible; } body#art .art-wrapper .event-switch ~ .button-box:nth-child(4)::after { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; bottom: 100px; content: ""; display: block; height: 1px; position: absolute; right: 60px; width: 30px; } body#art .art-wrapper .event-switch:checked ~ .button-box, body#art .art-wrapper .event-switch:checked ~ .event-section { opacity: 1; pointer-events: fill; position: relative; visibility: visible; } body#art .art-wrapper .event-switch:checked ~ .button-box:last-of-type, body#art .art-wrapper .event-switch:checked ~ .button-box:nth-child(4)::after { display: none; } body#art .art-wrapper .button-box { margin: 0 auto; margin-top: 106px; max-width: 840px; padding-bottom: 220px; } body#art .art-wrapper .button-box.view-more { margin-top: 0px; } /*body#art .art-wrapper .fade-letters-art { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 40px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; }*/ body#cancel-policy .cancel-policy-wrapper { padding: 286px 0px 0; } body#cancel-policy .inner-wrapper { margin: 0 auto 289px; max-width: 790px; } body#cancel-policy .inner-wrapper .content-wrapper { margin-top: 192px; } body#cancel-policy .inner-wrapper .content-wrapper .statement { font-size: 19px; letter-spacing: 2px; margin-bottom: 70px; overflow-wrap: break-word; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box { font-size: 17px; margin-bottom: 50px; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .table-wrapper { overflow: scroll; overflow-x: scroll; width: 100%; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .table-wrapper .table { margin-bottom: 35px; min-width: 790px; width: 100%; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { letter-spacing: 2px; margin-bottom: 0; overflow-wrap: break-word; } body#concept .concept-section .first-section-texts { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; justify-content: space-between; margin: 0 auto; max-width: 1000px; padding: 0 190px; width: 100%; } body#concept .concept-section .first-section-texts .left-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 162px; position: relative; } body#concept .concept-section .first-section-texts .left-box .text, body#concept .concept-section .first-section-texts .left-box .description { -ms-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 250px; letter-spacing: 2px; line-height: 1.6; margin-left: 3px; text-align: justify; writing-mode: vertical-rl; } body#concept .concept-section .first-section-texts .left-box .text:first-child, body#concept .concept-section .first-section-texts .left-box .description:first-child { margin-left: 0; } body#concept .concept-section .first-section-texts .left-box .text.sp, body#concept .concept-section .first-section-texts .left-box .description.sp { display: none; } body#concept .concept-section .first-section-texts .left-box .text { height: 260px; line-height: 1.6; } body#concept .concept-section .first-section-texts .left-box .description-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 37px; } body#concept .content-wrapper .description-img-box4 .right-box .button-box { margin-right: auto; margin-top: auto; justify-content: space-around; text-align: right; } body#concept .content-wrapper .description-img-boxMovie .right-box .button-box { margin-right: auto; margin-top: auto; justify-content: space-around; text-align: right; } body#concept .content-wrapper .description-img-box4 .right-box .button-box-type-left { margin-right: auto; margin-top: 20px; justify-content: space-around; text-align: right; } body#concept .content-wrapper .description-img-boxMovie .right-box .button-box-type-left { margin-right: auto; margin-top: 20px; justify-content: space-around; text-align: right; } body#concept .concept-section .first-section-texts .left-box .description-box.pc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#concept .concept-section .first-section-texts .left-box .border::before { /*border-left: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 30px; margin: 0 10px; margin-top: 6px; width: 1px; } body#concept .concept-section .first-section-texts .left-box .title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 28px; writing-mode: vertical-rl; } body#concept .concept-section .first-section-texts .left-box .sub-title-sp { display: none; } body#concept .concept-section .first-section-texts .right-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; height: 350px; position: relative; width: 30%; } body#concept .concept-section .first-section-texts .right-box .sub-title { font-size: 15px; left: 0; letter-spacing: 2px; position: absolute; top: -58px; } /* Concept START */ body#concept .concept-section .second-section { /*margin-top: 288px;*/ margin-top: 160px; } body#concept .concept-section .second-section .content-wrapper.pc { display: block; } body#concept .concept-section .second-section .content-wrapper.sp { display: none; } body#concept .concept-section .second-section .content-wrapper.future { padding-bottom: 288px; } body#concept .concept-section .second-section .content-box { margin: 0 auto; } body#concept .concept-section .second-section .content-box .right-box .text-box .text { line-height: 1.7; } body#concept .concept-section .second-section .description-img-box4 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#concept .concept-section .second-section .description-img-box4 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; /*overflow: hidden;*/ width: 840px; } body#concept .concept-section .second-section .description-img-box4 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#concept .concept-section .second-section .description-img-box4 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; /*padding: 0 90px 240px;*/ padding: 0 90px 140px; width: 100%; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } /*body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; /*letter-spacing: 1px;*/ letter-spacing: 0.2em !important; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } /*body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 480px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section .description-img-boxMovie .left-box { aspect-ratio: 840/560; margin-bottom: 80px; /*overflow: hidden;*/ width: 840px; } body#concept .concept-section .second-section .description-img-boxMovie .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; /*padding: 0 90px 240px;*/ padding: 0 90px 140px; width: 100%; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } /*body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } /*body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 480px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ #philosophy_top .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 15px; height: initial; letter-spacing: 0.15em; margin-top: 60px; margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } /*body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; } /*body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.pc { display: block; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.sp { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .vertical-title-wrapper { margin: 0 0 0 82px; min-height: 321px; } body#concept .concept-section .second-section .description-img-box4 .right-box.land .vertical-title-wrapper { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; min-height: 321px; } body#concept .concept-section .second-section .description-img-box4 .right-box.bringing-new .vertical-title-wrapper { margin: 0 0 0 82px; min-height: 321px; } /*body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; } /*body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.pc { display: block; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.sp { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .vertical-title-wrapper { margin: 0 0 0 82px; min-height: 321px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.land .vertical-title-wrapper { margin: 0 0 0 82px; min-height: 321px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.bringing-new .vertical-title-wrapper { margin: 0 0 0 82px; min-height: 321px; } /* Concept END */ body#contact .title { background-color: #f7f7f7; padding: 10px 20px; margin: 10px 0 20px; } body#contact .form-info{ padding: 0px 20px; } body#contact .contact-wrapper { /*padding: 286px 120px 0;*/ padding: 200px 120px 0; } body#contact .contact-wrapper .inner-wrapper { /*margin: 0 auto 289px;*/ margin: 0 auto 180px; max-width: 790px; } body#contact .contact-wrapper .horizontal-title-wrapper { /*margin-bottom: 189px;*/ margin-bottom: 120px; text-align: center; } body#contact .contact-wrapper .notice-box { position: relative; } body#contact .contact-wrapper .notice-box .notice { bottom: -25px; margin-right: -8px; position: absolute; right: 0; } body#contact .contact-wrapper dt label { display: block; margin-bottom: 10px; margin-top: 25px; } body#contact .contact-wrapper dl { margin-bottom: 50px; } body#contact .contact-wrapper dl.message { margin-bottom: 94px; } body#contact .contact-wrapper .wpcf7-form-control-wrap { display: block; height: 100%; line-height: 2.4; } body#contact .contact-wrapper .wpcf7-form-control-wrap > input, body#contact .contact-wrapper .wpcf7-form-control-wrap > textarea { /*border: 1px solid rgba(0, 0, 0, 0.65);*/ /*border: 1px solid #D2D2D2;*/ background: #f7f7f7; /*border: 1px solid rgba(255, 255, 255, 0.65);*/ padding: 15px; width: 100%; } body#contact .contact-wrapper .wpcf7-form-control-wrap > input { height: 64px; } body#contact .contact-wrapper .agree { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } body#contact .contact-wrapper .agree .wpcf7-list-item > label { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row-reverse; justify-content: center; } body#contact .contact-wrapper .agree .wpcf7-list-item > label > .wpcf7-list-item-label a:hover { opacity: 0.7; } body#contact .contact-wrapper .agree .wpcf7-list-item > label > input { height: 20px; margin-left: 10px; width: 20px; } body#contact .contact-wrapper .agree .wpcf7-list-item > label > .wpcf7-list-item-label a { /*color: #000;*/ color: #000; } body#contact .contact-wrapper .link-button { margin: 94px auto 0; } body#contact .contact-wrapper .wpcf7-submit { border-radius: 100%; display: block; height: 100%; width: 100%; } body#contact .contact-wrapper .wpcf7-response-output { border: none; margin-top: 100px; text-align: center; } body#contact .contact-wrapper .thanks-text { line-height: 2; text-align: center; } body#cookie-policy .cookie-policy-wrapper { padding: 286px 0px 0; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper { margin: 0 auto 289px; max-width: 790px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .top-statement { font-size: 19px; letter-spacing: 2px; overflow-wrap: break-word; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper { margin-top: 192px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .statement { font-size: 19px; letter-spacing: 2px; margin-bottom: 70px; overflow-wrap: break-word; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box { font-size: 17px; margin-bottom: 50px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .title { letter-spacing: 2px; margin-bottom: 35px; overflow-wrap: break-word; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text { letter-spacing: 2px; margin-bottom: 35px; overflow-wrap: break-word; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text:last-child { margin-bottom: 0px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text-box { margin-bottom: 10px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text-box > .text { letter-spacing: 2px; margin-bottom: 0; overflow-wrap: break-word; } body#english .english-wrapper { height: 100%; position: relative; width: 100%; } body#english .english-wrapper .top-layer-wrapper { height: 100vh; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; } body#english .english-wrapper .top-layer-wrapper .address { bottom: 30px; font-family: garamond-premier-pro-display, serif; font-weight: 300; left: 40px; position: absolute; } body#english .english-wrapper .first-section { height: 100%; margin-bottom: 125px; padding: 126px 0 0; width: 100%; } body#english .english-wrapper .first-section .inner-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: center; position: relative; width: 100%; } body#english .english-wrapper .first-section .address { display: none; } body#english .english-wrapper .first-section .first-view-box { position: relative; width: 610px; } body#english .english-wrapper .first-section .first-view-box .swiper-wrapper { overflow: hidden; } body#english .english-wrapper .first-section .first-view-box .swiper-wrapper .l-img { -o-object-fit: cover; aspect-ratio: 610/970; object-fit: cover; width: 610px; } body#english .english-wrapper .first-section .first-view-box .lang { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; position: absolute; right: -128px; top: 72px; } body#english .english-wrapper .first-section .first-view-box .lang > li > a { /*color: #000;*/ color: #000; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; letter-spacing: 5px; text-decoration: none; } body#english .english-wrapper .first-section .first-view-box .lang > li > .en { color: #808080; } body#english .english-wrapper .second-section { height: 100%; width: 100%; } body#english .english-wrapper .second-section .inner-wrapper { margin: 0 auto 142px; max-width: 995px; } body#english .english-wrapper .second-section .inner-wrapper .logo-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; padding-bottom: 249px; padding-top: 124px; } .video-wrapper .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: flex-start; padding-bottom: 117px; } .video-wrapper .text-box .title { font-size: 20px; margin-right: 65px; } .video-wrapper .text-box .title.pc { display: block; } .video-wrapper .text-box .title.sp { display: none; } .video-wrapper .text-box .text { font-size: 15px; max-width: 321px; } .video-wrapper .video-box { margin-bottom: 64px; position: relative; width: 100%; } .video-wrapper .video-box .video { width: 100%; } .video-wrapper .video-box .button-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 50%; justify-content: center; left: 0; position: absolute; top: 0; transform: translate(50%, 50%); width: 50%; } body#english .english-wrapper .second-section .slide-wrapper { overflow: hidden; width: 100%; } body#english .english-wrapper .second-section .slide-wrapper > .swiper-wrapper .swiper-slide { aspect-ratio: 761/508; width: 761px; } body#english .english-wrapper .second-section .slide-wrapper > .swiper-wrapper .swiper-slide .picture { -o-object-fit: cover; aspect-ratio: 761/508; object-fit: cover; width: 100%; } body#english .english-wrapper .third-section { margin: 296px auto 0px; max-width: 995px; } body#english .english-wrapper .third-section .location-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-bottom: 296px; width: 100%; } body#english .english-wrapper .third-section .location-wrapper .left-box { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; margin-right: 155px; max-width: 321px; } body#english .english-wrapper .third-section .location-wrapper .left-box .title { font-size: 20px; letter-spacing: 1px; margin-bottom: 114px; } body#english .english-wrapper .third-section .location-wrapper .left-box .text { font-size: 15px; } body#english .english-wrapper .third-section .square-img-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 726px; justify-content: center; margin-top: 148px; padding-bottom: 148px; position: relative; width: 100%; } body#english .english-wrapper .third-section .square-img-wrapper .left-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; height: 100%; justify-content: space-between; margin-right: 155px; max-width: 321px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box .title { font-size: 23px; letter-spacing: 1px; margin-bottom: 114px; } body#english .english-wrapper .third-section .square-img-wrapper .right-box { aspect-ratio: 1/1; height: 578px; position: relative; width: 578px; } body#english .english-wrapper .third-section .square-img-wrapper .slider { position: relative; } body#english .english-wrapper .third-section .square-img-wrapper .swiper { aspect-ratio: 1/1; width: 578px; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-wrapper { overflow: hidden; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-wrapper .swiper-slide { height: 578px; width: 578px; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-wrapper .swiper-slide .img { -o-object-fit: cover; aspect-ratio: 1/1; object-fit: cover; width: 100%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-pagination { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; /*background: #ccc;*/ background: #ccc; border-radius: 1px; bottom: -25px; height: 1px; left: 20px; top: initial; width: 95px; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-pagination .swiper-pagination-progressbar-fill { background: #fff; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-button-next { height: 100%; margin-top: 0; right: 0; top: 0; width: 50%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-button-next::after { opacity: 0; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-button-prev { height: 100%; left: 0; margin-top: 0; top: 0; width: 50%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-button-prev::after { opacity: 0; } body#english .english-wrapper .third-section .square-img-wrapper .pc { display: block; } body#english .english-wrapper .third-section .square-img-wrapper .sp { display: none; } body#english .english-wrapper .third-section .rectangle-img-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 519px; justify-content: space-between; margin-bottom: 148px; max-width: 995px; padding-top: 148px; position: relative; width: 100%; } body#english .english-wrapper .third-section .rectangle-img-box .left-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; height: 100%; justify-content: space-between; margin-right: 60px; max-width: 370px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box > .title { font-size: 23px; letter-spacing: 1px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; justify-content: flex-start; margin-bottom: 15px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box:last-child { margin-bottom: 0; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box .title { letter-spacing: 1px; margin-right: 50px; min-width: 5rem; } body#english .english-wrapper .third-section .rectangle-img-box .right-box { aspect-ratio: 556/371; position: relative; width: 556px; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .map-wrapper { aspect-ratio: 556/371; height: 100%; overflow: hidden; position: relative; width: 100%; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .map-wrapper .map-cover { display: block; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 1; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .map-wrapper .map { -webkit-filter: grayscale(1); aspect-ratio: 556/371; filter: grayscale(1); height: 300%; position: absolute; top: -100%; width: 100%; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box { bottom: -40px; position: absolute; right: 0; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box .link { /*color: #000;*/ color: #000; font-size: 13px; } body#english .english-wrapper .fourth-section { margin: 296px auto 287px; max-width: 1036px; } body#english .english-wrapper .fourth-section > .title { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 30px; letter-spacing: 1px; margin-bottom: 118px; padding: 0 40px; } body#english .english-wrapper .fourth-section .category-title-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: space-between; margin-bottom: 85px; position: relative; width: 100%; } body#english .english-wrapper .fourth-section .category-title-wrapper::after { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; /*border-bottom: 1px solid rgba(0, 0, 0, 0.15);*/ border-bottom: 1px solid rgba(0, 0, 0, 0.15); bottom: 0; content: ""; display: block; height: 1px; left: 0; pointer-events: none; position: absolute; transition: 0.4s; width: 100%; } body#english .english-wrapper .fourth-section .category-title-wrapper .hidden-input { display: none; } body#english .english-wrapper .fourth-section .category-title-wrapper #category1:checked ~ .check-in { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper #category2:checked ~ .guest-room { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper #category3:checked ~ .meals { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper #category4:checked ~ .facilities { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper #category5:checked ~ .reservation { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper #category6:checked ~ .season { /*border-bottom: 1px solid #000;*/ border-bottom: 1px solid #000; /*color: #333333;*/ color: #ccc; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; border-bottom: none; /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(204, 204, 204, 0.5); font-size: 15px; padding: 0 26px 15px 26px; transition: 0.4s; width: 100%; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title.check-in { margin-left: 0px; } body#english .english-wrapper .fourth-section .accordion-wrapper { padding: 0 40px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box { margin-bottom: 100px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box:last-child { margin-bottom: 0; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: space-between; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .icon { font-size: 30px; margin-right: 27px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .question { font-size: 23px; margin-top: 7px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .icon { font-size: 30px; margin-right: 27px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .answer { font-size: 17px; margin-top: 10px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .answer .link { /*color: #000;*/ color: #000; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .answer .link:hover { opacity: 0.7; } body#english .english-wrapper .fourth-section .accordion-wrapper .answer-box { display: none; margin-top: 30px; } body#english .english-wrapper .fourth-section .accordion-wrapper .answer-box .inner-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; justify-content: flex-start; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box { position: relative; } body#english .english-wrapper .fourth-section .accordion-wrapper .inner-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box::after { /* 閉じている時 */ content: "＋"; margin-left: 30px; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box.active::after { /* 開いている時 */ content: "－"; margin-left: 30px; } body#english .footer-wrapper { padding: 127px 150px 129px; } body#guest-rooms .guest-room-wrapper .first-section-texts .right-box { width: 25%; } body#guest-rooms .guest-room-wrapper .first-section-texts .left-box .text, body#guest-rooms .guest-room-wrapper .first-section-texts .left-box .description { height: 348px; } body#guest-rooms .guest-room-wrapper .second-section { margin-bottom: 288px; /*margin-top: 288px;*/ margin-top: 160px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; position: relative; width: 840px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box .swiper-wrapper { aspect-ratio: 840/560; overflow: hidden; width: 840px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; padding: 0 90px 240px 31px; width: 100%; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 83px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; text-align: justify; writing-mode: vertical-rl; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text.pc { display: block; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text.sp { display: none; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; min-height: 321px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 400px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.comfort .vertical-title-wrapper { min-height: 245px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.comfort .vertical-title-wrapper .jp { margin-top: -5px; letter-spacing: 0.25rem; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.junior-sweet .vertical-title-wrapper { min-height: 321px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 321px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 321px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.japanese-style .vertical-title-wrapper { min-height: 321px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .swiper-wrapper { overflow: hidden; } body#guest-rooms .guest-room-wrapper .second-section .button-box { margin-right: auto; margin-top: auto; } body#guest-rooms .guest-room-wrapper .slider { position: relative; } body#guest-rooms .guest-room-wrapper .swiper-pagination { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; /*background: #ccc;*/ background: #ccc; border-radius: 1px; bottom: -25px; height: 1px; left: 35px; top: initial; width: 95px; } body#guest-rooms .guest-room-wrapper .swiper-pagination .swiper-pagination-progressbar-fill { /*background: #000;*/ background: #000; } body#guest-rooms .guest-room-wrapper .swiper-button-next { height: 100%; margin-top: 0; right: 0; top: 0; width: 50%; } body#guest-rooms .guest-room-wrapper .swiper-button-next::after { opacity: 0; } body#guest-rooms .guest-room-wrapper .swiper-button-prev { height: 100%; left: 0; margin-top: 0; top: 0; width: 50%; } body#guest-rooms .guest-room-wrapper .swiper-button-prev::after { opacity: 0; } body#guest-rooms .guest-room-wrapper .pc { display: block; } body#guest-rooms .guest-room-wrapper .sp { display: none; } body#guest-rooms .guest-room-wrapper .fade { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 30px, 0); -moz-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 30px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; } body#privacy-policy .privacy-policy-wrapper { padding: 286px 0px 0; } body#privacy-policy .inner-wrapper { margin: 0 auto 289px; max-width: 790px; } body#privacy-policy .inner-wrapper .content-wrapper { margin-top: 192px; } body#privacy-policy .inner-wrapper .content-wrapper .statement { font-size: 19px; letter-spacing: 2px; margin-bottom: 70px; overflow-wrap: break-word; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box { /*font-size: 17px;*/ font-size: 14px; margin-bottom: 50px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title { letter-spacing: 2px; margin-bottom: 20px; overflow-wrap: break-word; font-weight: 600; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text { letter-spacing: 2px; margin-bottom: 25px; overflow-wrap: break-word; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text:last-child { margin-bottom: 0px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { letter-spacing: 2px; margin-bottom: 0; overflow-wrap: break-word; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 20px; margin-bottom: 35px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 20px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 15px; } /* New Release START */ body#news-release .news-release-wrapper { padding: 286px 0px 0; } body#news-release .inner-wrapper { /*margin: 0 auto 289px;*/ margin: 0 auto 20px; max-width: 790px; } body#news-release .inner-wrapper .content-wrapper { margin-top: 192px; } body#news-release .inner-wrapper .content-wrapper .statement { font-size: 19px; letter-spacing: 2px; margin-bottom: 70px; overflow-wrap: break-word; } body#news-release .inner-wrapper .content-wrapper .condition-box { /*font-size: 17px;*/ font-size: 14px; margin-bottom: 50px; } body#news-release .inner-wrapper .content-wrapper .condition-box .title { letter-spacing: 2px; margin-bottom: 35px; overflow-wrap: break-word; font-weight: bold; } body#news-release .inner-wrapper .content-wrapper .condition-box .text { letter-spacing: 2px; margin-bottom: 35px; overflow-wrap: break-word; } body#news-release .inner-wrapper .content-wrapper .condition-box .text:last-child { margin-bottom: 0px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 10px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text-box > .text { letter-spacing: 2px; margin-bottom: 0; overflow-wrap: break-word; } body#news-release .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 20px; margin-bottom: 35px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 20px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 15px; } /* New Release END */ body#sabo .sabo-wrapper .first-section-texts .right-box { width: 30%; } body#sabo .sabo-wrapper .second-section { margin-bottom: 288px; /*margin-top: 288px;*/ margin-top: 160px; } body#sabo .sabo-wrapper .second-section .description-img-box2 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; overflow: hidden; width: 840px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; padding: 0 90px 240px 31px; width: 100%; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 337px; letter-spacing: 1px; line-height: 1.7; margin-left: 62px; text-align: justify; writing-mode: vertical-rl; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: justify; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text { margin-left: 10px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text:first-child { margin-left: 40px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text.pc { display: block; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text.sp { display: none; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 0 0 0 62px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 337px; } body#sabo .sabo-wrapper .second-section .button-box { margin-right: auto; margin-top: auto; } body#space .space-wrapper .first-section-texts .left-box .title { font-size: 24px; } body#space .space-wrapper .first-section-texts .left-box .text { height: 355px; } body#space .space-wrapper .second-section { /*margin-top: 288px;*/ margin-top: 160px; } body#space .space-wrapper .second-section .content-wrapper.pc { display: block; } body#space .space-wrapper .second-section .content-wrapper.sp { display: none; } body#space .space-wrapper .second-section .content-wrapper .vertical-title-wrapper { margin: 0; max-width: initial; min-height: initial; } body#space .space-wrapper .second-section .content-wrapper.stay .content-box .right-box .title-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; } body#space .space-wrapper .second-section .horizontal { padding-bottom: 267px; } body#space .space-wrapper .second-section .content-box { margin: 0 auto; } body#space .space-wrapper .second-section .content-box .left-box { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; } body#space .space-wrapper .second-section .content-box .right-box .text { letter-spacing: 1px; } body#space .space-wrapper .second-section .description-img-box4 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#space .space-wrapper .second-section .description-img-box4 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; overflow: hidden; width: 840px; } body#space .space-wrapper .second-section .description-img-box4 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#space .space-wrapper .second-section .description-img-box4 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; padding: 0 90px 267px; width: 100%; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; text-align: justify; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .attention { -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; font-size: 13px; height: 321px; letter-spacing: 1px; line-height: 1.7; margin-right: 30px; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box .vertical-title-wrapper { min-height: 321px; } body#space .space-wrapper .second-section .description-img-boxMovie { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#space .space-wrapper .second-section .description-img-boxMovie .left-box { aspect-ratio: 840/560; margin-bottom: 80px; overflow: hidden; width: 840px; } body#space .space-wrapper .second-section .description-img-boxMovie .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; padding: 0 90px 267px; width: 100%; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; text-align: justify; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .attention { -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; font-size: 13px; height: 321px; letter-spacing: 1px; line-height: 1.7; margin-right: 30px; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box .vertical-title-wrapper { min-height: 321px; } body#space .space-wrapper .second-section .description-img-box2 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; } body#space .space-wrapper .second-section .description-img-box2 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; overflow: hidden; width: 840px; } body#space .space-wrapper .second-section .description-img-box2 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#space .space-wrapper .second-section .description-img-box2 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; justify-content: flex-end; padding: 0 90px 0 31px; padding-bottom: 240px; width: 100%; } body#space .space-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-right: 83px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 321px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .button-box { margin-right: auto; margin-top: auto; } body#single { height: 100%; width: 100%; } body#single .single-wrapper { padding: 249px 0px 290px; } body#single .single-wrapper .title-wrapper, body#single .single-wrapper .info, body#single .single-wrapper .content-wrapper, body#single .single-wrapper .latest-news-section { margin-left: auto; margin-right: auto; max-width: 861px; } body#single .single-wrapper .mouse-stalker { -webkit-transform: translate(-50%, -50%) scale(0); -moz-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); -o-transform: translate(-50%, -50%) scale(0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; /*background-color: rgba(0, 0, 0, 0.7);*/ background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; height: 5vw; left: 0px; opacity: 0; pointer-events: none; position: fixed; top: 0px; transform: translate(-50%, -50%) scale(0); transition: all 0.2s; transition-timing-function: ease-out; width: 5vw; will-change: transform; z-index: 10; } body#single .single-wrapper .mouse-stalker .allow-prev { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; transition: 0.2s; } body#single .single-wrapper .mouse-stalker .allow-prev::before { -webkit-transform: translate(-30%, -50%) rotate(45deg); -moz-transform: translate(-30%, -50%) rotate(45deg); -ms-transform: translate(-30%, -50%) rotate(45deg); -o-transform: translate(-30%, -50%) rotate(45deg); /*border-bottom: 1px solid #fff;*/ border-bottom: 1px solid #000; border-left: 1px solid #fff; /*border-left: 1px solid #000;*/ content: ""; display: block; height: 0.5vw; left: 50%; position: absolute; top: 50%; transform: translate(-30%, -50%) rotate(45deg); width: 0.5vw; } body#single .single-wrapper .mouse-stalker .allow-next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; transition: 0.2s; } body#single .single-wrapper .mouse-stalker .allow-next::before { -webkit-transform: translate(-70%, -50%) rotate(45deg); -moz-transform: translate(-70%, -50%) rotate(45deg); -ms-transform: translate(-70%, -50%) rotate(45deg); -o-transform: translate(-70%, -50%) rotate(45deg); /*border-right: 1px solid #fff;*/ border-right: 1px solid #fff; /*border-top: 1px solid #fff;*/ border-top: 1px solid #fff; content: ""; display: block; height: 0.5vw; left: 50%; position: absolute; top: 50%; transform: translate(-70%, -50%) rotate(45deg); width: 0.5vw; } body#single .title-wrapper { margin-bottom: 89px; } body#single .title-wrapper .jp { font-size: 24px; letter-spacing: 3px; } body#single .title-wrapper .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } body#single .title-wrapper .sub-title-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; } body#single .title-wrapper .sub-title-wrapper .dash::before { /*border-top: 1px solid rgba(51, 51, 51, 0.5);*/ border-top: 1px solid rgba(51, 51, 51, 0.5); content: ""; display: block; height: 1px; margin: 0 5px 3px; width: 5px; } body#single .title-wrapper .sub-title-wrapper .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; } body#single .title-wrapper .sub-title-wrapper .color { /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); } body#single .content-section .info { margin-bottom: 89px; } body#single .content-section .info > .date { display: block; font-size: 13px; letter-spacing: 1px; margin-bottom: 23px; } body#single .content-section .info > .category { /*color: rgba(51, 51, 51, 0.5);*/ color: rgba(51, 51, 51, 0.5); font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 15px; letter-spacing: 1px; } body#single .content-section .info > .category a { color: currentColor; text-decoration: none; } body#single .content-section .images-wrapper { -ms-overflow-style: none; overflow: hidden; position: relative; scrollbar-width: none; } body#single .content-section .images-wrapper::-webkit-scrollbar { display: none; } body#single .content-section .images-wrapper .swiper, body#single .content-section .images-wrapper .images-box { -ms-overflow-style: none; height: 100%; margin-right: 0; overflow: visible; position: initial; scrollbar-width: none; width: -webkit-calc(100vw - ((100vw - 44px - 861px) / 2)); width: calc(100vw - ((100vw - 44px - 861px) / 2)); } body#single .content-section .images-wrapper .swiper::-webkit-scrollbar, body#single .content-section .images-wrapper .images-box::-webkit-scrollbar { display: none; } body#single .content-section .images-wrapper .swiper .swiper-slide, body#single .content-section .images-wrapper .images-box .swiper-slide { width: auto; } body#single .content-section .images-wrapper .swiper .img, body#single .content-section .images-wrapper .images-box .img { height: 584px; } body#single .content-section .images-wrapper .swiper .swiper-pagination, body#single .content-section .images-wrapper .images-box .swiper-pagination { /*color: #fff;*/ color: #fff; } body#single .content-section .images-wrapper .single-two-direction-control .swiper-button-next, body#single .content-section .images-wrapper .single-two-direction-control .swiper-button-prev { height: 100%; margin-top: 0px; opacity: 0; width: 50%; } body#single .content-section .images-wrapper .single-two-direction-control .swiper-button-next { left: initial; right: 0px; top: 0px; } body#single .content-section .images-wrapper .single-two-direction-control .swiper-button-prev { left: 0px; top: 0px; } body#single .content-section .images-wrapper .loop-control .swiper-button-next, body#single .content-section .images-wrapper .loop-control .swiper-button-prev { height: 100%; margin-top: 0px; opacity: 0; width: 50%; } body#single .content-section .images-wrapper .loop-control .swiper-button-next { left: initial; right: 0px; top: 0px; } body#single .content-section .images-wrapper .loop-control .swiper-button-prev { left: 0px; top: 0px; } body#single .content-section .image-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 584px; justify-content: center; margin-left: auto; margin-right: auto; max-width: 861px; overflow: hidden; width: 100%; } body#single .content-section .image-wrapper img { -o-object-fit: contain; display: block; height: 100%; max-height: 100%; object-fit: contain; } body#single .content-section .sp { display: none; } body#single .content-section .content-wrapper .text-wrapper .headline-box { margin-top: 54px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .horizontal-title-wrapper { padding-bottom: 0; } body#single .content-section .content-wrapper .text-wrapper .headline-box .date { font-family: "Noto Serif JP", serif; font-size: 13px; letter-spacing: 0.75px; margin-bottom: 11px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .jp { font-size: 19px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .en { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 13px; } body#single .content-section .content-wrapper .text-content-box { /*.text { font-size: 16px; }*/ line-height: 2; } body#single .content-section .content-wrapper .text-content-box p { font-size: 14px; margin: 3em 0; } body#single .content-section .content-wrapper .text-content-box a { color: currentColor; } body#single .content-section .latest-news-section { margin-top: 152px; } body#single .content-section .latest-news-section .title { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 13px; } body#single .content-section .latest-news-section .latest-news-outer-wrapper { position: relative; } body#single .content-section .latest-news-section .latest-news-outer-wrapper.sp { display: none; } body#single .content-section .latest-news-section .latest-news-wrapper { margin-top: 23px; max-width: 861px; overflow: hidden; position: relative; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box { /*color: #000;*/ color: #000; display: block; text-decoration: none; width: 100%; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .img-box { aspect-ratio: 1/1; width: 100%; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .img-box img { -o-object-fit: cover; aspect-ratio: 1/1; object-fit: cover; width: 100%; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box { -webkit-box-align: baseline; -webkit-align-items: baseline; -ms-flex-align: baseline; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: baseline; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; margin-bottom: 15px; margin-top: 23px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .date { font-size: 13px; margin-right: 19px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .category { font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 13px; opacity: 0.7; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .headline { font-size: 13px; letter-spacing: 1px; } body#single .content-section .latest-news-section .swiper-prev, body#single .content-section .latest-news-section .swiper-next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; color: transparent; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 44px; justify-content: center; margin-top: -22px; position: absolute; width: 20px; z-index: 10; } body#single .content-section .latest-news-section .swiper-prev:hover, body#single .content-section .latest-news-section .swiper-next:hover { opacity: 0.6; } body#single .content-section .latest-news-section .swiper-prev .arrow-left, body#single .content-section .latest-news-section .swiper-prev .arrow-right, body#single .content-section .latest-news-section .swiper-next .arrow-left, body#single .content-section .latest-news-section .swiper-next .arrow-right { position: absolute; top: 0; z-index: 0; } body#single .content-section .latest-news-section .swiper-prev .arrow-left, body#single .content-section .latest-news-section .swiper-next .arrow-left { left: 0; } body#single .content-section .latest-news-section .swiper-prev .arrow-right, body#single .content-section .latest-news-section .swiper-next .arrow-right { right: 0; } body#single .content-section .latest-news-section .swiper-prev { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); left: -62px; top: 50%; transform: translate(0, -50%); } body#single .content-section .latest-news-section .swiper-next { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); right: -52px; top: 50%; transform: translate(0, -50%); } body#single .link-button .multiple-text { line-height: 1; margin-bottom: 5px; } body#single .link-button .multiple-text:last-child { margin-bottom: 0; } body#single .link-button:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } body#single .link-button:hover .text, body#single .link-button:hover .multiple-text { -webkit-transform: scale(0.939); -moz-transform: scale(0.938); -ms-transform: scale(0.938); -o-transform: scale(0.938); transform: scale(0.938); } @media screen and (min-width: 992px) { body#archive .content-wrapper .category-title-wrapper .cat-title.current { border-bottom: 1px solid currentColor; } body#archive .tab-label { border-bottom: 1px solid transparent; } body#archive .tab-label:after { /*background-color: rgba(0, 0, 0, 0.15);*/ background-color: rgba(0, 0, 0, 0.15); bottom: -1px; content: ""; display: block; height: 1px; left: -30px; position: absolute; width: -webkit-calc(100% + 30px); width: calc(100% + 30px); } body#archive .tab-label:first-of-type { margin-left: 0; } body#archive .tab-label:first-of-type:after { left: 0; width: 100%; } body#archive .tab-switch:checked + .tab-label { border-bottom: 1px solid currentColor; } } @media screen and (min-width: 1441px) { #footer .footer-wrapper .left-box { height: 100%; } #footer .footer-wrapper .left-box.jp { height: 600px; } #footer .footer-wrapper .right-box { height: 100%; } #footer .footer-wrapper .right-box.jp { height: 600px; } body#art .art-wrapper .mouse-stalker { height: 70px; width: 70px; } body#art .art-wrapper .mouse-stalker .allow-prev::before { height: 8px; width: 8px; } body#art .art-wrapper .mouse-stalker .allow-next::before { height: 8px; width: 8px; } body#single .single-wrapper .mouse-stalker { height: 70px; width: 70px; } body#single .single-wrapper .mouse-stalker .allow-prev::before { height: 8px; width: 8px; } body#single .single-wrapper .mouse-stalker .allow-next::before { height: 8px; width: 8px; } } @media screen and (max-width: 1440px) { #footer { max-width: 1056px; } #footer .footer-wrapper { max-width: 650px; /*padding: 147px 0px 129px;*/ padding: 0px 0px 129px; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { margin-left: 17.4vw; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box { width: -webkit-calc(100vw - 17.4vw); width: calc(100vw - 17.4vw); } body#art .art-wrapper .event-section .event-wrapper .scroll-sign-wrapper { margin-left: 17.4vw; } body#english .footer-wrapper { padding: 127px 0px 129px; } } @media screen and (max-width: 1360px) { body#english .english-wrapper .top-layer-wrapper { display: none; } body#english .english-wrapper .first-section .address { display: block; font-family: garamond-premier-pro-display, serif; margin-left: 40px; margin-top: 80px; } } @media screen and (max-width: 1280px) { .content-box .left-box { margin-right: 100px; } body#art .art-wrapper .fourth-section .content-box { margin-left: 10vw; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box { left: 10vw; } body#art .art-wrapper .fourth-section .images-wrapper .images-box { margin-left: 10vw; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { margin-left: 10vw; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper { padding-bottom: 30px; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box { width: -webkit-calc(100vw - 10vw); width: calc(100vw - 10vw); } body#art .art-wrapper .event-section .event-wrapper .scroll-sign-wrapper { margin-left: 10vw; } body#concept .concept-section .second-section .content-box { padding: 0 15px; } body#english .english-wrapper .second-section .inner-wrapper .video-wrapper .text-box { padding: 0 99px 117px; } body#space .space-wrapper .second-section .content-box { padding: 0 15px; } body#single .content-section .latest-news-section .swiper-prev { -webkit-transform: translate(0, 0%); -moz-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); left: 0px; top: 120%; transform: translate(0, 0%); } body#single .content-section .latest-news-section .swiper-next { -webkit-transform: translate(0, 0%); -moz-transform: translate(0, 0%); -ms-transform: translate(0, 0%); -o-transform: translate(0, 0%); right: 0px; top: 120%; transform: translate(0, 0%); } } @media screen and (max-width: 1136px) { body#english .english-wrapper .third-section .location-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#english .english-wrapper .third-section .location-wrapper .left-box { margin-right: 0; margin-top: 105px; } body#english .english-wrapper .third-section .square-img-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; } body#english .english-wrapper .third-section .square-img-wrapper .left-box { margin-right: 0; margin-top: 100px; } body#english .english-wrapper .third-section .square-img-wrapper .pc { display: none; } body#english .english-wrapper .third-section .square-img-wrapper .sp { display: block; } body#english .english-wrapper .third-section .rectangle-img-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: auto; } body#english .english-wrapper .third-section .rectangle-img-box .left-box { margin-right: 0; margin-top: 100px; } body#english .english-wrapper .fourth-section { max-width: initial; padding: 0 99px; } } @media screen and (max-width: 1080px) { body#concept .concept-section .second-section .description-img-box4 { max-width: initial; } body#concept .concept-section .second-section .description-img-box4 .left-box { margin-bottom: 47px; width: 100vw; } /*body#concept .concept-section .second-section .description-img-boxMovie { max-width: initial; } body#concept .concept-section .second-section .description-img-boxMovie .left-box { margin-bottom: 47px; width: 100vw; }*/ body#concept .concept-section .second-section .description-img-boxMovie .left-box { aspect-ratio: 840/560; margin-bottom: 80px; /*overflow: hidden;*/ width: 840px; } body#concept .concept-section .second-section .description-img-boxMovie .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#english .english-wrapper .first-section .inner-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#english .english-wrapper .first-section .first-view-box .lang { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; font-size: 28px; justify-content: flex-end; margin-bottom: 80px; position: initial; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 { max-width: initial; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box { width: 100%; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box .swiper-wrapper { width: 100%; } body#sabo .sabo-wrapper .second-section .description-img-box2 { max-width: initial; } body#sabo .sabo-wrapper .second-section .description-img-box2 .left-box { width: 100%; } body#space .space-wrapper .second-section .description-img-box4 { max-width: initial; } body#space .space-wrapper .second-section .description-img-box4 .left-box { margin-bottom: 47px; width: 100vw; } body#space .space-wrapper .second-section .description-img-boxMovie { max-width: initial; } body#space .space-wrapper .second-section .description-img-boxMovie .left-box { margin-bottom: 47px; width: 100vw; } body#space .space-wrapper .second-section .description-img-box2 { max-width: initial; } body#space .space-wrapper .second-section .description-img-box2 .left-box { width: 100%; } } @media screen and (max-width: 991px) { #wrapper { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; padding: 30px; background: transparent !important; } #header .logo.pc { display: none; } #header .logo.sp { display: block; } #header .logo.sp > a img { /*width: 94px;*/ width: 60px; } #header .nav-box { padding: 30px 30px; } #header .nav-box .reservation { font-size: 28px; margin-top: -1px; } #header .nav-box .lang { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; font-size: 28px; justify-content: flex-end; position: initial; } #header .global .logo.pc { display: none; } #header .global .logo.sp { display: block; left: 30px; position: absolute; top: 30px; } #header .global .outer .inner .menu-right .menu li:last-child { /*margin-bottom: 50px;*/ margin-bottom: 20px; } #header .global .outer .inner .menu-lang .lang > li > a { font-size: 12px; } #header .global .outer .inner .menu-lang .lang > span { font-size: 12px; } #header .global .outer .menu-bottom .menu-lang .lang > li > a { font-size: 12px; } #header .global .outer .menu-bottom .menu-lang .lang > span { font-size: 12px; } #footer { height: 100%; max-width: 521px; } #footer .footer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: auto; max-width: 521px; padding: 220px 0px 219px; } #footer .footer-wrapper .logo-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin-bottom: 178px; width: 100%; } #footer .footer-wrapper .logo-box .logo-sp { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: block; transition: 0.4s; width: 100px; } #footer .footer-wrapper .logo-box .logo-sp:hover { opacity: 0.6; } #footer .footer-wrapper .logo-box.en .logo-sp { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: block; transition: 0.4s; width: auto; } #footer .footer-wrapper .logo-box.en .logo-sp:hover { opacity: 0.6; } #footer .footer-wrapper .logo-box.en .logo-sp img { width: 100%; } #footer .footer-wrapper .logo-box.en .logo-sp > a { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } #footer .footer-wrapper .copyright-sp { display: block; font-size: 14px; margin-top: 78px; } .copyright-personal { display: block; font-size: 14px; margin-top: 20px; } #footer .footer-wrapper .left-box { margin-right: 0; } #footer .footer-wrapper .left-box.jp { height: auto; } #footer .footer-wrapper .left-box.en { height: auto; } #footer .footer-wrapper .left-box .upper-box { font-size: 12px; margin-bottom: 25px; } #footer .footer-wrapper .left-box .upper-box h2 { font-size: 14px; margin-bottom: 25px; font-weight: 400; } #footer .footer-wrapper .left-box .upper-box .address { font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .address > a { font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .tel > a { font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .menu > li a { font-size: 12px; } #footer .footer-wrapper .left-box .middle-wrapper1, #footer .footer-wrapper .left-box .middle-wrapper2 { margin-bottom: 12px; } #footer .footer-wrapper .left-box .middle-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .middle-wrapper2 .menu > li a { font-size: 12px; } #footer .footer-wrapper .left-box .bottom-wrapper1, #footer .footer-wrapper .left-box .bottom-wrapper2 { margin-bottom: 12px; } #footer .footer-wrapper .left-box .bottom-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper1 .sns > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .sns > li a { font-size: 12px; } #footer .footer-wrapper .left-box .bottom-wrapper1 .recruit a, #footer .footer-wrapper .left-box .bottom-wrapper2 .recruit a { font-size: 12px; } #footer .footer-wrapper .right-box { display: none; } #footer .footer-wrapper .right-box.en { height: auto; } #footer .footer-wrapper .right-box.jp { height: auto; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; font-size: 16px; justify-content: flex-end; position: initial; } /*.link-button { height: 207px; width: 207px; }*/ .link-button .text { font-size: 12px; } .link-button.multiple-lines > .multiple-text { font-size: 24px; } /* ボタン　START */ /*矢印が右に移動する*/ .link-button{ /*矢印と下線の基点とするためrelativeを指定*/ position: relative; /*形状*/ display: inline-block; padding: 0 20px 0 0px; color: #000; text-decoration: none; outline: none; } /*矢印と下線の形状*/ .link-button::before{ content: ''; /*絶対配置で下線の位置を決める*/ position: absolute; bottom:-8px; left:0%; /*下線の形状*/ width: 100%; height: 1px; background:#000; /*アニメーションの指定*/ transition: all .3s; } .link-button::after{ content: ''; /*絶対配置で矢印の位置を決める*/ position: absolute; bottom:-3px; right:0; /*矢印の形状*/ width: 15px; height:1px; background:#000; transform: rotate(35deg); /*アニメーションの指定*/ transition: all .3s; } /*hoverした際の移動*/ .link-button:hover::before{ left:20%; } .link-button:hover::after{ right:-20%; } /* ボタン　END */ .horizontal-title-wrapper .jp { font-size: 18px; } .horizontal-title-wrapper .en { font-size: 14px; letter-spacing: 0.4rem; } .vertical-title-wrapper .jp { font-size: 14px; letter-spacing: 0.25rem; } .vertical-title-wrapper .en { font-size: 14px; } .content-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: initial; } .content-box .left-box { margin-bottom: 78px; width: 100%; } .content-box .right-box { padding: 0 50px; width: 100%; } #treadmans-bonsai .content-box .right-box { padding: 0 50px; width: 100%; } #rokkanan-02 .content-box .right-box { padding: 0 50px; width: 100%; } .content-box .right-box .title-box { margin-bottom: 139px; } .content-box .right-box .title-box .sub-title { font-size: 28px; } .content-box .right-box .text-box { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: auto; letter-spacing: 1px; line-height: 1.8; writing-mode: horizontal-tb; } #yakuzen-ongaku .content-box .right-box .text-box { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: auto; letter-spacing: 1px; line-height: 1.8; writing-mode: horizontal-tb; } #okashiya-ucchi .right-box .text-box { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: auto; letter-spacing: 1px; line-height: 1.8; writing-mode: horizontal-tb; } .first-section-texts { height: 100%; margin-bottom: 0px; padding: 220px 145px 300px; width: 100%; } .first-section-texts .left-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-right: 0; width: 100%; } .first-section-texts .left-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: auto; letter-spacing: 0px; width: 100%; writing-mode: horizontal-tb; } .first-section-texts .left-box .border { display: none; } .first-section-texts .left-box .title { font-size: 38px; margin-bottom: 207px; margin-left: auto; } .first-section-texts .left-box .sub-title-sp { display: block; font-family: garamond-premier-pro-caption, "Noto Serif JP", serif; font-size: 28px; left: 0; letter-spacing: 2px; position: absolute; top: 10px; } .first-section-texts .right-box { display: none; } .progressbar { width: 166px; } .fade-letters-pc { opacity: 1; } .fade-letters { -webkit-transition: -webkit-filter 0.8s; -webkit-transition: filter 0.8s; -moz-transition: filter 0.8s; -ms-transition: filter 0.8s; -o-transition: filter 0.8s; -webkit-filter: blur(1); -webkit-transform: translate3d(0, 40px, 0); -moz-transform: translate3d(0, 40px, 0); -ms-transform: translate3d(0, 40px, 0); -o-transform: translate3d(0, 40px, 0); filter: blur(1); opacity: 0; transform: translate3d(0, 40px, 0); transition: -webkit-filter 0.8s; transition: filter 0.8s; transition: filter 0.8s, -webkit-filter 0.8s; } body#error .contact-wrapper { padding: 330px 120px 0; } body#error .contact-wrapper .inner-wrapper { margin: 0 auto 220px; } body#error .contact-wrapper .inner-wrapper .text-box .logo { margin-bottom: 120px; } body#error .contact-wrapper .inner-wrapper .text-box .code { font-size: 62px; } body#error .contact-wrapper .inner-wrapper .text-box .text { font-size: 28px; } body#error .contact-wrapper .inner-wrapper .text-box .text.pc { display: none; } body#error .contact-wrapper .inner-wrapper .text-box .text.sp { display: block; } body#archive .single-wrapper { max-width: initial; padding-bottom: 220px; padding-top: 315px; } body#archive .title-wrapper { margin-bottom: 215px; padding: 0 133px 0 146px; } body#archive .title-wrapper .jp { font-size: 43px; } body#archive .title-wrapper .sub-title-wrapper .en { font-size: 28px; } body#archive .content-wrapper { padding: 0 133px 0 146px; } body#archive .content-wrapper .category-title-section { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; width: 100%; } body#archive .content-wrapper .category-title-wrapper { margin-bottom: 150px; } body#archive .content-wrapper .category-title-wrapper::after { border-bottom: none; /*border-left: 1px solid rgba(0, 0, 0, 0.15);*/ border-left: 1px solid rgba(0, 0, 0, 0.15); height: 335px; } body#archive .content-wrapper .category-title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } body#archive .content-wrapper .category-title-wrapper #category1:checked ~ .all { border-bottom: none; border-left: 1px solid black; } body#archive .content-wrapper .category-title-wrapper #category2:checked ~ .art { border-bottom: none; border-left: 1px solid black; } body#archive .content-wrapper .category-title-wrapper #category3:checked ~ .event { border-bottom: none; border-left: 1px solid black; } body#archive .content-wrapper .category-title-wrapper #category4:checked ~ .stay { border-bottom: none; border-left: 1px solid black; } body#archive .content-wrapper .category-title-wrapper #category5:checked ~ .other { border-bottom: none; border-left: 1px solid black; } body#archive .content-wrapper .category-title-wrapper .category-title { font-size: 28px; margin-left: 0; padding: 15px 26px; } body#archive .content-wrapper .category-title-wrapper .cat-title { font-size: 28px; margin-left: 0; padding: 15px 26px; } body#archive .content-wrapper .category-title-wrapper .cat-title.current { border-left: 1px solid currentColor; } body#archive .content-wrapper .news-list-wrapper .news-list-box { margin-bottom: 0; } body#archive .content-wrapper .news-list-wrapper .news-list-box::after { border-bottom: 1px solid #000; content: ""; display: inline-block; height: 1px; margin: 35px 0; width: 20px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .news-inner-box { margin-bottom: 16px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .date { font-size: 26px; margin-right: 40px; min-width: initial; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .category { font-size: 28px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .headline { font-size: 28px; } body#archive .tab-label { /*border-left: 1px solid rgba(0, 0, 0, 0.15);*/ border-left: 1px solid rgba(0, 0, 0, 0.15); font-size: 28px; margin-left: -webkit-calc(100% - 152px); margin-left: calc(100% - 152px); padding: 15px 26px; } body#archive .tab-content { margin-top: 150px; } body#archive .tab-switch:checked + .tab-label { border-left: 1px solid currentColor; } body#access .access-wrapper { padding: 330px 0px 0; } body#access .access-wrapper .inner-wrapper { margin: 0 auto 220px; } body#access .access-wrapper .inner-wrapper .first-section { padding: 0 100px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper { padding-left: 0px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .jp { font-size: 43px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .en { font-size: 28px; } body#access .access-wrapper .inner-wrapper .text-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 115px; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; align-items: flex-start; flex-direction: column; height: auto; margin-bottom: 70px; margin-left: 0px; width: 100%; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .title { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; margin-bottom: 20px; min-height: initial; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content.pc { display: none; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content.sp { display: block; } body#access .access-wrapper .inner-wrapper .text-wrapper .left-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; writing-mode: horizontal-tb; } body#access .access-wrapper .inner-wrapper .text-wrapper .link-box { display: block; margin: 20px 0 40px 0; font-size: 0.85rem; } body#art .art-wrapper .mouse-stalker { display: none; } body#art .art-wrapper .first-section-texts .left-box .text, body#art .art-wrapper .first-section-texts .left-box .description { height: auto; } body#art .art-wrapper .second-section { margin: 300px auto 0; padding: 0 95px; } body#art .art-wrapper .second-section .current .vertical-title-wrapper { min-height: 453px; } body#art .art-wrapper .second-section .title-box, body#art .art-wrapper .third-section .title-box { padding: 0 50px; padding-bottom: 140px; } body#art .art-wrapper .second-section .title-box.sp, body#art .art-wrapper .third-section .title-box.sp { margin-bottom: 70px; } body#art .art-wrapper .second-section .images-wrapper.pc-l, body#art .art-wrapper .third-section .images-wrapper.pc-l { display: none; } body#art .art-wrapper .second-section .images-wrapper.sp, body#art .art-wrapper .third-section .images-wrapper.sp { display: block; } body#art .art-wrapper .third-section { margin: 80px auto 0; margin-bottom: 221px; padding: 0 95px; } body#art .art-wrapper .third-section .past .vertical-title-wrapper { min-height: 246px; } body#art .art-wrapper .fourth-section { margin: 300px auto 220px; } body#art .art-wrapper .fourth-section .content-out-wrapper { margin-bottom: 0px; padding: 0 95px; } body#art .art-wrapper .fourth-section .content-wrapper { padding-bottom: 220px; } body#art .art-wrapper .fourth-section .gallery .vertical-title-wrapper { min-height: 210px; } body#art .art-wrapper .fourth-section .collection { margin-bottom: 220px; } body#art .art-wrapper .fourth-section .collection .vertical-title-wrapper { min-height: 210px; } body#art .art-wrapper .fourth-section .content-box { margin-left: 0; } body#art .art-wrapper .fourth-section .content-box .vertical-title-wrapper { min-height: 210px; } body#art .art-wrapper .fourth-section .images-wrapper.pc { display: none; } body#art .art-wrapper .fourth-section .images-wrapper.sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box { display: none; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next { height: 25px; } body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-left, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-prev .arrow-right, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-left, body#art .art-wrapper .fourth-section .images-wrapper .swiper-box .content-next .arrow-right { height: 25px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box { margin-left: 0; overflow: scroll; padding-left: 95px; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { margin-left: 0; padding: 0 47px; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper { padding-bottom: 15px; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper .jp { font-size: 35px; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper .en { font-size: 24px; } body#art .art-wrapper .event-section .event-wrapper .date { font-size: 23px; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper { overflow: initial; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; flex-flow: column; margin-left: 0; padding-left: 0; white-space: initial; width: 100%; } body#art .art-wrapper .event-section .event-wrapper .images-wrapper .swiper .img, body#art .art-wrapper .event-section .event-wrapper .images-wrapper .images-box .img { height: auto; margin-bottom: 10px; margin-right: 0; width: 100%; } body#art .art-wrapper .event-section .event-wrapper .scroll-sign-wrapper { display: none; } body#art .art-wrapper .event-switch ~ .button-box:nth-child(4)::after { right: 90px; } body#art .art-wrapper .button-box { margin-top: 78px; width: 100%; } body#cancel-policy .cancel-policy-wrapper { padding: 330px 120px 0; } body#cancel-policy .inner-wrapper { margin: 0 auto 220px; } body#cancel-policy .inner-wrapper .content-wrapper .statement { font-size: 28px; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 28px; } body#concept .concept-section .first-section-texts { height: 100%; margin-bottom: 300px; padding: 220px 145px 0; width: 100%; } body#concept .concept-section .first-section-texts .left-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-right: 0; width: 100%; } body#concept .concept-section .first-section-texts .left-box .text, body#concept .concept-section .first-section-texts .left-box .description { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: auto; letter-spacing: 0px; margin-left: 0px; width: 100%; writing-mode: horizontal-tb; } body#concept .concept-section .first-section-texts .left-box .text.sp, body#concept .concept-section .first-section-texts .left-box .description.sp { display: block; margin-bottom: 37px; } body#concept .concept-section .first-section-texts .left-box .text { height: auto; line-height: 1.6; } body#concept .concept-section .first-section-texts .left-box .description-box.pc { display: none; } body#concept .concept-section .first-section-texts .left-box .border { display: none; } body#concept .concept-section .first-section-texts .left-box .title { font-size: 38px; margin-bottom: 207px; margin-left: auto; } body#concept .concept-section .first-section-texts .left-box .sub-title-sp { display: block; font-size: 28px; left: 0; letter-spacing: 2px; position: absolute; top: 10px; } body#concept .concept-section .first-section-texts .right-box { display: none; } body#concept .concept-section .second-section { margin: 300px auto; } body#concept .concept-section .second-section .content-out-wrapper { padding: 0 95px; } body#concept .concept-section .second-section .content-wrapper.pc { display: none; } body#concept .concept-section .second-section .content-wrapper.sp { display: block; } body#concept .concept-section .second-section .content-wrapper.future { padding-bottom: 220px; } body#concept .concept-section .second-section .content-wrapper.future .vertical-title-wrapper { min-height: 325px; } body#concept .concept-section .second-section .content-box { margin-left: 0; margin-right: 0; } body#concept .concept-section .second-section .vertical-title-wrapper { min-height: 175px; } body#concept .concept-section .second-section .description-img-box4 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; flex-direction: column-reverse; padding: 0 50px 220px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /*body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }*/ body#concept .concept-section .second-section .description-img-boxMovie .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; flex-direction: column-reverse; padding: 0 50px 220px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /*body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }*/ #philosophy_top .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; height: initial; /*letter-spacing: 0px;*/ margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.pc { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.sp { display: block; } body#concept .concept-section .second-section .description-img-box4 .right-box .vertical-title-wrapper { margin: 80px 0 146px auto; min-height: 315px; } body#concept .concept-section .second-section .description-img-box4 .right-box.land .vertical-title-wrapper { margin: 33px 0 146px auto; min-height: 315px; } body#concept .concept-section .second-section .description-img-box4 .right-box.bringing-new .vertical-title-wrapper { margin: 33px 0 146px auto; min-height: 315px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; text-align: justify; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.pc { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.sp { display: block; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .vertical-title-wrapper { margin: 80px 0 146px auto; min-height: 315px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.land .vertical-title-wrapper { margin: 33px 0 146px auto; min-height: 315px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.bringing-new .vertical-title-wrapper { margin: 33px 0 146px auto; min-height: 315px; } body#contact .contact-wrapper { padding: 330px 120px 0; } body#contact .contact-wrapper .inner-wrapper { margin: 0 auto 220px; } body#contact .contact-wrapper .horizontal-title-wrapper { margin-bottom: 212px; } body#contact .contact-wrapper .notice-box .notice { bottom: -36px; /*font-size: 25px;*/ font-size: 18px; } body#contact .contact-wrapper dt label { /*font-size: 25px;*/ font-size: 18px; } body#contact .contact-wrapper dl.message { margin-bottom: 100px; } body#contact .contact-wrapper dl { margin-bottom: 30px; } body#contact .contact-wrapper .wpcf7-form-control-wrap > textarea { height: 195px; } body#contact .contact-wrapper .agree .wpcf7-list-item > label { /*font-size: 25px;*/ font-size: 18px; } body#contact .contact-wrapper .wpcf7-response-output { /*font-size: 25px;*/ font-size: 18px; } body#cookie-policy .cookie-policy-wrapper { padding: 330px 120px 0; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper { margin: 0 auto 220px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .top-statement { font-size: 28px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .statement { font-size: 28px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .title { font-size: 28px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text { font-size: 28px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 28px; } body#concept .product-wrapper .second-section .content-wrapper.okashiya .vertical-title-wrapper { min-height: 252px; } body#concept .product-wrapper .second-section .content-wrapper.seasonal-okashiya .vertical-title-wrapper { min-height: 212px; } body#english .english-wrapper .first-section { margin-bottom: 162px; } body#english .english-wrapper .first-section .address { font-size: 24px; } body#english .english-wrapper .first-section .first-view-box { padding: 0 99px; width: 100%; } body#english .english-wrapper .first-section .first-view-box .swiper-wrapper .l-img { width: 100%; } body#english .english-wrapper .second-section .inner-wrapper { margin-bottom: 70px; } body#english .english-wrapper .second-section .inner-wrapper .logo-box { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 162px 99px 327px; } body#english .english-wrapper .second-section .inner-wrapper .logo-box > .logo-name { width: 50%; } .video-wrapper .text-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 99px; } .video-wrapper .text-box .title { font-size: 40px; margin-right: 0; } .video-wrapper .text-box .title.pc { display: none; } .video-wrapper .text-box .title.sp { display: block; font-size: 40px; margin-bottom: 70px; } .video-wrapper .text-box .text { font-size: 29px; max-width: initial; } .video-wrapper .video-box { margin-bottom: 70px; } body#english .english-wrapper .second-section .slide-wrapper > .swiper-wrapper { height: auto; width: 100%; } body#english .english-wrapper .second-section .slide-wrapper > .swiper-wrapper .swiper-slide .picture { height: auto; } body#english .english-wrapper .third-section { margin: 223px auto 0px; } body#english .english-wrapper .third-section .location-wrapper { margin-bottom: 223px; } body#english .english-wrapper .third-section .location-wrapper .left-box { max-width: initial; padding: 0 99px; } body#english .english-wrapper .third-section .location-wrapper .left-box .title { font-size: 40px; margin-bottom: 80px; } body#english .english-wrapper .third-section .location-wrapper .left-box .text { font-size: 29px; } body#english .english-wrapper .third-section .square-img-wrapper { margin-top: 112px; padding-bottom: 111px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box { margin-top: 121px; max-width: initial; padding: 0 99px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box .title { font-size: 40px; margin-bottom: 80px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box .text { font-size: 29px; } body#english .english-wrapper .third-section .square-img-wrapper .right-box { height: auto; width: 100%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper { width: 100%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-wrapper .swiper-slide { height: auto; width: 100%; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-pagination { bottom: -40px; left: initial; right: 96px; width: 123px; } body#english .english-wrapper .third-section .rectangle-img-box { margin-bottom: 111px; padding-top: 112px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box { margin-top: 121px; max-width: initial; padding: 0 99px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box > .title { font-size: 40px; margin-bottom: 81px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box { font-size: 27px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box .title { margin-right: 70px; min-width: 7rem; } body#english .english-wrapper .third-section .rectangle-img-box .right-box { width: 100%; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box { bottom: -65px; right: 99px; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box .link { font-size: 23px; } body#english .english-wrapper .fourth-section { margin: 215px auto 221px; } body#english .english-wrapper .fourth-section > .title { font-size: 40px; margin-bottom: 103px; padding: 0; } body#english .english-wrapper .fourth-section .category-title-section { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; width: 100%; } body#english .english-wrapper .fourth-section .category-title-wrapper { margin-bottom: 143px; width: auto; } body#english .english-wrapper .fourth-section .category-title-wrapper::after { border-bottom: none; /*border-left: 1px solid rgba(0, 0, 0, 0.15);*/ border-left: 1px solid rgba(0, 0, 0, 0.15); height: 450px; } body#english .english-wrapper .fourth-section .category-title-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } body#english .english-wrapper .fourth-section .category-title-wrapper #category1:checked ~ .check-in { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper #category2:checked ~ .guest-room { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper #category3:checked ~ .meals { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper #category4:checked ~ .facilities { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper #category5:checked ~ .reservation { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper #category6:checked ~ .season { border-bottom: none; border-left: 1px solid black; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title { font-size: 28px; margin-bottom: 10px; margin-left: 0; padding: 15px 0px 15px 26px; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title:last-child { margin-bottom: 0; } body#english .english-wrapper .fourth-section .accordion-wrapper { padding: 0; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .icon { font-size: 40px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .question { font-size: 37px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box { width: -webkit-calc(100% - 89px); width: calc(100% - 89px); } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .icon { font-size: 40px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .answer { font-size: 28px; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box::after { font-size: 34px; margin-left: 55px; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box.active::after { font-size: 34px; margin-left: 55px; } body#guest-rooms .guest-room-wrapper .second-section { margin: 300px auto 220px; padding: 0 95px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 80px; width: 100vw; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box .swiper-wrapper { width: 100vw; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-right: 0; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 80px; writing-mode: horizontal-tb; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text.pc { display: none; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text.sp { display: block; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 0px 0 146px auto; min-height: initial; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 360px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.comfort .vertical-title-wrapper { min-height: 365px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.junior-sweet .vertical-title-wrapper { min-height: 285px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 255px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 255px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.japanese-style .vertical-title-wrapper { min-height: 195px; } body#guest-rooms .guest-room-wrapper .second-section .button-box { margin-left: auto; margin-right: 0; } body#guest-rooms .guest-room-wrapper .swiper-pagination { bottom: -86px; left: 25px; margin-left: 95px; width: 166px; } body#guest-rooms .guest-room-wrapper .pc { display: none; } body#guest-rooms .guest-room-wrapper .sp { display: block; } body#privacy-policy .privacy-policy-wrapper { /*padding: 330px 120px 0;*/ padding: 220px 120px 0; } body#privacy-policy .inner-wrapper { margin: 0 auto 220px; } body#privacy-policy .inner-wrapper .content-wrapper .statement { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 14px; margin-top: 30px; } /*News Release START*/ body#news-release .news-release-wrapper { padding: 330px 120px 0; } body#news-release .inner-wrapper { /*margin: 0 auto 220px;*/ margin: 0 auto 20px; } body#news-release .inner-wrapper .content-wrapper .statement { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .title { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; flex-direction: column; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 28px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 22px; margin-top: 30px; } /*News Release END*/ body#sabo .sabo-wrapper .second-section { margin: 300px auto 220px; padding: 0 95px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 80px; width: 100vw; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-right: 0; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 80px; margin-left: 0px; writing-mode: horizontal-tb; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: initial; margin-bottom: 80px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text { margin-bottom: 30px; margin-left: 0; margin-right: 0; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text:first-child { margin-left: 0px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 10px 0 146px auto; min-height: initial; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 315px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box.menu .vertical-title-wrapper { min-height: 140px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box.afternoon-tea .vertical-title-wrapper { min-height: 315px; } body#sabo .sabo-wrapper .second-section .button-box { margin-left: auto; margin-right: 0; } body#space .space-wrapper .first-section-texts .left-box .title { font-size: 36px; } body#space .space-wrapper .first-section-texts .left-box .text { height: auto; } body#space .space-wrapper .second-section { margin: 300px auto 220px; } body#space .space-wrapper .second-section .content-out-wrapper { padding: 0 95px; } body#space .space-wrapper .second-section .content-wrapper.pc { display: none; } body#space .space-wrapper .second-section .content-wrapper.sp { display: block; } body#space .space-wrapper .second-section .content-wrapper.onsen .vertical-title-wrapper { min-height: 115px; } body#space .space-wrapper .second-section .content-wrapper.stay .vertical-title-wrapper, body#space .space-wrapper .second-section .content-wrapper.stay .sub-title { min-height: 235px; } body#space .space-wrapper .second-section .content-wrapper.library .vertical-title-wrapper { min-height: 210px; } body#space .space-wrapper .second-section .horizontal { padding-bottom: 0px; } body#space .space-wrapper .second-section .content-box { margin-left: 0; margin-right: 0; } body#space .space-wrapper .second-section .content-box .right-box { padding-bottom: 220px; } body#space .space-wrapper .second-section .description-img-box4 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .attention { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-right: 0; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box { margin: 33px 0 146px auto; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box .vertical-title-wrapper { min-height: 390px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .attention { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-right: 0; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box { margin: 33px 0 146px auto; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box .vertical-title-wrapper { min-height: 390px; } body#space .space-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 80px; width: 100vw; } body#space .space-wrapper .second-section .description-img-box2 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-right: 0; } body#space .space-wrapper .second-section .description-img-box2 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 80px; writing-mode: horizontal-tb; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 0px 0 146px auto; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { min-height: 140px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .button-box { margin-left: auto; margin-right: 0; } body#single .single-wrapper { padding: 315px 0px 221px; } body#single .single-wrapper .mouse-stalker { display: none; } body#single .title-wrapper { padding: 0 95px; } body#single .title-wrapper .jp { font-size: 43px; } body#single .title-wrapper .sub-title-wrapper .en { font-size: 28px; } body#single .content-section .info { margin-bottom: 114px; padding: 0 95px; } body#single .content-section .info > .date { font-size: 24px; } body#single .content-section .info > .category { font-size: 24px; } body#single .content-section .images-wrapper .swiper, body#single .content-section .images-wrapper .images-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-left: 0; overflow: scroll; white-space: nowrap; width: 100%; } body#single .content-section .images-wrapper .swiper .img, body#single .content-section .images-wrapper .images-box .img { margin-right: 19px; max-width: initial; width: auto; } body#single .content-section .images-wrapper .swiper .img:last-child, body#single .content-section .images-wrapper .images-box .img:last-child { margin-right: 0px; } body#single .content-section .pc { display: none; } body#single .content-section .sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#single .content-section .content-wrapper .text-wrapper { padding: 0 95px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .date { font-size: 24px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .jp { font-size: 28px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .en { font-size: 26px; } body#single .content-section .latest-news-section { margin-top: 218px; } body#single .content-section .latest-news-section .title { font-size: 28px; padding: 0 95px; } body#single .content-section .latest-news-section .latest-news-outer-wrapper.pc { display: none; } body#single .content-section .latest-news-section .latest-news-outer-wrapper.sp { display: block; } body#single .content-section .latest-news-section .latest-news-wrapper { margin-top: 41px; max-width: initial; width: 100%; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box { margin-bottom: 79px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box:last-child { margin-bottom: 0; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box { padding: 0 95px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .date { font-size: 24px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .category { font-size: 24px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .headline { font-size: 28px; } body#single .content-section .latest-news-section .swiper-prev, body#single .content-section .latest-news-section .swiper-next { height: 25px; } body#single .content-section .latest-news-section .swiper-prev .arrow-left, body#single .content-section .latest-news-section .swiper-prev .arrow-right, body#single .content-section .latest-news-section .swiper-next .arrow-left, body#single .content-section .latest-news-section .swiper-next .arrow-right { height: 25px; } } @media screen and (max-width: 767px) { #header .global { height: 100vh; } #header .global .outer-wrapper { max-width: 454px; padding: 100px 0; } #header .global .outer { height: auto; max-height: 1000px; } #header .global .outer .inner { height: auto; /*margin-bottom: 48px;*/ margin-bottom: 20px; display: block; } #header .global .outer .inner .menu { height: auto; } #header .global .outer .inner .menu li { margin-bottom: 60px; } #header .global .outer .inner .menu li:last-child { margin-bottom: 25px; } #header .global .outer .inner .menu li .jp { font-size: 27px; } #header .global .outer .inner .menu li .en { /*display: none;*/ display: block; /*font-size: 0.65em;*/ font-size: 0.75em; } #header .global .outer .inner .menu .pc { display: none; } #header .global .outer .inner .menu .sp { display: block; } #header .global .outer .inner .menu-right .menu li { /*margin-bottom: 45px;*/ margin-bottom: 40px; } #header .global .outer .inner .menu-right .menu li .jp { font-size: 20px; } #header .global .outer .inner .sns { font-size: 20px; height: auto; } #header .global .outer .inner .sns li { margin-bottom: 45px; } #header .global .outer .inner .sns .pc { display: none; } #header .global .outer .inner .sns .sp { display: block; } #header .global .outer .inner .menu-left { /*height: 100%;*/ height: auto; margin-bottom: 40px; } #header .global .outer .inner .menu-right { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #header .global .outer .inner .menu-lang { display: none; } #header .global .outer .menu-bottom { border-top: 1px solid #000; display: block; padding-top: 73px; width: 100%; } #header .global .outer .menu-bottom .menu { height: auto; } #header .global .outer .menu-bottom .menu li .jp { font-size: 27px; } #header .global .outer .menu-bottom .menu li .en { display: none; } #header .global .outer .menu-bottom .menu .pc { display: none; } #header .global .outer .menu-bottom .menu .sp { display: block; } #header .global .outer .menu-bottom .menu-lang { display: block; margin-top: 100px; } #header .global .outer .menu-bottom .menu-lang .lang { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } #header .header-bottom-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; align-items: center; /*background: #fff;*/ background: #fff; bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; left: 0; padding: 35px 40px; position: fixed; transition: 0.4s; width: 100%; z-index: 100; } #header .header-bottom-box .reservation { font-size: 28px; } .content-box .right-box { padding: 0 30px; } #treadmans-bonsai .content-box .right-box { padding: 0 30px; } #rokkanan-02 .content-box .right-box { padding: 0 30px; } .description-title-wrapper .jp { font-size: 30px; } .description-title-wrapper .en { font-size: 25px; } .description-title-wrapper .border::before { width: 45px; } .description-title-wrapper .text p { font-size: 23px; } .first-section-texts { padding: 220px 125px 300px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp { cursor: initial; max-width: 560px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box { height: 678px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box .img, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box .img { height: 678px; width: 560px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .description-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .description-box { border: 0.5px solid #000; min-height: 105px; padding: 40px 0 82px 61px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .swiper-slide { margin-right: 20px; max-width: 560px; } body#concept .concept-section .first-section-texts { padding: 220px 125px 0; } body#concept .concept-section .second-section .description-img-box4 .right-box { padding: 0 30px 220px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { padding: 0 30px 220px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box { padding: 0 30px 220px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box { padding: 0 30px 220px; } body#space .space-wrapper .second-section .description-img-box4 .right-box { padding: 0 30px 220px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box { padding: 0 30px 220px; } body#space .space-wrapper .second-section .description-img-box2 .right-box { padding: 0 30px; } } @media screen and (max-width: 700px) { body#error .contact-wrapper { padding: 165px 60px 0; } body#access .access-wrapper { padding: 165px 0px 0; } body#cancel-policy .cancel-policy-wrapper { padding: 165px 60px 0; } body#contact .contact-wrapper { /*padding: 165px 60px 0;*/ padding: 165px 35px 0 35px; } body#cookie-policy .cookie-policy-wrapper { padding: 165px 60px 0; } body#privacy-policy .privacy-policy-wrapper { /*padding: 165px 40px 0;*/ padding: 165px 30px 0 40px; } body#news-release .news-release-wrapper { /*padding: 165px 60px 0;*/ padding: 165px 30px 0 30px; } } @media screen and (max-width: 650px) { #header { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; height: 80px; padding: 15px; transition: 0.4s; background: #fff !important; } #header .logo.sp { /*aspect-ratio: 93.514/43.94;*/ aspect-ratio: 1/1; width: 50px; } #header .logo.sp > a img { width: 50px; } #header .hidden-input:checked ~ .btn-menu::before { top: 34%; } #header .hidden-input:checked ~ .btn-menu::after { bottom: 32%; } #header .nav-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15px 15px; } #header .nav-box .reservation { font-size: 14px; margin-right: 15px; } #header .nav-box .lang { font-size: 14px; } #header .btn-menu { height: 6px; width: 32px; } #header .global .logo.sp { aspect-ratio: 93.514/43.94; left: 15px; top: 15px; width: 50px; } #header .global .outer-wrapper { /*max-width: 254px;*/ max-width: 185px; /*max-width: 320px;*/ /*max-width: 345px;*/ padding: 0; } #header .global .outer { height: 100%; max-height: initial; } #header .global .outer .inner { margin-bottom: 22px; display: block; } #header .global .outer .inner .menu li { /*margin-bottom: 30px;*/ margin-bottom: 15px; } #header .global .outer .inner .menu li:last-child { /*margin-bottom: 13px;*/ margin-bottom: 15px; } #header .global .outer .inner .menu li .jp { /*font-size: 14px;*/ font-size: 18px; } #header .global .outer .inner .menu-right .menu li { /*margin-bottom: 20px;*/ /*margin-bottom: 15px;*/ margin-bottom: 20px; } #header .global .outer .inner .menu-right .menu li:last-child { /*margin-bottom: 25px;*/ margin-bottom: 15px; } #header .global .outer .inner .menu-left { /*height: 100%;*/ height: auto; /*margin-bottom: 40px;*/ margin-bottom: 10px; } #header .global .outer .inner .menu-right .menu li .jp { /*font-size: 11px;*/ font-size: 14px; } #header .global .outer .inner .sns { font-size: 11px; } #header .global .outer .inner .sns li { margin-bottom: 20px; } #header .global .outer .inner .menu-lang .lang > li > a { font-size: 14px; } #header .global .outer .inner .menu-lang .lang > span { font-size: 14px; } #header .global .outer .menu-bottom { padding-top: 35px; } #header .global .outer .menu-bottom .menu li .jp { font-size: 14px; } #header .global .outer .menu-bottom .menu-lang .lang > li > a { font-size: 14px; } #header .global .outer .menu-bottom .menu-lang .lang > span { font-size: 14px; } #header .header-bottom-box { padding: 17px 20px; } #header .header-bottom-box .reservation { font-size: 14px; } #footer { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; margin: 0 42px; max-width: initial; } #footer .footer-wrapper { margin: 0 5px; max-width: initial; padding: 110px 0 109px; width: 100%; } #footer .footer-wrapper .logo-box { margin-bottom: 89px; } #footer .footer-wrapper .logo-box .logo-sp a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } #footer .footer-wrapper .logo-box .logo-sp a img { width: 50%; } #footer .footer-wrapper .logo-box.en .logo-sp { width: 50%; } #footer .footer-wrapper .copyright-sp { font-size: 11px; margin-top: 39px; } .copyright-personal { font-size: 14px; margin-top: 20px; } #footer .footer-wrapper .left-box .upper-box { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .upper-box h2 { font-size: 14px; margin-bottom: 5px; font-weight: 400; } #footer .footer-wrapper .left-box .upper-box .address { font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .address > a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .tel > a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .upper-box .menu > li a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .middle-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .middle-wrapper2 .menu > li a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .bottom-wrapper1 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper1 .sns > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .menu > li a, #footer .footer-wrapper .left-box .bottom-wrapper2 .sns > li a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .left-box .bottom-wrapper1 .recruit a, #footer .footer-wrapper .left-box .bottom-wrapper2 .recruit a { /*font-size: 13px*/; font-size: 12px; } #footer .footer-wrapper .right-box .bottom-wrapper .menu-lang .lang { font-size: 14px; } /*.link-button { height: 103px; width: 103px; }*/ .link-button .text { font-size: 13px; } .link-button.multiple-lines > .multiple-text { font-size: 12px; } /* ボタン　START */ /*矢印が右に移動する*/ .link-button{ /*矢印と下線の基点とするためrelativeを指定*/ position: relative; /*形状*/ display: inline-block; padding: 0 20px 0 0px; color: #000; text-decoration: none; outline: none; } /*矢印と下線の形状*/ .link-button::before{ content: ''; /*絶対配置で下線の位置を決める*/ position: absolute; bottom:-8px; left:0%; /*下線の形状*/ width: 100%; height: 1px; background:#000; /*アニメーションの指定*/ transition: all .3s; } .link-button::after{ content: ''; /*絶対配置で矢印の位置を決める*/ position: absolute; bottom:-3px; right:0; /*矢印の形状*/ width: 15px; height:1px; background:#000; transform: rotate(35deg); /*アニメーションの指定*/ transition: all .3s; } /*hoverした際の移動*/ .link-button:hover::before{ left:20%; } .link-button:hover::after{ right:-20%; } /* ボタン　END */ .horizontal-title-wrapper .jp { font-size: 21px; } .horizontal-title-wrapper .en { font-size: 17px; } .vertical-title-wrapper .jp { font-size: 17px; letter-spacing: 0px; margin-top: 0px; /*letter-spacing: 0.25rem;*/ letter-spacing: 0.5em; } .vertical-title-wrapper .en { font-size: 12px; } .content-box .left-box { margin-bottom: 39px; } .content-box .right-box { /*padding: 0 25px;*/ padding: 0 0px; } #treadmans-bonsai .content-box .right-box { /*padding: 0 25px;*/ padding: 0 0px; } #rokkanan-02 .content-box .right-box { /*padding: 0 25px;*/ padding: 0 0px; } .content-box .right-box .title-box { margin-bottom: 64px; } .content-box .right-box .title-box .sub-title { font-size: 14px; } .content-box .right-box .text-box { font-size: 14px; } #yakuzen-ongaku .content-box .right-box .text-box { font-size: 14px; } #okashiya-ucchi .right-box .text-box { font-size: 14px; } .description-title-wrapper .jp { font-size: 15px; } .description-title-wrapper .en { font-size: 13px; } .description-title-wrapper .border::before { width: 21px; } .description-title-wrapper .text p { font-size: 12px; } .first-section-texts { height: 100vh; margin-bottom: 0px; padding: 0px 78px 150px; } .first-section-texts .left-box .text { font-size: 14px; } .first-section-texts .left-box .title { font-size: 19px; margin-bottom: 103px; } .first-section-texts .left-box .sub-title-sp { font-size: 14px; } .progressbar { width: 63px; } body#error .contact-wrapper .inner-wrapper { margin: 0 auto 110px; } body#error .contact-wrapper .inner-wrapper .text-box .logo { margin-bottom: 45px; } body#error .contact-wrapper .inner-wrapper .text-box .code { font-size: 31px; } body#error .contact-wrapper .inner-wrapper .text-box .text { font-size: 14px; } body#error .contact-wrapper .inner-wrapper .link-button { margin: 47px auto 0; } body#archive .single-wrapper { padding-bottom: 110px; padding-top: 157px; } body#archive .title-wrapper { margin-bottom: 107px; padding: 0 66px 0 73px; } body#archive .title-wrapper .jp { font-size: 22px; } body#archive .title-wrapper .border::before { margin: 10px 0; } body#archive .title-wrapper .sub-title-wrapper .en { font-size: 14px; } body#archive .content-wrapper { padding: 0 66px 0 73px; } body#archive .content-wrapper .category-title-wrapper { margin-bottom: 75px; } body#archive .content-wrapper .category-title-wrapper::after { height: 168px; } body#archive .content-wrapper .category-title-wrapper .category-title { font-size: 14px; padding: 8px 13px; } body#archive .content-wrapper .category-title-wrapper .cat-title { font-size: 14px; padding: 8px 13px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .news-inner-box { margin-bottom: 8px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .date { font-size: 13px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .category { font-size: 14px; } body#archive .content-wrapper .news-list-wrapper .news-list-box .news-list .headline { font-size: 14px; } body#archive .tab-label { font-size: 14px; margin-left: -webkit-calc(100% - 76px); margin-left: calc(100% - 76px); padding: 8px 13px; } body#archive .tab-content { margin-top: 75px; } #headBox.smallHead .topNews { pointer-events: fill; } #headBox .topNews { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; justify-content: center; pointer-events: none; } body#access .access-wrapper .inner-wrapper { margin: 0 auto 110px; } body#access .access-wrapper .inner-wrapper .first-section { padding: 0 50px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .jp { font-size: 22px; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .border::before { margin: 10px 0; } body#access .access-wrapper .inner-wrapper .first-section .horizontal-title-wrapper .en { font-size: 14px; } body#access .access-wrapper .inner-wrapper .text-wrapper { padding: 0 40px; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box { margin-bottom: 35px; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .title { font-size: 14px; margin-bottom: 10px; } body#access .access-wrapper .inner-wrapper .text-wrapper .right-box .text-box .content { font-size: 14px; } body#access .access-wrapper .inner-wrapper .text-wrapper .left-box .text { font-size: 14px; } body#art .art-wrapper .second-section { margin: 150px auto 0; padding: 0 42px; } body#art .art-wrapper .second-section .current .vertical-title-wrapper { min-height: 222px; } body#art .art-wrapper .second-section .title-box, body#art .art-wrapper .third-section .title-box { padding: 0 38px; padding-bottom: 70px; } body#art .art-wrapper .second-section .title-box.sp, body#art .art-wrapper .third-section .title-box.sp { margin-bottom: 35px; } body#art .art-wrapper .third-section { margin: 40px auto 0; margin-bottom: 110px; padding: 0 42px; } body#art .art-wrapper .third-section .past .vertical-title-wrapper { min-height: 120px; } body#art .art-wrapper .fourth-section { margin: 150px auto 110px; } body#art .art-wrapper .fourth-section .content-out-wrapper { padding: 0 42px; } body#art .art-wrapper .fourth-section .content-wrapper { padding-bottom: 110px; } body#art .art-wrapper .fourth-section .gallery .vertical-title-wrapper { min-height: 86px; } body#art .art-wrapper .fourth-section .collection { margin-bottom: 110px; } body#art .art-wrapper .fourth-section .collection .vertical-title-wrapper { min-height: 105px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box { padding-left: 42px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp { max-width: 280px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box { height: 339px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .img-box .img, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .img-box .img { height: 339px; width: 280px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box .description-box, body#art .art-wrapper .fourth-section .images-wrapper .images-box .collection-box-sp .description-box { padding: 20px 0 41px 30px; } body#art .art-wrapper .fourth-section .images-wrapper .images-box .swiper-slide { margin-right: 10px; max-width: 280px; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { padding: 0 38px; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper .jp { font-size: 17px; } body#art .art-wrapper .event-section .event-wrapper .event-title-box .horizontal-title-wrapper .en { font-size: 12px; } body#art .art-wrapper .event-section .event-wrapper .date { font-size: 12px; } body#art .art-wrapper .event-switch ~ .button-box:nth-child(4)::after { bottom: 55px; right: 35px; } body#art .art-wrapper .button-box { margin-top: 39px; padding-bottom: 110px; } body#cancel-policy .inner-wrapper { margin: 0 auto 110px; } body#cancel-policy .inner-wrapper .content-wrapper { margin-top: 86px; } body#cancel-policy .inner-wrapper .content-wrapper .statement { font-size: 14px; } body#cancel-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 14px; } body#concept .concept-section .first-section-texts { height: 100vh; margin-bottom: 150px; padding: 0px 78px 0; } body#concept .concept-section .first-section-texts .left-box .text, body#concept .concept-section .first-section-texts .left-box .description { font-size: 14px; } body#concept .concept-section .first-section-texts .left-box .text.sp, body#concept .concept-section .first-section-texts .left-box .description.sp { margin-bottom: 18px; } body#concept .concept-section .first-section-texts .left-box .title { font-size: 19px; margin-bottom: 103px; } body#concept .concept-section .first-section-texts .left-box .sub-title-sp { font-size: 14px; } body#concept .concept-section .second-section { margin: 150px auto; } body#concept .concept-section .second-section .content-out-wrapper { padding: 0 42px; } body#concept .concept-section .second-section .content-wrapper.future { padding-bottom: 110px; } body#concept .concept-section .second-section .content-wrapper.future .vertical-title-wrapper { min-height: 158px; } body#concept .concept-section .second-section .vertical-title-wrapper { min-height: initial; } body#concept .concept-section .second-section .description-img-box4 .right-box { padding: 0 25px 110px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { padding: 0 25px 110px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } #philosophy_top .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section .description-img-box4 .right-box .vertical-title-wrapper { font-size: 14px; margin: 40px 0 73px auto; min-height: initial; } body#concept .concept-section .second-section .description-img-box4 .right-box.land .vertical-title-wrapper { font-size: 14px; margin: 0px 0 73px auto; min-height: 154px; } body#concept .concept-section .second-section .description-img-box4 .right-box.bringing-new .vertical-title-wrapper { font-size: 14px; margin: 0px 0 73px auto; min-height: 138px; } body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .vertical-title-wrapper { font-size: 14px; margin: 40px 0 73px auto; min-height: initial; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.land .vertical-title-wrapper { font-size: 14px; margin: 0px 0 73px auto; min-height: 154px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box.bringing-new .vertical-title-wrapper { font-size: 14px; margin: 0px 0 73px auto; min-height: 138px; } body#contact .contact-wrapper .inner-wrapper { margin: 0 auto 110px; } body#contact .contact-wrapper .horizontal-title-wrapper { margin-bottom: 106px; } body#contact .contact-wrapper .notice-box .notice { bottom: -18px; font-size: 13px; margin-right: -8px; } body#contact .contact-wrapper dt label { font-size: 13px; } body#contact .contact-wrapper dl.message { margin-bottom: 30px; } body#contact .contact-wrapper dl { margin-bottom: 15px; } body#contact .contact-wrapper .wpcf7-form-control-wrap > input { height: 32px; } body#contact .contact-wrapper .wpcf7-form-control-wrap > textarea { height: 100px; } body#contact .contact-wrapper .agree .wpcf7-list-item > label { font-size: 13px; } body#contact .contact-wrapper .agree .wpcf7-list-item > label > input { height: initial; width: initial; } body#contact .contact-wrapper .wpcf7-response-output { font-size: 13px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper { margin: 0 auto 110px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .top-statement { font-size: 14px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper { margin-top: 86px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .statement { font-size: 14px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .title { font-size: 14px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text { font-size: 14px; } body#cookie-policy .cookie-policy-wrapper .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 14px; } body#concept .product-wrapper .second-section .content-wrapper.okashiya .vertical-title-wrapper { min-height: initial; } body#concept .product-wrapper .second-section .content-wrapper.seasonal-okashiya .vertical-title-wrapper { min-height: 103px; } body#english .english-wrapper .first-section { margin-bottom: 86px; padding: 118px 0 0; } body#english .english-wrapper .first-section .address { font-size: 12px; margin-left: 15px; margin-top: 30px; } body#english .english-wrapper .first-section .first-view-box { padding: 0 50px; } body#english .english-wrapper .first-section .first-view-box .lang { font-size: 14px; margin-bottom: 11px; margin-bottom: 40px; } body#english .english-wrapper .second-section .inner-wrapper { margin-bottom: 35px; } body#english .english-wrapper .second-section .inner-wrapper .logo-box { padding: 86px 50px 163px; } body#english .english-wrapper .second-section .inner-wrapper .logo-box > .logo-name { width: 65%; } body#english .english-wrapper .second-section .inner-wrapper .video-wrapper .text-box { padding: 0 50px; padding-bottom: 50px; } body#english .english-wrapper .second-section .inner-wrapper .video-wrapper .text-box .title { font-size: 20px; } body#english .english-wrapper .second-section .inner-wrapper .video-wrapper .text-box .title.sp { font-size: 20px; margin-bottom: 35px; } body#english .english-wrapper .second-section .inner-wrapper .video-wrapper .text-box .text { font-size: 15px; } body#english .english-wrapper .third-section { margin: 111px auto 0px; } body#english .english-wrapper .third-section .location-wrapper { margin-bottom: 111px; } body#english .english-wrapper .third-section .location-wrapper .left-box { margin-top: 52px; padding: 0 50px; } body#english .english-wrapper .third-section .location-wrapper .left-box .title { font-size: 20px; margin-bottom: 40px; } body#english .english-wrapper .third-section .location-wrapper .left-box .text { font-size: 15px; } body#english .english-wrapper .third-section .square-img-wrapper { margin-top: 56px; padding-bottom: 55px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box { margin-top: 60px; padding: 0 50px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box .title { font-size: 20px; margin-bottom: 40px; } body#english .english-wrapper .third-section .square-img-wrapper .left-box .text { font-size: 15px; } body#english .english-wrapper .third-section .square-img-wrapper .swiper-pagination { bottom: -20px; right: 48px; width: 61px; } body#english .english-wrapper .third-section .rectangle-img-box { margin-bottom: 55px; padding-top: 56px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box { margin-bottom: 60px; margin-top: 60px; padding: 0 50px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box > .title { font-size: 20px; margin-bottom: 40px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box { font-size: 14px; } body#english .english-wrapper .third-section .rectangle-img-box .left-box .text-box .d-box .title { margin-right: 30px; min-width: 4.5rem; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box { bottom: -32px; right: 50px; } body#english .english-wrapper .third-section .rectangle-img-box .right-box .link-box .link { font-size: 12px; } body#english .english-wrapper .fourth-section { margin: 108px auto 110px; padding: 0 50px; } body#english .english-wrapper .fourth-section > .title { font-size: 20px; margin-bottom: 51px; } body#english .english-wrapper .fourth-section .category-title-wrapper { margin-bottom: 71px; } body#english .english-wrapper .fourth-section .category-title-wrapper::after { height: 235px; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title { font-size: 14px; margin-bottom: 5px; padding: 8px 13px; } body#english .english-wrapper .fourth-section .category-title-wrapper .category-title:last-child { margin-bottom: 0; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box { margin-bottom: 50px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .icon { font-size: 20px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .question-box .question { font-size: 18px; margin-top: 4px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box { width: -webkit-calc(100% - 44px); width: calc(100% - 44px); } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .icon { font-size: 20px; } body#english .english-wrapper .fourth-section .accordion-wrapper .accordion-box .answer-box .answer { font-size: 14px; margin-top: 5px; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box::after { font-size: 17px; margin-left: 27px; } body#english .english-wrapper .fourth-section .accordion-wrapper .question-box.active::after { font-size: 17px; margin-left: 27px; } body#guest-rooms .guest-room-wrapper .first-section-texts .left-box .text, body#guest-rooms .guest-room-wrapper .first-section-texts .left-box .description { height: auto; } body#guest-rooms .guest-room-wrapper .second-section { margin: 150px auto 110px; padding: 0 42px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 40px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box { padding: 0 25px 110px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .text-box .text { font-size: 14px; margin-bottom: 40px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 0px 0 73px auto; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { font-size: 14px; min-height: 160px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.comfort .vertical-title-wrapper { min-height: 175px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.comfort .vertical-title-wrapper .jp { margin-top: -2px; letter-spacing: 0.25rem; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.junior-sweet .vertical-title-wrapper { min-height: 140px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 130px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.adjoining .vertical-title-wrapper { min-height: 130px; } body#guest-rooms .guest-room-wrapper .second-section .description-img-box2 .right-box.japanese-style .vertical-title-wrapper { min-height: 100px; } body#guest-rooms .guest-room-wrapper .swiper-pagination { bottom: -44px; left: 12px; margin-left: 55px; width: 83px; } body#privacy-policy .inner-wrapper { margin: 0 auto 110px; } body#privacy-policy .inner-wrapper .content-wrapper { margin-top: 86px; } body#privacy-policy .inner-wrapper .content-wrapper .statement { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 14px; } body#privacy-policy .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 11px; } /*News Release START*/ body#news-release .inner-wrapper { /*margin: 0 auto 110px;*/ margin: 0 auto 10px; } body#news-release .inner-wrapper .content-wrapper { margin-top: 86px; } body#news-release .inner-wrapper .content-wrapper .statement { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .title { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .text-box > .text { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .title-l { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .tel { font-size: 14px; } body#news-release .inner-wrapper .content-wrapper .condition-box .flex-box .signature { font-size: 11px; } /*News Release END*/ body#sabo .sabo-wrapper .second-section { margin: 150px auto 110px; padding: 0 42px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 40px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box { padding: 0 25px 110px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text { font-size: 14px; margin-bottom: 40px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box { margin-bottom: 40px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text { margin-bottom: 20px; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 40px 0 73px auto; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { font-size: 14px; min-height: initial; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box.menu .vertical-title-wrapper { min-height: initial; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box.afternoon-tea .vertical-title-wrapper { min-height: 155px; } body#space .space-wrapper .first-section-texts .left-box .title { font-size: 19px; } body#space .space-wrapper .second-section { margin: 150px auto 110px; } body#space .space-wrapper .second-section .content-out-wrapper { padding: 0 42px; } body#space .space-wrapper .second-section .content-wrapper.onsen .vertical-title-wrapper { min-height: initial; } body#space .space-wrapper .second-section .content-wrapper.onsen .vertical-title-wrapper .jp { margin-top: -2px; letter-spacing: 0.25rem; } body#space .space-wrapper .second-section .content-wrapper.stay .vertical-title-wrapper, body#space .space-wrapper .second-section .content-wrapper.stay .sub-title { min-height: initial; } body#space .space-wrapper .second-section .content-wrapper.stay .jp { margin-top: -2px; } body#space .space-wrapper .second-section .content-wrapper.library .vertical-title-wrapper { min-height: initial; } body#space .space-wrapper .second-section .content-wrapper.library .jp { margin-top: -2px; } body#space .space-wrapper .second-section .content-box .right-box { padding-bottom: 110px; } body#space .space-wrapper .second-section .description-img-box4 .right-box { padding: 0 25px 110px; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#space .space-wrapper .second-section .description-img-box4 .right-box .text-box .attention { font-size: 14px; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box { margin: 0px 0 73px auto; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box .vertical-title-wrapper { font-size: 14px; min-height: 189px; } body#space .space-wrapper .second-section .description-img-box4 .right-box.private .title-box .vertical-title-wrapper .jp { margin-top: -2px; letter-spacing: 0.25rem; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box { padding: 0 25px 110px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box .text-box .attention { font-size: 14px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box { margin: 0px 0 73px auto; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box .vertical-title-wrapper { font-size: 14px; min-height: 189px; } body#space .space-wrapper .second-section .description-img-boxMovie .right-box.private .title-box .vertical-title-wrapper .jp { margin-top: -2px; letter-spacing: 0.25rem; } body#space .space-wrapper .second-section .description-img-box2 .left-box { margin-bottom: 40px; } body#space .space-wrapper .second-section .description-img-box2 .right-box { padding: 0 25px; padding-bottom: 111px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .text-box .text { font-size: 14px; margin-bottom: 40px; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box { margin: 0px 0 73px auto; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper { font-size: 14px; min-height: initial; } body#space .space-wrapper .second-section .description-img-box2 .right-box .title-box .vertical-title-wrapper .jp { margin-top: -2px; letter-spacing: 0.25rem; } body#single .single-wrapper { padding: 157px 0px 110px; } body#single .title-wrapper { margin-bottom: 47px; padding: 0 47px; } body#single .title-wrapper .jp { font-size: 21px; } body#single .title-wrapper .sub-title-wrapper .en { font-size: 14px; } body#single .content-section .info { margin-bottom: 57px; padding: 0 47px; } body#single .content-section .info > .date { font-size: 12px; } body#single .content-section .info > .category { font-size: 12px; } body#single .content-section .images-wrapper .swiper .img, body#single .content-section .images-wrapper .images-box .img { height: 250px; margin-right: 10px; } body#single .content-section .image-wrapper { aspect-ratio: 750 / 500; height: auto; } body#single .content-section .content-wrapper .text-wrapper { padding: 0 47px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .date { font-size: 12px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .jp { font-size: 14px; } body#single .content-section .content-wrapper .text-wrapper .headline-box .en { font-size: 13px; } body#single .content-section .latest-news-section { margin-top: 109px; } body#single .content-section .latest-news-section .title { font-size: 14px; padding: 0 47px; } body#single .content-section .latest-news-section .latest-news-wrapper { margin-top: 21px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box { margin-bottom: 40px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box { padding: 0 47px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .date { font-size: 12px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .upper-box .category { font-size: 12px; } body#single .content-section .latest-news-section .latest-news-wrapper .latest-news-boxes .latest-news-box .news-content-box .headline { font-size: 14px; } } @media (max-width: 540px) { .tingle-modal { display: block; padding-top: 60px; top: 0px; width: 100%; } .tingle-modal-box { border-radius: 0; width: auto; } .tingle-modal-box__content { overflow-y: scroll; } .tingle-modal--noClose { top: 0; } .tingle-modal--noOverlayClose { padding-top: 0; } .tingle-modal-box__footer .tingle-btn { display: block; float: none; margin-bottom: 1rem; width: 100%; } .tingle-modal__close { -webkit-box-shadow: none; background-color: #2c3e50; border: none; box-shadow: none; color: #fff; display: block; height: 60px; left: 0; right: 0; top: 0; width: 100%; } .tingle-modal__closeLabel { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 1.6rem; vertical-align: middle; } .tingle-modal__closeIcon { display: inline-block; font-size: 0; margin-right: .8rem; vertical-align: middle; width: 1.6rem; } .colaborator-name { font-size: 17px; letter-spacing: 0px; margin-top: 0px; letter-spacing: 0.25rem; } .colaborator-name-en { font-size: 12px; } .colaborator-position { font-size: 12px; } } @media screen and (max-width: 480px) { .first-section-texts { padding: 0px 60px 0; } body#art .art-wrapper .second-section .title-box, body#art .art-wrapper .third-section .title-box { padding: 0 25px 70px; } body#art .art-wrapper .event-section .event-wrapper .event-header-box { padding: 0 19px; } body#concept .concept-section .first-section-texts { padding: 0px 60px 0; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text.pc { display: none; } body#sabo .sabo-wrapper .second-section .description-img-box2 .right-box .text-box .text-box .text.sp { display: block; } } @-webkit-keyframes scale { 0% { -webkit-transform: scale(0.9); opacity: 0; transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } @keyframes scale { 0% { -webkit-transform: scale(0.9); opacity: 0; transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } @-webkit-keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes fade-in-out { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-in-out { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* # ================================================================= # Display style # ================================================================= */ .display-pc { display: block; } .display-sp { display: none; } @media screen and (max-width: 1080px) { .display-pc { display: none; } .display-sp { display: block; } } @media screen and (max-width: 991px) { .display-pc { display: none; } .display-sp { display: block; } } @media screen and (max-width: 700px) { .display-pc { display: none; } .display-sp { display: block; } } @media screen and (max-width: 650px) { .display-pc { display: none; } .display-sp { display: block; } } @media screen and (max-width: 480px) { .display-pc { display: none; } .display-sp { display: block; } } /* # ================================================================= # Animation Display style # ================================================================= */ .ani-display-pc { display: block; } .ani-display-sp { display: none; } @media screen and (max-width: 1080px) { .ani-display-pc { display: none; } .ani-display-sp { display: block; } } @media screen and (max-width: 991px) { .ani-display-pc { display: block; } .ani-display-sp { display: none; } } @media screen and (max-width: 700px) { .ani-display-pc { display: none; } .ani-display-sp { display: block; } } @media screen and (max-width: 650px) { .ani-display-pc { display: none; } .ani-display-sp { display: block; } } @media screen and (max-width: 480px) { .ani-display-pc { display: none; } .ani-display-sp { display: block; } } /* # ================================================================= # Rokkan-an Display style # ================================================================= */ .rokkanan-display-pc { display: block !important; } .rokkanan-display-sp { display: none !important; } @media screen and (max-width: 1080px) { .rokkanan-display-pc { display: none !important; } .rokkanan-display-sp { display: block !important; } } @media screen and (max-width: 991px) { .rokkanan-display-pc { display: block !important; } .rokkanan-display-sp { display: none !important; } } @media screen and (max-width: 700px) { .rokkanan-display-pc { display: none !important; } .rokkanan-display-sp { display: block !important; } } @media screen and (max-width: 650px) { .rokkanan-display-pc { display: none !important; } .rokkanan-display-sp { display: block !important; } } @media screen and (max-width: 480px) { .rokkanan-display-pc { display: none !important; } .rokkanan-display-sp { display: block !important; } } /* # ================================================================= # Logo Display style # ================================================================= */ /*.logo-title-matsubayasaryo { margin: 0 0 0 20px; width: 75px; }*/ .logo-title-matsubayasaryo { margin: 0 20px 0 0; width: 75px; } .logo-title-okashiya { margin: 0 0 0 40px; width: 45px; } .logo-title-hakobune_gallery { margin: 0 40px 0 0; width: 55px; } .ec_logo-title-hakobune_gallery { margin: 0 0 0 0px; width: 55px; } .logo-title-rokkan-an { margin: 0 0 0 0px; width: 80px; } .logo-title-yakuzen { margin: 0 0 0 0px; width: 155px; } .rokkanan_price-list { margin: 0 0 0 0px; width: 680px; } /* # ================================================================= # upright style # ================================================================= */ .upright span { /*text-combine-upright: all;*/ font-style: normal; text-orientation: upright; } .list-bio { font-size: 0.85em !important; } .right-sub-title { text-align: right; padding-bottom: 40px; } /* # ============================================================== # Sample code # ============================================================== */ body#concept .concept-section .first-section-texts .left-box .text { height: 337px; } body#concept .concept-section .first-section-texts .right-box { width: 30%; } body#concept .concept-section .second-section { /*margin-top: 288px;*/ /*margin-top: 160px;*/ margin-top: 60px; } body#concept .concept-section .second-section .content-wrapper.sp { display: none; } body#concept .concept-section .second-section .content-wrapper.horizontal { padding-bottom: 267px; } body#concept .concept-section .second-section .content-box { margin: 0 auto; position: relative; } body#concept .concept-section .second-section .content-box.sticky { -webkit-box-pack: initial; -webkit-justify-content: initial; -ms-flex-pack: initial; height: 100%; justify-content: initial; max-width: 900px; padding-left: 34px; } body#concept .concept-section .second-section .content-box .left-box { position: relative; } body#concept .concept-section .second-section .content-box .left-box.img-box { margin-right: 0; } body#concept .concept-section .second-section .content-box .left-box.img-box .img { -o-object-fit: cover; /*aspect-ratio: 526/635;*/ aspect-ratio: 526/735; object-fit: cover; width: 100%; } body#concept .concept-section .second-section .content-box .sticky-box { overflow: hidden; position: -webkit-sticky; position: sticky; top: 5vh; } body#concept .concept-section .second-section .content-box .sticky-box .sticky-wrapper { height: 100%; width: 100%; } body#concept .concept-section .second-section .content-box .sticked-box { height: 100%; } body#concept .concept-section .second-section .content-box .sticked-box .right-box { -webkit-transition: opacity 0.4s; -moz-transition: opacity 0.4s; -ms-transition: opacity 0.4s; -o-transition: opacity 0.4s; height: 635px; margin-bottom: 100px; opacity: 0; transition: opacity 0.4s; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.is-active, body#concept .concept-section .second-section .content-box .sticked-box .right-box.sp { opacity: 1; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .text-box .text { line-height: 1.7; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.upper-box { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: 210px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.lower-box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; justify-content: center; margin-left: 75px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 62px; max-width: 679px; position: relative; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper::after { border-bottom: 1px solid rgba(0, 0, 0, 0.15); bottom: 0; content: ""; display: block; height: 1px; left: 0; max-width: 679px; pointer-events: none; position: absolute; width: 100%; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper .hidden-input { display: none; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #spring:checked ~ .spring { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #summer:checked ~ .summer { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #fall:checked ~ .fall { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #winter:checked ~ .winter { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #spring-sp:checked ~ .spring { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #summer-sp:checked ~ .summer { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #fall-sp:checked ~ .fall { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper #winter-sp:checked ~ .winter { border-bottom: 1px solid #000; color: #333333; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper .category-title { border-bottom: none; color: rgba(51, 51, 51, 0.5); font-size: 15px; padding: 0 26px 15px 26px; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper .category-title.all { margin-left: 0px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu { -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; display: none; transition: 0.4s; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .menu-title { font-size: 15px; margin-bottom: 62px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; margin-bottom: 20px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-name { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 15px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 15px; min-width: 2rem; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .menu-list-wrapper .attention { font-size: 13px; margin-top: 60px; } body#concept .concept-section .second-section .description-img-box4 { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 840px; /*padding-bottom: 267px;*/ padding-bottom: 200px; } body#concept .concept-section .second-section .description-img-box4 .left-box { aspect-ratio: 840/560; margin-bottom: 80px; overflow: relative; width: 840px; } body#concept .concept-section .second-section .description-img-box4 .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#concept .concept-section .second-section .description-img-box4 .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; /*-webkit-justify-content: flex-end;*/ -webkit-justify-content: space-around; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; /*justify-content: flex-end;*/ justify-content: space-around; /*padding: 0 90px 267px;*/ /*padding: 0 90px 180px;*/ padding: 0 0px 60px; /*padding: 0 0px 60px;*/ width: 100%; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; text-align: justify; } /*body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 420px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 14px; /*height: 321px;*/ /*height: 420px;*/ height: auto; letter-spacing: 1px; line-height: 2; writing-mode: horizontal-rl; } body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 14px; /*height: 321px;*/ /*height: 420px;*/ height: auto; letter-spacing: 1px; /*line-height: 2;*/ line-height: 2.3 !important; writing-mode: horizontal-rl; } #philosophy_top .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 14px; /*height: 321px;*/ height: 420px; letter-spacing: 1px; /*line-height: 2;*/ line-height: 2.3 !important; writing-mode: horizontal-rl; } /*body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 400px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } */ body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ /*height: 400px;*/ /*height: 300px;*/ height: auto; letter-spacing: 1px; line-height: 1.7; writing-mode: horizontal-rl; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; /*height: 321px;*/ height: 320px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; /*height: 321px;*/ height: 320px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } /*body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 380px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ /*height: 380px;*/ height: auto; letter-spacing: 1px; line-height: 1.7; writing-mode: horizontal-rl; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.pc { /*display: block;*/ /*テキスト下揃え*/ /*display: flex; /*テキスト下揃え*/ align-items: flex-end; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.sp { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention { -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; font-size: 12px; /*height: 321px;*/ height: 420px; letter-spacing: 1px; line-height: 1.2; margin-right: 30px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention.pc { display: block; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention.sp { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; min-height: 321px; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box .vertical-title-wrapper { min-height: 321px; } body#concept .concept-section .second-section .description-img-boxMovie { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; margin: 60px auto 0 auto; /*max-width: 840px;*/ max-width: 1000px; /*padding-bottom: 267px;*/ /*padding-bottom: 200px;*/ padding-bottom: 0px; } body#concept .concept-section .second-section .description-img-boxMovie .left-box { aspect-ratio: 1000/560; margin-bottom: 80px; overflow: relative; width: 1000px; } body#concept .concept-section .second-section .description-img-boxMovie .left-box .picture { -o-object-fit: cover; height: 100%; object-fit: cover; width: 100%; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; /*-webkit-justify-content: flex-end;*/ -webkit-justify-content: space-around; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; /*justify-content: flex-end;*/ justify-content: space-around; /*padding: 0 90px 267px;*/ /*padding: 0 90px 180px;*/ padding: 0 0px 60px; /*padding: 0 0px 60px;*/ width: 100%; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; text-align: justify; } /*body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 420px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ /*height: 420px;*/ letter-spacing: 1px; line-height: 1.7; writing-mode: horizontal-rl; } body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ height: 420px; letter-spacing: 1px; /*line-height: 1.7;*/ line-height: 2.3 !important; writing-mode: horizontal-rl; } #philosophy_top .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ height: 420px; letter-spacing: 1px; /*line-height: 1.7;*/ line-height: 2.3 !important; writing-mode: horizontal-rl; } /*body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 400px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } */ body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ /*height: 400px;*/ height: 300px; letter-spacing: 1px; line-height: 1.7; writing-mode: horizontal-rl; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; /*height: 321px;*/ height: 320px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; /*height: 321px;*/ height: 320px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; } /*body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 15px; height: 321px; height: 380px; letter-spacing: 1px; line-height: 1.7; writing-mode: vertical-rl; }*/ body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: horizontal-rl; font-size: 15px; /*height: 321px;*/ height: 380px; letter-spacing: 1px; line-height: 1.7; writing-mode: horizontal-rl; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.pc { /*display: block;*/ /*テキスト下揃え*/display: flex; /*テキスト下揃え*/align-items: flex-end; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.sp { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention { -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; font-size: 14px; /*height: 321px;*/ height: 420px; letter-spacing: 1px; line-height: 1.7; margin-right: 30px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention.pc { display: block; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention.sp { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box { /*margin: 0 0 0 82px;*/ margin: 0 0 0 0px; min-height: 321px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box .vertical-title-wrapper { min-height: 321px; } body#concept .concept-section .third-section { border-top: 1px solid rgba(0, 0, 0, 0.5); margin: 0 auto; max-width: 1211px; padding: 290px 94.5px; } body#concept .concept-section .third-section .attention-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-end; } body#concept .concept-section .third-section .attention-box .title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 16px; height: 180px; line-height: 1.7; writing-mode: vertical-rl; } body#concept .concept-section .third-section .attention-box .attention { -ms-writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; font-size: 12px; height: 230px; letter-spacing: 1px; line-height: 1.7; margin-right: 30px; writing-mode: horizontal-tb; } body#concept .concept-section .third-section .attention-box .button-box { cursor: pointer; height: 100%; margin-right: 84px; margin-top: auto; } body#concept .concept-section .third-section .explanation-box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; align-items: flex-start; display: none; justify-content: flex-end; margin-top: 193px; opacity: 0; transition: 0.4s; } body#concept .concept-section .third-section .explanation-box .title { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 16px; height: 300px; line-height: 1.7; writing-mode: vertical-rl; } body#concept .concept-section .third-section .explanation-box .border::before { /*border-left: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 30px; margin: 0 10px; width: 1px; } body#concept .concept-section .third-section .explanation-box .text { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; font-size: 13px; height: 334px; letter-spacing: 1px; line-height: 1.7; margin-left: 59px; writing-mode: vertical-rl; } body#concept .concept-section .third-section .explanation-box .text:last-child { margin-left: 0px; } body#concept .concept-section .slider { position: relative; } body#concept .concept-section .swiper-pagination { -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; background: #ccc; border-radius: 1px; bottom: -25px; height: 1px; left: 20px; top: initial; width: 95px; } body#concept .concept-section .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; } body#concept .concept-section .swiper-wrapper { overflow: hidden; } body#concept .concept-section .swiper-button-next { height: 100%; margin-top: 0; right: 0; top: 0; width: 50%; } body#concept .concept-section .swiper-button-next::after { opacity: 0; } body#concept .concept-section .swiper-button-prev { height: 100%; left: 0; margin-top: 0; top: 0; width: 50%; } body#concept .concept-section .swiper-button-prev::after { opacity: 0; } body#concept .concept-section .pc { display: block; } body#concept .concept-section .sp { display: none; } @media screen and (max-width: 1440px) { body#concept .concept-section .third-section { max-width: 1087px; } } @media screen and (max-width: 1280px) { body#concept .concept-section .second-section .content-box { padding: 0 15px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.upper-box { margin-left: 185px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.lower-box { margin-bottom: 0; margin-left: 35px; } } @media screen and (max-width: 1024px) { body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { padding: 0 100px; } #rokkanan-info img { padding: 0 100px!important; } } @media screen and (max-width: 1080px) { body#concept .concept-section .second-section .description-img-box4 { max-width: initial; padding-bottom: 114px; } body#concept .concept-section .second-section .description-img-box4 .left-box { margin-bottom: 47px; width: 100vw; } body#concept .concept-section .second-section .description-img-boxMovie { max-width: initial; padding-bottom: 114px; } body#concept .concept-section .second-section .description-img-boxMovie .left-box { margin-bottom: 47px; width: 100vw; } body#concept .concept-section .third-section .explanation-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#concept .concept-section .third-section .explanation-box .title { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; height: initial; letter-spacing: 0px; writing-mode: horizontal-tb; } body#concept .concept-section .third-section .explanation-box .border::before { /*border-top: 1px solid #000;*/ /*border-left: 1px solid #fff;*/ border-left: none; content: ""; display: block; height: 1px; margin: 10px 0; width: 30px; } body#concept .concept-section .third-section .explanation-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; height: initial; letter-spacing: 0px; margin-bottom: 48px; margin-left: 0px; writing-mode: horizontal-tb; } body#concept .concept-section .third-section .explanation-box .text:last-child { margin-bottom: 0px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { padding: 0 90px; } #rokkanan-info img { padding: 0 100px!important; } } @media screen and (max-width: 991px) { body#concept .concept-section .first-section-texts .left-box .text { height: auto; } body#concept .concept-section .second-section { /*margin: 300px auto 0px;*/ margin: 80px auto 0px; } body#concept .concept-section .second-section .content-out-wrapper { padding: 0 95px; } body#concept .concept-section .second-section .content-wrapper.pc { display: none; } body#concept .concept-section .second-section .content-wrapper.sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#concept .concept-section .second-section .content-wrapper.horizontal { padding-bottom: 220px; } body#concept .concept-section .second-section .content-wrapper.kaiseki .vertical-title-wrapper { min-height: 252px; } body#concept .concept-section .second-section .content-wrapper.seasonal-kaiseki .vertical-title-wrapper { min-height: 212px; } body#concept .concept-section .second-section .content-wrapper.okashiya .vertical-title-wrapper { min-height: 252px; } body#concept .concept-section .second-section .content-wrapper.seasonal-okashiya .vertical-title-wrapper { min-height: 212px; } body#concept .concept-section .second-section .content-wrapper.yutori { min-height: 180px; } body#concept .concept-section .second-section .content-wrapper.crab-kaiseki { min-height: 215px; } body#concept .concept-section .second-section .content-wrapper.crab-okashiya { min-height: 215px; } body#concept .concept-section .second-section .content-box { margin-left: 0; margin-right: 0; padding: 0; } body#concept .concept-section .second-section .content-box.sticky { padding-left: 0; } body#concept .concept-section .second-section .content-box .left-box { width: 100%; } body#concept .concept-section .second-section .content-box .sticky-box { position: initial; } body#concept .concept-section .second-section .content-box .sticked-box .right-box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; height: auto; justify-content: center; opacity: 1; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .title-box { margin-left: auto; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.upper-box { margin-left: 0; } body#concept .concept-section .second-section .content-box .sticked-box .right-box.lower-box { margin-left: 0; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-section { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: flex-start; width: 100%; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper { margin-bottom: 73px; width: 100%; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper .category-title { font-size: 33px; margin-left: 0; padding: 15px 26px; width: 100%; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .menu-title { font-size: 25px; margin-bottom: 73px; margin-bottom: 36px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-name { font-size: 25px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title { margin-right: 25px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .menu-list-wrapper { margin: 0 auto; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .menu-list-wrapper .attention { font-size: 25px; margin-top: 70px; } body#concept .concept-section .second-section .description-img-box4 .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; padding: 0 50px 40px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } #philosophy_top .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.pc { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text.sp { display: block; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 14px; height: initial; letter-spacing: 0px; margin-right: 0px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention.pc { display: none; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention.sp { display: block; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box { margin: 10px 0 146px auto; min-height: initial; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box .vertical-title-wrapper { min-height: 258px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; padding: 0 50px 220px; padding: 0 50px 40px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } #philosophy_top .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; margin-bottom: 50px; writing-mode: horizontal-tb; line-height: 2.3 !important; } body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-bottom: 50px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.pc { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text.sp { display: block; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 28px; height: initial; letter-spacing: 0px; margin-right: 0px; writing-mode: horizontal-tb; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention.pc { display: none; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention.sp { display: block; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box { margin: 10px 0 146px auto; min-height: initial; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box .vertical-title-wrapper { min-height: 258px; } body#concept .concept-section .third-section { max-width: 521px; padding: 240px 32px; } body#concept .concept-section .third-section .attention-box { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } body#concept .concept-section .third-section .attention-box .title { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 26px; height: initial; letter-spacing: 0px; margin-bottom: 32px; writing-mode: horizontal-tb; } body#concept .concept-section .third-section .attention-box .attention { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 25px; height: initial; letter-spacing: 0px; margin-right: 0px; writing-mode: horizontal-tb; } body#concept .concept-section .third-section .attention-box .button-box { margin-left: auto; margin-right: 0px; margin-top: 70px; } body#concept .concept-section .third-section .explanation-box { margin-bottom: 146px; } body#concept .concept-section .third-section .explanation-box .title { font-size: 26px; } body#concept .concept-section .third-section .explanation-box .text { font-size: 25px; margin-right: 0px; } body#concept .concept-section .swiper-pagination { bottom: -86px; left: 25px; width: 166px; } body#concept .concept-section .pc { display: none; } body#concept .concept-section .sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { padding: 0; } #rokkanan-info img { padding: 0 40px !important; width: 100%; } } @media screen and (max-width: 767px) { body#concept .concept-section .second-section .description-img-box4 .right-box { padding: 0 30px 220px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { padding: 0 30px 220px; } .rokkanan_price-list { margin: 0 auto; width: 100%; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { padding: 0; } #rokkanan-info img { padding: 0 !important; } } @media screen and (max-width: 650px) { .rokkanan_price-list { margin: 0 0px; width: 100%; } body#concept .concept-section .second-section { /*margin: 150px auto 0px;*/ margin: 50px auto 0px; /*margin: 110px auto 0px;*/ } body#concept .concept-section .second-section .content-out-wrapper { padding: 0 42px; } body#concept .concept-section .second-section .content-wrapper.horizontal { padding-bottom: 110px; } body#concept .concept-section .second-section .content-wrapper.kaiseki .vertical-title-wrapper { min-height: initial; } body#concept .concept-section .second-section .content-wrapper.seasonal-kaiseki .vertical-title-wrapper { min-height: 103px; } body#concept .concept-section .second-section .content-wrapper.yutori { min-height: 90px; } body#concept .concept-section .second-section .content-wrapper.crab-kaiseki { min-height: 105px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper { margin-bottom: 36px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper::after { height: 168px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .category-title-wrapper .category-title { font-size: 14px; padding: 8px 13px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .menu-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .menu-title { font-size: 12px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box { margin-bottom: 10px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-name, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-name { font-size: 12px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .spring-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .summer-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .fall-menu .list-wrapper .list-box .menu-list-title, body#concept .concept-section .second-section .content-box .sticked-box .right-box .winter-menu .list-wrapper .list-box .menu-list-title { font-size: 12px; } body#concept .concept-section .second-section .content-box .sticked-box .right-box .menu-list-wrapper .attention { font-size: 10px; margin-top: 35px; } body#concept .concept-section .second-section .description-img-box4 .left-box { margin-bottom: 0px; } body#concept .concept-section .second-section .description-img-box4 .right-box { /*padding: 0 25px 110px;*/ /*padding: 0 25px 40px;*/ padding: 0 0px 40px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #philosophy_top .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } body#concept .concept-section .second-section .description-img-boxMovie .left-box { margin-bottom: 0px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box { /*padding: 0 25px 110px;*/ /*padding: 0 25px 40px;*/ padding: 0 0px 40px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #philosophy_top .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } #philosophy_top .text { font-size: 14px; margin-bottom: 25px; line-height: 2.3 !important; } body#concept .concept-section .second-section #rokkanan_top .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #yamanaka-text .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #kjima-teppei .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #hakobune-text .description-img-box4 .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .attention { font-size: 12px; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box { /*margin: 40px 0 73px auto;*/ margin: 40px 0 0px auto; } body#concept .concept-section .second-section .description-img-box4 .right-box .title-box .vertical-title-wrapper { font-size: 14px; /*min-height: 125px;*/ min-height: auto; } body#concept .concept-section .second-section #rokkanan_top .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #yamanaka-text .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #kjima-teppei .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section #hakobune-text .description-img-boxMovie .right-box .text-box .text { font-size: 14px; margin-bottom: 25px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .text-box .attention { font-size: 14px; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box { /*margin: 40px 0 73px auto;*/ margin: 40px 0 0px auto; } body#concept .concept-section .second-section .description-img-boxMovie .right-box .title-box .vertical-title-wrapper { font-size: 14px; /*min-height: 125px;*/ min-height: auto; } body#concept .concept-section .third-section { margin: 0 42px; max-width: initial; padding: 120px 25px; } body#concept .concept-section .third-section .attention-box .title { font-size: 13px; margin-bottom: 16px; } body#concept .concept-section .third-section .attention-box .attention { font-size: 12px; } body#concept .concept-section .third-section .explanation-box { margin-bottom: 73px; } body#concept .concept-section .third-section .explanation-box .title { font-size: 13px; } body#concept .concept-section .third-section .explanation-box .text { font-size: 12px; } body#concept .concept-section .swiper-pagination { bottom: -44px; left: 28px; width: 83px; } body#concept .concept-section .second-section .description-img-box4 .right-box .text-box .text { padding: 0; } #rokkanan-info img { padding: 0 !important; } } /*th .req { border: solid 1px red; border-radius: 3px; background: #fff; color:red; padding: 0 4px 1px 5px; font-size: 0.85rem; text-align: center; margin: 0 20px 0 5px; font-weight: 600; }*/ th.icoRequired:before { float: right; padding: 1px 10px; display: inline-block; content: "必須"; color: #C50003; background: #fff; border-radius: 3px; border: solid 1px #C50003; font-size: 0.85rem; } .submit-btn { display: block; width: auto; margin: 20px auto 0; padding: 10px 2rem; background-color: #fff; border: solid 1px #000; text-align: center; color: #000; letter-spacing: 0.1em; } .submit-btn:hover { background-color: #ccc; } .letter_spacing_rokkanan{ letter-spacing: 0.1em; } /*.emph{ font-size: 1.05em; font-weight: bolder; }*/ .emph_title{ font-size: 24px; font-weight: 400; } .br-pc { display: block !important; } .br-sp { display: none !important; } @media screen and (max-width: 991px) { .emph_title{ font-size: 24px !important; font-weight: 400; } .br-pc { display: block !important; } .br-sp { display: none !important; } } @media screen and (max-width: 767px) { .emph_title{ font-size: 24px !important; font-weight: 400; } .br-pc { display: block !important; } .br-sp { display: none !important; } } @media screen and (max-width: 650px) { .emph_title{ font-size: 17px !important; font-weight: 400; } .br-pc { display: none !important; } .br-sp { display: block!important; } } .icons-btn { margin: 20px 0; } /*@media screen and (max-width: 991px) { .emph_title{ font-size: 1.5rem; font-weight: 400; } } @media screen and (max-width: 767px) { .emph_title{ font-size: 17px; font-weight: 400; } } @media screen and (max-width: 650px) { .emph_title{ font-size: 17px; font-weight: 400; } }*/ .logo-OKASHIYA { text-align: center; display: inline-block; /*display: block;*/ /*width: 34px;*/ width: 240px; margin-bottom: 100px; } .condition-box { padding:0 5%;} @media screen and (max-width: 650px) { .enquete-form-checkbox label { font-size: 0.825em; } .condition-box { padding:0 0;} }