@charset "utf-8";
/************************************************************
responsive
************************************************************/
@media all and (max-width:1224px){
	.wrap{
		width:850px;
	}
	.main, main, .aside, aside{
		width:100%;
	}
	header h1{
		width:calc(100% - 80px);
	}
	header p{
		clear:both;
		width:100%;
	}
	header dl{
		width:70px;
		border-top:60px solid rgba(205,0,0,.2);
		border-left:0;
		border-right:0;
	}
	header dt{
		font-size:2rem;
		top:-55px;
	}
	header dd{
		font-size:11px;
		top:-20px;
	}
	nav .aside{
	/*	display:none;*/
		border-top:1px #fff solid;
	}
	.pagepath{
		margin:1rem 0 0 0;
	}
}

@media all and (max-width:850px){
	.wrap{
		padding:0 10px;
		width:100%;
		border:0;
	}
	header h1 img{
		height:80%;
	}
	#intro .wrap div{
		right:10px;
		width:80%;
	}
	#intro picture img{
		object-position:0% 100%;
	}
	main div.archive a,
	aside div.archive a{
		width:calc(100% / 2 - .3rem);
	}
}

@media all and (max-width:600px){
	header h1 img{
		height:70%;
	}
	nav a span{
		font-size:11px;
	}
	dl.entrylist dt{
		width:20%;
		margin-top:1rem;
		padding:0 0 20%;
	}
	dl.entrylist dd{
		width:80%;
		margin-top:1rem;
		padding:0 0 0 .5rem;
		-webkit-line-clamp:5;
	}
	dl.entrylist strong{
		font-size:1rem;
	}
	dl.entrylist dd p{
		margin-top:0;
		font-size:.8.5rem;
	}
	dl.entrylist span{
		display:none;
	}

	.pageNavi li{
		min-width:calc(100% / 4 - 4px);
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=tel],
	input[type=password],
	textarea{
		width:100%;
	}
	ul#tolink{
		display:flex
	}
	ul#tolink li{
		margin:0 0 0 1px;
	}
}

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