@charset "utf-8";
@font-face {
    font-family: 'BLG';
    src: url(../font/bleage_font.ttf);
}
p,span,h1,h2,h3,h4,div{
    font-family: 'Noto Sans JP', sans-serif;
}
.container{
    width:100%;
}
*{
    box-sizing: border-box;
}
/* ----------------------- */
/* header */
/* ----------------------- */
.header{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
}
.header_inner{
    position: relative;
    height: 50px;
    background-color: #000000;
}
.header_logo{
    position: absolute;
    top:0;
    left: 5.4%;
    background-color: rgb(255, 255, 255);
    align-items: center;
    display: flex;
    justify-content: center;
    width:70px;
    height:80px;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.206);
}
.header_logo img{
    width:55px;
    height: auto;
}

/* ----------------------- */
/* heroarea */
/* ----------------------- */
.kv{
    padding-top: 50px;
    width:100%;
}
.hero_area{
    background-color: #000000;
    line-height: 0;
}
/* ----------------------- */
/* player */
/* ----------------------- */
.BLG{
    font-family: "BLG";
}
.player_inner{
    padding: 0 20px;
    background-image: url(../img/player_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    padding-bottom: 50px;
}
.player_title{
    text-align: center;
    font-size: 25px;
    padding-top: 50px;
    font-weight: 900;
}
.player_sub_title{
    padding-top: 20px;
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
}
.player_text{
    padding-top: 30px;
    line-height: 1.8em;
    font-weight: 500;
    padding-bottom: 70px;
}
.attention_text{
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 30px;
}

/* ----------------------- */
/* ポップアップ はじまり*/
/* ----------------------- */
.title_popup{
        color: rgb(0, 0, 0);
        text-align: center;
        font-size: 18px;
        position: relative;
        text-align: center;
        padding: 0.8rem;  
}
.title_popup:after{
    content: "";
    margin: 0 auto;
    display: block;
    width: 70px;
    height: 5px;
    transform: skew(-20deg);
    margin-top: 10px;
    background: red;
}
.modal-wrapper {
    z-index: 1100;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 40px 10px;
    text-align: center;
    }

    .modal-button {
    color: #fff;
    background-color: #FF3100;
    font-weight: bold;
    text-align: center;
    cursor :pointer;
    transition: all 0.3s;
    display: block;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 20px 2px;
    width:300px;
    text-decoration: none;
    margin: 0 auto 40px auto; 
    box-shadow: 0px 7px 10px rgba(0,0,0,0.4);
    }
    .modal-button:hover{
        opacity: 0.5;
    }
  
    .modal-button:active {
    /*ボタンを押したとき*/
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*下に動く*/
  
    }

  /*ラベルホバー時*/
  /* .modal-button:hover {
    color: #FFFFFF;
    background-color: #4f96f6;
    transition: .6s;
  } */

    .modal-wrapper:not(:target) {
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
    }

    .modal-wrapper:target {
    opacity: 1;
    visibility: visible;
    transition: opacity .4s, visibility .4s;
    }

    .modal-wrapper:after {
    display: inline-block;
    height: 100%;
    margin-left: -.05em;
    vertical-align: middle;
    content: ""
    }
    .modal-content{
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .modal-wrapper .modal-window {
    box-sizing: border-box;
    display: inline-block;
    z-index: 20;
    position: relative;
    /* width: 375px; */
    max-width: 800px;
    padding: 10px 10px 0px;
    border-radius: 2px;
    background: #D9DCE3;
    box-shadow: 0 0 30px rgba(0, 0, 0, .6);
    vertical-align: middle
    }

    .modal-wrapper .modal-window .modal-content {
    max-height: 540px;
    max-width: 80vw;
    overflow-y: scroll;
    text-align: left;
    }
    .modal-window {
        background-color: #4f96f6;
    }

    .modal_title {
    font-size: 1.5em;
    position: relative;
    overflow: hidden;
    padding: 0;
    }
    .modal_text{
        line-height: 20px;
        font-weight: 700;
    }
    .modal_text:last-child{
        margin-bottom: 30px;
        font-size: 16px;
        font-weight: 400;
    }
    .modal_text_center{
        line-height: 20px;
        font-weight: 700;
        text-align: center;
    }
    .span_bold{
        font-weight: 800;
        font-size: 20px;
    }
    .modal_title::before,
    .modal_title::after{
    content: "";
    position: absolute;
    bottom: 0;
    }

    /* h2 プライマリカラー*/
    /* .modal_title:before{
    border-bottom: 4px solid #6bb6ff;
    width: 100%;
  } */
    /* h2 セカンダリカラー*/
    /* .modal_title:after{
    border-bottom: 4px solid #c8e4ff;
    width: 100%;
  } */

    .modal-content p {
    margin: 10px 0 0 0;
    }
    
    .modal-overlay {
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .8);
    color: #000000;
    }
    
    .modal-wrapper .modal-close {
    z-index: 20;
    position: absolute;
    opacity: 0;
    top: 5px;
    right: 5px;
    width: 35px;
    color: #95979c !important;
    font-size: 30px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    text-indent: 0
    }
    
    .modal-wrapper .modal-close:hover {
    color: #2b2e38 !important
    }

    .pop_img{
        padding-top: 30px;
        padding-bottom: 70px;
        width:300px;
        margin: 0 auto;
        }
        .pop_img img{
        width:100%;
        }
        .modal-content p{
        color: black;
        }
        .btn{
        border: none;
        background-color: #000000;
        padding: 18px 30px;
        font-size: 15px;
        color: white;
        font-weight: 700;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
        cursor: pointer;
        }
        .btn a{
            text-decoration: none;
            color: white;
        }
        .btn2 a{
            text-decoration: none;
            color: white;
        }
        .btn:hover{
            opacity: 0.5;
        }
        .btn2{
        font-size: 14.3px;
        border: none;
        background-color: #FF3100;
        padding: 20px 50px;
        font-weight: 800;
        color:#fff;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
        cursor: pointer;
        }
        .btn2:hover{
            opacity: 0.5;
        }
        .maru_box{
        align-items: center;
        justify-content: center;
        }
        .maru_inner{
        align-items: center;
        text-align: center;
        width:300px;
        margin: 0 auto;
        }
        .maru_inner img{
            padding: 40px 0 20px 0;
            width:260px;
        }
        .maru_inner2{
        align-items: center;
        text-align: center;
        width:300px;
        margin: 0 auto 30px auto;
        }
        .maru_inner2 img{
            padding: 0px 0 20px 0;
            width:260px;
        }
        .triangle1{
            margin: 30px auto;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid black;
        }

/* ----------------------- */
/* ポップアップおわり */
/* ----------------------- */

/* ----------------------- */
/* banner */
/* ----------------------- */
.banner{
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}
.banner01,.banner02,.banner03{
    width:330px;
    display: block;
    margin: 0 auto;
}
.banner02{
    padding-top: 40px;
}
.banner03{
    padding-top: 40px;
}
.banner01:hover{
    opacity: 0.5;
}
.banner02:hover{
    opacity: 0.5;
}
.banner03:hover{
    opacity: 0.5;
}
/* ----------------------- */
/* 応募期間*/
/* ----------------------- */
.period{
    text-align: center;
    margin-bottom: 60px;
}
.period_text{
    color: #fff;
    padding-bottom: 20px;
    line-height: 1.7em;
}
.period_title{
    padding-bottom: 40px;
    text-align: center;
    color: #fff;
}
.period_attention{
    text-align: center;
    padding-top: 50px;
}
.balloon{
    background-image: url(../img/period_bg.png);
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 30px 50px;
    /* min-width: 120px;
    max-width: 100%; */
    color: #555;
    font-size: 16px;
    width:350px;
    }
    
    .balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #292337;
    }
    .period_inner{
        padding-top: 50px;
        padding-bottom: 40px;
    }

