@charset "utf-8";
/* CSS Document */
.topinner{  position: absolute; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin: 0 auto;width:100%;background:rgba(0,0,0,0.2);}
.topinner_page{  position: fixed; top: 0; left:50%;transform: translateX(-50%); z-index: 100;  margin:0 auto;width:100%;background: rgba(255,255,255,1);border-bottom:2px solid #7E3C92;}
.menu {position: relative;width: 1000px;height: 90px;margin: 0 auto;}

.menu > li {
    float: right;
color: #fff;
    height: 90px;
    line-height: 90px;
list-style:none;
text-align:center;
font-size:20px;

}
.menu_logo{width:216px;}
.menu_logo img{width:216px;padding-top:6px;}
.menu_sns{position: absolute;top:20px;right:20px;}


.menu > li a {
    display: block;
    color: #fff;
    padding:0 0.5em 0 0;
}

.topinner_page li a {
    display: block;
    color: #7E3C92;
    padding:0 0.5em 0 0;
}


.reserve_btn{background:#7e3c92;padding:0 25px;color:#fff;margin-left:10px;}
.reserve_btn a{color:#fff !important;}
.reserve_btn a:hover{color:#7e3c92 !important;}
.menu_space{padding-right:0.75em;}

.reserve_btn:hover{background:#faf0f0;color:#7e3c92;transition: all .5s;}
.menu > li a:hover {
 color: #7e3c92;
    -webkit-transition: all .5s;
    transition: all .5s;

}






/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

li.menu__mega ul.menu__second-level {
    position: absolute;
    top: 80px;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 2%;
    background:rgba(138,69,115,0.8);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
list-style:none;

}

li.menu__mega:hover ul.menu__second-level {
    top: 80px;
    visibility: visible;
    opacity: 1;
}

li.menu__mega ul.menu__second-level > li {
    float: left;
    width: 49%;
    border: none;
}

li.menu__mega ul.menu__second-level > li:nth-child(2n+1) {
    margin: 0 2% 0 0;
}

/*999px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width:999px){
.topinner,.topinner_page{display:none;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
.menu_logo{width:100%;text-align:center;}
.menu_logo img{width:80%;padding:15px 0;}
}