@charset "UTF-8";

/*全体*/
@media screen and (max-width: 768px) {
	.container{
		width: 95%;
	}

	header nav #pcNav{
		display: none;
	}
	header nav #spNav{
		display: none;
		width: 100%;
		position: absolute;
		background: #000;
		top: 56px;
		height: calc(100vh - 56px);
		left: 0;
	}
	header nav #spNav li{
		width: 95%;
		margin: 0 auto;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	header nav #spNav li a{
		display: block;
		padding: 20px;
	}

	#navBtn{
		display: block;
		width: 40px;
		height: 40px;
		background-image: url(../images/bars.svg);
		cursor: pointer;
	}

	#navBtn.active{
		background-image: url(../images/close.svg);
	}

	body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}



}

/*single*/
@media screen and (max-width: 768px) {

	aside{
		display: none;
	}

	.dFlex{
		display: block !important;
	}

	.dFlex #pageCont{
		max-width: none;
	}

	.page article{
		padding: 20px;
	}


}