@charset "UTF-8";

ul.vf1_header_box_menu li.vf1_header_box_menu_box:nth-of-type(7) {
    border-bottom: 1px solid #fff;
}
ul.vf1_header_box_menu li.vf1_header_box_menu_box:nth-of-type(7) ul.vf1_header_box_pullmenu_box li.vf1_header_box_pullmenu_inbox:nth-of-type(5) {
    background: #3F3F3F;
}
ul.vf1_header_box_menu li.vf1_header_box_menu_box:nth-of-type(7) ul.vf1_header_box_pullmenu_box li.vf1_header_box_pullmenu_inbox:nth-of-type(5) a {
    color: #fff;
}

.subpage_mv {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    background: url('../img002/watch/watch_mv.png');
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat no-repeat;
    height: 430px;
}
.subpage_mv h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 54px;
    color: #fff;
    line-height: 1;
    display: block;
    text-align: center;
    margin-top: 44px;
}

.vote {
    margin: 0;
    background: #191919;
}
.vote_box {
    width: 100%;
    max-width: 1024px;
    padding: 76px 0 130px;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

.vote_box h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #fff;
    line-height: 1;
    display: block;
    text-align: center;
    margin: 0 0 51px;
}

.vote_box p {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
    line-height: 1;
    text-align: center;
}



.vote_team {
    padding: 0 0 30px;
    border: 4px #a0a0a0 solid;
}
.vote_team1 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #FF8700);
}
.vote_team1 .vote_teamname {
    background: #FF8700;
    color: #000;
}
.vote_team2 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #DC0000);
}
.vote_team2 .vote_teamname {
    background: #DC0000;
    color: #fff;
}
.vote_team3 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #26288A);
}
.vote_team3 .vote_teamname {
    background: #26288A;
    color: #fff;
}
.vote_team4 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #00D2BE);
}
.vote_team4 .vote_teamname {
    background: #00D2BE;
    color: #000;
}
.vote_team5 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #006F62);
}
.vote_team5 .vote_teamname {
    background: #006F62;
    color: #fff;
}
.vote_team6 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #0090FF);
}
.vote_team6 .vote_teamname {
    background: #0090FF;
    color: #000;
}
.vote_team7 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #D2D3D5);
}
.vote_team7 .vote_teamname {
    background: #D2D3D5;
    color: #000;
}
.vote_team8 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #0600EF);
}
.vote_team8 .vote_teamname {
    background: #0600EF;
    color: #fff;
}
.vote_team9 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #005AFF);
}
.vote_team9 .vote_teamname {
    background: #005AFF;
    color: #fff;
}
.vote_team10 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #00E701);
}
.vote_team10 .vote_teamname {
    background: #00E701;
    color: #000;
}


