@charset "UTF-8";.c_top-cafe{padding-block:80px 0;overflow:clip!important}@media screen and (max-width: 939px){.c_top-cafe{padding-block:40px 0}}.c_top-cafe__container{position:relative;z-index:1}.c_top-cafe__contents{margin-block-start:80px}@media screen and (max-width: 939px){.c_top-cafe__contents{margin-block-start:40px}}.c_top-cafe__content{width:100%;height:100dvh;position:relative}.c_top-cafe__bg{display:block;width:100%;height:100%}.c_top-cafe__bg img{width:100%;height:100%;object-fit:cover}.c_top-cafe__inner{position:absolute;top:50%;left:50%;translate:-50% -50%;width:min(1320px,100%);padding-inline:20px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;z-index:5}@media screen and (max-width: 939px){.c_top-cafe__inner{flex-direction:column;align-items:flex-start;height:fit-content;row-gap:32px}}.c_top-cafe__icon{width:300px;height:auto;aspect-ratio:300/418}.c_top-cafe__icon img{width:100%;height:100%;object-fit:contain}@media screen and (max-width: 939px){.c_top-cafe__icon{width:160px;aspect-ratio:160/214;margin-inline:auto}}@media screen and (max-width: 939px){.c_top-cafe__content2 .c_top-cafe__icon{aspect-ratio:160/231}}.c_top-cafe__text-wrap{width:405px;height:auto}@media screen and (max-width: 939px){.c_top-cafe__text-wrap{width:100%}}.c_top-cafe__text{color:#fff;text-shadow:0px 0px 8px rgba(0,0,0,.6);font-size:16px;font-style:normal;font-weight:300;line-height:240%;letter-spacing:1.92px;margin-block-end:48px}@media screen and (max-width: 939px){.c_top-cafe__text{margin-block-end:24px;line-height:180%;letter-spacing:1.92px}}.c_top-cafe__link{padding:17px 106px 17px 62px}@media screen and (max-width: 939px){.c_top-cafe__link{padding:16px 40px 16px 88px;width:100%;margin-inline-start:auto}}.c_top-cafe__link span{font-family:Impact,sans-serif;text-transform:uppercase;font-size:18px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.44px}.c_top-cafe__link svg{right:62px;width:20px;height:20px}@media screen and (max-width: 939px){.c_top-cafe__link svg{right:0}}.c_top-cafe__content1{position:sticky;top:0;z-index:2}.c_top-cafe__content1 .c_top-cafe__bg{position:relative}.c_top-cafe__content1 .c_top-cafe__bg:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#0000004d;opacity:0;transition:opacity .5s ease;pointer-events:none}.c_top-cafe__content1 .c_top-cafe__bg.is-bg-show:after{opacity:1}.c_top-cafe__content2-wrap{width:100%;height:calc(100vh + 800px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.c_top-cafe__content2-wrap.is-show{opacity:1;visibility:visible;transition:opacity .3s ease,visibility .3s ease}.c_top-cafe__content2{position:sticky;top:0;z-index:3}.c_top-cafe__content2 .c_top-cafe__bg{position:relative;z-index:3}.c_top-cafe__content2:after{content:"";position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;background:#00000026;opacity:1;transition:opacity .5s ease;pointer-events:none}@media screen and (max-width: 939px){.c_top-cafe__content2:after{background:#0000004d}}.c_top-cafe__dog-run{background:#fafaf2;z-index:2;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;opacity:1;visibility:visible}.c_top-cafe__dog-run-inner-wrap{position:relative;padding-block-end:1px}.c_top-cafe__dog-run-inner-wrap:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#000;transform-origin:left center;transition:width 1s ease}.c_top-cafe__dog-run-inner-wrap.is-active:after{width:100%}.c_top-cafe__dog-run-inner{width:min(1280px,100%);padding-inline:20px;margin-inline:auto;position:relative;z-index:3}.c_top-cafe__dog-run-inner:before{content:"";position:absolute;top:0;left:0;width:1px;height:0;background:#000;transform-origin:center top;transition:height 1s ease}.c_top-cafe__dog-run-inner:after{content:"";position:absolute;top:0;right:0;width:1px;height:0;background:#000;transform-origin:center top;transition:height 1s ease}.c_top-cafe__dog-run-inner.is-active:before{height:100%}.c_top-cafe__dog-run-inner.is-active:after{height:100%}@media screen and (max-width: 939px){.c_top-cafe__dog-run-inner{padding-inline:16px;border-inline:none}.c_top-cafe__dog-run-inner:before{width:.5px}.c_top-cafe__dog-run-inner:after{width:.5px}}.c_top-cafe__dog-run-content{display:grid;grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 939px){.c_top-cafe__dog-run-content{grid-template-columns:repeat(1,1fr);border-inline:1px solid #000}}.c_top-cafe__dog-run-head-wrap{padding-block:170px 183px;position:relative}.c_top-cafe__dog-run-head-wrap:before{content:"";position:absolute;top:0;right:0;width:1px;height:0;background:#000;transform-origin:center top;transition:height 1s ease}.c_top-cafe__dog-run-head-wrap.is-active:before{height:100%}@media screen and (max-width: 939px){.c_top-cafe__dog-run-head-wrap{padding-block:60px 40px;border-inline-end:none;padding-inline-start:24px}.c_top-cafe__dog-run-head-wrap:before{content:"";position:absolute;bottom:0;top:unset;left:0;right:unset;width:0;height:.5px;transform-origin:left center;transition:width 1s ease}.c_top-cafe__dog-run-head-wrap.is-active:before{width:100%;height:.5px}}.c_top-cafe__dog-run-head{text-align:left;width:380px;margin-inline:auto}@media screen and (max-width: 939px){.c_top-cafe__dog-run-head{width:100%;text-align:center}}.c_top-cafe__dog-run-text-wrap{padding:171px 40px 64px}@media screen and (max-width: 939px){.c_top-cafe__dog-run-text-wrap{padding:30px 24px 50px}}.c_top-cafe__dog-run-text{font-size:16px;font-style:normal;font-weight:300;line-height:180%;letter-spacing:1.92px;margin-block-end:40px}.c_top-cafe__dog-run__link{padding:17px 106px 17px 62px;margin-inline-start:auto;pointer-events:visible}@media screen and (max-width: 939px){.c_top-cafe__dog-run__link{width:100%;padding:17px 40px 17px 88px}}.c_top-cafe__dog-run__link svg{right:62px;width:20px;height:20px}@media screen and (max-width: 939px){.c_top-cafe__dog-run__link svg{right:0}}.c_top-cafe .pin-spacer{pointer-events:none}.c_top-cafe-dog-run__slider-container{width:calc(100% + 40px);height:409px;margin-inline-start:-20px;overflow:hidden}@media screen and (max-width: 939px){.c_top-cafe-dog-run__slider-container{width:100%;border-inline:1px solid #000;height:167px;margin-inline-start:0px}}.c_top-cafe-dog-run__slider-outer{overflow:hidden;width:100%;height:100%}.c_top-cafe-dog-run__slider-track{display:flex;width:auto;min-width:200%;animation:scrollSlider 40s linear infinite;will-change:transform}@media screen and (max-width: 939px){.c_top-cafe-dog-run__slider-track{animation:scrollSlider 20s linear infinite}}.c_top-cafe-dog-run__slider-track .slide-item{flex-shrink:0;width:615px}@media screen and (max-width: 939px){.c_top-cafe-dog-run__slider-track .slide-item{width:251px}}.c_top-cafe-dog-run__slider-track .slide-item img{display:block;object-fit:cover;width:100%;height:409px}@media screen and (max-width: 939px){.c_top-cafe-dog-run__slider-track .slide-item img{height:167px}}@keyframes scrollSlider{0%{transform:translate(0)}to{transform:translate(-50%)}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/c_top-cafe.css.map */