body{font-weight:400}main img{width:100%;height:auto}.loading{height:100vh;width:100vw;transition:0.5s;background:linear-gradient(125deg, #112D52 50%, #221714);position:fixed;z-index:9999999}.loading img{width:100%;height:auto}.loading.--load{opacity:0;visibility:hidden}.loading figure{position:absolute;right:20px;bottom:20px;width:30%;max-width:200px}.header{position:absolute;width:100%;z-index:1;font-family:"futura-pt", "Noto Sans JP", sans-serif;z-index:999999}.header::before{content:none}.header-inner{height:60px;padding:10px}.header-logo img{height:100%;width:auto}.header-button{position:fixed;right:10px;top:20px;z-index:1000}.header-button__wrap{height:20px}.header-button__wrap.--target>div>div{height:2px}.header-button__wrap.--target>div:nth-of-type(2){top:calc(50% - 1.5px)}.header-button.--active .--target>div:nth-of-type(1)>div{transform:rotate(35deg)}.header-button.--active .--target>div:nth-of-type(3)>div{transform:rotate(-35deg)}.header-menu{height:100vh;top:0;color:#fff;background:linear-gradient(90deg, #112D52 50%, #221714);padding:60px 20px 20px}.header-menu .--blue-visible{display:none}.header-menu__m_main a dl{display:flex;align-items:center;gap:10px;border-bottom:solid 1px #fff;line-height:1.3;padding:10px 0}.header-menu__m_main a dt{font-size:26px;font-weight:700;position:relative;overflow:hidden}.header-menu__m_main a dt::before{content:"";position:absolute;width:100%;height:1px;background:#fff;bottom:0;left:0;transition:0.3s;transform:translateX(-100%)}.header-menu__m_main a dt:hover::before{content:"";transform:translateX(0)}.header-menu__m_main a dd{font-size:13px}.header-menu__m_sub{display:flex;margin-top:40px}.header-menu__m_sub a{display:flex;gap:8px;align-items:center;border-bottom:solid 1px #fff;font-size:16px;height:35px;padding:5px 4px 0 0}.header-menu__m_sub a figure{display:flex;align-items:center}.header-menu__m_sub a img{height:1em;width:auto}.header-menu__m_sub a img.--m{height:1.4em}.footer{background:url("../img/mleague/footer-bg.jpg");background-position:center;background-size:cover}.footer-list{background:transparent;color:#fff;padding:40px 10px 20px}.footer-list__contents dl{gap:5px}.footer-list__contents dl dd a{transition:0.3s}.footer-list__contents dl dd a:hover{opacity:0.7}.footer-list__contents dl dd a:not(:last-of-type)::before{background:#fff}.footer-list__contents dl dd a[target=_blank]::after{background:url("../img/mleague/window_w.svg")}.footer-writing{background:transparent}.match{color:#000}.match .recent-container{line-height:1;background:#eeeeee;padding:clamp(10px, 1.5vw, 15px);display:grid;gap:clamp(12px, 1.8vw, 18px)}.match .recent-data{display:flex;flex-direction:column;gap:clamp(12px, 1.8vw, 18px);font-size:clamp(18px, 2.2vw, 22px)}.match .recent-data p{font-weight:600}.match .recent-head{display:flex}.match .recent-head p{font-weight:500;background:#022951;color:#fff;padding:2px 12px;position:relative;font-size:clamp(14px, 1.8vw, 18px)}.match .recent-head p::before{content:"";position:absolute;height:100%;width:1em;background:#022951;border:solid 1px #022951;clip-path:polygon(0% 0%, 100% 100%, 0% 100%);left:100%;top:0}.match .recent-more{display:flex;justify-content:flex-end;font-size:clamp(14px, 1.6vw, 16px)}.match .recent-more a{text-decoration:underline}.match-results{display:grid;gap:10px}.match-result{display:grid;gap:clamp(10px, 2vw, 20px);margin-bottom:4px;align-content:center;justify-content:center}.match-result__data{display:flex;align-items:flex-end;gap:1em;font-size:clamp(16px, 2vw, 20px)}.match-result__data p{font-weight:500 !important;font-size:clamp(16px, 2vw, 20px) !important}.match-result__data span{font-size:1.4em}.match-list{width:100%}.match-list figure{position:relative;display:flex;align-items:center;justify-content:center}.match-list figure::before{content:"";display:block;width:100%;padding-top:100%}.match-list figure img{position:absolute;height:100%;object-fit:contain;top:0;left:0}.match-list figure.--profile{border-radius:50%;overflow:hidden}.rank{display:grid;grid-template-columns:5fr 5fr;border:solid 1px #022951;position:relative;max-width:500px;width:100%}.rank::before{content:"";position:absolute;height:100%;width:calc(50% - 10px);background:#022951;top:0;right:0;z-index:-1}.rank::after{content:"";position:absolute;height:100%;width:20px;background:#022951;border:solid 1px #022951;top:0;right:calc(50% - 10px);clip-path:polygon(100% 0%, 0% 100%, 100% 100%);z-index:-1}.rank-item{display:flex;justify-content:center;align-items:center;padding:15px 0}.rank-item.--blue{color:#fff}.rank-total{display:flex;align-items:flex-end;font-size:clamp(16px, 2vw, 20px);line-height:1;font-weight:500}.rank-total .--n{font-size:1.4em;margin-left:0.2em}main.top{color:#022951}main.top .mv{width:100%;height:calc(100vh - 120px);min-height:670px;position:relative}main.top .mv.main-visual{width:100%;height:calc(100vh - 200px);min-height:670px;background:#000}main.top .mv-video{height:100%;width:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}main.top .mv-video video{position:absolute;height:100%;width:100%;object-fit:cover}main.top .mv-filter{position:absolute;height:100%;width:100%;background:#022951;opacity:0.6;top:0;left:0}main.top .mv-container{width:100%;height:calc(60% - 100px);position:absolute;bottom:18%;left:0;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:clamp(10px, 3vw, 30px)}main.top .mv-logo{width:clamp(230px, 50vw, 500px)}main.top .mv-play{display:flex;position:relative;justify-content:center;align-items:center;cursor:pointer}main.top .mv-play__button{width:100px;height:100px;border-radius:50%;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}main.top .mv-play__button::before{content:"";background:#fff;opacity:0.4;position:absolute;height:100%;width:100%}main.top .mv-play__button::after{content:"";position:absolute;height:40px;width:40px;margin-left:20px;background:#fff;clip-path:polygon(0% 0%, 100% 50%, 0% 100%)}main.top .mv-play svg{position:absolute;transform:rotate(-90deg)}main.top .mv-play svg circle{fill:transparent;stroke:#fff;stroke-width:2;animation:circle 10s linear infinite}main.top .mv-scroll{position:absolute;left:30px;bottom:30px;width:15px;animation:upDown 3s infinite}main.top .topics{position:absolute;right:clamp(10px, 2vw, 20px);bottom:clamp(10px, 2vw, 20px);width:calc(100% - 20px);max-width:550px;display:grid;gap:10px}main.top .topics a{transition:0.3s}main.top .topics a:hover{opacity:0.8}main.top .topic{position:absolute;right:clamp(10px, 2vw, 20px);bottom:clamp(10px, 2vw, 20px);width:calc(100% - 20px);height:clamp(70px, 12vw, 120px);max-width:640px;color:#022951}main.top .topic-wrapper{display:flex;border:solid 3px #b39240;position:relative;height:100%}main.top .topic figure{height:100%}main.top .topic figure img{height:100%;width:auto}main.top .topic-container{background:linear-gradient(90deg, #c5c6c6, #fff);text-align:center;padding:5px 10px;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:clamp(3px, 0.6vw, 6px);font-weight:700;line-height:1}main.top .topic-container h3{font-size:clamp(13px, 2.3vw, 23px);color:#022951}main.top .topic-container h4{background:#022951;color:#fff;font-size:clamp(12px, 2vw, 20px);width:100%;font-weight:500;padding:0.3em 0}main.top .topic-container h5{font-size:clamp(15px, 2.8vw, 28px)}main.top .topic-serif{position:absolute;background:#fff;padding:2px 16px;border-radius:1.2em;font-weight:600;font-size:clamp(16px, 2.4vw, 24px);left:-3px;bottom:calc(100% + clamp(8px, 1vw, 10px) + 3px)}main.top .topic-serif::before{content:"";background:#fff;position:absolute;height:clamp(8px, 1vw, 10px);width:clamp(10px, 1.2vw, 12px);top:100%;left:20%;clip-path:polygon(0 0, 100% 0%, 50% 100%);border:solid #fff 1px}main.top section.--padding{padding:clamp(50px, 9vw, 90px) 20px}main.top .title{display:flex;justify-content:center}main.top .title-logo{height:clamp(60px, 10vw, 100px)}main.top .title-logo img{height:100%;width:auto}main.top .button{background:linear-gradient(125deg, #112D52 50%, #221714);border-radius:30px;display:flex;justify-content:center;align-items:center;padding:0.7em;color:#fff;font-weight:500;position:relative;font-size:clamp(16px, 1.8vw, 18px);max-width:400px;width:100%;margin:0 auto}main.top .button::before{content:"";position:absolute;border-top:solid 1px #fff;border-right:solid 1px #fff;height:0.6em;width:0.6em;transform:rotate(45deg);right:5%}main.top .button.--orange{background:linear-gradient(145deg, #D96329 50%, #ECC94A)}main.top .nav nav{display:grid;grid-template-columns:1fr 1fr}main.top .nav a{height:60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 1em;background:linear-gradient(75deg, #022951, #150d0e);color:#fff;position:relative;line-height:1.3}main.top .nav a::before{content:"";height:8px;width:8px;border-right:solid 1px #fff;border-bottom:solid 1px #fff;position:absolute;transform:rotate(45deg);right:10px}main.top .nav a:nth-of-type(n+3){background:linear-gradient(75deg, #150d0e, #022951)}main.top .nav a p:first-of-type{font-size:20px}main.top .nav a p:first-of-type.--s{font-size:14px;margin-bottom:4px}main.top .nav a p:last-of-type{font-size:12px;color:#9f9fa0}main.top .match-list{gap:clamp(10px, 2vw, 20px)}main.top .schedule{padding:clamp(10px, 3vw, 30px) 10px}main.top .schedule-container{display:grid;gap:10px clamp(10px, 2vw, 20px)}main.top .schedule-grid{display:grid;gap:clamp(10px, 2vw, 20px)}main.top .schedule-rank{display:flex;justify-content:flex-end}main.top .supporter{background:url("../img/mleague/supporter-bg.webp");background-size:cover;background-position:center}main.top .supporter-container{display:grid;gap:clamp(20px, 5vw, 50px)}main.top .supporter-logo{width:80%;margin:0 auto;max-width:600px}main.top .supporter-special{display:grid;gap:clamp(5px, 1vw, 10px)}main.top .supporter-special__item{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:clamp(5px, 1vw, 10px)}main.top .supporter-special__item li{background:#fff;padding:5px;display:flex;align-items:center;justify-content:center}main.top .supporter-special__item li:nth-of-type(3){grid-column:3/5;display:grid;grid-template-columns:1fr 1fr;gap:clamp(5px, 1vw, 10px)}main.top .supporter-text{color:#fff;display:grid;gap:clamp(10px, 1.5vw, 15px)}main.top .supporter-text h3{text-align:center;font-size:clamp(18px, 3vw, 30px);font-weight:500}main.top .supporter-text h4{display:flex;flex-direction:column;align-items:center;font-size:clamp(14px, 2vw, 20px)}main.top .supporter-text h5{display:flex;flex-direction:column;align-items:center;font-size:clamp(14px, 2vw, 18px)}main.top .supporter-text b{font-weight:500}main.top .supporter-buttons{display:grid;gap:clamp(20px, 4vw, 40px);width:100%;max-width:800px;margin:0 auto}main.top .supporter-buttons a{border-radius:30px;display:flex;align-items:center;justify-content:center;width:100%;padding:0.5em;font-weight:500;position:relative;font-size:clamp(14px, 1.8vw, 18px)}main.top .supporter-buttons a:first-of-type{background:#fff}main.top .supporter-buttons a:first-of-type::before{content:"";position:absolute;height:0.6em;width:0.6em;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);right:20px}main.top .supporter-buttons a:last-of-type{border:solid #fff 1px;color:#fff}main.top .supporter-buttons a:last-of-type::before{content:"";height:1em;width:1em;background:url("../img/common/window_w.svg");position:absolute;right:20px}main.top .goods *{min-height:0;min-width:0}main.top .goods-container{display:grid;gap:clamp(40px, 8vw, 80px)}main.top .goods-list{color:#022951;display:grid;gap:clamp(40px, 8vw, 80px) 40px}main.top .goods-list li{display:grid;gap:10px;grid-template-rows:auto 1fr auto;position:relative}main.top .goods-list h3{font-size:20px;font-weight:500}main.top .goods-list h4{font-size:24px;font-weight:700;text-align:right}main.top .goods-item{box-shadow:rgba(0,0,0,0.24) 0px 3px 8px;overflow:hidden}main.top .goods-buy{border:solid 1px #022951;font-size:clamp(16px, 1.8vw, 18px);font-weight:500;display:flex;align-items:center;justify-content:center;padding:4px;position:relative}main.top .goods-buy::before{content:"";position:absolute;border-top:solid 1px #022951;border-right:solid 1px #022951;height:0.6em;width:0.6em;transform:rotate(45deg);right:10%}main.top .goods-buy.--sold{color:#E53935;pointer-events:none;background:#eeeeee}main.top .goods-buy.--sold::before{content:none}main.top .goods-point{position:absolute;top:10px;left:10px;background:#022951;color:#fff;font-size:14px;padding:2px 6px;border-radius:4px}main.top .goods-new{position:absolute;color:#fff;z-index:10;background:#E53935;height:50px;width:50px;top:-15px;left:-15px;border-radius:50%;display:flex;justify-content:center;align-items:center;pointer-events:none}main.top .goods .swiper-pagination{position:static}main.top .goods .--gs3-p{display:flex;justify-content:center}main.top .goods .--gs3-p .swiper-pagination-bullet{border-radius:0;height:20px;width:auto;margin:0 6px;padding:4px;display:flex;align-items:center;gap:5px;border-radius:2px}main.top .goods .--gs3-p .swiper-pagination-bullet:first-of-type{background:#eeeeee !important;opacity:1 !important}main.top .goods .--gs3-p .swiper-pagination-bullet:first-of-type::before{content:"";width:12px;height:12px;background:#000}main.top .goods .--gs3-p .swiper-pagination-bullet:first-of-type::after{content:"ブラック";font-size:12px}main.top .goods .--gs3-p .swiper-pagination-bullet:last-of-type{background:#eeeeee !important;opacity:1 !important}main.top .goods .--gs3-p .swiper-pagination-bullet:last-of-type::before{content:"";width:12px;height:12px;background:#fff;border:solid 1px #000}main.top .goods .--gs3-p .swiper-pagination-bullet:last-of-type::after{content:"ホワイト";font-size:12px}main.top .goods .--gs3-p .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1);border:solid 2px #022951}main.top .goods .--gs5-p .swiper-pagination-bullet{border-radius:0;height:12px;width:12px;transition:0.5s;margin:0 6px}main.top .goods .--gs5-p .swiper-pagination-bullet:nth-of-type(-n+2){background:#353C45 !important;opacity:1 !important}main.top .goods .--gs5-p .swiper-pagination-bullet:nth-last-of-type(-n+2){background:#B3B3B3 !important;opacity:1 !important}main.top .goods .--gs5-p .swiper-pagination-bullet.swiper-pagination-bullet-active{transform:scale(1.5)}main.top .team{background:url("../img/mleague/team-bg.jpg");background-size:cover;background-position:center;color:#fff;font-size:clamp(16px, 2vw, 20px)}main.top .team h2{font-size:clamp(20px, 2.6vw, 26px);font-weight:500;border-left:solid 5px #fff;width:100%;line-height:1.3;padding-left:0.5em}main.top .team-container{display:grid;gap:clamp(20px, 6vw, 60px)}main.top .team-introduction{display:grid;gap:50px}main.top .team-item{display:grid;grid-template-rows:auto auto auto;gap:40px;width:100%}main.top .team-item p{text-align:center}main.top .team-item figure{position:relative;display:flex;justify-content:center;align-items:center}main.top .team-item img{width:60%}main.top .team-item:last-of-type img{width:90%}main.top .team-logo{display:grid;justify-content:center;gap:clamp(10px, 1.5vw, 15px);line-height:1.5;text-align:center}main.top .team-logo figure{width:clamp(200px, 30vw, 300px)}main.top .team-logo h3{font-size:clamp(30px, 4vw, 40px);font-weight:500}main.top .team-logo h4{font-size:clamp(14px, 2vw, 20px);font-weight:500}main.top .team-player{display:grid;gap:20px;margin-top:clamp(40px, 6vw, 60px)}main.top .team-player__list{display:grid;grid-template-columns:1fr 1fr;gap:50px clamp(10px, 2vw, 20px)}main.top .team-player__list li{line-height:1.3;display:grid;gap:8px;cursor:pointer}main.top .team-player__list li h3{font-size:clamp(24px, 3vw, 30px);font-weight:500}main.top .team-player__list li h4{font-size:clamp(14px, 1.8vw, 18px);font-weight:500}main.top .team-player__list li>div{font-size:clamp(12px, 1.6vw, 16px);margin-top:5px;font-weight:500;display:flex;align-items:center;justify-content:flex-end}main.top .team-player__list li>div p{font-weight:500;display:flex;align-items:center;border-bottom:solid 1px #fff;gap:5px;padding:0 5px 0 0}main.top .team-player__list li>div p::after{content:"";display:block;height:0.6em;width:0.6em;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg)}main.top .team-character{display:grid;grid-template-columns:clamp(140px, 18vw, 180px) auto;justify-content:center;align-items:center;gap:20px;margin-top:clamp(30px, 5vw, 50px)}main.top .team-character__info{padding-top:clamp(10px, 2vw, 20px);font-size:clamp(16px, 2.4vw, 24px)}main.top .team-character__info h5{font-size:clamp(26px, 4vw, 40px);font-weight:500}main.top .team-character__info>div{font-size:clamp(12px, 1.6vw, 16px);margin-top:5px;font-weight:500;display:flex;align-items:center}main.top .team-character__info>div p{font-weight:500;display:flex;align-items:center;border-bottom:solid 1px #fff;gap:5px;padding:0 5px 0 0}main.top .team-character__info>div p::after{content:"";display:block;height:0.6em;width:0.6em;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:rotate(45deg)}main.top .team-hr{height:1px;width:100%;background:#fff}main.top .team-release{font-size:clamp(14px, 1.6vw, 16px);text-decoration:underline}main.top .program-container{display:grid;gap:40px;max-width:1000px;margin:0 auto}main.top .program-main{display:grid;gap:clamp(40px, 6vw, 60px)}main.top .program-main__visual{max-width:700px;margin:0 auto}main.top .program-introduction{display:grid;gap:10px;background:#ECEFF1;padding:20px;border-radius:10px}main.top .program-introduction__container{display:grid;gap:20px}main.top .program-introduction__title{display:flex;justify-content:center}main.top .program-introduction__title figure{width:clamp(220px, 34vw, 340px)}main.top .program-introduction__title.--overlap{margin-top:-80px}main.top .program-introduction__text{display:grid;gap:1em}main.top .program-introduction__text h3{font-weight:700;text-align:center;font-size:clamp(18px, 2.4vw, 24px)}main.top .program-introduction__text h4{text-align:center;font-size:clamp(16px, 2vw, 20px)}main.top .program-introduction__text h5{font-size:clamp(14px, 1.6vw, 16px)}main.top .program-nexts{display:flex;flex-direction:column;gap:15px}main.top .program-next li{background:#e6e6e6}main.top .program-next__head{background:#022951;padding:5px 15px;color:#fff;font-size:clamp(14px, 2vw, 20px);display:inline-flex;align-items:center;gap:0.5em}main.top .program-next__head.--green{background:#0f4327}main.top .program-next__head figure{height:1em;display:flex;align-items:center}main.top .program-next__head img{height:1em;width:auto}main.top .program-next__container{padding:10px clamp(10px, 1.5em, 15px) clamp(15px, 2em, 20px);line-height:1.5;display:grid;gap:10px}main.top .program-next__container>div:not(:first-of-type){border-top:solid 1px #022951;padding-top:10px}main.top .program-next h3{font-weight:500;font-size:clamp(14px, 1.8em, 18px)}main.top .program-next h4{font-weight:500;font-size:clamp(16px, 2vw, 20px)}main.top .program-next a{background:#fff;border:solid 1px #022951;border-radius:30px;padding:5px;margin:0 auto;width:95%;display:flex;justify-content:center;align-items:center;position:relative;gap:5px;font-size:clamp(14px, 1.6vw, 16px)}main.top .program-next a::before{content:"";position:absolute;border-top:solid 1px #022951;border-right:solid 1px #022951;height:0.6em;width:0.6em;transform:rotate(45deg);right:5%}main.top .program-next a figure{width:1.5em;display:flex;align-items:center}main.supporter{background:url("../img/mleague/supporter-bg.webp");background-size:cover;background-position:center;padding:clamp(80px, 16vw, 160px) 20px 80px;color:#fff;font-size:clamp(14px, 1.8vw, 18px)}main.supporter .contents{display:grid;gap:clamp(50px, 10vw, 100px)}main.supporter .title-logo{width:80%;margin:0 auto;max-width:600px}main.supporter .content{display:grid;gap:clamp(20px, 4vw, 40px);justify-content:center;justify-self:center}main.supporter .content .--center{display:flex;justify-content:center;font-weight:500}main.supporter h2{font-size:clamp(20px, 3vw, 30px);font-weight:500;border-left:solid 5px #fff;width:100%;line-height:1.3;padding-left:0.5em;max-width:800px;margin:0 auto}main.supporter .button{border-radius:30px;display:flex;align-items:center;justify-content:center;width:100%;padding:0.5em;font-weight:500;position:relative;font-size:clamp(14px, 1.8vw, 18px);background:#fff;color:#022951;max-width:500px;margin:0 auto}main.supporter .button::before{content:"";height:1em;width:1em;background:url("../img/mleague/window_b.svg");position:absolute;right:20px}main.supporter .special-container{display:grid;gap:clamp(10px, 2vw, 20px)}main.supporter .special-container dl{display:grid;grid-template-rows:auto 1fr}main.supporter .special-container dl dt{background:#000;color:#fff;display:flex;align-items:center;justify-content:center;font-size:clamp(18px, 2vw, 20px);font-weight:500;padding:clamp(10px, 1.5vw, 15px) 0;background:#b39240;gap:8px}main.supporter .special-container dl dt span{color:#b39240;background:#fff;font-size:clamp(16px, 1.8vw, 18px);padding:0 8px}main.supporter .special-container dl dd{background:#fff;border:solid 1px #b39240;color:#000;padding:clamp(10px, 2vw, 20px);display:grid;gap:30px}main.supporter .special-container dl dd h3{font-size:clamp(16px, 2vw, 20px);font-weight:500;border-bottom:solid 1px #000;padding-bottom:0.5em;line-height:1.5}main.supporter .special-container dl.--blue dt{background:#022951}main.supporter .special-container dl.--blue dd{border:solid 1px #022951}main.supporter .special-item{display:grid;gap:15px}main.supporter .special-images{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px}main.supporter .special-right{display:flex;justify-content:flex-end}main.supporter .special-right a{font-size:clamp(12px, 1.4vw, 14px);margin-top:5px;display:flex;align-items:center;gap:0.2em;border-bottom:solid 1px #000;line-height:1.3}main.supporter .special-right a::after{content:"";border-top:solid 1px #000;border-right:solid 1px #000;height:0.6em;width:0.6em;transform:rotate(45deg)}main.supporter .special-coming{color:#999;text-align:center}main.supporter .--center{text-align:center}main.schedule{padding:clamp(80px, 16vw, 160px) 20px;font-size:clamp(14px, 1.8vw, 18px)}main.schedule .title{display:flex;justify-content:center}main.schedule .title-logo{height:clamp(60px, 10vw, 100px)}main.schedule .title-logo img{height:100%;width:auto}main.schedule .contents{display:grid;gap:clamp(40px, 10vw, 100px)}main.schedule .before{display:flex;justify-content:flex-end;margin:0 0 10px}main.schedule .before-button{display:flex;align-items:center;justify-content:flex-end;color:#022951;gap:0.2em;cursor:pointer}main.schedule .before-button::after{display:block;content:"";background:#022951;height:0.8em;width:0.8em;clip-path:polygon(0 0, 100% 0%, 50% 100%);transition:0.2s}main.schedule .before-button .--hidden{display:none}main.schedule .before-button.--active::after{transform:scaleY(-1)}main.schedule .before-button.--active .--display{display:none}main.schedule .before-button.--active .--hidden{display:inline}main.schedule .list-month:not(:last-of-type) .list-day:last-of-type{margin-bottom:30px}main.schedule .list-number{display:none}main.schedule .list-number.--active{display:block}main.schedule .list-number>div{font-size:clamp(24px, 3vw, 30px);border-bottom:solid 1px #000;display:flex;justify-content:center;font-weight:700;height:100%}main.schedule .list-day{padding:clamp(10px, 2vw, 20px) 0;border-bottom:solid 1px #000;display:none}main.schedule .list-day.--active{display:block}main.schedule .list-day__number{line-height:1.2;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(15px, 2.4vw, 24px)}main.schedule .list .match-list{grid-template-columns:1fr 1fr 1fr 1fr 1fr}main.schedule .result{display:grid;gap:clamp(20px, 4vw, 40px)}main.schedule .result-contents{display:grid;gap:20px}main.schedule .result-player nav{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:clamp(10px, 1.5vw, 15px);max-width:1000px;width:100%;margin:0 auto}main.schedule .result-player nav p{background:#ececec;display:flex;justify-content:center;align-items:center;line-height:1.2;padding:clamp(5px, 1.5vw, 15px);border-radius:5px;font-size:clamp(16px, 2vw, 20px);font-weight:500;color:#022951;cursor:pointer;transition:0.2s}main.schedule .result-player nav p:hover{background:#9cabb9}main.schedule .result-player nav p.--active{background:#022951;color:#fff;pointer-events:none}main.schedule .result-container{border:solid 1px #000;padding:clamp(10px, 3vw, 30px);gap:10px;display:none}main.schedule .result-container h3{font-size:clamp(20px, 2.6vw, 26px);font-weight:600}main.schedule .result-container.--active{display:grid}main.schedule .result .recent .rank{max-width:none}main.schedule .result-list{grid-template-columns:1fr;gap:5px}main.schedule .result-list li{display:grid;grid-template-columns:50px 50px 5fr 3fr;align-items:center;gap:10px;font-size:clamp(16px, 2vw, 20px)}main.schedule .result-list.--rankActive .--rank0{grid-row:1/2}main.schedule .result-list.--rankActive .--rank1{grid-row:2/3}main.schedule .result-list.--rankActive .--rank2{grid-row:3/4}main.schedule .result-list.--rankActive .--rank3{grid-row:4/5}main.schedule .result .nav{font-weight:600;font-size:clamp(16px, 2.6vw, 26px);color:#022951;line-height:1.3;display:grid;gap:clamp(15px, 3vw, 30px)}main.schedule .result .nav nav{display:flex;justify-content:center;align-items:center;gap:1em}main.schedule .result .nav nav hr{height:1em;width:1px;background:#022951}main.schedule .result .nav nav p{color:#9f9fa0;cursor:pointer}main.schedule .result .nav nav p.--active{color:#022951}main.schedule .--beforeActive .list-day{display:block}main.schedule .--beforeActive .list-number{display:block}.modal{position:fixed;height:100%;width:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999999;opacity:0;visibility:hidden;transition:0.5s}.modal img{width:100%;height:auto}.modal.--active{opacity:1;visibility:visible}.modal-bg{position:absolute;height:100%;width:100%;top:0;left:0;background:#000;opacity:0.9}.modal-video{width:100%;max-width:1000px}.modal-info{background:#fff;z-index:1;padding:clamp(20px, 3vw, 30px) clamp(10px, 2vw, 20px);border-radius:5px;width:90%;max-width:800px;display:grid;gap:20px;text-align:center;line-height:1.5;position:relative}.modal-info h3{font-size:clamp(16px, 2vw, 20px);font-weight:600}.modal-info p{font-size:clamp(14px, 1.8vw, 18px)}.modal-info ul{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.modal-info a{color:#000;text-decoration:underline;font-size:clamp(14px, 1.8vw, 18px)}.modal-info__close{position:absolute;height:clamp(20px, 3vw, 30px);width:clamp(20px, 3vw, 30px);top:10px;right:10px;display:flex;align-items:center;justify-content:center}.modal-info__close span{position:relative;height:100%;width:100%;cursor:pointer}.modal-info__close span::before{content:"";position:absolute;height:100%;width:2px;background:#000;transform:rotate(45deg)}.modal-info__close span::after{content:"";position:absolute;height:100%;width:2px;background:#000;transform:rotate(-45deg)}.modal .video-container{position:relative;display:block;width:100%;padding:0;overflow:hidden;padding-top:calc(9 / 16 * 100%)}.modal .video-container iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.modal-player{width:90%;z-index:1;max-width:400px;position:relative}.modal-player .swiper-slide{height:auto;display:grid;grid-template-rows:auto 1fr}.modal-player .swiper-slide figure{max-width:400px}.modal-player .swiper-player{overflow:hidden;height:fit-content}.modal-player__container{padding:clamp(10px, 1.5vw, 15px);color:#022951;font-size:clamp(14px, 1.8vw, 18px);display:grid;background:#fff;display:grid;grid-template-rows:1fr auto}.modal-player__container .--indent p{text-indent:-1.25em;margin-left:0.75em}.modal-player__container .--indent p::before{content:"・"}.modal-player__button{display:grid;gap:10px}.modal-player__button a{border-radius:30px;display:flex;align-items:center;justify-content:center;width:100%;padding:0.5em;font-weight:500;position:relative;font-size:clamp(14px, 1.8vw, 18px);border:solid 1px #022951}.modal-player__button a::before{content:"";position:absolute;height:0.6em;width:0.6em;border-top:solid 1px #000;border-right:solid 1px #000;transform:rotate(45deg);right:20px}.modal-player .swiper-button-next{color:#fff;right:-10px}.modal-player .swiper-button-prev{color:#fff;left:-10px}.schedule .match-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-self:center;justify-self:center;align-items:center;gap:clamp(15px, 3vw, 30px)}.news{border-top:solid 1px #022951;border-bottom:solid 1px #022951}.news-container{display:grid;gap:clamp(30px, 5vw, 50px)}.news-grid{display:grid;gap:clamp(20px, 3vw, 30px)}.news-content{display:grid;grid-template-columns:1fr 1fr;background:#f7f5f7;box-shadow:5px 5px #e5e5e5;font-weight:400;line-height:1.5;border:solid 4px #f7f5f7}.news-content h3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5;font-size:clamp(14px, 1.6vw, 16px)}.news-image{position:relative;background:#fff}.news-image:before{content:"";display:block;padding-top:calc(9 / 16 * 100%)}.news-image figure{position:absolute;top:0;left:0;width:100%;height:100%}.news-image figure img{height:100%;object-fit:contain;object-position:center}.news-info{padding:clamp(5px, 1vw, 10px) 10px;display:flex;flex-direction:column;justify-content:space-between}.news-date{display:flex;justify-content:space-between;font-size:clamp(14px, 1.6vw, 16px)}.news-category{background:#dd5810;color:#fff;font-size:clamp(10px, 1.2vw, 12px);padding:2px 4px;border-radius:2px}.news-more{display:flex;justify-content:flex-end;font-size:clamp(14px, 1.6vw, 16px)}.news-more a{position:relative;padding:0 2em 0 1em}.news-more a::before{content:"";position:absolute;height:1px;width:100%;right:0;bottom:0;background:#555}.news-more a::after{content:"";position:absolute;height:0.8em;width:1px;background:#555;transform:rotate(-45deg);right:0.2em;bottom:-0.1em}.sponsor h5{font-size:clamp(20px, 3.4vw, 34px);font-weight:700;text-align:center}.sponsor-container{display:grid;gap:clamp(30px, 5vw, 50px)}.sponsor-row{display:grid;gap:clamp(20px, 4vw, 40px)}.sponsor-list{display:flex;flex-wrap:wrap;justify-content:center;row-gap:20px}.sponsor-list a{max-width:calc(50% - clamp(10px, 2vw, 20px));max-height:clamp(60px, 8vw, 115px);position:relative;display:flex;justify-content:center;align-items:center;transition:0.3s}.sponsor-list a:hover{opacity:0.7}.sponsor-list a figure{height:100%}.sponsor-list a img{width:100%;height:100%;object-fit:contain}.sponsor-list a.--padding{padding:clamp(10px, 1.5vw, 15px)}.sponsor-list.sponsor-list3{gap:20px}.sponsor-list.sponsor-list2{gap:20px}.sponsorlist-img{max-width:125px !important}.follow{position:fixed;right:0;top:60px;z-index:99999}.follow.--hidden{visibility:hidden}.follow img{width:100%;height:auto}.follow nav{display:grid;gap:2px}.follow a{width:60px;height:60px;background:url("../img/mleague/follow-bg.png"),linear-gradient(125deg, #112D52 50%, #221714);background-size:contain;color:#fff;font-size:10px;text-align:center;display:flex;justify-content:center;align-items:center;transition:0.3s}.follow a:hover{opacity:0.8}.follow a img{height:22px;width:auto}.no-webp .supporter{background:url("../img/mleague/supporter-bg.png")}.no-webp .main.supporter{background:url("../img/mleague/supporter-bg.png")}@keyframes circle{0%{stroke-dasharray:0 317}99.9%,to{stroke-dasharray:317 317}}@keyframes upDown{0%{transform:translateY(0)}50%{transform:translateY(-20px)}0%{transform:translateY(0)}}@media screen and (min-width: 1000px){.header-inner{display:flex;justify-content:space-between;align-items:center;height:100px;padding:10px 20px}.header-menu__container{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.header-menu__m_main{gap:10px !important;align-items:center}.header-menu__m_main a+a{border-left:solid 1px #fff}.header-menu__m_main a+a dl{margin-left:10px;padding:0}.header-menu__m_main a dl{border:none;padding:0;line-height:1}.header-menu__m_main a dt{font-size:20px}.header-menu__m_main a dd{display:none}.header-menu__m_sub{margin:0;justify-content:flex-end;gap:10px !important}.header-menu__m_sub>div{display:contents}.header-menu__m_sub a{border:solid 1px #fff;padding:4px 20px;border-radius:20px;transition:0.3s}.header-menu__m_sub a:hover{background:rgba(255,255,255,0.2)}.header-menu.--blue{color:#022951}.header-menu.--blue .header-menu__m_main a+a{border-left:solid 1px #022951}.header-menu.--blue .header-menu__m_main a dt::before{background:#022951}.header-menu.--blue .header-menu__m_sub a{border-color:#022951}.header-menu.--blue .header-menu__m_sub a:hover{opacity:0.7}.header-menu.--blue .--blue-hidden{display:none}.header-menu.--blue .--blue-visible{display:flex}main.top .mv{height:100vh}main.top .mv.main-visual{height:auto;position:relative}main.top .mv-container{bottom:auto;top:30%}main.top .mv-play__button{width:180px;height:180px}main.top .mv-play__button::after{height:60px;width:60px}main.top .match-list figure::before{padding-top:100%}main.top .match-result{padding:30px 0 10px}main.top .schedule-grid{grid-template-columns:400px 1fr}main.top .schedule .match-results{display:grid;grid-template-columns:368px 1fr}main.top .supporter-special{grid-template-columns:931px 1fr}main.top .supporter-special__item{grid-template-columns:1fr 1fr}main.top .supporter-special__item li:nth-of-type(3){grid-column:1/3}main.top .supporter-buttons{grid-template-columns:1fr 1fr}main.top .supporter-text h5{text-align:center}main.top .supporter-sp7{padding:0px !important}main.top .goods-list{grid-template-columns:1fr 1fr 1fr}main.top .team-logo{align-items:center;justify-self:center}main.top .team-introduction{grid-template-columns:400px 400px;justify-content:center;gap:100px}main.top .team-item{grid-template-rows:auto clamp(120px, 25vw, 250px) 1fr}main.top .team-item img{position:absolute;width:100% !important;height:100%;object-fit:contain}main.top .team-item p{width:100%}main.top .team-hr{width:1px;height:100%}main.top .team-player__list{grid-template-columns:1fr 1fr 1fr 1fr}main.top .program-main{gap:40px}main.top .program-introduction{grid-template-columns:auto auto;align-items:center;gap:20px}main.top .program-introduction__container{display:flex;flex-direction:column-reverse}main.top .program-introduction__title.--overlap{margin:0}main.top .program-introduction__text h3{text-align:left}main.top .program-introduction__text h4{text-align:left}main.top .program-nexts{flex-direction:row;gap:20px;justify-content:center}main.top .program-next{width:calc(50% - 10px)}main.top .program-next li{height:100%}main.top .news h3{-webkit-line-clamp:5}main.top .news-grid{grid-template-columns:1fr 1fr}main.top .news-more{grid-column:1/3}main.supporter{background:none;color:#022951}main.supporter h2{width:auto;color:#022951;border-left:solid 5px #022951}main.supporter .content{width:100%}main.supporter .button{border:solid 1px #022951}main.supporter .special{background:url("../img/mleague/supporter-bg.webp");margin:0 calc(50% - 50vw);padding:50px calc(50vw - 50%);background-position:center;background-size:cover}main.supporter .special-container{grid-template-columns:360px 1fr}main.supporter .special-container.--after{grid-template-columns:1fr;max-width:900px}main.supporter .special-container dl dd{height:100%;align-items:flex-start}main.supporter .special-container dl dd.--row{grid-template-columns:1fr 1fr}main.supporter .special-container dl dd h3{min-height:80px;display:flex;align-items:center}main.supporter .special-images{min-height:140px}main.schedule .list-month{display:grid;grid-template-columns:300px 1fr;gap:30px}main.schedule .list-month+.list-month{margin:0}main.schedule .list-month.--border>div{border-top:solid 1px #000}main.schedule .list-number>div{display:flex;align-items:center;justify-content:center}main.schedule .list-month:not(:last-of-type) .list-day:last-of-type{margin:0}main.schedule .result-contents{gap:0;border-bottom:solid 1px #000}main.schedule .result-container{grid-template-columns:220px 1fr;border:none;border-top:solid 1px #000}main.schedule .result-container h3{display:flex;justify-content:center;align-items:center;text-align:center}main.schedule .result-list{grid-template-columns:1fr 1fr 1fr 1fr;gap:30px}main.schedule .result-list li{grid-template-columns:1fr 1fr;text-align:center;gap:5px 0}main.schedule .result-list.--rankActive .--rank0{grid-row:1/1;grid-column:1/2}main.schedule .result-list.--rankActive .--rank1{grid-row:1/1;grid-column:2/3}main.schedule .result-list.--rankActive .--rank2{grid-row:1/1;grid-column:3/4}main.schedule .result-list.--rankActive .--rank3{grid-row:1/1;grid-column:4/5}main.schedule .result-player nav p{border-radius:5px 5px 0 0}main.schedule .result .match .match-list{grid-row:1/1;gap:clamp(15px, 2vw, 20px)}main.schedule .match .recent-data{display:grid;grid-template-columns:300px 1fr}main.schedule .match .recent-data p{display:flex;align-items:flex-end;justify-content:center;font-size:28px;padding-left:0.5em}main.schedule .match .recent-more{justify-content:center}main.schedule .match-results .recent-data{display:grid;grid-template-columns:220px 1fr 360px}main.schedule .match-results .recent-data>p{font-size:clamp(20px, 2.6vw, 26px);display:flex;justify-content:center;align-items:center;text-align:center}main.schedule.--schedule .match-list figure::before{padding-top:50%}.match-list figure.--team img{height:90%;width:90%;top:5%;left:5%}.match .recent-container{background:transparent;border:solid 1px #000}.match .recent .match-list{grid-column:2/3;grid-row:1/3}.follow{top:100px;position:absolute}.follow.--active{top:5px;position:fixed;top:2px}.follow nav{gap:5px}.follow a{width:80px;height:80px}.follow a img{height:28px}.sponsor-list{flex-wrap:nowrap;gap:70px}.sponsor-list a{max-width:270px}.sponsor-list.sponsor-list2{gap:70px}.sponsor-list.sponsor-list3{gap:40px}.sponsorlist-img{max-width:200px !important}.modal-player{max-width:800px}.modal-player .swiper-slide{grid-template-columns:auto 1fr}.modal-player .swiper-button-next{color:#fff;right:-50px}.modal-player .swiper-button-prev{color:#fff;left:-50px}@keyframes circle{0%{stroke-dasharray:0 565}99.9%,to{stroke-dasharray:565 565}}}@media screen and (max-width: 999px){.img-right{margin-right:0}}@media screen and (min-width: 1000px){.header-menu__m_sub a p{font-size:12px}.header-menu nav a{font-size:12px}}
