/*
スライドメニュー
*/

/* スライドインメニューに必要なところ */
html {
    position: relative;
}
body{

}
header button,
header ul#lang{
	display:none;
	}
@media (max-width: 768px) {
	header button{
		display:block;
	    position: absolute;
	    top:10px;
		right:10px;
	    outline: none;
	    border: none;
	    color: black;
	    cursor: pointer;
		z-index:10;
		background: white;
		width:50px;
	    font-size: 26px;
	    border:none;
	    height:38px;
		}
	header ul#lang{
		position:absolute;
	    top:24px;
		left:70px;
		height:auto;
		display: block;
		z-index:20;
		margin:0; padding:0;
		}
	header ul#lang li{
		vertical-align: top;
		display:inline-block;
		}
	header ul#lang li a{
		display:block;
		line-height:1em;
		padding:5px;
		margin:0 5px;
		}
	header ul#lang li a.current{
		border-bottom:2px solid #000;
		color:#000;
		}
}

#slide_menu_access,
#slide_menu_info,
#slide_menu_shop,
#slide_menu_recruit{
	position: fixed;
	top: 0;
	left: -300px;
	width: 240px;
	height: 100%;
    background:#F2F2EF;
	z-index:10;
	}
#spMenu{
	display: none;
	}
@media (max-width: 768px) {
	#slide_menu_access,
	#slide_menu_info,
	#slide_menu_shop,
	#slide_menu_recruit{
		display: none;
		}
}

#container{
	position: relative;
	top:0 ;
	right:0 ;
	width: 100%;
	background:white;
	
}
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}
body.open{
    position: fixed;
}


/*
============================================================mainMenu
*/

ul#mainMenu{
	position:fixed;
	bottom:0;
	left:0;
	width:200px;
	}
ul#mainMenu li{
	text-align:left;
	}
ul#mainMenu li a{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;	
	font-size:13px;
	line-height:44px;
	display:block;
	background:#fff;
	padding-left:35px;
	}
ul#mainMenu li a:hover{
	background:#F2F2EF;
	}

ul#mainMenu li:nth-child(7){
	margin-bottom:44px;
	}
ul#mainMenu li:nth-child(8){
	border-top:1px solid #F2F2EF;
	line-height:80px;
	padding-left:35px;
	}
ul#mainMenu li:nth-child(8) a{
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:#000;
	display: inline-block;
	padding-left:0;
	background:none;
	}
ul#mainMenu li:nth-child(8) a:hover{color:#B5B07D;}
ul#mainMenu li:nth-child(8) a.current{
	border-bottom:1px solid #B5B07D;
	}

@media (max-width: 768px) {
	ul#mainMenu{
		display: none;
		}
}

/*
============================================================subMenu
*/
ul.subMenu{
	position:absolute;
	bottom:0;
	left:0; right:0;
	margin:0 auto;
	width:80%;
	border-top:1px solid white;
	}
ul.subMenu li{
	text-align:left;
	border-bottom:1px solid white;
	}
ul.subMenu li a{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;	
	font-size:13px;
	line-height:44px;
	display:block;
	padding-left:35px;
	}
ul.subMenu li a:hover{
	background:#F2F2EF;
	}

/*
============================================================subMenu
*/
#slide_menu_access ul.subMenu{bottom:256px;}
#slide_menu_info ul.subMenu{bottom:212px;}
#slide_menu_shop ul.subMenu{bottom:255px;}
#slide_menu_recruit ul.subMenu{bottom:124px;}


/*
============================================================spMenu
*/
@media (max-width: 768px) {
	#spMenu{
		display: block;
		position: fixed;
		top: -100vh;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index:100;
		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#bf000000,EndColorStr=#bf000000);
		background-color: rgba(0, 0, 0, 0.75);
		}
	#spMenu button{
		z-index:110;
		position:absolute;
		top:20px;
		right:20px;
		color:#fff;
		width:30px;
		height:30px;
		border:none;
		background: none;
		}

	#spMenu a#sp-logo{
		position:absolute;
		top:60px;
		left:60px;
		width:37px;
		display: block;
		z-index:20;
		}
	#spMenu ul.subMenu{
		position:absolute;
		top:50px;
		left:0; right:0;
		width:80%;
		margin:0 auto;
		padding-left:60px;
		border:none;
		overflow-y:auto;
		}
	#spMenu ul.subMenu li{
		border:none;
		}
	#spMenu ul.subMenu a{
		color:#fff;
		}
	#spMenu ul.subMenu li a:hover{
		background:none;
		}
	#spMenu ul.subMenu li ul.subMenu2{
		display:none;
		}
	#spMenu ul.subMenu li ul.subMenu2 li{
		margin-left:1em;
		}
	#spMenu ul.subMenu li ul.subMenu2 li a{
		line-height:3em;
		}
	#spMenu ul.subMenu li:nth-last-child(2){
		margin-top:0px;
		}

}