@charset "utf-8";
.main_visual{position: relative; height: 490px;}
.main_visual .swiper-container{height: 100%;}
.main_visual .img_box{height: 100%;}
.main_visual .img_box img{max-width: none; height: 100%; object-fit: cover;}
.main_visual .txt_box{position: absolute; top: 50%; width: 100%; transform: translateY(-50%);}
.main_visual .txt_box h2{max-width: 700px; font-size: 100px; color:#fff; letter-spacing: 0;}
.main_visual .txt_box h2 span{font-weight: 300;}

.main_visual .swiper_btn{position: absolute; top: 50%; transform: translateY(-50%); width: 71px; box-sizing: border-box; aspect-ratio: 1/1; border-radius: 500%; background-position: center center; background-repeat: no-repeat; background-color: rgba(255,255,255,.5); z-index: 1; cursor: pointer;}
.main_visual .swiper_btn:hover{border: 1px solid #0043b1; background-color: rgba(255,255,255,1);}
.main_visual .swiper_btn.prev_btn{background-image: url(/img/theme/soccer/main_prev01.png); left: 7%;}
.main_visual .swiper_btn.prev_btn:hover{background-image: url(/img/theme/soccer/main_prev02.png);}
.main_visual .swiper_btn.next_btn{background-image: url(/img/theme/soccer/main_next01.png); right: 7%;}
.main_visual .swiper_btn.next_btn:hover{background-image: url(/img/theme/soccer/main_next02.png); }
.main .con01 .timer{margin-top: 50px;}
.main .con01 .timer p{font-size: 16px; letter-spacing: -0.04em; color:#444444; line-height: 1.75em;}
.main .con01 .timer p span{font-weight: 700; color:#0043b1; letter-spacing: 0; font-size: 28px; margin-left: 15px;}

.main .con01 .inner{max-width: calc(100% - calc( calc(100% - 1400px) / 2));  display: flex; flex-direction: column;}
.main .con01 .inner .left_box{width: 50%; max-width: 362px; box-sizing: border-box;}

.img_list .img_box{position: relative;}
.img_list .img_box .tag{position: absolute; left: 10px; top: 10px; border-radius: 50%; width: 51px; aspect-ratio: 1/1; box-sizing: border-box; display: flex; align-items: center;
 justify-content: center; background-color: #fff; border: 1px solid #dd0034; color:#dd0034; font-size: 16px; letter-spacing: 0;}
 .img_list .txt_box{padding: 20px 0;}
 .img_list .txt_box span{font-size: 16px; color:#888888; letter-spacing: -0.04em; line-height: 1.75em;}
 .img_list .txt_box h4{font-size: 18px; color:#444444; letter-spacing: -0.04em; line-height: 1.555em; margin-top: 5px;}
.img_list .img_box i{display: inline-block; position: relative;}
.img_list .img_box i:before{width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; border: 1px solid transparent; content: ''; position: absolute; z-index: 10;}
.img_list:hover i:before{border-color: var(--soccer-main);}


 .img_list .txt_box p{font-size: 20px; color:#333333; letter-spacing: 0; line-height: 1.4em; margin-top: 5px;}
 .img_list .txt_box p i{font-style: normal; font-size: 16px; letter-spacing: 0; color:#aaaaaa; text-decoration: line-through; line-height: 1.75em; margin-left: 20px;}

 .main .con01 .inner .right_box{width: 93.75%; max-width: calc(100% - 362px); position: relative;}
 .main .con01 .inner .right_box .swiper-slide{cursor: pointer; box-sizing: border-box;}

 .main .con01 .inner .right_box .swiper-pagination{width: 100%; height: 1px; margin-top: 40px;}
 .main .con01 .inner .right_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 3px; top: auto; bottom: 0;}

 @media all and (max-width:1200px){
    .main .con01 .inner{flex-wrap: wrap; gap: 30px 0; max-width: 93.75%; width: 100%; margin: 0 auto;}
    .main .con01 .inner .left_box,
    .main .con01 .inner .right_box{width: 100%; max-width: none;}
 }

 @media all and (max-width:767px){
    .main .con01 .inner .left_box{display: flex; justify-content: space-between;}
}

 .main .con02{background: url(/img/main_con02_bg01.png)no-repeat top center;}

.img_wrap{display: flex; flex-wrap: wrap; gap: 50px;}
.img_wrap .img_list{width: calc(25% - 37.5px); cursor: pointer; box-sizing: border-box;}
.img_wrap .img_list:hover .img_box img{transform: scale(1.1);}
.img_wrap .img_list .img_box i{overflow: hidden; height: 304px; width: 100%;}
.img_wrap .img_list .img_box img{transition: .5s; width: 100%; height: 100%; object-fit: cover;}

@media all and (max-width:1200px){
    .main .con03 .img_wrap .img_list{width: calc(33.333% - 33.333px);}
}
@media all and (max-width:767px){
    .main .con03 .img_wrap .img_list{width: calc(50% - 25px);}
}

 .main .con04{background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(249,249,249,1) 50%); overflow: hidden;}
 .main .con04 .img_list{display: flex; padding: 40px 30px; background-color: #fff; gap: 40px; max-width: 548px; box-sizing: border-box; position: relative; cursor: pointer;}
 .main .con04 .img_list:before{position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid transparent; content: ''; left: 50%; transform: translate(-50%, -50%); top: 50%;}
 .main .con04 .img_list:hover:before{border-color: #0043b1;}
 .main .con04 .img_list .img_box{max-width: 216px; max-height: 209px;}
 .main .con04 .img_list .star_box{display: flex; gap: 5px; margin: 15px 0 10px;}
 .main .con04 .img_list .star_box .star{width: 17px; height: 16px; background: url(/img/theme/soccer/star_off.png)no-repeat center center;}
 .main .con04 .img_list .star_box .star.on{background-image: url(/img/theme/soccer/star_on.png);}
 .main .con04 .img_list .bot_box{display: flex; flex-direction: column; justify-content: space-between;}
 .main .con04 .img_list .txt_box{max-width: 232px; padding: 0;}
 .main .con04 .img_list .bot_box p{font-weight: 300; color:#888888; font-size: 15px; letter-spacing: -0.04em; line-height: 1.6em; display:-webkit-box; overflow: hidden; word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; margin-bottom: 15px;;}
 .main .con04 .swiper-container{overflow: unset;}
 .main .con04 .img_list .bot_box span{text-align: right;}

 @media all and (max-width:767px){
    .main .con04 .img_list{max-width: 100%;}
 }