/* ----------------------- */
/* アコーディオン*/
/* ----------------------- */
.all-time_inner_title{
    font-size: 14px;
    padding-bottom: 4px;
}
.all-time_inner_club{
    font-size: 14px;
}
.all-time_inner_number{
    font-size: 14px;
    padding-bottom: 8px;
}
.all-time_inner_name{
    font-size: 16px;
}
.summary_inner{
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #D9DCE3;
}
.accordion-001 {
    /* max-width: 500px; */
    background-color: #D9DCE3;
}

.accordion-001:not([open]) {
    margin-bottom: 5px;
}
.overview{
    padding:0 20px;
    max-width: 680px;
    margin: 0 auto;
}
.overview_tit{
    font-weight: 800;
    padding-bottom: 10px;
}
.overview_text{
    padding-bottom: 30px;
}
.accordion-001 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em 2em;
    color: rgb(0, 0, 0);
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 2px solid rgb(0, 0, 0);
    border-right: 2px solid rgb(0, 0, 0);
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

/* ----------------------- */
/* 審査委員 */
/* ----------------------- */
/* Firefox */
summary {
    list-style: none;
}
/* chrome / Safari */
summary::-webkit-details-marker {
    display: none;
}


.title_white_span{
    font-family: 'BLG';
    font-size: 24px;
}

.summary_inner{
    padding-top: 30px;
    padding-bottom: 50px;
}


.accordion-002:not([open]) {
    margin-bottom: 5px;
}
.overview{
    padding:0 20px;
}
.overview_tit{
    font-weight: 800;
    padding-bottom: 10px;
}
.overview_text{
    padding-bottom: 30px;
}
.accordion-002 summary {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 2em;
    font-weight: 600;
    cursor: pointer;
    font-size: 20px;
}

.accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 2px solid rgb(255, 255, 255);
    border-right: 2px solid rgb(255, 255, 255);
    content: '';
    transition: transform .3s;
}

.accordion-002[open] summary::after {
    transform: rotate(225deg);
}

