@charset "UTF-8";

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

	header nav #pcNav{
		display: none;
	}
	
	#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;
	}


}