@charset "utf-8";
/* CSS Document */

/* clearfix_menu */


@media only screen and (max-width : 1024px) {
.a-login{display:block!important;}
	.login{display:none!important;}
	#headerlogo{display:none!important;}

	.logo_pc{display:none;}
	.logo_sp{display:block;}
	#pull a span{color:#FFFFFF;letter-spacing: 0.1rem; }
	a.toplogosp img{height:100%;display:block;float:left;}
	#pull a.toplogosp:hover{background-color:rgba(255,255,255,0.00);}

	
	.menu_b{
	width:100%;
	background-position:right bottom;}
nav.clearfix_menu{display:block !important;z-index:10;position:fixed;top:0px;}	
	
	nav.clearfix_menu.active{position:fixed;top:0;bottom:0;overflow-y:scroll;
		}
	nav.clearfix_menu.active #dropmenu{background-color:#ffffff;}
	#pull{display:block !important;z-index:55;position:relative;height:60px!important;
	}

		

#pull{display:block !important;z-index:55;background-color:#ffffff;box-shadow: 0 12px 10px -6px rgba(0,0,0,.1);}
nav#gnav{display:none !important;}
nav.clearfix_menu{display:block !important;z-index:55;}

	.clearfix_menu #dropmenu li.a-shop > a{border-bottom:none;}
	
	.clearfix_menu #dropmenu li.a-shop ul li a{border:none;}
	.clearfix_menu #dropmenu li.a-shop ul li a:before{content:"└";margin-right:5px;}
	.clearfix_menu #dropmenu li.a-shop ul{border-bottom:1px dotted #333;}
	
nav.clearfix_menu {
height: auto;
width: 100%;
background-color:rgba(136,136,136,0.53);
font-size: 15px;

padding:0!important;
border-bottom: 0;
	}
		#menuarea{display:none;}


#menuarea  #dropmenu li {
		display: block;
		float: none;
		width: 100%;
		border-bottom:1px solid #ffffff;
	
		
	}
	
	.clearfix_menu #dropmenu li.a-example{border:none!important;}
	
	.clearfix_menu  #dropmenu li ul{display:block;border:none;}
	.clearfix_menu  #dropmenu > li > a{color:#000;border-bottom:1px dotted #5C5C5C;}
		.clearfix_menu  #dropmenu > li.a-example > a{border-bottom:none;}
	.clearfix_menu  #dropmenu li.a-example{border-bottom:1px dotted #5C5C5C!important;}

	.clearfix_menu  #dropmenu li ul li{display:block;border:none;}
	.clearfix_menu  #dropmenu li ul li a{font-size:15px;padding:8px 8px 8px 30px;border-top:none;}
	.clearfix_menu  #dropmenu li ul li a:before{content:"└";margin-right:5px;}
.clearfix_menu  ul {
		
		display: none;
		height: auto;
	}
	



.clearfix_menu  a {
	color:#333;
	display: inline-block;
	width: 100%;
	text-align: left;
	text-decoration: none;
	padding:10px 0;
		line-height:30px;
		padding-left:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
	
}


nav li:last-child a {
	border-right: 0;
}
nav a:hover, nav a:active {

}
	
		#pull{background-image:url(../images/logo2.svg);
	background-size:auto 40px;
	background-position:left 10px top 10px;background-repeat:no-repeat;}
	
	nav #pull a.pulla{
		display: block;
		height:60px;
		width: 100%;
		background-image:url(../images/bt_pull.svg);
		background-size:contain;
		float:right;
		background-position:center right 10px;
		background-repeat:no-repeat;
		position: relative;
		z-index:55;
	opacity:1!important;
	
		
	}
	
	nav #pull a.pulla:active{background-color:rgba(255,255,255,0.20);}
	
	
	nav #pull a.pulla:after {
		content:"";
		width: 100px;
		height: 55px;
		display: inline-block;
		position: absolute;
		
	}
	

	
	#dropmenu ul,	#dropmenu ul li,	#dropmenu ul li ul,	#dropmenu ul li ul li{display:block;}
	
	li.a-home.pcmenu{display:none!important;}
	#toptel{display:none;}
	/**body#home #dropmenu li > a > span	{color:#0A2882;}
body#home #dropmenu li.a-home > a > span{color:#FF64ED;}
body#about #dropmenu li.a-about > a > span{color:#FF64ED;}	
body#life #dropmenu li.a-life > a > span{color:#FF64ED;}	
body#training #dropmenu li.a-training > a > span{color:#FF64ED;}
body#welfare #dropmenu li.a-welfare > a > span{color:#FF64ED;}	
body#recruit #dropmenu li.a-recruit > a > span{color:#FF64ED;}
body#faq #dropmenu li.a-faq > a > span{color:#FF64ED;}	
body#entry #dropmenu li.a-entry > a > span{color:#FF64ED;}		
	body.about #dropmenu li ul li.s-about > a {color:#FF64ED;}	
body.company #dropmenu li ul li.s-company > a {color:#FF64ED;}	
body.life1 #dropmenu li ul li.s-life1 > a {color:#FF64ED;}		
body.life2 #dropmenu li ul li.s-life2 > a {color:#FF64ED;}		**/
}