.accordion-002 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-002[open] p {
    transform: none;
    opacity: 1;
}
.title_white_inner{
    text-align: center;
}
.title_white{
    display: inline-block;
    position: relative;
    margin: 0 auto;
    font-size: 20px;
    color: white;
}
.title_white:after{
    content: "";
    margin: 0 auto;
    display: block;
    width: 70px;
    height: 5px;
    transform: skew(-20deg);
    margin-top: 20px;
    background: red; 
}
.judging_inner{
    background-color: #000000;
    background-image: url(../img/guest_sp_bg.png);
    padding-top: 50px;
    padding-bottom: 5px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.judging_box{
    color: #fff;
    padding: 0 20px;
    margin-bottom: 50px;
    margin:0 auto;
}
.judging_name,.judging_style{
    font-weight: 700;
    font-size: 25px;
    color: #fff;
}
.judging_style{
    padding-top: 40px;
}
.judging_name_1{
    padding-top: 10px;
    font-size: 25px;
    font-weight: 700;
}
.judging_name{
    padding-top: 40px;
}
.committee_img{
    width:250px;
}
.committee_inner{
    text-align: center;
    padding-bottom: 50px;
}
.profile,.comment{
    padding-bottom: 10px;
    padding-top: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
.committee_text{
    line-height: 1.8em;
    color: #fff;
}
.committee_text_inner{
    padding-bottom: 75px;
}

/*----------------------*/
/*MVP受賞者決定はじまり*/
/*----------------------*/

.mvp_monthly{
    font-size: 18px;
    padding-bottom: 20px;
}
.mvp_club{
    font-size: 14px;
    padding-bottom: 10px;
}
.mvp_name{
    font-size: 20px;
    padding-bottom: 40px;
}
.mvp_contents{
    padding:50px  15px 50px 15px;
    background-image: url(../img/pick-up-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.mvp_text{
    text-align: center;
}
.mvp_title{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 260px;
        height:30px;
        padding: 0px 5rem;
        box-sizing: border-box;
        z-index: 0;
        position: relative;
        padding: 15px 15px 15px 30px;
        color: #ffffff;
        font-weight: bold;
        text-align: left;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .mvp_title::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg,#f94b00, #FFB50F);
        transform: skew(15deg);
        content: '';
        z-index: -1;
    }
    .mvp_title_short{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 260px;
        box-sizing: border-box;
        z-index: 0;   
        position: relative;
        padding: 6px 6px 6px 6px;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        text-align: left;    
        margin-bottom: 20px; 
        text-align: center;
    }
    .mvp_title_short::before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg,#f94b00, #FFB50F);
        transform: skew(15deg);
        content: '';
        z-index: -1;
    }
.mvp_judging_title{
    padding:5px 0px 5px 10px;
    font-weight: 600;
    margin-bottom: 10px;
    border-left: 5px solid #f94b00;
}
.mvp_judging_inner{
    padding-bottom: 30px;
}
.responsive {
    max-width: 100%;
    aspect-ratio: 16/9;
    margin: 0 auto;
}
.mvp_comment,.mvp_judging_comment,.mvp_present,.artist_comment,.player_comment{
    padding-top: 50px;
    margin: 0 auto;
    max-width:360px;
    line-height: 1.6rem;
}
.mvp_youtube{
    padding-top: 50px;
    margin: 0 auto;
    max-width:350px;
}

.mvp_img{
    max-width:350px;
    margin: 0 auto;
}
.mvp_img img{
    width:100%;
}
.furusato_logo{
    width:250px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.furusato_logo img{
    width:100%;
}
.mvp_present_title{
    padding-bottom: 10px;
}
.mvp_present_text{
    padding-bottom: 20px;
    line-height: 1.4rem;
}
.mvp_present_inner{
    background-image: url(../img/ribon.png);
    background-repeat: no-repeat;
    background-position: top 0 left 25px;
    background-color: rgb(255, 255, 255);
    max-width:360px;
    margin:50px auto 0 auto;
    border-radius: 10px;
    padding: 40px 30px;
}
.furusato_logo{
    margin: 0 auto;
}
.mvp_coming{
    padding-top: 50px;
    text-align: center;
}
.mvp_coming_first{
    padding-top: 50px;
    text-align: center;
}
.mvp_coming_first img{
    width:350px;
}
.mvp_coming img{
    width:300px;
}
.mvp_present_inner a{
    color: #eb7d00;
}
/*----------------------*/
/*MVP受賞者決定おわり*/
/*----------------------*/

/* ----------------------- */
/* pick upはじまり*/
/* ----------------------- */
.pick-up_sub_title{
    font-size: 20px;
}
.pick-up_container{
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
}
.pick-up_title{
    line-height: 1.2rem;
    text-align: center;
}
.pick-up{
    padding-top:50px ;
    padding-bottom: 10px;
    justify-items: center;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 40px;
}
.pick-up2{
    display: grid;
    grid-template-columns: 1fr;
    padding-bottom: 50px;
}

.pick-up_attention{
    max-width: 360px;
}
.pick-up_item1{
    background-size: 125px;
    background-position: top 0 right 15px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/06_gc.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item2{
    background-size: 125px;
    background-position: top 0px right 15px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/07_cj.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item3{
    background-size: 125px;
    background-position: top 0px right 15px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/07_cj.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item4{
    background-size: 125px;
    background-position: top 10px right 18px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/09_sr.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item5{
    background-size: 125px;
    background-position: top 0px right 20px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/11_yb.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item6{
    background-size: 125px;
    background-position: top -4px right 20px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/24_rg.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item7{
    background-size: 125px;
    background-position: top 0px right 6px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/22_ss.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 40px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_item8{
    background-size: 125px;
    background-position: top 10px right 6px;
    background-repeat: no-repeat;
    background-image: url(../img/pickup/22_ss.png);
    background-color: #ffffff;
    padding:20px 8px 0px 8px ;
    display: flex;
    justify-content: center;
    width:350px;
    gap: 50px;
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
}
.pick-up_comment{
    height: 125px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 20px;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.4rem;
}
.pick-up_player_name{
    font-weight: 600;
    font-size: 18px;
}
.pick-up_player img{
    width:130px;
    position: relative;
    right: -8px;
}
.pick-up_player01 img{
    width:130px;
    position: relative;
    right: -17px;
}
.pick-up_player02 img{
    width:128px;
    position: relative;
    right: -15px;
}
.pick-up_player03 img{
    width:130px;
    position: relative;
    right: -15px;
}
.pick-up_player04 img{
    width:130px;
    position: relative;
    right: 0px;
}
.pick-up_player05 img{
    width:130px;
    position: relative;
    right: -5px;
}
.pick-up_player06 img{
    width:130px;
    position: relative;
    right: -10px;
}
.pick-up_player07 img{
    width:130px;
    position: relative;
    right: -8px;
}
.pick-up_player08 img{
    width:130px;
    position: relative;
    right: 0px;
}
.pick-up_club_img img{
    width:50px;
}
.pick-up_club_name_inner{
    padding-top: 7px;
    display: flex;
    gap:5px;
    font-weight: 500;
}
.pick-up_club_text{
    font-size: 12px;
    padding-bottom: 4px;
}
.pick-up_number{
    font-size: 12px;
}
.pick-up_btn{
    cursor: pointer;
    color: #000000;
    border: none;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
    background: rgb(177,177,177);
    background: linear-gradient(-45deg, rgb(201, 201, 201) 0%, rgba(255,255,255,1) 24%, rgb(201, 201, 201) 50%,rgba(255,255,255,1) 77%, rgb(159, 159, 159) 100%);
    width:150px;
    padding: 10px 0;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 800;
}
.pick-up_profile{
    height:130px;
}
.left{
    position: relative;
}
.pick-up_btn_inner{
    text-align: center;
    position: absolute;
    top:120px;
}
.pick-up_btn_inner_change{
    text-align: center;
    position: absolute;
    top:120px;
}
.pick-up_btn_inner_on{
    text-align: center;
    position: absolute;
    top:120px;
}
.pick-up_btn:hover{
    opacity: 0.5;
}
.pick-up_attention{
    margin: 0 auto;
    text-align: left;
    padding-bottom: 60px;
    font-size: 13px;
}

/* ----------------------- */
/* pick up選手ボタンはじまり*/
/* ----------------------- */
/*矢印が右に移動する*/
.btnarrow4{
    font-weight: 600;
    font-size: 15px;
    /*矢印と下線の基点とするためrelativeを指定*/
  position: relative;
    /*形状*/
    display: inline-block;
    color: #333;
    text-decoration: none;
    outline: none;
}

/*矢印と下線の形状*/
.btnarrow4::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  position: absolute;
    bottom:-8px;
    left:13%;
    /*下線の形状*/    
    width: 96%;
    height: 1px;
  background:red;
    /*アニメーションの指定*/
    transition: all .3s;
}

.btnarrow4::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    bottom:-4px;
    right:-14px;
    /*矢印の形状*/    
    width: 10px;
    height:1px;
    background:red;
    transform: rotate(60deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow4:hover{
    opacity: 0.5;
}




/* ----------------------- */
/* pick up選手ボタンおわり*/
/* ----------------------- */
/* ----------------------- */
/* pick up選手一覧おわり*/
/* ----------------------- */

/* ----------------------- */
/*歴代MVPのアコーディオンメニューはじまり*/
/* ----------------------- */
.archive{
    background-image: url(../img/archive_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 240px;
}

.bl_accordion {
    background-color: #fff;
  }
.bl_accordion2{
    background-color: rgb(174, 220, 100);
}
  .bl_accordionTitle {
    font-size: 28px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 20px 8px 10px 8px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: flex;
    gap:20px;
  }
  .bl_accordionTitle2{
    font-size: 28px;
    font-weight: bold;
    background-color: #792424;
    padding: 20px 10px 10px 20px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: flex;
    gap:20px;
  }
  
  .all-time_inner_name{
      font-size: 14px;
  }
  .bl_accordionTitle_img{
      width:120px;
  }
.bl_accordionTitle_img2{
    width:120px;
}
  .bl_accordionTitle_img img{
      width:100%;
  }
  .bl_accordionTitle_img2 img{
    width:100%;
}
  .bl_accordionTitle_text{
      font-weight: 500;
      /* line-height: 1.6rem; */
      margin: auto 0;
      font-size: 15px;
  }
.bl_accordionTitle_text2{
    font-weight: 500;
    line-height: 1.6rem;
    margin: auto 0;
    font-size: 15px;
}
  .bl_accordionTitle::before {
    align-items: center;
    content: "";
    width: 5px;
    height: 5px;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    right: 20px;
    transition: 0.3s;
  }
  .bl_accordionTitle2::before {
    align-items: center;
  content: "";
  width: 8px;
  height: 8px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  right: 20px;
  transition: 0.3s;
}
  
  .bl_accordionTitle.active::before {
    transform: rotate(225deg);
    top: 50%;
  }
  .bl_accordionTitle2.active::before {
    transform: rotate(225deg);
    top: 50%;
  }
  
  .bl_accordionTitle:hover::before,
  .bl_accordionTitle.active::before {
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }
  .bl_accordionTitle2:hover::before,
  .bl_accordionTitle2.active::before {
    border-right: 4px solid #fff;
    border-bottom: 4px solid #fff;
  }
  .bl_accordionTitle:hover,
  .bl_accordionTitle.active {
    background-color: #070039;
    color: #fff;
  }
  .bl_accordionTitle2:hover,
  .bl_accordionTitle2.active {
    background-color: #070039;
    color: #fff;
  }
  .bl_accordionContent {
    opacity: 0;
    height: 0;
    line-height: 0;
    transition: 0.3s;
  }
  .bl_accordionContent2 {
    opacity: 0;
    height: 0;
    line-height: 0;
    transition: 0.3s;
  }
  .bl_accordionContent > * + * {
    margin-top: 0;
  }
  .bl_accordionContent2 > * + * {
    margin-top: 0;
  }
  .bl_accordionContent img {
    height: 0;
  }
  .bl_accordionContent2 img {
    height: 0;
  }
  .bl_accordionTitle:not(:first-of-type) {
    border-top: 1px solid #070068;
  }
  .bl_accordionTitle2:not(:first-of-type) {
    border-top: 1px solid #070068;
  }
  
  .bl_accordionContent.open {
    padding: 20px;
    opacity: 1;
    line-height: normal;
    height: auto;
  }
  .bl_accordionContent2.open {
    padding: 20px;
    opacity: 1;
    line-height: normal;
    height: auto;
  }
  .bl_accordionContent.open > * + * {
    margin-top: 10px;
  }
  .bl_accordionContent2.open > * + * {
    margin-top: 10px;
  }
  .bl_accordionContent.open img {
    height: auto;
  }
  .bl_accordionContent2.open img {
    height: auto;
  }
  /* ==========================
    タブ以外のコンテンツの中身
  ========================== */
  .ly_inner {
    padding: 10px;
    width: 100%;
    max-width: 840px;
    margin: 40px auto;
  }
  .ly_inner h2 {
    font-size: 250%;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .md_textblock > * + * {
    margin-top: 10px;
    }
    .md_markList {
    list-style-type: disc;
    margin-left: 1.4rem;
    }
    .season_btn{
        position: absolute;
        text-align: center;
        z-index: 600;
        margin: 0 auto;
        left: 0;
        right: 0;
        margin: auto;
        top:-200px;
      }
    .modal-button_archive{
    border: 1px solid;
    color: #fff;
    background-color: #130057;
    font-weight: bold;
    text-align: center;
    cursor :pointer;
    transition: all 0.3s;
    display: block;
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 20px 2px;
    width:300px;
    text-decoration: none;
    margin: 0 auto 40px auto; 
    box-shadow: 0px 7px 8px rgba(0,0,0,0.4);
    }
    .modal-button_archive2{
        color: rgb(8, 0, 92);
        background-color: #ffffff;
        font-weight: bold;
        text-align: center;
        cursor :pointer;
        transition: all 0.3s;
        display: block;
        margin-top: 30px;
        margin-bottom: 50px;
        padding: 20px 2px;
        width:300px;
        text-decoration: none;
        margin: 0 auto 40px auto; 
        box-shadow: 0px 7px 8px rgba(0,0,0,0.4);
    }
    .season_btn2{
        position: absolute;
        text-align: center;
        z-index: 600;
        top:-120px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .season_btn_inner{
        text-align: center;
    }
    .inner_archive{
        position: relative;
    }






/*--------アーカイブのmvpの中身--------------*/
.mvp_monthly_archive{
    font-size: 18px;
    padding-bottom: 20px;
}
.mvp_club_archive{
    font-size: 14px;
    padding-bottom: 10px;
}
.mvp_name_archive{
    font-size: 20px;
    padding-bottom: 40px;
}
.mvp_contents_archive{
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
}
.mvp_contents_archive2{
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 40px;
    z-index: 8;
    position: relative;
}
.mvp_text_archive{
    text-align: center;
}
.mvp_text_archive2{
    text-align: center;
}
.mvp_title_archive{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 260px;
        height:30px;
        padding: 0px 5rem;
        box-sizing: border-box;
        z-index: 0;
        position: relative;
        padding: 15px 15px 15px 30px;
        color: #ffffff;
        font-weight: bold;
        text-align: left;
        margin-bottom: 20px;
        font-size: 18px;
    }
    .mvp_title_archive::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg,#f94b00, #FFB50F);
        transform: skew(15deg);
        content: '';
        z-index: -1;
    }
    .mvp_title_short_archive{
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 260px;
        box-sizing: border-box;
        z-index: 0;   
        position: relative;
        padding: 6px 6px 6px 6px;
        color: #ffffff;
        font-size: 18px;
        font-weight: bold;
        text-align: left;    
        margin-bottom: 20px; 
        text-align: center;
    }
    .mvp_title_short_archive::before{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(135deg,#f94b00, #FFB50F);
        transform: skew(15deg);
        content: '';
        z-index: -1;
    }
.mvp_judging_title_archive{
    padding:5px 0px 5px 10px;
    font-weight: 600;
    margin-bottom: 10px;
    border-left: 5px solid #f94b00;
}
.mvp_judging_inner_archive{
    padding-bottom: 30px;
}
.responsive_archive {
    max-width: 100%;
    aspect-ratio: 16/9;
    margin: 0 auto;
}
.responsive_archive2{
    max-width: 100%;
    aspect-ratio: 16/9;
    margin: 0 auto;
    z-index: 1000;
}

.mvp_comment_archive,.mvp_judging_comment_archive,.mvp_presen_archive,.artist_comment_archive,.player_comment_archive{
    padding-top: 50px;
    margin: 0 auto;
    max-width:360px;
    line-height: 1.6rem;
}
.mvp_youtube_archive{
    padding-top: 50px;
    margin: 0 auto;
    max-width:350px;
}
.mvp_youtube_archive2{
    padding-top: 50px;
    margin: 0 auto;
    max-width:350px;
}

.mvp_img_archive{
    max-width:350px;
    margin: 0 auto;
}
.mvp_img_archive img{
    width:100%;
}
.furusato_logo_archive{
    width:250px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.furusato_logo_archive img{
    width:100%;
}
.mvp_present_title_archive{
    padding-bottom: 10px;
}
.mvp_present_text_archive{
    padding-bottom: 20px;
    line-height: 1.4rem;
}
.mvp_present_inner_archive{
    background-image: url(../img/ribon.png);
    background-repeat: no-repeat;
    background-position: top 0 left 25px;
    background-color: rgb(255, 255, 255);
    max-width:360px;
    margin:50px auto 0 auto;
    border-radius: 10px;
    padding: 40px 30px;
}
.furusato_logo_archive{
    margin: 0 auto;
}
.mvp_coming_archive{
    padding-top: 50px;
    text-align: center;
    padding-bottom: 40px;
}
.mvp_coming_first_archive{
    text-align: center;
}
.mvp_coming_first_archive img{
    width:300px;
}
.mvp_coming_archive img{
    width:300px;
}
.mvp_present_inner_archive a{
    color: #eb7d00;
}
/*----------------------*/
/*MVP受賞者決定おわり アーカイブ*/
/*----------------------*/
/* ----------------------- */
/* MVP受賞者一覧 */
/* ----------------------- */












/* ----------------------- */
/* 応募規約 */
/* ----------------------- */
.terms_text_first{
    padding-top: 30px;
    padding-bottom: 40px;
}
.terms{
    font-weight: 300;
    line-height: 30px;
    padding: 20px;
    padding-top: 30px;
    max-width: 680px;
    margin: 0 auto;
    padding-bottom: 40px;
}
.terms_box{
    padding:0px 5px 0 30px;
}
.terms p,li{
    line-height: 23px;
}
.title{
    color: rgb(0, 0, 0);
    text-align: center;
    font-size: 25px;
    position: relative;
	text-align: center;
	padding: 0.8rem;  
}
.title:after{
    content: "";
    margin: 0 auto;
    display: block;
    width: 70px;
    height: 5px;
    transform: skew(-20deg);
    margin-top: 20px;
    background: #FF3100;
}
.terms_sub_title{
    margin: 30px 0 20px 0;
    font-size: 18px;
    font-weight: 900;
	border-left: solid 4px #000000;
	padding: 0.2rem 1rem;
}
.list_style{
    list-style: none;
}
.terms_first_txt{
    padding-top:30px;
    padding-bottom:40px;
}
/* ----------------------- */
/* ボタン */
/* ----------------------- */

.fixed_btn img{
    width:100%;
}
.fixed_btn { 
    width:60px;
    position: fixed;
    z-index: 900;
    bottom: 60px;
    right: 10px;
    }
.fixed_btn:hover{ 
    opacity: 0.5;
}
/* ----------------------- */
/* footer */
/* ----------------------- */
.footer_inner{
    background-color: black;
    color: #fff;
}
.footer_title{
    font-family: 'BLG';
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}
.footer_icon{
    width:40px;
}
.footer_icon:hover{
    opacity: 0.5;
}
.footer_icon_inner{
    text-align: center;
    gap: 40px;
}
.white_logo{
    width:50px;
    margin: 20px auto 0 auto;
}
.white_logo img{
    width: 100%;
}
.small{
    padding-top: 30px;
    font-size: 10px;
    text-align: center;
    padding-bottom: 50px;
}
.footer_title{
    font-family: "BLG";
}






















@media screen and (min-width:600px){
    .mvp_coming img{
        width:500px;
    }
    .mvp_coming_first img{
        width:600px;
    }
    .player_text{
        max-width: 630px;
        margin: 0 auto;
    }
    .player_title{
        font-size: 33px;
    }
    .player_sub_title{
        font-size: 28px;
    }
    .player_text{
        font-size: 18px;
    }
/* ----------------------- */
/* banner */
/* ----------------------- */
    .banner01,.banner02,.banner03{
        width: 680px;
    }
/* ----------------------- */
/* ポップアップpc */
/* ----------------------- */
    .balloon{
        width:680px;
    }
    .period_text{
        font-size: 25px;
    }
    .period_title{
        font-size: 30px;
    }
/* ----------------------- */
/* 歴代mvp受賞者一覧 */
/* ----------------------- */
.hp_displaySP {
    display: none !important;
}
.bl_accordionTitle {
    font-size: 28px;
    font-weight: bold;
    background-color: #ffffff;
    padding: 20px 90px 20px 40px;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    display: flex;
    gap: 60px;
}
.all-time_inner_title{
    font-size: 20px;
    padding-bottom: 11px;
}
.all-time_inner_club{
    font-size: 18px;
    padding-bottom: 5px;
}
.all-time_inner_number{
    font-size: 18px;
}
.bl_accordionTitle_img{
    width:200px;
}
.bl_accordionTitle_img2{
    width:200px;
}
.mvp_coming_first_archive img {
    width: 500px;
}
.mvp_coming_archive img {
    width: 500px;
}
.bl_accordionTitle_text{
    font-size: 22px;
}
.all-time_inner_name {
    font-size: 22px;
}
.bl_accordionTitle::before {
    width: 8px;
    height: 8px;
    right: 40px;
}
/* ----------------------- */
/* 審査委員 */
/* ----------------------- */
    .judging_inner{
        background-image: url(../img/guest_bg.png);
    }
    .accordion-002 summary {
        font-size: 25px;
    }
    .title_white{
        font-size: 33px;
    }
    .title_white_span{
        font-size: 38px;
    }
    .judging_box{
        gap:30px;
        display: flex;
        max-width: 850px;
        margin-bottom: 50px;
    }
    .title {
        font-size: 33px;
    }
    .judging_box {
        color: #fff;
        padding: 0px;
    }
    .profile{
        font-size: 25px;
    }
    .comment{
        font-size: 25px;
    }
}
@media screen and (min-width:800px){
/* ----------------------- */
/* ポップアップ */
/* ----------------------- */
    .br{
    display: none;
}
    .accordion-002 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 15px;
    height: 15px;
    margin-left: 20px;
    border-bottom: 5px solid rgb(255, 255, 255);
    border-right: 5px solid rgb(255, 255, 255);
    content: '';
    transition: transform .3s;
}
    .modal-button {
    font-size: 25px;
    width: 500px;
    padding: 20px 50px;
}
    .modal-wrapper .modal-window .modal-content {
    padding: 40px;
    max-height: 600px;
}
    .modal_text{
    line-height: 38px;
    font-size: 22px;
    padding: 10px 40px;
}
    .modal_text:last-child {
    line-height: 20px;
}
    .modal_text_center{
    font-size: 22px;
    line-height: 38px;
}
    .span_bold{
    font-size: 30px;
    line-height: 38px;
}
    .btn{
    padding: 20px 30px;
}
    .btn2{
    padding: 20px 50px;
    font-size: 14px;
}
    .triangle1{
    width: 0;
    height: 0;
    border-left: 20px solid black;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: none;
}
    .maru_inner2 img {
    padding: 40px 0 20px 0;
    width:300px;
}
    .maru_inner img{
    width:300px;
}
    .modal-window{
    padding: 0 50px;
}
    .maru_box{
    display: flex;
    padding-bottom: 50px;
}
    .maru_inner2 {
    margin: 0;
}
    .title_popup{
    font-size: 33px;
    line-height: 38px;
}
/*-----------*/
/*追従ボタン*/
/*-----------*/
.fixed_btn { 
    width:100px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    }
/*-----------*/
/*PICKUP*/
/*-----------*/
.pick-up_comment {
    height: 85px;
}
/*-----------*/
/*MVP歴代受賞者*/
/*-----------*/
.season_btn p{
    max-width:500px;
}
.season_btn2 p{
    max-width:500px;
}
.modal-button_archive {
    width:400px;
}
.modal-button_archive2 {
    width:400px;
}
}
@media screen and (min-width:400px){
    /* ----------------------- */
    /* mvp選手はじまり*/
    /* ----------------------- */
    
        .mvp_club{
            font-size: 20px;
        }
        .mvp_name{
            font-size: 28px;
        }
        .mvp_title{
        padding-bottom: 20px;
        }
        .mvp_img {
            max-width:750px;
        }
        .mvp_youtube{
            max-width:750px;
        }
        .mvp_comment, .mvp_judging_comment, .mvp_present,.artist_comment,.mvp_comment,.mvp_judging_comment,.mvp_present,.artist_comment,.player_comment{
            max-width:752px;
            line-height: 1.6rem;
        }
        .mvp_present_inner {
            max-width:680px;
            padding: 40px 30px;
            background-image: url(../img/ribon.png);
            background-repeat: no-repeat;
            background-position: top 0px left 40px;
        }
        
    
    /* ----------------------- */
    /* mvp選手　おわり*/
    /* ----------------------- */
        .pick-up_btn_inner{
        padding-top: 30px;
        text-align: center;
        position: absolute;
        top:70px;
        }
        .pick-up_btn_inner_change{
        padding-top: 30px;
        text-align: center;
        position: absolute;
        top:70px;
        left:21px;
        }
        .pick-up_btn_inner_on{
            padding-top: 30px;
            text-align: center;
            position: absolute;
            top:70px;
            width:88px;
            }
    
        .pick-up_attention{
            max-width: 820px;
        }
    
        .pick-up_club_img img{
            width:28px;
        }
        
        .pick-up_player{
            top:0;
        }
        .pick-up_player01{
            top:0;
        }
        .pick-up_player02{
            top:0;
        }
        .pick-up_player03{
            top:0;
        }
        .pick-up_player04{
            top:0;
        }
        .pick-up_player05{
            top:0;
        }
        .pick-up_player06{
            top:0;
        }
        .pick-up_player07{
            top:0;
        }
        .pick-up_player01 img{
            right: -10px;
        }
        .pick-up_player02 img{
            right: -8px;
        }
        .pick-up_player03 img{
            right: -8px;
        }
        .pick-up_player04 img{
            right:-1px;
        }
        .pick-up_player05 img{
            right:-8px;
        }
        .pick-up_player06 img{
            right:-17px;
        }
        .pick-up_btn{
            width:205px;
            padding: 10px 0;
            font-size: 16px;
        }
        .pick-up_club_text{
            font-size: 18px;
        }
        .pick-up_number{
            font-size: 10px;
        }
        .pick-up2{
            max-width: 500px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-items: center;
            margin: 0 auto;
        }
        .pick-up{
            max-width: 500px;
            padding: 40px 0 0px 0;
            display: grid;
            grid-template-columns: 1fr 1fr;
            justify-items: center;
            margin: 0 auto 40px auto;
        }
        .btnarrow4{
            font-size: 11px;
        }
        .btnarrow4::before{
            left:16%;
        }
        .pick-up_player img {
            width: 120px;
            position: relative;
            right: -7px;
        }
        .pick-up_player_big img{
            width:120px;
            position: relative;
            right: -15px;
        }
        .pick-up_player_big2 img{
            width:120px;
            position: relative;
            right: 3px;
        }
        .pick-up_player_big3 img{
            width:120px;
            position: relative;
            right: 0px;
        }
        .pick-up_player_big4 img{
            width:120px;
            position: relative;
            right: -10px;
        }
        .pick-up_player_name {
            font-weight: 600;
            font-size: 13px;
        }
        .pick-up_br{
            display: flex;
        }
        .pick-up_club_text{
            font-size: 10px;
            padding-bottom: 4px;
        }
        .pick-up_item1{
            background-size: 130px;
            background-position: top 0px right 0px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item2{
            background-size: 130px;
            background-position: top 0px right 3px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item3{
            background-size: 125px;
            background-position: top 0px right 5px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item4{
            background-size: 138px;
            background-position: top 10px right 2px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:249px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item5{
            background-size: 125px;
            background-position: top 10px right 3px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item6{
            background-size: 125px;
            background-position: top 0px right -5px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item7{
            background-size: 125px;
            background-position: top 10px right 0px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .pick-up_item8{
            background-size: 130px;
            background-position: top 15px right -5px;
            background-repeat: no-repeat;
            background-color: #ffffff;
            padding:20px 8px 0px 8px ;
            display: flex;
            justify-content: center;
            width:243px;
            gap: 0px;
            background-color:rgba(255,255,255,0.5);
            background-blend-mode:lighten;
        }
        .season_btn{
            position: absolute;
            text-align: center;
            width:500px;
            z-index: 600;
            margin: 0 auto;
            left: 0;
            right: 0;
            margin: auto;
            }
            .season_btn2{
                position: absolute;
                text-align: center;
                width:500px;
                z-index: 600;
                left: 0;
                right: 0;
                margin: auto;
            }
    }
    
    @media screen and (min-width:800px){
        .pick-up2{
            display: grid;
            max-width: 1000px;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            margin: 0 auto;
        }
        .pick-up{
            max-width: 800px;
            grid-template-columns: 1fr 1fr 1fr ;
            justify-items: center;
            gap: 10px 0;
        }
    }
    /* ----------------------- */
    /* pick upおわり*/
    /* ----------------------- */
    /* ----------------------- */
    /* mvp選手はじまり　アーカイブ*/
    /* ----------------------- */
    .mvp_club_archive{
        font-size: 20px;
    }
    .mvp_name_archive{
        font-size: 28px;
    }
    .mvp_title_archive{
    padding-bottom: 20px;
    }
    .mvp_img_archive {
        max-width:500px;
    }
    .mvp_youtube_archive{
        max-width:500px;
    }
    .mvp_youtube_archive2{
        max-width:500px;
    }
    .mvp_comment_archive, .mvp_judging_comment_archive, .mvp_present_archive,.artist_comment_archive,.mvp_comment_archive,.mvp_judging_comment_archive,.mvp_present_archive,.artist_comment_archive,.player_comment_archive{
        max-width:500px;
        line-height: 1.6rem;
    }
    .mvp_present_inner_archive {
        max-width:500px;
        padding: 40px 30px;
        background-image: url(../img/ribon.png);
        background-repeat: no-repeat;
        background-position: top 0px left 40px;
    }
    .mvp_present_archive{
        margin: 0 auto
    }
    .title_archive {
        color: rgb(255, 255, 255);
        text-align: center;
        font-size: 25px;
        position: relative;
        text-align: center;
        padding: 3rem 0.8rem 0.8rem 0.8rem;  
    }
    .title_archive:after{
        content: "";
        margin: 0 auto;
        display: block;
        width: 70px;
        height: 5px;
        transform: skew(-20deg);
        margin-top: 20px;
        background: red;
    }
    .terms_sub_title{
        margin: 30px 0 20px 0;
        font-size: 18px;
        font-weight: 900;
        border-left: solid 4px #000000;
        padding: 0.2rem 1rem;
    }

/* ----------------------- */
/* mvp選手　おわりアーカイブ*/
/* ----------------------- */