@charset "utf-8";
/************************************************************
responsive
************************************************************/
@media all and (max-width:1242px){
	.wrap{
		width:850px;
	}
	.main, main, .aside, aside{
		float:none;
		width:100%;
	}
	header .main{
		margin-bottom:1rem;
		padding:0;
		height:auto;
	}
	header .main h1{
		font-size:2rem;
		margin:1rem 0 0 0;
	}
	header .main h1 a,
	header .main h1 a:hover{
		text-align:center;
	}
	header .main p{
		position:relative;
		white-space:normal;
		-moz-text-align-last:auto;
		text-align-last:center;
		height:auto;
		line-height:1.2;
		margin-top:.5rem;
		padding:.5rem 0;
	}
	header .aside,
	nav .aside{
		display:none;
	}
	.pagepath{
		margin:1rem 0 0 0;
	}
}

@media all and (max-width:850px){
	.wrap{
		padding:0 10px;
		width:100%;
		border:0;
	}
	footer .wrap{
		padding:2rem 10px;
	}
	.archive,
	.archivePickup{
		margin:.5rem 0 0 -10px;
	}
	.archive a,
	.archivePickup a{
		float:left;
		margin:1rem 0 0 10px;
		width:calc(100% / 2 - 10px);
	}
	.archive .eyecatch,
	.archivePickup .eyecatch{
		float:none;
		width:100%;
		margin:0;
		padding:0 0 56.25%;
		overflow:hidden;
	}
	.archive .date,
	.archivePickup .date{
		margin:.5em 0 0 0;
	}
}


@media all and (max-width:400px){
	header .aside ul{
		justify-content:space-between;
	}
	header .aside li{
		margin:0;
	}
	ul#tolink{
		display:flex
	}
	ul#tolink li{
		margin:0 0 0 1px;
	}
}

/************************************************************
END
************************************************************/