@charset 'utf-8';


.l-header {
	width: 100%;
	box-sizing: border-box;
}
.l-logo{padding: 8px 16px;}
.l-mainimg{
	position: relative;
	width: 100%;
	/* padding-top: 400px; */
	margin: 0 auto;
}
.l-menu{
	position: fixed;
	top: 16px;
	right: 16px;
}
.l-mainimg>picture{
	height: 100%;
	text-align: center;
}
.l-mainimg-img{
	height: 100%;
	width: 100%;
}

/* navigation layout */
.l-navigation {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	width: 1280px;
	margin: 0 auto;
}
/* container layout */
.l-container{
	width: 100%;
	background: #dfedfc;
}
/* main layout */
.l-contents {
	max-width: 98%;
	width: 1280px;
	margin: 0 auto;
	box-sizing: border-box;
}
/* footer layout */
.l-footer {
	height: 80px;
}

.sort-body {
	max-width: 98%;
	flex-wrap: wrap;
}

@media(max-width:768px){
	/* .l-mainimg{ padding-top: 42.785%; } */
	.l-header {
		width: 100%;
		box-sizing: border-box;
	}
	.l-logo{padding: 8px 16px;}
	.l-mainimg{
		width: 100%;
	}
	.l-menu{
		position: fixed;
		top: 16px;
		right: 16px;
	}
	.l-mainimg>picture{
		height: 100%;
	}
	.l-mainimg-img{
		height: 100%;
	}
	/* navigation layout */
	.l-navigation {
		width: 100%;
		flex-direction: column;
	}
	/* container layout */
	.l-container{
		width: 100%;
	}
	/* main layout */
	.l-contents {
		max-width: 100%;
		width: 100%;
	}
	/* footer layout */
	.l-footer {
		height: 80px;
	}

}