/* ---------------------------------------------------------------
	start max 1024px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 1024px ) {



	body {
		font-size: 15px;
		line-height: 1.75;
	}

	.sp_none {
		display: none;
	}

	.pc_none {
		display: block;
	}

	/* --------------- header -------------- */

	#header {
		height: 55px;
		z-index: 100;
		display: block;
	}

	.col_header {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: space-between;
	}
	
	.col_header a {
		display: block;
	}

	.logo_header {
		width: calc( 100% - 55px );
		padding: 0 0 0 15px;
		height: 55px;
		background-color: #223b4f;
		display: flex;
		align-items: center;
		z-index: 2;
	}

	.logo_header img {
		width: 280px;
		height: 25px;
		margin: 0 auto;
		padding: 0;
	}

	#menubtn {
		width: 55px;
		height: 55px;
		margin: 0;
		padding: 0;
		display: block;
		right: 0;
		z-index: 2;
		background-color: #223b4f;
	}

	#menubtn.active {
		background-color: #f3a83c;
	}

	#menubtn .btn {
		width: 25px;
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 0;
	}

	#menubtn .btn span {
		width: 100%;
		height: 3px;
		margin: auto;
		padding: 0;
		background-color: #fff;
		display: inline-block;
		transition: all .4s;
		-moz-transition: all .4s;
		-webkit-transition: all .4s;
		position: absolute;
		left: 0;
		right: 0;
	}
	
		#menubtn.active .btn span {
		background-color: #223b4f;
		}
	

	#menubtn span:nth-child(1) {
		top: 17px;
	}

	#menubtn span:nth-child(2) {
		top: 27px;
	}

	#menubtn span:nth-child(3) {
		top: 37px;
	}

	#menubtn.active span:nth-of-type(1) {
		width: 96%;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
		top: 7px;
	}

	#menubtn.active span:nth-of-type(2) {
		opacity: 0;
	}

	#menubtn.active span:nth-of-type(3) {
		width: 96%;
		-webkit-transform: translateY(-20px) rotate(45deg);
		transform: translateY(-20px) rotate(45deg);
		top: 47px;
	}

	nav {
		max-width: 340px;
		height: auto;
		margin: 0;
		padding: 15px 15px;
		background-color: #f3a83c;
		position: absolute;
		top: 0px;
		right: 0;
		z-index: 100;
		overflow: auto;
		display: none;
	}

	#navi {
		width: 270px;
		margin-bottom: 0;
	}

	#navi li {
		width: 100%;
	}

	#overlay {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
		position: fixed;
		top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		display: none;
		z-index: 1;
		transition: all .4s;
	}

	.open #overlay {
		display: block;
	}



	#contents {
		width: 100%;
		position: relative;
		flex-direction: column;
	}

	#leftcontents {
		width: 100%;
		padding: 35px 4.6vw 30px;
		-webkit-box-ordinal-group: 2;
		           -ms-flex-order: 1;
		                    order: 1;
	}

	#rightcontents {
		width: 100%;
		-webkit-box-ordinal-group: 1;
		           -ms-flex-order: 0;
		                    order: 0;
	}

	.col_topcontact dl dd a::before {
		top: 1.3vw;
	}

	.slider div {
		width: 264px;
		margin: 0 auto;
	}

	.slider img {
		width: 100%;
	}


/* --------------- registration detail --------------- */
	
	.col_select_registration dl.item-sku dd { max-width: 290px; }
	


}