.page-guide :root{--120:120%;--radius:0.8rem;--border-border-primary:#0a0a0a}.page-guide .container{padding-left:4rem;padding-right:4rem}.page-guide .text-text-secondary{color:#666}.page-guide .bg-bg-primary{background-color:#0a0a0a}.page-guide .text-text-tertiary{color:#777}.page-guide .bg-border-primary{background-color:#0a0a0a}.page-guide .border-border-secondary{border-color:#e2e2e2}.page-guide .border-border-primary{border-color:#0a0a0a}.page-guide .fs-p1,.page-guide .fs-p2,.page-guide .fs-p3,.page-guide .fs-p4,.page-guide .fs-p5,.page-guide .fs-p6{font-weight:500}.page-guide .label.guide-label{border:1px solid #0a0a0a;border-radius:2.8rem;padding:.4rem .8rem;line-height:1.2;color:var(--text-text-primary)}.page-guide .main-image{background-image:url(/image/guide/guide_shoes_main.jpg);background-repeat:no-repeat;background-size:cover}.page-guide.page-guide-jacket .main-image{background-image:url(/image/guide/guide_jacket_main.jpeg);background-repeat:no-repeat;background-size:cover}.page-guide [class^=item]{border-radius:.8rem;border:1px solid #e2e2e2;overflow:hidden}.page-guide .video-wrap.playing:after{opacity:0;transition:opacity .3s;pointer-events:none}.page-guide .video-wrap+.play-btn-wrap{display:none;opacity:1;transition:opacity .3s}.page-guide .video-wrap.playing+.play-btn-wrap{opacity:0;pointer-events:none;transition:opacity .3s}.page-guide .video-wrap:after{opacity:1;transition:opacity .3s;border-radius:.8rem;content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;mix-blend-mode:multiply;background:linear-gradient(0deg,rgba(0,0,0,.3),rgba(0,0,0,.3));pointer-events:none}.page-guide .usage-swiper .image-wrap{max-width:36rem;margin-left:auto;margin-right:auto}.page-guide .card{border-radius:.8rem;display:flex;flex-direction:column;gap:.4rem;transition:border .2s;z-index:2;border:1px solid transparent;cursor:pointer}.page-guide .card:hover{border:1px solid #0a0a0a;transition:border .2s}.page-guide .usage{position:absolute;bottom:5rem;transition:margin .2s ease}.page-guide .usage.animate{margin-bottom:1.6rem;transition:margin .2s ease}.page-guide .usage:nth-child(2){transform:translateX(-60%)}.page-guide .swiper{margin-left:-2.4rem;margin-right:-2.4rem;padding-left:2.4rem;padding-right:2.4rem}.page-guide .video-wrap>div{padding-top:56.25%}@media(max-width:820px){.page-guide .container{padding-left:2.4rem;padding-right:2.4rem}.page-guide .video-wrap>div{padding-top:177.7777777778%}.page-guide .card{position:relative;bottom:0}.page-guide .card:hover{border:inherit;transition:border .2s}.page-guide .usage{bottom:50%;left:50%}.page-guide .usage.animate{margin-bottom:0;transition:margin .2s ease}.page-guide .usage:first-child,.page-guide .usage:nth-child(2){transform:translate(-50%,50%)}.page-guide .usage:nth-child(3){left:unset;right:0;transform:translateY(45%)}.page-guide .usage-swiper .swiper-slide:nth-child(2) .usage:first-child{left:35%}.page-guide .usage-swiper .swiper-slide:nth-child(2) .usage:last-child{left:62.5%}.page-guide .usage-swiper .swiper-slide:nth-child(3) .usage:first-child{left:0;transform:translateY(50%)}.page-guide .swiper .swiper-pagination{position:relative;bottom:unset;margin:2rem 0}.page-guide .swiper .swiper-pagination .swiper-pagination-bullet{opacity:1;background:#e2e2e2}.page-guide .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0a0a0a}.page-guide .swiper .swiper-slide{display:flex;align-items:stretch}.size-swiper .swiper-slide>div{flex-grow:1}}