@charset "utf-8";
/* CSS Document */

/*
PC MENU----------------------------------------------------*/
.menu_container{
	width:auto;
    /*width:382px;*/
	/* width:287px; ボタン消去時 */
    height:70px;
    float:right;
}

.menu{
    width:95px;
    height:70px;
    float:left;
    background-size:cover;
    transition:background-image 0.2s;
    -moz-transition:background-image 0.2s;
    -webkit-transition:background-image 0.2s;
}

#menu_products{background-image:url("../images/menu_products.png");}
#menu_shop{background-image:url("../images/menu_shop.png");}
#menu_support{background-image:url("../images/menu_support.png");}
#menu_overview{background-image:url("../images/menu_overview.png");}
#menu_guideline{background-image:url("../images/menu_guideline.png");}
#menu_menu_recruit{background-image:url("../images/menu_recruit.png");}
#menu_questionnaire{background-image:url("../images/menu_questionnaire.png");}
#menu_products:hover,#menu_products:active{background-image:url("../images/menu_products_a.png");}
#menu_shop:hover,#menu_shop:active{background-image:url("../images/menu_shop_a.png");}
#menu_support:hover,#menu_support:active{background-image:url("../images/menu_support_a.png");}
#menu_overview:hover,#menu_overview:active{background-image:url("../images/menu_overview_a.png");}
#menu_guideline:hover,#menu_guideline:active{background-image:url("../images/menu_guideline_a.png");}
#menu_menu_recruit:hover,#menu_menu_recruit:active{background-image:url("../images/menu_menu_recruit_a.png");}
#menu_questionnaire:hover,#menu_questionnaire:active{background-image:url("../images/menu_questionnaire_a.png");}

.menu a{
    display:block;
    width:100%;
    height:100%;
    font-size:10px;
    opacity:0;
}

.menubtn,.menu_m_container,.menu_m{display:none;}

.main_wrapper{
    position:relative;
    max-width:1200px;
    width:100%;
    margin:0px auto;
    padding-top:15px;
    background-color:#fff;
    box-shadow:0px 0px 7px 2px rgba(0,0,0,0.3);
    z-index:50;
}


/*
SP MENU-------------------------------------------*/

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

.menu_container{display:none;}

.menubtn{
    display:inline;
    width:53px;
    height:70px;
    float:right;
    transition:opacity 0.2s;
    -moz-transition:opacity 0.2s;
    -webkit-transition:opacity 0.2s;
    cursor:pointer;
}

.menubtn:hover,.menubtn:active{opacity:0.5;}

.menu_m_container{
    position:absolute;
    width:300px;
    top:15px;
    left:50%;
    transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    background-color:#fff;
    border:solid 1px #ff9490;
    border-radius:7px;
    box-shadow:0px 2px 7px 1px rgba(0,0,0,0.3);
    z-index:200;
}

.menu_m{
    display:block;
    width:300px;
    height:70px;
    background-size:cover;
    transition:background-image 0.2s;
    -moz-transition:background-image 0.2s;
    -webkit-transition:background-image 0.2s;
}


#menu_m_products{background-image:url("../images/menu_m_products.png");}
#menu_m_shop{background-image:url("../images/menu_m_shop.png");}
#menu_m_support{background-image:url("../images/menu_m_support.png");}
#menu_m_overview{background-image:url("../images/menu_m_overview.png");}
#menu_m_guideline{background-image:url("../images/menu_m_guideline.png");}
#menu_m_recruit{background-image:url("../images/menu_m_recruit.png");}
#menu_m_questionnaire{background-image:url("../images/menu_m_questionnaire.png");}
#menu_m_close{background-image:url("../images/menu_m_close.png");cursor:pointer;}
#menu_m_products:hover,#menu_m_products:active{background-image:url("../images/menu_m_products_a.png");}
#menu_m_shop:hover,#menu_m_shop:active{background-image:url("../images/menu_m_shop_a.png");}
#menu_m_support:hover,#menu_m_support:active{background-image:url("../images/menu_m_support_a.png");}
#menu_m_overview:hover,#menu_m_overview:active{background-image:url("../images/menu_m_overview_a.png");}
#menu_m_guideline:hover,#menu_m_guideline:active{background-image:url("../images/menu_m_guideline_a.png");}
#menu_m_recruit:hover,#menu_m_recruit:active{background-image:url("../images/menu_m_recruit_a.png");}
#menu_m_questionnaire:hover,#menu_m_questionnaire:active{background-image:url("../images/menu_m_questionnaire_a.png");}
#menu_m_close:hover,#menu_m_close:active{background-image:url("../images/menu_m_close_a.png");}

.menu_m a,.menu_m span{
    display:block;
    width:100%;
    height:100%;
    font-size:10px;
    opacity:0;
}
}