:root {--base_color: #f8f6e2;--theme_color-3: #5d82a0;--theme_color-4: #bf9fa1;--theme_color-5: #80927d;--fv-spacer-delay: 15vh;--fv-spacer-delay-pc: 30vh;}@media (min-width: 768px) {:root {--headerH: 110px;}}html {scroll-behavior: smooth;}.sh26ss {background-color: var(--base_color);font-family: 'kozuka-gothic-pr6n', '小塚ゴシック Pro', sans-serif;font-weight: 300;font-style: normal;margin-top: 100px;}@media (min-width: 768px) {body.page-search .pane-contents .container, body.page-category .pane-contents .container, body.page-genre .pane-contents .container, body.page-event .pane-contents .container, body.page-topic .pane-contents .container, body.page-topicdetaillist .pane-contents .container {display: block;}.sh26ss {margin-top: 0;}}p,a {font-size: clamp(0.7rem, 0.645rem + 0.27vw, 0.85rem);}/* Font */.kozuka-mincho-R {font-family: "kozuka-mincho-pro", serif;font-weight: 400;font-style: normal;}.cormorant-upright-semibold {font-family: "Cormorant Upright", serif;font-weight: 600;font-style: normal;}.north-avellion {font-family: 'North Avellion DEMO', sans-serif;}/* fade in */.fadeIn {animation-name: fadeInAnime;opacity: 0;transform: translateY(5rem);transition: 2s;filter: blur(4px);}.fadeIn.is-show {transform: translateY(0);opacity: 1;filter: blur(0px);}@keyframes fadeInAnime {0% {opacity: 0;transform: translateY(-50%);}100% {opacity: 1;transform: translateY(0);}}.fadeIn-delay {animation-name: fadeInDelay;animation-delay: 1s;opacity: 0;transform: translateY(1rem);transition: 2s;filter: blur(4px);}.fadeIn-delay.is-show {transform: translateY(0);opacity: 1;transition-delay: .5s;filter: blur(0px);}@keyframes fadeInDelay {0% {opacity: 0;transform: translateY(50%);}100% {opacity: 1;transform: translateY(0);}}/* contents */video {filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));outline: none;border: none;width: 100%;height: 100%;}.scrollbar {position: fixed;bottom: 0;right: 1rem;z-index: 10;}@media (min-width: 768px){.scrollbar {right: 3rem;}}.scrollbar-text {display: inline-block;position: absolute;bottom: 0;padding: 0.5rem 0.5rem 7rem;color: #fff;font-size: 0.8rem;line-height: 1;letter-spacing: 0.2rem;text-transform: uppercase;writing-mode: vertical-lr;left: 50%;transform: translateX(-50%);}.scrollbar_line {position: absolute;left: 50%;transform: translateX(-50%);bottom: 1px;}.scrollbar_line::after {content: "";position: absolute;bottom: 0;left: 0;width: 1px;height: 100px;background: #fff;animation: liner 2.5s cubic-bezier(1, 0, 0, 1) infinite;}@keyframes liner {0% {transform: scale(1, 0);transform-origin: 0 0;}30% {transform: scale(1, 1);transform-origin: 0 0;}70% {transform: scale(1, 1);transform-origin: 0 100%;}100% {transform: scale(1, 0);transform-origin: 0 100%;}}/* first view */.fv_wrapper {position: relative;width: 100%;margin: 0 auto;height: 100vh;}.fv_container {position: relative;opacity: 1;transition: opacity .8s ease;z-index: 3;background-color: #fff;--fv-fade-cut: 0%;--fv-fade-soft: 40%;}.fv_container.fv-fade-active {-webkit-mask-image: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) var(--fv-fade-cut),rgba(0,0,0,1) calc(var(--fv-fade-cut) + var(--fv-fade-soft)),rgba(0,0,0,1) 100%);mask-image: linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,0) var(--fv-fade-cut),rgba(0,0,0,1) calc(var(--fv-fade-cut) + var(--fv-fade-soft)),rgba(0,0,0,1) 100%);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-size: 100% 200%;mask-size: 100% 200%;}@supports not ((-webkit-mask-image: linear-gradient(#000, #000)) or (mask-image: linear-gradient(#000, #000))) {.fv_container {transition: opacity .35s ease;}.fv_container.is-scrolled {opacity: 0;}}.fv_container.is-scrolled.fv-fade-active {opacity: 1;}@media (min-width: 768px) {.fv_wrapper {height: 200vh;z-index: 2;}.fv_container{position: sticky;top: var(--headerH, 0px);height: calc(100vh - var(--headerH, 0px));display: flex;flex-direction: row;}}.fv_spacer {height: var(--fv-spacer-delay);}.fv_season {width: 40%;margin: 0 auto 2rem;}.fv_title {width: 85%;margin: 0 auto;display: block;position: relative;z-index: 3;}@media (min-width: 768px) {.fv_title {width: auto;margin: 5% 0 0 7%;position: absolute;z-index: 2;}.fv_title img {height: 50vw;}}@media screen and (orientation: landscape) and (min-width: 768px) {.fv_title img {height: 60vh;}}@media (min-width: 1440px) {.fv_title_wrapper {width: 100%;max-width: 1440px;margin: 0 auto;position: absolute;z-index: 2;inset: 0;}.fv_title {width: auto;}}.fv_slider_section {margin-top: -30vh;}@media (min-width: 768px) {.fv_slider_section {margin-top: 0;}}.concept_wrapper {transition: opacity .8s ease;position: relative;z-index: 1;background-color: var(--base_color);width: 100%;max-width: 1440px;height: auto;padding: 10rem 0 0;margin: 0 auto 10rem;box-sizing: border-box;}.concept_container {width: 85%;margin: 0 auto;display: flex;flex-direction: column;justify-content: center;color: #fff;}@media (min-width: 768px) {.concept_wrapper{position: relative;z-index: 4;margin-top: -80vh;padding: 0;}.concept_container.concept_container {width: 100%;flex-direction: row;}}.concept_column {width: 100%;margin: 0 auto;align-self: center;}@media (min-width: 768px) {.concept_column {width: calc(100% / 3);}}.concept_title {margin: 0 auto 5rem;text-align: center;color: var(--theme_color-3);}.concept_title h1 {font-size: 2.5rem;}.concept_detail {align-self: center;justify-self: center;text-align: center;line-height: 2.1;margin: 1.25rem auto 0;font-weight: 200;color: var(--theme_color-3);}.concept_detail p {font-size: clamp(0.8rem, 0.757rem + 0.21vw, 0.95rem);text-align: center;}.concept_detail p.concept_sub-title {font-size: clamp(2rem, 1.714rem + 0.76vw, 2.4rem);text-align: center;}.concept_detail p.concept_eng-text {font-size: clamp(1.3rem, 1.157rem + 0.38vw, 1.5rem);text-align: center;line-height: 1.5;letter-spacing: 0.05rem;}.comfort_wrapper {width: 100%;height: 100vh;margin: 0 auto;}.movie-wrap {position: relative;width: 100%;height: 100vh;overflow: hidden;display: flex;align-items: center;justify-content: center;}.video-container {height: auto;}.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(93, 130, 160, 0.6);z-index: 1;}.bg-video {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;z-index: 0;}.movie-wrap_contents {position: relative;z-index: 1;width: 100%;max-width: 1680px;height: auto;display: grid;grid-template-columns: 1fr;column-gap: 0;row-gap: 3%;align-items: center;margin-top: 0;}@media (max-height: 700px) and (max-width: 375px) {.movie-wrap_contents {height: 85svh;row-gap: 0;margin-top: -15%;}}@media (min-width: 768px) {.movie-wrap_contents {grid-template-columns: repeat(3, 1fr);grid-template-rows: 1fr 3fr;grid-column-gap: 5%;grid-row-gap: 0;margin-top: 0;}}.comfort_title {grid-row: auto;grid-column: 1;margin: 0 auto;color: #fff;text-align: center;}@media (min-width: 768px) {.comfort_title {grid-row: 1;grid-column: 1 / 4;margin: 0 auto;}}.title_upper {font-size: clamp(2.7rem, 2.343rem + 0.95vw, 3.2rem);text-align: center;line-height: 0.9;}@media (max-height: 700px) and (max-width: 375px) {.title_upper {font-size: 2.3rem;}}.title_bottom {font-size: clamp(0.9rem, 0.757rem + 0.38vw, 1.1rem);text-align: center;}.comfort_concept {display: none;}@media (min-width: 768px) {.comfort_concept {display: block;margin-left: auto;}.comfort_concept p {color: #fff;text-align: center;font-size: 2.5rem;line-height: 1;}}.comfort_slide {position: relative;text-align: center;margin: 0 auto;width: 75%;aspect-ratio: 1 / 1;}@media (max-height: 700px) and (max-width: 375px) {.comfort_slide {width: 65%;}}@media (min-width: 768px) {.comfort_slide {width: 85%;max-width: 515px;}}.change_img {margin: 0 auto;border-radius: 50%;overflow: hidden;position: absolute;inset: 0;z-index: 1;}.comfort_slide .change_img img{display: block;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;aspect-ratio: 1 / 1;}.comfort_pagination {display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 3rem;margin: 1rem auto 0;}.change_pagination {width: 0.5rem;height: 0.5rem;border-radius: 50%;background-color: #fff;opacity: 0.7;}.change_pagination.is-active {width: 0.7rem;height: 0.7rem;opacity: 1;}.comfort_detail {width: 100%;margin: 0 auto;position: relative;min-height: 16vh;}@media (min-width: 768px) {.comfort_detail {width: 70%;margin: 0;}}.comfort_detail .change_detail {position: absolute;inset: 0;width: 80%;margin: 0 auto;}@media (max-height: 700px) and (max-width: 375px) {.comfort_detail .change_detail {width: 85%;}}@media (min-width: 768px) {.comfort_detail .change_detail {width: 100%;}}.change_detail p {font-family: "kozuka-mincho-pro", serif;font-weight: 400;font-style: normal;color: #fff;line-height: 1.9;letter-spacing: 0.1rem;font-size: clamp(0.8rem, 0.729rem + 0.19vw, 0.9rem);text-align: left;margin-top: 0.5rem;}@media (max-height: 700px) and (max-width: 375px) {.change_detail p {font-size: 0.75rem;line-height: 1.5;}}p.comfort_sub-title {font-size: clamp(1.2rem, 0.843rem + 0.95vw, 1.7rem);line-height: 1.3;letter-spacing: 0.05rem;text-align: center;}@media (min-width: 768px) {p.comfort_sub-title {line-height: 1.3;letter-spacing: 0.05rem;text-align: left;}}.change_img,.change_detail {opacity: 0;pointer-events: none;transition: opacity .5s ease-in-out, transform .5s ease-out;transform: translateY(1px);z-index: 1;}.change_img.is-active,.change_detail.is-active {opacity: 1;pointer-events: auto;transform: translateY(0);z-index: 2;}.contents_wrapper {display: flex;flex-direction: column;width: 100%;max-width: 1920px;margin: 0 auto;}@media (min-width: 768px) {.contents_wrapper {flex-direction: row;flex-wrap: wrap;overflow: visible;margin-top: 5rem;}}.contents_wrapper > .concept_slider_section {flex: 0 0 100%;width: 100%;order: -1;}.concept_slider_section .splide {max-width: 100%;margin-left: auto;margin-right: auto;}/* side menu */.aside_left,.aside_right {display: none;}@media (min-width: 768px) {.aside_left,.aside_right {display: grid;width: 30%;height: auto;position: sticky;align-self: start;text-align: center;z-index: 5;}.aside_left {top: 33%;margin-top: 65%;}.aside_left p {font-size: 2.5rem;line-height: 1;padding-bottom: 9rem;}.aside_left .march-color {color: var(--theme_color-3);}.aside_left .april-color {color: var(--theme_color-4);}.aside_left .may-color {color: var(--theme_color-5);}.aside_right {top: 20%;margin-top: 55%;}.aside_left img,.aside_right img {width: 75%;margin: 0 auto;}}/* main content */.main_content {position: relative;width: 100%;}@media (min-width: 768px) {.main_content {width: 40%;z-index: 5;}}.main_content > section {position: relative;z-index: 0;}@media (min-width: 768px) {.main_content > section {position: relative;z-index: 0;}}.march,.april,.may {padding: 20rem 0 15rem;margin-bottom: 5rem;}.march {background-color: var(--theme_color-3);background-color: transparent;background-image: linear-gradient(0deg, transparent, #5d82a0 7% 93%, transparent);margin-top: 10rem;}.april {background-color: var(--theme_color-4);background-color: transparent;background-image: linear-gradient(0deg, transparent, #bf9fa1 7% 93%, transparent);}.may {background-color: var(--theme_color-5);background-color: transparent;background-image: linear-gradient(0deg, transparent, #80927d 7% 93%, transparent);}.march_calendar_sp,.april_calendar_sp,.may_calendar_sp {width: 75%;margin: 5rem auto;}@media (min-width: 768px) {.march_calendar_sp,.april_calendar_sp,.may_calendar_sp {display: none;}}.title {color: var(--base_color);text-align: center;font-size: 4rem;letter-spacing: 0.1rem;margin-bottom: 5rem;}.title span{display:block;line-height:1.1;font-size: 1.5rem;}span.title_oval {border: var(--base_color) 1px solid;border-radius: 50%;width: 10%;margin: 0.5rem auto -0.5rem;font-style: italic;}/* MARCH */.march_img-airplane {width: 85%;margin: 0 auto 5rem;}.march_item-1 {width: 86%;margin-bottom: 5rem;}@media (min-width: 768px) {.march_item-1 {width: 80%;}}.march_item-1 p {color: #fff;margin-left: 1rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.march_item-1 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.march_img-tag {position: relative;width: 46%;margin-top: -13rem;margin-left: auto;margin-bottom: 5rem;z-index: 3;}@media (min-width: 768px) {.march_img-tag {width: 40%;margin-bottom: 0;}}@media (min-width: 1920px) {.march_img-tag {margin-top: -15rem;}}.march_item-2 {width: 80%;margin-top: -4rem;margin-left: auto;margin-bottom: 5rem;}@media (min-width: 768px) {.march_item-2 {width: 70%;}}@media (min-width: 1920px) {.march_item-2 {margin-top: -6rem;}}.march_item-2 p {color: #fff;margin-left: 0;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.march_item-2 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-march p {color: #fff;margin-left: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-march p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}/* APRIL */.april_item-1 {position: relative;z-index: 5;width: 80%;text-align: right;margin-left: auto;}@media (min-width: 768px) {.april_item-1 {width: 60%;text-align: left;}}.april_item-1 p {color: #fff;margin-right: 1rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}@media (min-width: 768px) {.april_item-1 p {margin-right: 0;}}.april_item-1 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.april_img-cafe {width: 60%;margin: 0 0 1rem 5%;}@media (min-width: 768px) {.april_img-cafe {width: 85%;margin: -4rem 10% 2rem;}}.april_item-2 {width: 75%;margin-left: auto;}@media (min-width: 768px) {.april_item-2 {width: 70%;}}.april_item-2 p {text-align: right;color: #fff;margin-right: 1rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;}@media (min-width: 768px) {.april_item-2 p {padding-left: 8.5rem;text-align: left;margin-right: 0;}}@media (min-width: 1440px) {.april_item-2 p {padding-left: 33%;}}.april_item-2 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;}.april_item-3 {position: relative;z-index: 5;width: 50%;margin-top: -10rem;}.april_item-3 p {color: #fff;margin-left: 0;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.april_item-3 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.april_img-beach {width: 68%;margin: -10% 5% 1rem auto;}@media (min-width: 768px) {.april_img-beach {width: 70%;margin: -8rem 5% 2rem auto;}}.april_item-4 {width: 70%;margin: 0 0 3rem 5%;}@media (min-width: 768px) {.april_item-4 {width: 60%;margin: 0 0 7rem 10%;}}.april_item-4 p {color: #fff;margin-left: 0;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.april_item-4 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-april p {color: #fff;margin-left: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-april p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}/* MAY */.may_img-wine {width: 85%;margin: 0 auto 5rem;}.may_item-group {background: url(/img/usr/sukalahome/sh-26ss/may_bg_2.svg) center center no-repeat;background-size: 80%;width: 100%;height: auto;}.may_item-1 {width: 75%;display: flex;flex-direction: column-reverse;}.may_item-1 p {color: #fff;margin-left: 0.5rem;margin-bottom: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;}.may_item-1 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;}.may_item-2 {width: 67%;margin-top: -5rem;margin-left: auto;margin-bottom: 5rem;}@media (min-width: 768px) {.may_item-2 {margin-top: -8rem;}}.may_item-2 p {color: #fff;margin-left: 0;text-align: left;margin-top: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;}.may_item-2 p a {color: #fff;text-align: left;margin-top: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;}.splide-may_1 p {color: #fff;margin-left: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-may_1 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.may_img-bag {width: 45%;margin: 0 5% 5rem auto;}@media (min-width: 768px) {.may_img-bag {width: 40%;margin: -9rem 5% 5rem auto;}}.splide-may_2 p {color: #fff;margin-left: 0.5rem;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.splide-may_2 p a {color: #fff;font-family: "arial", sans-serif;font-weight: 400;font-style: normal;text-align: left;margin-top: 0.5rem;}.aside_left.aside_may {margin-bottom: 27.5rem;}.aside_right.aside_may {margin-bottom: 25.5rem;}/* slide */.splide {touch-action: pan-y;}.splide__slide img {width: 100%;height: auto;object-fit: cover;}.splide__track {overflow: hidden;touch-action: pan-y;}.splide__pagination {height: 0;}.fv img {width: 100%;height: 100vh;object-fit: cover;}/* footer */.area_footer {padding: 5rem 0;background-color: var(--theme_color-3);}.footer_wrapper {margin: 0 auto;width: 80%;display: flex;flex-direction: column;justify-content: center;align-items: center;}@media (min-width: 768px) {.footer_wrapper {width: 55%;flex-direction: row;}}.footer_wrapper p,.footer_wrapper li,.footer_wrapper a {font-family: "minerva-modern", sans-serif;font-weight: 400;font-style: normal;color: #fff;margin: 0 0 0.5rem;font-size: clamp(0.85rem, 0.779rem + 0.36vw, 1.1rem);list-style: none;text-align: left;}.credit,.footer_image {width: 100%;}@media (min-width: 768px) {.credit,.footer_image {width: 45%;}}.credit {margin-left: 0;order: 2;}@media (min-width: 768px) {.credit {margin-left: auto;order: 1;}}.footer_image {order: 1;margin: 0 auto 1rem;text-align: center;}@media (min-width: 768px) {.footer_image {order: 2;margin: 0;text-align: left;}}.footer_image img {width: 70%;}@media (min-width: 768px) {.footer_image img {width: 50%;}}