@charset "utf-8";
/************************************************************
responsive
************************************************************/
@media all and (max-width:1232px){
	.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 #669999;
		border-left:0;
		border-right:0;
	}
	header dt{
		font-size:1.5rem;
		top:-55px;
	}
	header dd{
		font-size:11px;
		top:-25px;
	}
	nav .aside{
		display:none;
	}
	.pagepath{
		margin:1rem 0 0 0;
	}
}

@media all and (max-width:840px){
	.wrap{
		padding:0 2rem;
		width:100%;
		border:0;
	}
	#intro .wrap div{
		right:10px;
		width:80%;
	}
	#intro picture img{
		object-position:0% 100%;
	}

	.archive{
		margin:.5rem 0 0 -10px;
	}
	.archive a{
		float:left;
		margin:1rem 0 0 10px;
		width:calc(100% / 2 - 10px);
	}
	.archive .eyecatch{
		float:none;
		width:100%;
		margin:0;
		padding:0 0 56.25%;
		overflow:hidden;
	}
}

@media all and (max-width:600px){
	.wrap{
		padding:0 1rem;
	}
	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
************************************************************/