.vote_team11 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #000000);
}
.vote_team11 .vote_teamname {
    background: #000000;
    color: #fff;
}
.vote_team12 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #FE2991);
}
.vote_team12 .vote_teamname {
    background: #FE2991;
    color: #fff;
}
.vote_team13 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #DE1F1F);
}
.vote_team13 .vote_teamname {
    background: #DE1F1F;
    color: #fff;
}
.vote_team14 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #0079FF);
}
.vote_team14 .vote_teamname {
    background: #0079FF;
    color: #fff;
}
.vote_team15 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #caa000);
}
.vote_team15 .vote_teamname {
    background: #caa000;
    color: #fff;
}
.vote_team16 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #2600AA);
}
.vote_team16 .vote_teamname {
    background: #2600AA;
    color: #fff;
}
.vote_team17 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #01FDC2);
}
.vote_team17 .vote_teamname {
    background: #01FDC2;
    color: #000;
}
.vote_team18 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #689F39);
}
.vote_team18 .vote_teamname {
    background: #689F39;
    color: #fff;
}
.vote_team19 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #FFF237);
}
.vote_team19 .vote_teamname {
    background: #FFF237;
    color: #000;
}
.vote_team20 {
    width: 100%;
    margin-bottom: 20px;
    background-image: linear-gradient(0deg, transparent 50%, #FFFFFF);
}
.vote_team20 .vote_teamname {
    background: #FFFFFF;
    color: #000;
}

.driver01off {
    display: none;
}
.driver02off {
    display: none;
}
.driver03off {
    display: none;
}
.driver04off {
    display: none;
}
.driver05off {
    display: none;
}
.driver06off {
    display: none;
}
.driver07off {
    display: none;
}
.driver08off {
    display: none;
}
.driver09off {
    display: none;
}
.driver10off {
    display: none;
}
.driver11off {
    display: none;
}
.driver12off {
    display: none;
}
.driver13off {
    display: none;
}
.driver14off {
    display: none;
}
.driver15off {
    display: none;
}
.driver16off {
    display: none;
}
.driver17off {
    display: none;
}
.driver18off {
    display: none;
}
.driver19off {
    display: none;
}
.driver20off {
    display: none;
}
.driver21off {
    display: none;
}


.driver101off {
    display: none;
}
.driver102off {
    display: none;
}
.driver103off {
    display: none;
}
.driver104off {
    display: none;
}
.driver105off {
    display: none;
}
.driver106off {
    display: none;
}
.driver107off {
    display: none;
}
.driver108off {
    display: none;
}
.driver109off {
    display: none;
}
.driver110off {
    display: none;
}
.driver111off {
    display: none;
}
.driver112off {
    display: none;
}
.driver113off {
    display: none;
}
.driver114off {
    display: none;
}
.driver115off {
    display: none;
}
.driver116off {
    display: none;
}
.driver117off {
    display: none;
}
.driver118off {
    display: none;
}
.driver119off {
    display: none;
}
.driver120off {
    display: none;
}
.driver121off {
    display: none;
}
.driver122off {
    display: none;
}


.vote_teamname {
    display: inline-block;
    width: 230px;
    margin: 0 30vw 15px;
    padding: 4px 20px 6px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 20px;
}
.vote_ccc .vote_teamname {
    display: inline-block;
    width: 320px;
    margin: 0 20vw 15px;
    padding: 4px 20px 6px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    font-size: 20px;
}

.vote_content_box {
    background: #AA0000;
    border: 1px solid #FF9F9F;
    text-align: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    margin-bottom: 35px;
}
label {
    display: inline-block;
    align-items: center;
    width: 40%;
    margin: 0;
    padding: 14px 0 15px;
    position: relative;
}
input[type="radio"] {
    position: absolute;
    left: 19%;
    top: 40%;
}
label span {
    font-size: 18px;
    font-weight: bold;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    left: 27%;
    top: 27%;
    color: #fff;
    width: max-content;
}
button[type=submit]:not(:hover):not(:active):not(.has-background) {
    background: #fff;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    font-size: 23px;
    color: #191919;
    border: 1px solid #FF9F9F;
    padding: 7px 38px;
    transition-duration: 0.3s;
}
button[type=submit]:hover {
    background: #a00;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    font-size: 23px;
    color: #fff;
    border: 1px solid #FF9F9F;
    padding: 7px 38px;
    transition-duration: 0.3s;
}


@media screen and (max-width:1300px) {
    .vote {
        padding: 43px 10px 55px!important;
    }
}

@media screen and (max-width:1044px) {
    .vote_box {
        padding: 76px 10px 130px;
    }
}
@media screen and (max-width:1024px) {
    .subpage_mv {
        height: 350px;
    }
}
@media screen and (max-width:900px) {
    label span {
        left: 28%;
    }
}
@media screen and (max-width:768px) {
    .subpage_mv {
        height: 300px;
    }
    .subpage_mv h2 {
        font-size: 48px;
    }
    .vote_box {
        padding: 76px 10px 70px;
    }
    label {
        width: 70%;
        padding: 20px 0 15px;
    }
    input[type="radio"] {
        left: 25%;
    }
    label span {
        left: 30.5%;
        top: 29%;
    }
}
@media screen and (max-width:767px) {
}
@media screen and (max-width:648px) {
    .subpage_mv {
        height: 44vw;
    }
    .subpage_mv h2 {
        font-size: 7vw;
    }
    .vote_teamname {
        width: calc(100% - 0px);
        margin: 0 0 15px;
    }
    input[type="radio"] {
        left: 14vw;
    }
    label span {
        left: 19vw;
    }
    .vote_ccc .vote_teamname {
        width: calc(100% - 0px);
        margin: 0 0 15px;
    }
}

@media screen and (max-width:468px) {
    .subpage_mv {
        height: 200px;
    }
    .subpage_mv h2 {
        font-size: 30px;
    }
    .vote_box {
        padding: 46px 10px 50px;
    }
    .vote_box h3 {
        font-size: 22px;
    }
    label span {
        left: 20vw;
    }
    button[type=submit]:not(:hover):not(:active):not(.has-background) {
        font-size: 16px;
        padding: 7px 32px;
    }
    button[type=submit]:hover {
        font-size: 16px;
        padding: 7px 32px;
    }
}
@media screen and (max-width:414px) {
    label {
        width: 90%;
    }
    label span {
        left: 21vw;
    }
}
@media screen and (max-width:370px) {
    input[type="radio"] {
        left: 11vw;
    }
}
