@charset "utf-8";
/* CSS Document */
/*
#campaign_memory
#campaign_quiz
#campaign_twitter
*/

/* ==============================
共通
============================== */

#campaign_memory .cp_01_nav_wrapper,
#campaign_quiz .cp_01_nav_wrapper,
#campaign_twitter .cp_01_nav_wrapper {
    background-color: #000;
    padding: 32px 0;
}
#campaign_memory .cp_01_nav,
#campaign_quiz .cp_01_nav,
#campaign_twitter .cp_01_nav {
    color: #fff;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*width: 90%;*/
    margin: 0 auto;
}
#campaign_memory .cp_01_nav li,
#campaign_quiz .cp_01_nav li,
#campaign_twitter .cp_01_nav li {
    display: block;
    border-left: 1px solid #fff;
    /*width: 25%;*/
    text-align: center;
    margin: 0;
    padding: 0 1.5em;
}
#campaign_memory .cp_01_nav li a,
#campaign_quiz .cp_01_nav li a,
#campaign_twitter .cp_01_nav li a {
    display: block;
    color: #fff;
    cursor: pointer;
}
#campaign_memory .cp_01_nav li:first-child,
#campaign_quiz .cp_01_nav li:first-child,
#campaign_twitter .cp_01_nav li:first-child {
    border-left: none;
}
#campaign_memory .cp_01_nav .current,
#campaign_quiz .cp_01_nav .current,
#campaign_twitter .cp_01_nav .current {
    color: #decd88;
}


@media screen and (max-width: 1048px) {

    #campaign_memory .cp_01_nav,
    #campaign_quiz .cp_01_nav,
    #campaign_twitter .cp_01_nav {
        font-size: 18px;
        flex-direction: column;
    }
    #campaign_memory .cp_01_nav li,
    #campaign_quiz .cp_01_nav li,
    #campaign_twitter .cp_01_nav li {
        width: 100%;
        border-left: none;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 768px) {
    #campaign_memory .cp_01_nav,
    #campaign_quiz .cp_01_nav,
    #campaign_twitter .cp_01_nav {
        font-size: 14px;
    }
    #campaign_memory .cp_01_nav li,
    #campaign_quiz .cp_01_nav li,
    #campaign_twitter .cp_01_nav li {
        margin-bottom: 18px;
    }
    #campaign_memory .cp_01_nav li:last-child,
    #campaign_quiz .cp_01_nav li:last-child,
    #campaign_twitter .cp_01_nav li:last-child {
        margin-bottom: 0;
    }
}