@import"https://fonts.googleapis.com/css2?family=Damion&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap";.page-su main{background:#23b7fe;padding-top:126px;position:relative}.topicpath{position:relative;z-index:100;margin-top:0;height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:-4rem}@media screen and (max-width: 767px){.topicpath{height:3rem}}.topicpath li{color:#2099d3}.topicpath li.is-here{color:#fff}.bg-100vh{width:100%;position:relative}@media screen and (min-width: 768px){.bg-100vh{height:calc(100vh - 126px)}}@media screen and (max-width: 767px){.bg-100vh{height:calc(100vh - 90px)}}.bg-100vh::before,.bg-100vh::after{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0}.bg-dot{z-index:20;background:url(../img/bg-dot.png);width:100%;height:100%;position:absolute;top:0;left:0;display:block;opacity:.6;mix-blend-mode:overlay}.flex-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-center .inner{z-index:100}#topSec .inner{height:100%}#topSec .ttl-box-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center;height:100%}#topSec .ttl-box-wrap .ttl-box{z-index:100;background-color:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:0 5% 2rem;border-radius:2rem;position:relative}@media screen and (min-width: 768px){#topSec .ttl-box-wrap .ttl-box{width:65%;max-width:1100px}}@media screen and (max-width: 767px){#topSec .ttl-box-wrap .ttl-box{width:auto;margin-top:3rem}}#topSec .ttl-box-wrap .ttl-box::before{content:"";display:block;width:17%;aspect-ratio:137/150;background:url(../img/emblem.svg) no-repeat center center;background-size:cover;position:absolute;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}#topSec h2{font-family:"Damion",cursive;font-size:12.5rem;color:#38a1db;line-height:1;margin-top:10%;margin-bottom:3%}@media screen and (max-width: 767px){#topSec h2{font-size:9rem}#topSec h2 span{display:block;font-size:4rem;line-height:.6;padding-top:1rem}}#topSec p{text-align:justify;margin:0 auto}@media screen and (max-width: 767px){#topSec p{font-size:1.1rem;text-align:left}}#topSec.bg-100vh::before{z-index:0;background:url(../img/bg-mv.jpg) no-repeat center bottom;background-size:cover}#topSec.bg-100vh::after{z-index:10;background:#0060b2;background:-webkit-gradient(linear, left bottom, left top, from(rgb(0, 96, 178)), to(rgb(204, 232, 255)));background:linear-gradient(0deg, rgb(0, 96, 178) 0%, rgb(204, 232, 255) 100%);mix-blend-mode:hard-light}.list-sec .inner{padding:0 !important}.list-sec h3{font-weight:bold;font-style:italic;font-size:3.5rem;font-family:Rubik,sans-serif;letter-spacing:.5em;text-transform:uppercase;text-align:center;margin-bottom:2rem}.list-sec h3 span{margin-right:-0.5em}@media screen and (max-width: 767px){.list-sec h3{font-size:clamp(30px, 0.982rem + 4.46vw, 50px);line-height:1}}.list-sec .list-container{position:relative}@media screen and (min-width: 768px){.list-sec .list-container{width:100%;max-width:110rem;margin:0 auto}}@media screen and (max-width: 767px){.list-sec .list-container{width:24rem;max-width:400px;margin:0 auto}}.list-sec .list-container .list-item a{color:#000;background-color:#fff;border-radius:1em;display:block;overflow:hidden}@media screen and (min-width: 768px){.list-sec .list-container .list-item a{width:25rem}}@media screen and (max-width: 767px){.list-sec .list-container .list-item a{width:100%;margin:0 auto}}.list-sec .list-container .list-item a:hover .list-item--img{-webkit-transform:scale(105%, 105%);transform:scale(105%, 105%);-webkit-transition:all .6s;transition:all .6s}.list-sec .list-container .list-item a:hover .list-item--txt{background-color:#e9e9e9;-webkit-transition:all .6s;transition:all .6s}.list-sec .list-container .list-item--img{width:100%;aspect-ratio:1/1;border-radius:1em 1em 0 0;-webkit-transition:all .6s;transition:all .6s}.list-sec .list-container .list-item--txt{background:#fff;padding:1em;height:9.2rem;position:relative;-webkit-transition:all .6s;transition:all .6s}.list-sec .list-container .list-item--txt h4{font-size:1.3rem;font-weight:bold;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.list-sec .list-container .list-item--txt .price{position:absolute;left:1em;bottom:1em;font-size:1.15rem}.list-sec .list-container .list-item--txt .price::before{content:"¥";font-size:80%}.list-sec .list-container .list-item--txt .price::after{content:"(税込)";font-size:70%}section{overflow:hidden}@media screen and (max-width: 767px){section{position:relative}section .back-lineup{background-color:#fff;display:block;width:100%;text-align:center;position:absolute;bottom:0;right:0;z-index:100;color:#2099d3;font-weight:bold;padding:5% 0;line-height:1;font-size:80%}section .back-lineup:hover{background-color:#2099d3;color:#fff}}#lineupSec{background:url(../img/bg-lineup.svg) no-repeat center center #fff;text-align:center}#lineupSec::before{height:70%;background:#fff;top:15%}@media screen and (max-width: 767px){#lineupSec{background-size:cover}#lineupSec::before{height:80%;top:10%}}#lineupSec h3{font-weight:bold;color:#2099d3;font-size:3rem;font-family:Rubik,sans-serif;letter-spacing:.25em;padding-bottom:4rem;position:relative}#lineupSec h3::before{content:"";display:block;width:2px;height:3rem;background-color:#2099d3;position:absolute;bottom:1rem;left:calc(50% - 1px)}#lineupSec .list-container{width:100%;max-width:90rem;display:-webkit-box;display:-ms-flexbox;display:flex}@media screen and (min-width: 768px){#lineupSec .list-container{gap:1rem}}@media screen and (max-width: 767px){#lineupSec .list-container{gap:5px;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#lineupSec .list-container .list-item{position:relative}#lineupSec .list-container .list-item::before{content:"";display:block;-webkit-clip-path:polygon(0 0, 100% 0, 50% 100%);clip-path:polygon(0 0, 100% 0, 50% 100%);background:#fff;position:absolute;bottom:50%;z-index:30;opacity:0;-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);height:1.5rem;width:3rem;left:calc(50% - 1.5rem)}#lineupSec .list-container .list-item:hover::before{bottom:10%;opacity:1;-webkit-transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .4s cubic-bezier(0.215, 0.61, 0.355, 1)}@media screen and (max-width: 767px){#lineupSec .list-container .list-item{width:32%}}#lineupSec .list-container .list-item a{display:block;border:1px solid #e9e9e9;border-radius:1.5rem;-webkit-box-shadow:1px 1px 6px #cbcbcb;box-shadow:1px 1px 6px #cbcbcb;color:#2099d3;position:relative;background-color:#fff}#lineupSec .list-container .list-item a::before{content:"";display:block;width:100%;height:0%;border-radius:1.5rem;background-color:#2099d3;opacity:.2;position:absolute;top:0;left:0;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}#lineupSec .list-container .list-item a::after{content:"SCROLL";color:#fff;font-family:Rubik,sans-serif;font-weight:400;font-size:1.5rem;position:absolute;top:50%;left:50%;z-index:20;opacity:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#lineupSec .list-container .list-item a:hover{cursor:pointer}#lineupSec .list-container .list-item a:hover::before{opacity:.9;height:100%;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}#lineupSec .list-container .list-item a:hover::after{opacity:1;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)}#lineupSec .list-container .list-item a h4{font-weight:bold;margin:20px 0;font-size:1.2rem;letter-spacing:.1em}@media screen and (max-width: 767px){#lineupSec .list-container .list-item a h4{margin:.5rem 0}}#lineupSec .list-container .list-item a img{width:100%;aspect-ratio:1/1;border-radius:1.5rem}#uniformSec{color:#fff;width:100%;position:relative}#uniformSec .mv-wrap{position:absolute;height:100%;width:100%;background-color:#2099d3;z-index:-20}#uniformSec .mv-wrap::before{content:"";background-color:#cee2f2;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;mix-blend-mode:color-burn}#uniformSec .mv-wrap iframe{position:absolute;top:0%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%;opacity:.2}@media screen and (min-width: 768px){#uniformSec{height:calc(100vh - 126px)}}@media screen and (max-width: 767px){#uniformSec{height:calc(100vh - 90px)}}#apparelSec{color:#fff}#apparelSec.bg-100vh::before{z-index:0;background:url(../img/bg-apparel.jpg) no-repeat center center;background-size:cover;opacity:.9}#apparelSec.bg-100vh::after{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2099d3;mix-blend-mode:screen}#mufflerSec{color:#2099d3}#mufflerSec.bg-100vh::before{z-index:0;background:url(../img/bg-muffler.jpg) no-repeat center top;background-size:cover}#mufflerSec.bg-100vh::after{z-index:10;background:#cce8ff;mix-blend-mode:screen}#towelmufflerSec{color:#fff}#towelmufflerSec.bg-100vh::before{z-index:0;background:url(../img/bg-towelmuffler.jpg) no-repeat center top;background-size:cover}#towelmufflerSec.bg-100vh::after{z-index:10;background:#2099d3;mix-blend-mode:screen}#cheerSec{background:#2099d3;color:#fff}#cheerSec.bg-dot{opacity:1;mix-blend-mode:soft-light}#cheerSec.bg-100vh::before{z-index:0;background:url(../img/bg-cheer.jpg) no-repeat center center;background-size:cover}#cheerSec.bg-100vh::after{z-index:10;background:#2099d3;mix-blend-mode:darken}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:-5rem}@media screen and (max-width: 767px){.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{display:none}}.swiper-pagination-bullet{width:3rem;border-radius:0;opacity:.6}@media screen and (min-width: 768px){.swiper-button-next{margin-right:-9rem}.swiper-button-prev{margin-left:-9rem}.bg-dark .swiper-button-next,.bg-dark .swiper-button-prev{color:#fff}.bg-dark .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1}}@media screen and (max-width: 767px){.swiper-button-next{margin-right:-6rem}.swiper-button-prev{margin-left:-6rem}.bg-dark .swiper-button-next,.bg-dark .swiper-button-prev{color:#fff}.bg-dark .swiper-pagination-bullet-active{background-color:#fff}}.scroll-nav-sec{position:fixed;bottom:0;right:0;z-index:100;background:rgba(0,0,0,.7);display:block;height:100vh;width:4.3rem}@media screen and (max-width: 767px){.scroll-nav-sec{display:none}}.scroll-nav-sec .scroll-nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:100% 0;transform-origin:100% 0;position:absolute;bottom:-2rem;right:0;z-index:100;color:#fff}.scroll-nav-sec .scroll-nav-list li a{white-space:nowrap;display:block;font-weight:bold;position:relative;line-height:3.3;font-size:1.3rem;margin-left:1rem}.scroll-nav-sec .scroll-nav-list li a::before{content:"■";font-size:1.3rem;display:inline-block}.scroll-nav-sec .scroll-nav-list li a span{display:none}.scroll-nav-sec .scroll-nav-list li:hover a{color:#fff}.scroll-nav-sec .scroll-nav-list li:hover a::before{content:"■";font-size:1.3rem;color:#fff;margin-right:.5rem}.scroll-nav-sec .scroll-nav-list li:hover a span{display:inline-block}.scroll-nav-sec .scroll-nav-list li.active a{color:#2099d3}.scroll-nav-sec .scroll-nav-list li.active a::before{content:"■";font-size:1.3rem;color:#2099d3;margin-right:.5rem}.scroll-nav-sec .scroll-nav-list li.active a span{display:inline-block}