/* =========================================================
Overlay
========================================================= */
  .modal_btn{cursor: pointer;}
  .modal .overlay{background:#191919;height:100vh;width:100vw;position:fixed;z-index:10000;visibility:hidden;opacity:0;top: 0;}
  .modal .overlay .inner{margin:0 auto;max-width:1240px;width:90vw;position:absolute;top:50%;left:50%;transform:translateY(-45%) translateX(-50%);}
  .modal .overlay iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
  .modal .overlay .close{display:block;width:60px;height:60px;position:relative;cursor:pointer;float:right;right:0px;bottom:90px;}
  .modal .overlay .close span::before, .modal .overlay .close span::after{display:block;content:"";position:absolute;top:50%;left:50%;width:100%;height:4%;margin:-8% 0 0 -42%;background:#FFF;}
  .modal .overlay .close span::before{transform:rotate(-45deg);}
  .modal .overlay .close span::after{transform:rotate(45deg);}
  .modal .overlay .modal_box:after{content:"";display:block;padding-bottom:56.25%;}
  body.js__modal .modal .overlay{visibility:visible;opacity:1;}

.modal-video-body { max-width: 1240px !important; padding: 0 !important;width: 90% !important; }
.modal-video { background: #191919 !important; }
.modal-video-close .modal-video-movie-wrap { -webkit-transform: translate(0, 0) !important; -moz-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; }
.modal-video-movie-wrap { width:  90vw !important; animation-timing-function: none !important; animation-duration: none !important; animation-name: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; top: 30px !important;}
.modal-video-close-btn{width: 60px !important; height:60px !important; right: 0 !important; top: -70px !important;}
.modal-video-close-btn:before,
.modal-video-close-btn:after { height:3px !important;}
@media (orientation: landscape) {
  .modal-video-inner { padding:0 !important;  }
}

/* =========================================================
common
========================================================= */
/************************
2025
*************************/
#page__hero{ background:url("/assets/img/1st_stage_report_2025/title_bg.jpg") , #B10023; background-repeat: no-repeat , repeat;  background-size: cover; height: 250px; max-height: 250px; margin-top: 70px; }
#page__hero h2 { left: 50%; transform: translate(-50%, -50%); width: 100vw; height: auto; top: 50%; background: #B10023; max-width: 754px; width: 70vw; padding: 20px 0;}
#wrap{ background: #B10023;}
@media only screen and (max-width:768px) {
#page__hero{ background:url("/assets/img/1st_stage_report_2025/title_bg_sp.jpg"); background-repeat: no-repeat; background-size: 100%;height: 44.3vw; max-height: 319px; margin-top: 60px;}
#page__hero img { width: 74.13vw; max-width: 100%; height: 100%; max-height: 100%;}
#page__hero h2{ background: #B10023; max-width: 89.6vw; width: 89.6vw; padding:5vw; transform: translate(-50%,-50%);}
}

.person_title li{ color: #FFF !important;}
main .inner{ padding: 0 80px; width: 86.11vw; max-width: 1240px; background: #FFF;}
main .inner .inner__box { padding: 0 0 100px 0; background: #FFF; line-height: 2.5em;}

@media only screen and (max-width:1240px){
  main .inner{ padding: 0 5%;}
}

@media only screen and (max-width:768px){
    #wrap{ background: #FAE6EB;}
}


/* =========================================================
MV(冒頭文)
========================================================= */
.mv{padding: 80px 0 0 0;}
.mv h3{ color: #000; padding:0 0 0; font-weight: normal; line-height: 2em;text-align: center;font-size: 25px;letter-spacing: 1px;}
.lead_txt{color: #000; padding: 20px 0 0;text-align: center; line-height: 2.5em;margin: 0px auto;font-size: 16px;max-width: 800px;}
@media only screen and (max-width: 1240px){
    .mv{padding: 80px 5% 0 5%;}
}
@media only screen and (max-width: 768px){
    .mv{padding: 10vw 0 0 0; width: 90%; margin: 0 auto;}
    .mv h3{ line-height: 1.8;font-size: 4.8vw;letter-spacing: 0;}
    .lead_txt{text-align: center;padding: 4vw 0; line-height: 2em;font-size: 3.7vw;}
}

/* =========================================================
AREA HEATS INFORMATION
========================================================= */
.finalist_main_title{display:block; margin: 0 auto 0; padding:80px 0 0 0;}
.finalist_sub_title{display:block; margin: 0 auto 0; padding:80px 0 0 0;}
#realstyle_award .finalist_sub_title{padding:80px 0 30px 0;}
#info { padding: 80px 0 0;}
.inner_1{width: 86.11vw; max-width: 1240px; margin: 0 auto;}
.inner__box{background: #FFF;}

#area_heats_information{background: #FFF; position:relative; padding: 0 0; }
#area_heats_information .tab-contents .tab_inner{background: #FFF;}
#area_heats_information .main_title img{display: block; margin:0 auto;}
#area_heats_information .main_title p{text-align: center; font-size:16px; line-height:1.8; margin:30px auto 0; }

@media only screen and (max-width:1240px){
    .finalist_sub_title{width: 18.870vw;}
/*    #realstyle_award .finalist_sub_title{padding:21vw 0 0 0;}*/
    #area_heats_information .main_title { margin: 0px auto; max-width: 100%; width: 95%;}
    #area_heats_information .main_title img{width:80%;}
}
@media only screen and (max-width:768px){
  .finalist_main_title{width:42.13vw; padding:10.66vw 0 0 0;}
  .finalist_sub_title{width: 30.386vw; padding: 21vw 0 0 0;}
  #info { padding: 10.6vw 0 0;}
  #area_heats_information{ padding:0; }
  #area_heats_information .main_title{padding:0 0 5vw;}
  #area_heats_information .main_title p{font-size: 3.6vw;line-height: 2.3em;width: 100%;}
  #area_heats_information .main_title img{ width:77.25vw;}
  .inner_1{width: 100%; max-width: 100%; margin: 0 auto;}
  main .inner { padding: 0 ; width: 100%; max-width: 1240px; background: #FFF;}
  #realstyle_award .finalist_sub_title{padding:21vw 0 0 0;}
}


/*TAB*/
.tabs.btn_head_wrap #realstyle_award.tab,
.tabs.btn_head_wrap #creative_award.tab,
.tabs.btn_foot_wrap #realstyle_award.tab,
.tabs.btn_foot_wrap #creative_award.tab{background:#FFF;}
#area_heats_information .tab-contents .tab_inner{background:#FFF;}
#info{padding:80px 0 0;}
.finalist .area_txt{font-size:24px;font-weight:bold;padding:10px;line-height:1;margin:0 auto 10px;}
.finalist .area_txt.area_txt{margin:60px auto 10px;}
#creative_award .finalist .area_txt.area_txt{margin:30px auto 10px;}
#creative_award .finalist .area_txt.area_txt.nishinihon{margin:60px auto 10px;}
#creative_award .finalist .area_txt{background:#000;color:#FFF;}
.finalist img{display:block;}
.finalist ul{width:100%;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));}
.finalist ul li{margin:0 0 30px 0;}
.finalist ul li .main_img{width:100%;}
.finalist ul li .profile{margin-top:15px;display:flex;justify-content:left;align-items:top;}
.finalist ul li .profile .person{width:100%;max-width:80px;}
.finalist ul li .profile h4{font-size:18px;font-weight:normal;}
.finalist ul li .profile .txt{margin:0 0 0 10px;position:relative;width:75%;}
.finalist ul li .profile small{display:block;font-size:12px;line-height:1.5;position:absolute;bottom:0;word-break:break-all;}
.finalist ul li .profile .txt.longtxt span{letter-spacing:-0.5px;}
.finalist ul li .profile .insta{margin-left:auto;}
.finalist ul li .profile .insta img{width:25px;}
#finalist .btns{display:block;width:460px;margin:50px auto 0;}
#finalist .btns .button{display:block;}
#finalist .btns .button:nth-of-type(2){margin-top:10px;}
#realstyle_award .tab-contents .tab_inner{width:80%;margin:0 auto;}
#realstyle_award{background:#FFF;}

@media only screen and (max-width:1240px){
    #area_heats_information #finalist .inner{width: 100%;}
    #area_heats_information #finalist .tab-contents .tab_inner {padding: 0 20px 80px 20px;}
    .finalist ul li{margin:0 0 2.9vw 0;}
    .finalist ul li .main_img{width:100%;}
    .finalist ul li .profile h4{font-size:1.77vw;}
    .finalist ul li .profile .person{max-width:7.8vw;}
    .finalist ul li .profile .txt{margin:0 0 0 1vw;width:75%;}
    .finalist ul li .profile small{font-size:12px;line-height:1.2;}
    .finalist ul li .profile .insta img{width:2.9vw;}
}
@media only screen and (max-width:768px){
    #area_heats_information #finalist .tab-contents .tab_inner {padding: 8vw 5vw 13.333vw 5vw;}
    #finalist{padding-top:5vw;}
    #info{padding:10.6vw 0 0;}
    .finalist .title{width:30vw;}
    .finalist .area_txt{font-size:4.266vw;padding:1.3vw 2.66vw;margin:8vw auto 0;}
    .finalist .area_txt.area_txt{margin:10vw auto 2.6vw;}
    #creative_award .finalist .area_txt.area_txt{margin:10vw auto 2.6vw;}
    #creative_award .finalist .area_txt.area_txt.nishinihon{margin:10vw auto 2.6vw;}
    #realstyle_award .finalist ul{margin:8vw auto 0;}
    .finalist ul{margin:2.6vw auto 0;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;}
    .finalist ul li{margin:0 0 0 0;width:48.4%;}
    .finalist ul li .profile{margin-top:2.6vw;flex-wrap:wrap;position:relative;height:21.33vw;}
    .finalist ul li .profile .person{width:13vw;height:13vw;max-width:100%;}
    .finalist ul li .profile h4{font-size:3.73vw;}
    .finalist ul li .profile .txt{margin:0 0 0 1vw;width:23vw;}
    .finalist ul li .profile .txt.longtxt{width:calc(100% - 14vw );}
    .finalist ul li .profile .txt.longtxt span{text-align: justify; letter-spacing:0;}
    .finalist ul li .profile .insta.longtxt{bottom: 2vw;}
    .finalist ul li .profile small{font-size:2.5vw;line-height:1.2;position:inherit;margin-top:3vw;}
    .finalist ul li .profile .insta{margin:0;width:100%;display:block;position:absolute;bottom:4vw;}
    .finalist ul li .profile .insta a{width:6.66vw;display:block;margin-left:auto;}
    .finalist ul li .profile .insta img{width:6.66vw;}
    #finalist .btns{width:100%;margin:9vw auto 0;padding:0;}
    #finalist .btns .button:nth-of-type(2){margin-top:2.6vw;}
    #finalist .btns img{width:100%;}
}

/*ファイナリスト GOLD SILVER BRONZE*/
.contents-box.award{margin: 0 auto;}
.contents-box.award .award_img:first-of-type{margin: 0 auto 0;}
.contents-box.award .sub_title.trend {margin: 120px auto 100px;display: block;}
.contents-box.award .sub_title.creative{margin:120px auto 100px;display: block;}
.award_img{margin:100px auto 0;width:100%;}
.award_img ul, .award_img ul .txt{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:0px;}
.award_img ul{margin-bottom:20px;}
.award_img ul .txt{padding:0;}
.award_img .award_img2{width:100%;}
.award_img ul h4{font-size:24px;line-height:1;font-weight:500;margin:0 15px 0 0;}
.award_img ul p{margin:0;font-size:16px;line-height: 1.5;text-align: right;}
.award_img ul.futura li.txt{justify-content:flex-end;}
.award_img small{text-align:right;display:block;font-size:14px; margin-top: 10px; line-height: 1.5;}
.contents-box.award .button{margin: 60px auto 0;width: 460px; display: block;}
.contents-box.award .button img{ width: 100%; margin: 0 auto; }
.award_img span{display: block; margin: 20px 0 0; text-align: right;font-size: 16px;}

@media only screen and (max-width:1024px){
    .award_img ul h4{font-size:2vw;margin:0 1.4vw 0 0;}
    .award_img ul p{font-size:1.56vw;}
}
@media only screen and (max-width:768px){
    .contents-box.award{margin: 8vw auto 0;}
    .contents-box.award .sub_title.trend {margin: 0 auto 13vw; width: 77vw;}
    .contents-box.award .sub_title.creative{margin: 21vw auto 13vw; width: 86vw;}
    .award_img ul, .award_img ul .txt{display:block;}
    .contents-box.award ul li{width: 100%;}
    #info .contents-box.award .award_img ul{margin-bottom:2.6vw;}
    .award_img ul h4{font-size:4.8vw;margin:2.6vw 0 1vw;}
    .award_img ul p{font-size:2.9vw;text-align: left;}
    .award_img small{font-size:2.9vw; margin-top: 2.6vw;}
    .contents-box .award_img{margin:10vw auto 0;}
    .contents-box.award .button{margin: 8vw auto 0;width: 100%;}
    .award_img .goldaward{width:41vw;}
    .award_img .silveraward{width:43vw;}
    .award_img .bronzeaward{width:48vw;}
    .award_img .futurastaraward{width:63vw;}
    .award_img span{display: block; margin: 2.666vw 0 0;font-size: 2.9vw;}
}
/*受賞者コメント*/
.comment{margin: 20px auto 0;}
.comment .comment_title{color: #B10023; font-size: 20px; font-weight:bold;}
.comment p{ font-size: 18px;margin: 10px auto 0; line-height: 1.8;}
@media only screen and (max-width:768px){
    .comment{margin: 4vw auto 0;}
    .comment .comment_title{ font-size: 4.266vw; }
    .comment p{ font-size: 3.733vw;margin: 2.66vw auto 0;}
}

/*BTN*/
 .link_btn.red::after{border-bottom:1px solid #FFF;border-right:1px solid #FFF;transform:skew(45deg);transition:.3s;}
 .link_btn.red{ margin: 30px auto 0;font-size:16px;width:460px;height:60px;background:#B10023;color:#FFF;}
@media only screen and (max-width:768px){
    .link_btn.red img{display: block; margin: 0 8vw 0 3.733vw; width: 8vw;}
    .link_btn.red { width: 100%; font-size: 4.2vw;height: 15.392vw; margin:8vw auto 0;}
}
/* =========================================================
movie area
========================================================= */
#movie_area{padding: 0 0; }
#movie_area .inner { margin: 0 auto; max-width: 1240px;}
#movie_area img{display: block; margin: 0 auto;}
#movie_area .movie_thumbnail{ margin-top:50px;width:100%; cursor: pointer; }
#movie_area .banner{margin-top: 50px; display: block;}
#movie_area .banner img{width: 100%;}
#movie_area p{margin: 30px auto 0; color: #B10023; text-decoration: underline; text-align: center; font-size: 21px; font-weight: bold; line-height: 1.8;}
#movie_area .link_btn.red{ margin: 30px auto 0;}
.movie_area_main_title{display:block; margin: 0 auto 0; padding:80px 0 20px 0;}

@media only screen and (max-width:1240px){
    #movie_area .movie_title{width: 54.516vw;}
    #movie_area .inner { margin: 0px auto; max-width: 100%; width: 95%;}
    #movie_area .movie_thumbnail{width: 100%;}
    #movie_area .movie_date{ padding: 1.9vw; margin: 2.9vw auto 0; font-size: 3.7vw;}
    #movie_area .movie_date img{width: 100%;}
    #movie_area .movie_thumbnail{ margin-top:4.5vw;}
    #movie_area p{margin: 2.9vw auto 0; font-size: 2vw;}
    .movie_area_main_title{width:33.870vw;}
}

@media only screen and (max-width:768px){
    #movie_area .inner{width: 90%;}
    #movie_area .movie_title{width: 100%;}
    #movie_area{margin: 0 auto; padding:0 0 0;}
    #movie_area img{display: block; margin: 0 auto;}
    #movie_area .movie_thumbnail{ margin-top: 5.3vw; }
    #movie_area .banner{margin-top: 8vw;}
    #movie_area p{margin: 4.3vw auto 0; font-size: 4vw;}
    #movie_area .link_btn.red{ margin: 5.33vw auto 0;}
    .movie_area_main_title{width:62.877vw; padding:10vw 0 5.333vw 0;}
}

/* =========================================================
the_final_point
========================================================= */
#the_final_point{position:relative; padding:100px 0 0; }
#the_final_point .inner { margin: 0 auto; max-width: 1240px;}
#the_final_point .main_title img{display: block; margin: 0 auto;}
#the_final_point .sub_title{display: block; margin: 0 auto;}

@media only screen and (max-width:1240px){
    #the_final_point .main_title img{width: 49.93vw;}
    #the_final_point .inner { margin: 0px auto; max-width: 100%; width: 95%;}
}

@media only screen and (max-width:768px){
    #the_final_point{ padding: 0 0; margin-top: 16vw; }
    #the_final_point .main_title img{width: 100%;}
    #the_final_point .inner {width: 90%;}
}
/* =========================================================
the_final_point midokoro
========================================================= */
.midokoro{margin-top: 60px;}
.midokoro .box{margin-top: 50px;}
.midokoro .box li{ background-color: #FAE6EB;display: flex;justify-content: left;margin-top:10px; }
.midokoro .box li img{display: block;width: 350px; height: 100%; object-fit: cover;}
.midokoro .box li:first-of-type{margin-top:0px; }
.midokoro .box .txt{display: flex;align-items: center;  padding: 20px; font-size: 18px;}
.midokoro .box .txt p{line-height:1.8;}
.midokoro .box .txt h3{font-size: 28px; color:#B10023; font-weight: bold; margin-bottom: 10px;line-height: 1.5;}

@media only screen and (max-width:1240px){
  .midokoro .title{width: 100%;}
  #the_final_point .midokoro .sub_title{width: 57.177vw;}
  .midokoro .box li img{width: 28.22vw;}
  .midokoro .box .txt{font-size: 1.3vw;}
  .midokoro .box .txt h3{font-size: 2.14vw;}
}

@media only screen and (max-width:768px){
    #the_final_point .midokoro .sub_title{width: 87.466vw;}
    .midokoro{margin-top: 5.33vw;}
    .midokoro .box{margin-top: 8vw;}
    .midokoro .box li{display: block; margin-top:2.6vw; }
    .midokoro .box li img{width: 100%;}
    .midokoro .box .txt{padding: 4vw; font-size: 3.7vw;}
    .midokoro .box .txt h3{font-size: 4.8vw; margin-bottom: 2vw;}
}

/* =========================================================
the_final_point livestage
========================================================= */
.livestage{margin-top: 80px;}
.livestage .bg_pink{background: #FAE6EB; text-align: center; padding: 15px; font-size: 16px; margin-top:30px;}
.livestage ul , .livestage ul li{display: flex;}
.livestage ul{margin: 20px 0 0 0 ;justify-content: center;}
.livestage ul li{justify-content: space-between;}
.livestage ul .thumbnail{width:100px;}
.livestage .right_box { display: flex; align-items: center; margin:0 0 0 20px;}
.livestage .right_box .txt{display: flex;  margin-top:20px;}
.livestage .right_box p{ display: block; font-size:28px;}
.livestage .right_box small{font-size:14px; margin:0 20px 0 0 ; vertical-align:baseline; margin-top: auto;}

@media only screen and (max-width:1240px){
    .livestage .sub_title{width: 25vw;}
    .livestage .bg_pink{font-size:14px;}
    .livestage .right_box img{width: 90%;}
    .livestage ul .thumbnail{width:8vw;}
    .livestage .right_box p{ display: block; font-size:2.2vw;}
    .livestage .right_box small{font-size:1.1vw; }
}

@media only screen and (max-width:768px){
    .livestage{margin-top: 16vw;}
    .livestage .right_box{margin: 0 0 0; }
    #the_final_point .livestage .sub_title{width: 45.882vw;}
    .livestage .bg_pink{background: none;font-size:3.7vw; line-height:1.8; padding: 0; margin-top:4vw;}
    .livestage ul .thumbnail{width: 37.33vw;}
    .livestage ul{display: block; margin:8vw 0 0 0;}
    .livestage .thumbnail_box{order: 2;}
    .livestage ul li{border-top:1px solid #D5D5D5; padding:8vw 0;border-bottom:1px solid #D5D5D5;}
    .livestage ul li .right_box img{width: 39.7946vw;}
    .livestage .right_box .txt{ display: grid; margin-top: 10.666vw;}
    .livestage .right_box p{font-size:5.3vw; order: 2;}
    .livestage .right_box small{font-size:3.7vw; order: 1; margin: 0 0 2.66vw 0 ;}

}

/* =========================================================
the_final_point program
========================================================= */
.program{margin-top: 80px;}
.program table{width: 100%; margin-top: 50px; border: #FAE6EB solid 10px; }
.program tr{border-bottom: 1px solid #FAE6EB;}
.program td{background-color: #FFF; font-size: 14px; color: #000; padding: 10px 0; border-left: 1px solid #FAE6EB; line-height: 1.8;}
.program .program_title{border: none;}
.program .noborder{border-bottom: none;}
.program th{background-color: #FAE6EB; padding: 15px 20px 15px 20px; text-align: left;}
.program th img{display: block;}
.program .program_content{padding-left: 20px;}
.program .time{text-align: center; width: 100px;}
.program small{font-size: 14px; display: block ; text-align: right; margin: 10px 0 0 ; }

@media only screen and (max-width:1240px){
    .program .sub_title{width: 23vw;}
    .program .time{width: 7.8vw;}
    .program small{font-size: 1.3vw;}
}

@media only screen and (max-width:768px){
  .program{margin-top: 16vw;}
  #the_final_point .program .sub_title{width: 35.4026vw;}
  .program table{margin-top: 8vw; border: #FAE6EB solid 5px; }
  .program tr:nth-child(1) img{width: 31.136vw;}
  .program tr:nth-child(5) img{width: 80.856vw;}
  .program tr:nth-child(9) img{width: 36.053vw;}
  .program td{ font-size: 3.7vw;padding: 2.6vw 0;}
  .program th{padding: 4vw 2vw;border-top: 1px solid #FAE6EB;border-bottom: 1px solid #FAE6EB;}
  .program .program_content{padding-left: 4vw; padding-right: 4vw;}
  .program .time{width: 16vw;vertical-align: middle;}
  .program small{font-size: 3.2vw;margin: 2.6vw 0 0 ; }
}


/* =========================================================
stage_banner
========================================================= */
#stage_banner{padding: 80px 0;position:relative; }
#stage_banner .inner{margin:0 auto;  max-width:1240px;}
#stage_banner a:nth-of-type(2){margin: 10px auto; display: block;}
#stage_banner .inner img.banner_img{width: 100%;}


@media only screen and (max-width: 1240px){
    #stage_banner .inner { width: 95%;}
    #stage_banner img.banner_img{width: 100%;}
}

@media only screen and (max-width: 768px){
    #stage_banner{padding:16vw 0;}
    #stage_banner .inner { width: 90%;}
    #stage_banner a:nth-of-type(2){margin:2.6666vw auto;}
    #stage_banner img.banner_img{width: 100%;}
}