@charset "UTF-8";.c-top-mainvisual{--video-height: calc(100svh - var(--announcement-bar-height));position:relative;height:calc(100svh - var(--announcement-bar-height));overflow-x:hidden;overflow-y:scroll}.c-top-mainvisual:not(.no-fixed).scroll-rocked{overflow-y:hidden}.c-top-mainvisual.weather-rainy .c-top-mainvisual__weather .c-top-mainvisual__weather--rainy{display:block}.c-top-mainvisual__bg{width:100%;height:calc(100svh - var(--announcement-bar-height));position:relative}.c-top-mainvisual__bg img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-top-mainvisual__content{display:block;width:100%;height:100%}.c-top-mainvisual__content.with-linear:before{display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;background:linear-gradient(#0000,#000)}.c-top-mainvisual__weather{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap}.c-top-mainvisual__weather--images{position:absolute;top:-166px;right:-97px;width:780px;height:614px}@media screen and (max-width: 740px){.c-top-mainvisual__weather--images{width:calc(100vw - 15px);height:-moz-fit-content;height:fit-content;top:-30px;right:-50px}}.c-top-mainvisual__weather--images img{display:none}.c-top-mainvisual__weather svg{position:absolute}.c-top-mainvisual__weather svg text{font-family:Inter;font-size:200px;letter-spacing:-.05em;font-weight:700}@media screen and (max-width: 1550px){.c-top-mainvisual__weather svg text{font-size:180px;y:180}}@media screen and (max-width: 1420px){.c-top-mainvisual__weather svg text{font-size:160px}}@media screen and (max-width: 1300px){.c-top-mainvisual__weather svg text{font-size:140px}}@media screen and (max-width: 1200px){.c-top-mainvisual__weather svg text{font-size:120px}}@media screen and (max-width: 740px){.c-top-mainvisual__weather svg text{font-size:80px}}.c-top-mainvisual__time{position:absolute;top:50%;left:50%;bottom:50%;right:50%;width:100%;height:250px;transform:translate(-50%,-50%);clip-path:url(#svgTextPath);background:#ffffff52;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (max-width: 1200px){.c-top-mainvisual__time{height:300px}}@media screen and (max-width: 1000px){.c-top-mainvisual__time{height:420px;clip-path:url(#svgTextPath_tablet)}}@media screen and (max-width: 740px){.c-top-mainvisual__time{height:290px;clip-path:url(#svgTextPath_sp)}}.c-top-mainvisual__time--bg{position:relative;font-size:200px;font-family:Inter;letter-spacing:-.05em;text-align:center;font-weight:700;color:transparent;line-height:1;display:flex;gap:.2em}.c-top-mainvisual__time--bg .c-top-mainvisual__time--temp:not(:empty){padding-left:100px}@media screen and (max-width: 1550px){.c-top-mainvisual__time--bg{font-size:180px}}@media screen and (max-width: 1420px){.c-top-mainvisual__time--bg{font-size:160px}}@media screen and (max-width: 1300px){.c-top-mainvisual__time--bg{font-size:140px}}@media screen and (max-width: 1200px){.c-top-mainvisual__time--bg{font-size:120px}}@media screen and (max-width: 1000px){.c-top-mainvisual__time--bg{flex-direction:column;width:450px}.c-top-mainvisual__time--bg .c-top-mainvisual__time--temp{padding-left:0}}@media screen and (max-width: 740px){.c-top-mainvisual__time--bg{width:320px;font-size:80px;gap:25px}}.c-top-mainvisual__title{margin:0;position:absolute;bottom:0;right:90px;opacity:0;transition:opacity .2s ease;max-width:calc(100vw - 530px);text-align:right}.c-top-mainvisual__title.is-visible{opacity:1;z-index:1}.c-top-mainvisual__title:not(.is-visible){z-index:-1}.c-top-mainvisual__title:not(.is-visible) a{pointer-events:none}@media screen and (max-width: 740px){.c-top-mainvisual__title{font-size:12px;left:20px;max-width:initial;text-align:left}}.c-top-mainvisual__title--wrapper{position:sticky;top:calc(100svh - var(--announcement-bar-height) - 90px);z-index:3}@media screen and (max-width: 740px){.c-top-mainvisual__title--wrapper{top:50svh}}.c-top-mainvisual__tag{margin:0;position:absolute;top:0;right:90px;display:flex;flex-wrap:wrap;justify-content:flex-end;-moz-column-gap:10px;column-gap:10px;opacity:0;transition:opacity .2s ease;max-width:calc(100vw - 530px)}.c-top-mainvisual__tag.is-visible{opacity:1;z-index:1}.c-top-mainvisual__tag:not(.is-visible){z-index:-1}.c-top-mainvisual__tag:not(.is-visible) a{pointer-events:none}@media screen and (max-width: 740px){.c-top-mainvisual__tag{font-size:12px;right:initial;left:20px;bottom:initial;top:0;row-gap:0px;-moz-column-gap:10px;column-gap:10px;max-width:initial;text-align:left;justify-content:flex-start}}.c-top-mainvisual__tag--wrapper{position:sticky;top:calc(100svh - var(--announcement-bar-height) - 90px);z-index:3}@media screen and (max-width: 740px){.c-top-mainvisual__tag--wrapper{top:calc(50svh + 10px)}}.c-top-mainvisual__text{font-weight:400;font-size:16px;letter-spacing:0;width:100%}@media screen and (max-width: 740px){.c-top-mainvisual__text{width:calc(100% - 40px)}}.c-top-mainvisual__text--marker{display:inline;color:rgb(var(--mv-text-color));background:linear-gradient(rgba(var(--mv-text-bg-color),var(--mv-text-bg-opacity)))}.c-top-mainvisual__aside{position:absolute;bottom:10px;--video-height: 185.625px ;width:350px;height:205.625px;left:72px;outline:2px solid transparent;outline-offset:-2px;padding:10px;opacity:0;transition:opacity .2s ease}.c-top-mainvisual__aside.is-visible:not(.is-empty){opacity:1;outline:2px solid #ffffff;-webkit-mask:conic-gradient(at 8px 8px,transparent 75%,#000 0) 0 0/ calc(100% - 8px) calc(100% - 8px),linear-gradient(#000,#000 0) content-box;mask:conic-gradient(at 8px 8px,transparent 75%,#000 0) 0 0/ calc(100% - 8px) calc(100% - 8px),linear-gradient(#000,#000 0) content-box}@media screen and (max-width: 740px){.c-top-mainvisual__aside{display:none}}.c-top-mainvisual__aside--wrapper{position:sticky;top:calc(100svh - var(--announcement-bar-height) - 60px);z-index:3}.c-top-mainvisual__aside--video{width:330px;height:220px}.c-top-mainvisual.no-fixed{height:auto;overflow-y:auto}.c-top-mainvisual.no-fixed .c-top-mainvisual__block{position:relative}.c-top-mainvisual.no-fixed .c-top-mainvisual__title--wrapper,.c-top-mainvisual.no-fixed .c-top-mainvisual__tag--wrapper,.c-top-mainvisual.no-fixed .c-top-mainvisual__aside--wrapper{position:absolute;width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-section-mainvisual.css.map */