@charset "utf-8";



/* Responsive Menu [PC & Tablet size]
------------------------------------------------------------- */

@media only screen and (max-width: 10000px) {

	#search_box {
		display: none;
	}

	#menuOverlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		display: none;
		position: fixed;
		z-index: 9950;
	}


	/*Switch Button*/

	#switchBtnArea {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 0;
		position: fixed;
		z-index: 9990;
	}

	#switchBtnArea #switchBtn {
		width: 70px;
		height: 200px;
		display: block;
		background: #444;
		position: absolute;
		top: 95px;
		right: 0;
		border: 1px solid #ccc;
		border-right: 0;
		border-radius: 6px 0 0 6px;
		z-index: 9998;
		opacity: 1;
		box-shadow: 0 2px 3px rgba(0,0,0,0.4);
	}

	#switchBtnArea #switchBtn span {
		display: block;
		position: absolute;
		left: 5px;
		top: 10px;
		width: 35px;
		height: 90%;
		background-image: url(../img/btn_search_open_l.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}

	#switchBtnArea #switchBtn.btnClose {
		width: 45px;
		background: #666;
		opacity: 1;
	}

	#switchBtnArea #switchBtn.btnClose span {
		background-image: url(../img/btn_search_close_l.png);
	}

	#rwdMenuWrap {
		top: 0;
		right: -720px;
		width: 720px;
		height: 100%;
		background: #fff;
		overflow: auto;
		position: fixed;
		z-index: 9999;
		-webkit-overflow-scrolling: touch;
	}

}





/* Responsive Menu [Tablet s-size]
------------------------------------------------------------- */

@media only screen and (max-width: 787px) {

	#rwdMenuWrap {
		right: -500px;
		width: 500px;
	}

	#switchBtnArea #switchBtn {
		width: 40px;
		height: 40px;
		display: block;
		background: #444;
		position: absolute;
		top: 17px;
		right: 10px;
		border: 1px solid #ccc;
		border-radius: 4px;
		z-index: 9998;
		opacity: 1;
	}

	#switchBtnArea #switchBtn span {
		display: block;
		position: absolute;
		left: 5px;
		top: 5px;
		width: 28px;
		height: 28px;
		background-image: url(../img/icon_search.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
	}


	#switchBtnArea #switchBtn.btnClose {
		width: 40px;
		background: #666;
	}

	#switchBtnArea #switchBtn.btnClose span {
		background-image: url(../img/icon_close.png);
	}

}




/* Responsive Menu [Mobile size]
------------------------------------------------------------- */

@media only screen and (max-width: 559px) {

	#rwdMenuWrap {
		right: -320px;
		width: 320px;
	}


}




/* Responsive Menu [Mobile s-size]
------------------------------------------------------------- */

@media only screen and (max-width: 359px) {

	#rwdMenuWrap {
		right: -280px;
		width: 280px;
	}

	#switchBtnArea #switchBtn {
		top: 15px;
	}

}



/* Print Setting
------------------------------------------------------------- */

@media print {

	#search_box, #rwdMenuWrap {
		display: none;
	}

}