h1 {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; gap:min(3vw,30px); height:3.125rem;}
h1 img {height:min(6vw,51px); width:auto;}

h2 {font-size: clamp(3rem, 2rem + 8vw, 6rem); font-family:var(--ff-eng); font-weight:600; line-height:0.75; letter-spacing:0.2em; text-indent:0.2em; text-transform:uppercase; text-align:center;}
h2 span {display:block; font-family:DotGothic16,monospace; font-size:33%; font-weight:400; line-height:2.5; letter-spacing:0.5em; text-indent:0.5em; color:transparent; background-image:linear-gradient(to right, #ffcb71 2.5em, #ef8284, #e13392, #be4da7, #5297e2, #0869ff calc(100% - 2.5em)); background-clip:text; text-shadow:0 0 0.125em #FFF2,0 0 0.25em #FFF4,0 0 0.5em #FFF6,0 0 0.75em #FFF8; white-space:nowrap;}

.mv .swiper-slide:hover {z-index:1;}
.mv a {outline:1px solid #0006;}

.h-box {display:flex; justify-content:center; gap:100px; max-width:1200px; margin:auto auto min(6vw, 60px);}
.h-box .title-deco {width:30%; background-repeat:no-repeat; background-size:contain;}
.h-box .title-deco:first-of-type {background-image:url(../img/title_about_bg1.png);}
.h-box .title-deco:last-of-type {background-image:url(../img/title_about_bg2.png);}

.btn-box2 {margin-bottom:min(10vw,100px);}

.about__inner, .lineup__inner {clip-path: polygon(0px calc(100% - 20px),4px calc(100% - 20px),4px calc(100% - 12px),8px calc(100% - 12px),8px calc(100% - 8px),12px calc(100% - 8px),12px calc(100% - 4px),20px calc(100% - 4px),20px 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 20px),100% calc(100% - 20px),100% 20px,calc(100% - 4px) 20px,calc(100% - 4px) 12px,calc(100% - 8px) 12px,calc(100% - 8px) 8px,calc(100% - 12px) 8px,calc(100% - 12px) 4px,calc(100% - 20px) 4px,calc(100% - 20px) 0px,20px 0px,20px 4px,12px 4px,12px 8px,8px 8px,8px 12px,4px 12px,4px 20px,0px 20px);}

.about__inner {overflow:hidden;}
.about .text-present__text p {margin-bottom:1em;}

.lineup__inner {padding:round(up,min(5vw,50px),1px) round(up,min(1vw,10px),1px);}
.game-box {padding:0 round(up,min(4vw,40px),1px);}
.game-box__copyright {font-size:clamp(0.625rem, 0.6rem + 0.2vw, 1.25rem);}
.game-box .item__text {width:auto;}
.game-box__thumbnail {margin:0 auto;}
/*.game-box__thumbnail .slider-thumbnail .swiper-slide {clip-path:polygon(0px calc(100% - 20px),4px calc(100% - 20px),4px calc(100% - 12px),8px calc(100% - 12px),8px calc(100% - 8px),12px calc(100% - 8px),12px calc(100% - 4px),20px calc(100% - 4px),20px 100%,calc(100% - 20px) 100%,calc(100% - 20px) calc(100% - 4px),calc(100% - 12px) calc(100% - 4px),calc(100% - 12px) calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) calc(100% - 12px),calc(100% - 4px) calc(100% - 12px),calc(100% - 4px) calc(100% - 20px),100% calc(100% - 20px),100% 20px,calc(100% - 4px) 20px,calc(100% - 4px) 12px,calc(100% - 8px) 12px,calc(100% - 8px) 8px,calc(100% - 12px) 8px,calc(100% - 12px) 4px,calc(100% - 20px) 4px,calc(100% - 20px) 0px,20px 0px,20px 4px,12px 4px,12px 8px,8px 8px,8px 12px,4px 12px,4px 20px,0px 20px);}*/
.game-box__thumbnail .slider-thumbnail .swiper-slide p img {width:100%; height:auto; aspect-ratio:1; object-fit:cover; clip-path:circle(50%);}
.game-box__thumbnail .slider-thumbnail .swiper-wrapper {box-sizing:border-box; margin-top:1.5rem; padding:0 1rem;}

.event .event-box > div {flex:1 1 50%; display:flex; flex-direction:column; gap:1em;}
.event .event-box__text {width:auto;}

.link {padding:0 15px min(15vw,150px);}
.link h2 {margin:auto;}
.link .link__inner {max-width:none;}
.link .logo-box {gap:max(3vw,3rem); margin:auto;}
.link img {height:max(4vw,3.125rem); width:auto; transition:opacity 0.2s ease-out;}
.link img:hover {opacity:0.5;}

.footer__bottom {padding:2rem;}
.footer__bottom-img img {height:3.125rem; width:auto;}

.clickable-image {transition:transform 0.1s ease-out;}
.clickable-image:hover {transform:scale(1.1);}
.modal {background-color:#000A;}

.overlay::after {background-image:url(./../img/bg_movie_layer.webp);}

@media only screen and (max-width: 768px) {
    .toggle_nav_box .toggle_nav {right:min(5vw,50px); top:min(5vw,50px);}
    .lineup h2 {max-width:100%;}
}