@charset "UTF-8";
/*
Theme Name: rokusya-c
Description: This is our original theme.
Author:
Version:1.0
*/
.mw_wp_form .horizontal-item + .horizontal-item{
    margin-left: 0!important;
}





/*Pagenation*/
.pagenation {
	text-align:center;
    margin: 40px auto 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
	display:inline-block;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 10px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}


/***************************/

.container960{
    max-width: 960px;
    width: 94%;
    display: block;
    margin: 0 auto;
}
.cate_menu{
    position: relative;
    padding-top: 60px;
}
.cate_menu ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 50px 4%;
}
.cate_menu ul li{
    padding: 0 15px;
    border-right: 1px solid #333;
}
.cate_menu ul li:nth-child(1){
    border-left: 1px solid #333;
}
.cate_menu ul li a{
    position: relative;
    display: block;
    color: #333;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}

.cate_midashi{
    position: absolute;
    top: 35px;
    left: 3vw;
    width: 140px;
    height: auto;
    background-color: #fff;
    padding: 0 20px;
}


.m_all a:hover{
    color: #ded0b2;
}
.m_all a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #ded0b2;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_all a:hover:after{
    opacity: 1;
}
.v_all a{
    color: #ded0b2!important;
}
.v_all a:after{
    opacity: 1;
}



.m_daily a:hover{
    color: #383838;
}
.m_daily a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #383838;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_daily a:hover:after{
    opacity: 1;
}
.v_daily a{
    color: #383838!important;
}
.v_daily a:after{
    opacity: 1;
}



.m_event a:hover{
    color: #1e7b7d;
}
.m_event a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #1e7b7d;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_event a:hover:after{
    opacity: 1;
}
.v_event a{
    color: #1e7b7d!important;
}
.v_event a:after{
    opacity: 1;
}




.m_interview a:hover{
    color: #2672A7;
}
.m_interview a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #2672A7;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_interview a:hover:after{
    opacity: 1;
}
.v_interview a{
    color: #2672A7!important;
}
.v_interview a:after{
    opacity: 1;
}




.m_partner a:hover{
    color: #7b2a72;
}
.m_partner a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #7b2a72;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_partner a:hover:after{
    opacity: 1;
}
.v_partner a{
    color: #7b2a72!important;
}
.v_partner a:after{
    opacity: 1;
}




.m_private a:hover{
    color: #A21B64;
}
.m_private a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #A21B64;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_private a:hover:after{
    opacity: 1;
}
.v_private a{
    color: #A21B64!important;
}
.v_private a:after{
    opacity: 1;
}




.m_rokusya a:hover{
    color: #B04423;
}
.m_rokusya a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #B04423;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_rokusya a:hover:after{
    opacity: 1;
}
.v_rokusya a{
    color: #B04423!important;
}
.v_rokusya a:after{
    opacity: 1;
}




.m_staff a:hover{
    color: #C79C26;
}
.m_staff a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #C79C26;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_staff a:hover:after{
    opacity: 1;
}
.v_staff a{
    color: #C79C26!important;
}
.v_staff a:after{
    opacity: 1;
}




.m_trivia a:hover{
    color: #0c2a48;
}
.m_trivia a:after{
    content :"";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-bottom: 5px solid #0c2a48;
    width: 20px;
    height: 5px;
    opacity: 0;
    transition: 0.3s ease-in-out;
}
.m_trivia a:hover:after{
    opacity: 1;
}
.v_trivia a{
    color: #0c2a48!important;
}
.v_trivia a:after{
    opacity: 1;
}







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

    .cate_menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 40px 4%;
    }
    .cate_menu ul li{
        padding: 0 20px;
        margin: 10px 0;
    }

}



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

    .cate_menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 40px 0 30px;
    }
    .cate_menu ul li{
        padding: 0 15px;
        margin: 10px 0;
    }

}