header#id_nav_menu_1            {z-index:9999 !important;}
nav#main-menu                   {z-index:9999 !important;}
nav#main-menu #sp-menu-btn      {z-index:9999 !important;}
nav#main-menu #sp-logo          {z-index:100;}
nav#main-menu #menu             {z-index:90 !important;}
nav#main-menu.fixed             {z-index:10000 !important;}
nav#main-menu.fixed #sp-menu-btn{z-index:10000 !important;}
@media screen and (max-width:900px){
header#id_nav_menu_1{z-index:10000 !important;}}

/*
=====================================================================
MENU-COMMON
=====================================================================
*/
nav#main-menu{
position:relative;
width:100%;
min-width:320px;
color:#fff;
font-family:'M PLUS 1', sans-serif;
font-weight:800;}

nav#main-menu #sp-menu-btn{display:none;}

nav#main-menu #menu{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin:0 auto;}
nav#main-menu #menu li{text-align:center; font-size:20px;}
nav#main-menu #menu li:first-child img{width:100%; width:auto; height:100%;}

nav#main-menu #menu li a{display:block; color:#fff; transition:.2s ease-in-out;}
nav#main-menu #menu li a:hover{text-shadow:0 0 2px #88cbff, 0 0 2px #88cbff, 0 0 10px #88cbff, 0 0 20px #88cbff;}
nav#main-menu #menu li.selected a:hover{cursor:default;}

/*
=====================================================================
MENU-PC
=====================================================================
*/
@media screen and (min-width:901px){
nav#main-menu{background:#0090ff;}
nav#main-menu #sp-logo{display:none;}
nav#main-menu #menu{height:80px;}
nav#main-menu #menu li{flex-grow:1;}

nav#main-menu #menu li a{height:80px; line-height:80px;}}

@media screen and (max-width:1200px){
nav#main-menu #menu li{font-size:18px;}}

/*
=====================================================================
MENU-SP
=====================================================================
*/
@media screen and (max-width:900px){
nav#main-menu{height:auto;}

nav#main-menu #sp-logo{
display:block;
position:relative;
width:100%;
height:50px;}
nav#main-menu #sp-logo img{max-height:50px;}

nav#main-menu #sp-menu-btn{
display:block;
position:absolute;
top:0;
right:0;
background:#0090ff;
width:50px;
height:50px;
transition:all .2s ease;}

nav#main-menu #menu{
width:100%;
position:absolute;
top:-600px;
background-color:rgba(0,0,0,0.95);
flex-wrap:wrap;
transition:.3s ease-in-out;
margin:0 auto;}
nav#main-menu #menu li{width:100% !important; border-bottom:1px solid #fff;}
nav#main-menu #menu li a{height:49px; line-height:49px;}}

@media screen and (max-width:480px){
nav#main-menu #menu li{font-size:14px;}}

/*
=====================================================================
スクロールメニュー固定
=====================================================================
*/
nav#main-menu.fixed{position:fixed; top:0;}
nav#main-menu.fixed #sp-menu-btn{position:fixed; top:0;}

/*
=====================================================================
ANIMATION - SPサイズボタン
=====================================================================
*/
#btn-toggle{display:none;}

@media screen and (max-width:900px){
#btn-toggle{
display:block;
position:absolute;
top:0;
right:0;
width:50px;
height:50px;
cursor:pointer;}

#btn-toggle span{
display:block;
position:absolute;
left:10px;
height:3px;
width:30px;
background-color:#fff;
transition:.35s ease-in-out;}

#btn-toggle span:nth-child(1){top:16px;}
#btn-toggle span:nth-child(2){top:calc(50% - 1.5px);}
#btn-toggle span:nth-child(3){top:32px;}

.open #btn-toggle span:nth-child(1){top:calc(50% - 1.5px); transform:rotate(315deg);}
.open #btn-toggle span:nth-child(2){width:0; left:50%;}
.open #btn-toggle span:nth-child(3){top:calc(50% - 1.5px); transform:rotate(-315deg);}}

/*
=====================================================================
ANIMATION - SPサイズMENU用
=====================================================================
*/
@media screen and (max-width:900px){
.slide #menu{
transform:translateY(600px);
animation-name:fadeIn;
animation-duration:1s;}}

@keyframes fadeIn{
0%{opacity:0;}
80%{opacity:1;}
100%{opacity:1;}}