@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:100px; height:100px;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:#fafafa ;
 background-size:cover; width:100%;margin:0; height:calc(100vh - 100px);margin-top:0;right:-750px;
border:none; box-sizing:border-box;}

#smpMenuList >header{ height:120px; display:table; width:100%; background: #222;}
#smpMenuList >header h2{font-size:32px; line-height:1em; display:table-cell; vertical-align:middle; background:url(../images/sp/hanbrg_bar.png) no-repeat left center; padding-left:50px; color: #fff; font-weight: 800; font-family: 'Roboto Condensed', sans-serif; }
#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:#fff;}
#smpMenuList ul li{ ;width:100%; height:80px; display:table; float:none; border-top:1px solid #ddd;font-weight:normal; clear: both;}

#smpMenuList ul li a{ display:table-cell; vertical-align:middle; color:#555; 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:last-child{ border-left: 1px solid #ddd;}
     #smpMenuList ul li a.menuhalf{width: 50%;}
    
#smpMenuList ul li a::after{
	content:"";
	display: block;
	width:8px;
	height:8px;
	border-top:2px solid #6e4e43;
	border-right:2px solid #6e4e43;
	-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:#6e4e43; color:#fff;}

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

    .closeBtn img{ width: 200px;}
    
} /* Responsive End */