@charset "utf-8";

/* ---------------------------------------------------------------------------------
SMP navigation スマホナビ　メイン＆サブ*/

#smpMenu{ display:none;}
#smpMenuList{ display:none;}
#blackOut{ display:none; }
#blackOut2{ display:none; }
#SubMenu{ display:none;}

@media(max-width:750px){
	

#blackOut{ display:none; background:none; position:fixed; width:100%; height:100%; z-index:9950;}
#blackOut2{ display:none; background:url(../images/sp/toumeiBlack.png) repeat; position:fixed; width:100%; height:100%; z-index:9950;}

#smpMenu{width:150px; height:403px;display:block; position:fixed; top:0; right:0; z-index:20050;}

#smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}
#smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}



#smpMenuList{display:block;z-index:10000; position:fixed; background:#333 no-repeat center top;
 background-size:cover; width:100%;margin:0; height:calc(100vh - 100px);margin-top:100px;right:-750px;
border:none; box-sizing:border-box;}

#smpMenuList >header{ height:120px; display:table; width:100%;}
#smpMenuList >header h2{ font-size:32px; line-height:1em; display:table-cell; vertical-align:middle; padding-left:0; text-align: center;}
#smpMenuList >header a{ display:table-cell; text-align:right;padding-right:30px; vertical-align:middle;}
#smpMenuList >header a img{ width:199px; height:60px;}



#smpMenuList ul{ background:#222;}
#smpMenuList ul li{ width:100%; height:80px; display:table; float:none; border-top:1px solid #555;font-weight:normal;}

#smpMenuList ul li a{ display:table-cell; vertical-align:middle; color:#ccc; font-weight:normal;
 font-size:25px; text-align:center;padding:0 0 0 0;  position:relative; margin-left:0; margin-right:0;
}

#smpMenuList ul li a::after{
	content:"";
	display: block;
	width:8px;
	height:8px;
	border-top:2px solid #555;
	border-right:2px solid #555;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:20px;
	top:50%;
	margin-top:-4px;
}

#smpMenuList ul li a:hover{ text-decoration:none; background-color:#555; color:#fff;}

.closeBtn{ display:block; text-align:center;padding:10px; }

} /* Responsive End */