@media only screen and (min-width:1024px){
	.drower{display:none;}
}

@media only screen and (max-width:1024px){
	.scroll-prevent {
		position: fixed;
		z-index: 999;
		width: 100%;
		height: 100%;
	}
	#nav-tgl {display: none;}
	.nav-tgl-btn {
		cursor: pointer;
		position: fixed;
		top: 0;
		left: 0;
		margin: 0;
	}
	.drower-login{padding:12px;}

	.open2 {
		z-index: 992;
		top:33px;
		width: 36px;
		height: 36px;
		background: #3e7eb8;
		transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: background .6s, -webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.open2::before,
	.open2::after {content: "";}

	.open2 span,
	.open2::before,
	.open2::after {
		content: "";
		position: absolute;
		top:16px;
		left: 10px;
		width: 40%;
		border-bottom: 3px solid #fff;
		transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transition: -webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
	.open2::before {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}
	.open2::after {
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
	}
	.close2 {
		z-index: 991;
		width: 100%;
		height: 100%;
		pointer-events: none;
		transition: background .6s;
		-webkit-transition: background .6s;
	}
	#nav-tgl:checked + .open2 {
		background: #3e7eb8;
		transform: translateX(290px);
		-webkit-transform: translateX(290px);
	}
	#nav-tgl:checked + .open2 span {
		transform: scaleX(0);
		-webkit-transform: scaleX(0);
	}
	#nav-tgl:checked + .open2::before {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
	#nav-tgl:checked + .open2::after {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#nav-tgl:checked ~ .close2 {
		pointer-events: auto;
		background: rgba(0,0,0,.3);
	}

	.drower-title{
		color:#fff;
		font-size:15px;
		font-weight:bold;
		padding:10px;
		background:#666;

	}
	.drower-title-category{
		color:#fff;
		font-size:14px;
		font-weight:bold;
		padding:10px;
		background:#539fd5;

	}



	/* メニューデザイン */
	.drower-menu {
		z-index: 9999;
		position: fixed;
		overflow-y: scroll;
		font-family:メイリオ, Meiryo, Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
		-webkit-overflow-scrolling: touch;
		overflow-scrolling: touch;
		top: 0;
		left: 0px;
		width: 290px;
		height: 100%;
		box-sizing: border-box;
		background: #fff;
		transform: translateX(-290px);
		transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-transform: translateX(-290px);
		-webkit-transition: -webkit-transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	.slide-main-nav-1{
		padding:0 2% 2% 2%;
	}
	.slide-main-nav-1 li{
		width:100%;
	}

	.drower-menu-list a {
		display: block;
		color: #333;
		font-size:12px;
		padding: 10px;
		text-decoration: inherit;
		border-bottom:1px solid #ccc;	
	}

	.slide-main-nav-1 li a{
		display:block;
		color:#fff;
		font-size:12px;
		text-decoration:none;
		text-align:center;
		background:#aadf16;
		padding:10px;
	}

	.slide-main-nav-2{
		overflow:hidden;
		padding:1%;
		width:98%;
		margin: 0 auto;
	}


	.slide-main-nav-2 li{
		display:inline-block;
		width:49%;
		padding:0.5%;
		margin-bottom:5px;
	}
	.slide-main-nav-2 li a{
		display:block;
		overflow:hidden;
		color:#fff;
		font-size:12px;
		text-decoration:none;
		text-align:center;
		background:#333;
		padding:10px;
	}

	#nav-tgl:checked ~ .drower-menu {
		transform: none;
		-webkit-transform: none;
	}

	ul.main_menu li a {
		position: relative;
		display: block;
		color: #000;
		font-size:14px;
		font-weight:bold;
		text-decoration: none;
		line-height: 18px;
		padding: 10px;
		border-bottom: 1px solid #ccc
	}

	ul.sub_menu li a {
		position: relative;
		display: block;
		color: #666;
		font-size:12px;
		font-weight:normal;
		text-decoration: none;
		line-height: 18px;
		padding: 10px 10px 10px 20px;
		border-bottom: 1px solid #ccc
	}

	ul.sub_menu li a:after {
		display: block;
		position: absolute;
		top: 41%;
		right: 20px;
		content: "";
		width: 6px;
		height: 6px;
		border-top: 3px solid #666;
		border-right: 3px solid #666;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
	}
}