@charset "UTF-8";

/*
/* common設定
/* -------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 { margin-top: initial; margin-bottom: initial; font-size: initial; font-weight: initial; }

.section_ss h2,
.section_system h2,
.section_speed h2,
.section_about h2,
.section_tarkov h2{
    color: #C2CDCD;
    font-size: 2em;
}
.section_ss h2 span,
.section_system h2 span,
.section_speed h2 span,
.section_about h2 span,
.section_tarkov h2 span{
    background: #131414;
    padding: 0.15em 0.5em;
}
@media only screen and (max-width: 699px) {
    .section_ss h2,
    .section_system h2,
    .section_speed h2,
    .section_about h2,
    .section_tarkov h2{
    font-size: 1.25em;
    }
}

/*
/* section_mv
/* -------------------------------------------------- */

.section_mv {
    background: url(/contents/event/a3025046/img/section_title_bg.jpg), #141416;
    background-repeat: no-repeat;
    background-position: top;
    background-size: 1920px auto;
    height: 745px;
    min-height: 745px;
    max-height: 745px;
    position: relative;
}
.title_area{
    border-top: solid 3px;
    bottom: 0;
    background:linear-gradient(to top, #202121, #2D2F2F);
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top: 1px solid #3D3D3D;
}
.title_area h1{
    color: #C2CDCD;
}

@media only screen and (max-width: 699px) {
    .section_mv {
        background: url(/contents/event/a3025046/img/section_title_bg@800px.jpg), #111111;
        background-repeat: no-repeat;
        background-position: top;
        background-size: 100%;
        height: 105vw;
        min-height:  105vw;
        max-height:  105vw;
        position: relative;
    }
}


/*
/* section_navi
/* -------------------------------------------------- */
.section_navi{
    background:linear-gradient(to bottom, #000000, #171717);
    border-bottom: 1px solid #2D2B2B;
}
.section_navi a{
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    padding: 1em 0;
    transition: .5s;
    background:linear-gradient(to bottom, #000000, #171717);
}

.section_navi a:hover{
    transition: .5s;
    background:linear-gradient(to bottom, #1b1b1b, #3a3a3a);
}

@media only screen and (max-width: 699px) {
    .section_navi a{
        border-bottom: 1px solid #3a3a3a;
    }
    
}

/*
/* section_tokuten
/* -------------------------------------------------- */
.section_tokuten{
    background: url(/contents/event/a3025046/img/section_tokuten_bg.jpg);
    background-position: top;
    background-size: contain;
}
.section_tokuten .tokuten_box{
    background: rgba(255, 255, 255, 0.2);
}
.section_tokuten h2{
    background: #0e1616;
    color: #6DCBE7;
    padding: 0.2em 0;
}
.section_tokuten h3{
    border-top:1px solid #fff ;
    border-bottom:1px solid #fff ;
    padding: 0.2em;

}
.section_tokuten .present p{
    color:#C4FDFF ;
    text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);
}

@media only screen and (max-width: 699px) {
    .section_tokuten{
        background-size: cover;
    }
}

/*
/* section_tarkov
/* -------------------------------------------------- */
.section_tarkov {
    background: #414846;
    border-top: 1px solid #808080;
}
.section_tarkov p{
    color: #EEFBFF;
}

@media only screen and (max-width: 699px) {
}


/*
/* section_about
/* -------------------------------------------------- */

.section_about {
    background: #1F2121;
}
.section_about h3{
    color: #6DCBE7;
}
.section_about h4{
    color: #C2CDCD;
    padding-bottom: 0.75em;
}
.section_about p{
    color: #EEFBFF;
}

.about_box {
    background-color: #131414;
    margin-top: 2em;
    padding: 2.5em;
    clip-path: polygon(
        20px 0,/* 左上 */
        100% 0,
        100% calc(100% - 20px), /* 右下*/
        calc(100% - 20px) 100%,
        0 100%,
        0 20px
    );
}


@media only screen and (max-width: 699px) {
    .about_box {
        padding: 1.5em;
    }
}


/* section_ss
/* section_system
/* -------------------------------------------------- */
.wrapping_bg_tarkov{
    background:linear-gradient(to bottom, rgba(189, 162, 109, 1.0)  0%, rgba(189, 162, 109, 0) 25%, rgba(189, 162, 109, 0) 100%),url(/contents/event/a3025046/img/section_game_bg.jpg),#BDA26D;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 699px) {
    
}

/*
/* section_speed
/* -------------------------------------------------- */
.section_speed{
    background:linear-gradient(to bottom, #414846, #BDA26D);
}

@media only screen and (max-width: 699px) {
}

/*
/* section_ss
/* -------------------------------------------------- */


/*
/* section_system
/* -------------------------------------------------- */

.section_system thead th:nth-child(even) {
    background-color: #414846;
}
.section_system thead th {
    background-color: #56615e;
}
.section_system tbody tr:nth-child(odd) td:nth-child(even) {
    background-color: #f0f5f6;
}
.section_system tbody tr:nth-child(even) td:nth-child(even) {
    background-color: #bfc7c7;
}
.section_system tbody tr:nth-child(even) th {
    background-color: #a8abaa;
}
.section_system tbody tr:nth-child(odd) th {
    background-color: #d0d6d6;
}
.section_system tbody tr:nth-child(even) td:nth-child(odd) {
    background-color: #d7e0e0;
}

/*
/* section_copy
/* -------------------------------------------------- */
.section_copy {
    background:#131414;
    border-top: 1px solid #414846;
}
.section_copy p{
    color: #EEFBFF;
}
.section_copy .official_link a{
    color: #C2CDCD;
    border: 2px solid;
    border-radius: 50px;
    color: #C2CDCD;
    transition: .5s;
}
.section_copy .official_link a:hover{
    text-decoration: none;
    background-color: #C2CDCD;
    color: #131414;
    border: 2px solid;
    transition: .5s;
}

@media only screen and (max-width: 699px) {
}

/*
/* section_note
/* -------------------------------------------------- */

.section_note {
    background: #414846;
}

@media only screen and (max-width: 699px) {
}