.aw-main-visual{--aw-main-visual-progress-width-pc: 360px;--aw-main-visual-progress-width-sp: 180px;--aw-main-visual-progress-bottom: 24px;--aw-main-visual-duration: 5s;--aw-main-visual-image-fit: cover;position:relative;width:100%;overflow:hidden;background:#fff}.aw-main-visual__inner{position:relative;width:100%}.aw-main-visual__slides{display:grid;width:100%}.aw-main-visual__slide{grid-area:1/1;position:relative;aspect-ratio:var(--aw-main-visual-slide-aspect-pc, 16/9);opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.aw-main-visual__slide.active,.aw-main-visual__slide.aw-main-visual__slide--active{z-index:1;opacity:1;visibility:visible;pointer-events:auto}.aw-main-visual--bottom-gradient .aw-main-visual__slide:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:1;height:43.085%;background:linear-gradient(180deg,#0000,#0000001f 28%,#000000ad);pointer-events:none}.aw-main-visual__link,.aw-main-visual__picture{display:block;width:100%;height:100%}.aw-main-visual__link:focus-visible{outline:2px solid #181919;outline-offset:-2px}.aw-main-visual__image{display:block;width:100%;height:100%;-o-object-fit:var(--aw-main-visual-image-fit);object-fit:var(--aw-main-visual-image-fit);-o-object-position:center center;object-position:center center}.aw-main-visual__text{position:absolute;left:80px;bottom:73px;z-index:2;color:#fff;pointer-events:none}.aw-main-visual__sub-text{margin:0 0 24px;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:20px;font-style:normal;font-weight:400;line-height:1}.aw-main-visual__heading{margin:0;color:#fff;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,MS PMincho,serif;font-size:32px;font-style:normal;font-weight:400;line-height:1}.aw-main-visual__heading br{display:block}.aw-main-visual__arrow{position:absolute;top:50%;z-index:3;display:none;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;transform:translateY(-50%);transition:opacity .3s ease}.aw-main-visual__arrow:hover,.aw-main-visual__arrow:focus-visible{opacity:.7}.aw-main-visual__arrow:focus-visible{outline:2px solid #fff;outline-offset:2px}.aw-main-visual__arrow--prev{left:30px}.aw-main-visual__arrow--next{right:30px}.aw-main-visual__arrow-icon{position:relative;display:block;width:20px;height:20px}.aw-main-visual__arrow-icon:before,.aw-main-visual__arrow-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-position:center;background-repeat:no-repeat;background-size:contain;transition:opacity .3s ease;width:40px;height:40px}.aw-main-visual__arrow-icon:before{background-image:var(--aw-main-visual-arrow-icon);opacity:1}.aw-main-visual__arrow-icon:after{background-image:var(--aw-main-visual-arrow-icon-hover);opacity:0}.aw-main-visual__arrow:hover .aw-main-visual__arrow-icon:before,.aw-main-visual__arrow:focus-visible .aw-main-visual__arrow-icon:before{opacity:0}.aw-main-visual__arrow:hover .aw-main-visual__arrow-icon:after,.aw-main-visual__arrow:focus-visible .aw-main-visual__arrow-icon:after{opacity:1}.aw-main-visual__arrow--prev .aw-main-visual__arrow-icon{transform:rotate(180deg)}.aw-main-visual__progress{position:absolute;left:50%;bottom:var(--aw-main-visual-progress-bottom);width:var(--aw-main-visual-progress-width-pc);height:2px;transform:translate(-50%);overflow:hidden;background:#fff;z-index:2}.aw-main-visual__progress.is-hidden,.aw-main-visual__progress[hidden]{display:none}.aw-main-visual__progress-bar{display:block;width:100%;height:100%;background:#a6a6a6;transform:scaleX(0);transform-origin:left center;will-change:transform}.aw-main-visual__progress-bar.is-animating{-webkit-animation:aw-main-visual-progress var(--aw-main-visual-duration) linear forwards;animation:aw-main-visual-progress var(--aw-main-visual-duration) linear forwards}.aw-main-visual__placeholder{display:grid;place-items:center;gap:20px;min-height:clamp(320px,58vw,860px);padding:32px 20px;background:#f3f3f3;color:#4d4d4d;text-align:center}.aw-main-visual__placeholder-media{width:min(100%,540px)}.aw-main-visual__placeholder-svg{display:block;width:100%;height:auto}.aw-main-visual__placeholder-svg svg{display:block;width:100%;height:auto}.aw-main-visual__placeholder-text{margin:0;font-size:14px;line-height:1.8;letter-spacing:.08em}@-webkit-keyframes aw-main-visual-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes aw-main-visual-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media only screen and (max-width:479px){.aw-main-visual__text{left:15px;bottom:37px}.aw-main-visual__sub-text{font-size:12px;line-height:16px;height:1px}.aw-main-visual__heading{font-size:18px}.aw-main-visual__slide{aspect-ratio:var(--aw-main-visual-slide-aspect-sp, var(--aw-main-visual-slide-aspect-pc, 3/4))}.aw-main-visual__progress{width:var(--aw-main-visual-progress-width-sp);height:1px}.aw-main-visual__placeholder{min-height:360px;padding:24px 16px}}@media only screen and (min-width:480px)and (max-width:767px){.aw-main-visual__inner{max-width:var(--aw-main-visual-max-width-pc);margin-inline:auto}.aw-main-visual__slide{aspect-ratio:var(--aw-main-visual-slide-aspect-sp, var(--aw-main-visual-slide-aspect-pc, 4/5))}.aw-main-visual__arrow{display:inline-flex}.aw-main-visual__progress{width:var(--aw-main-visual-progress-width-sp)}.aw-main-visual__placeholder{min-height:420px}}@media only screen and (min-width:768px)and (max-width:1099px){.aw-main-visual__inner{max-width:var(--aw-main-visual-max-width-pc);margin-inline:auto}.aw-main-visual__slide{aspect-ratio:var(--aw-main-visual-slide-aspect-pc, 16/9)}.aw-main-visual__arrow{display:inline-flex}.aw-main-visual__progress{width:var(--aw-main-visual-progress-width-pc)}}@media only screen and (min-width:1100px){.aw-main-visual__inner{max-width:var(--aw-main-visual-max-width-pc);margin-inline:auto}.aw-main-visual__slide{aspect-ratio:var(--aw-main-visual-slide-aspect-pc, 16/9)}.aw-main-visual__arrow{display:inline-flex}.aw-main-visual__progress{width:var(--aw-main-visual-progress-width-pc)}}@media(prefers-reduced-motion:reduce){.aw-main-visual__slide{transition:none}.aw-main-visual__progress-bar.is-animating{-webkit-animation:none;animation:none;transform:scaleX(0)}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/aw-main-visual.css.map */