@charset "utf-8";

section .headphoto.news {
	background-image:url(../img/head.jpg);
}



/*================================
	Layout
================================*/
@media screen and (min-width: 769px) {
#mainbody{
	overflow:hidden;
	width:95%;
	max-width: 960px;
	margin: 0 auto;
	padding-top:5%;
}
#entries{
	width:75%;
	float:left;
}
#lnav{
	width:20%;
	float:right;
}
}


@media screen and (max-width: 768px) {
#mainbody{
	overflow:hidden;
	width:90%;
	margin: 0 auto;
	padding-top:8%;
}




}





/*================================
	Entry
================================*/
main .entry h3{
	border-bottom:1px solid #EAEFE9;
	font-weight:bold;
}
main .entry h3 a{
	text-decoration:none;
}
main .entry .entrymeta li{
	display:inline;
}
main .entry .entrymeta li.ct::after{
	content:"：";
	margin:0 0 0 .3em;
}
main .entry .entrymeta li a{
	text-decoration:none;
}
main .entry .entrymeta li{
	font-size: 92%;
}
main .entry .note p{
	font-size: 107%;
}


@media screen and (min-width: 769px) {
main #entries .entry:not(:last-of-type){
	margin-bottom:10%;
}
main .entry h3{
	margin-bottom:.8em;
	padding-bottom:.5em;
	font-size: 150%;
}
main .entry .entrymeta{
	margin-bottom:2em;
}
main .entry .note p:not(:last-of-type){
	margin-bottom:2.5em;
}
}


@media screen and (max-width: 768px) {
main #entries .entry:not(:last-of-type){
	margin-bottom:12%;
}
main .entry h3{
	margin-bottom:.8em;
	padding-bottom:.5em;
	font-size: 123%;
}
main .entry .entrymeta{
	margin-bottom:1em;
}
main .entry .note p:not(:last-of-type){
	margin-bottom:1.5em;
}
}





/*================================
	Local Navi
================================*/
#lnav .ctlist a{
	text-decoration:none;
}
#lnav .ctlist li{
	font-size: 92%;
}
#lnav .ctlist li:not(:last-of-type){
	margin-bottom:.3em;
}


@media screen and (min-width: 769px) {
#lnav{
	padding-top:.5rem;
}
#lnav h6{
	border-bottom:1px solid #EAEFE9;
	margin-bottom:1em;
	padding-bottom:.5em;
	font-size: 123%;
}
#lnav .ctlist{
	margin-bottom:30%;
}
}


@media screen and (max-width: 768px) {
#lnav{
	margin-top:12%;
}
#lnav h6{
	position:relative;
	border-bottom:1px solid #EAEFE9;
	margin-bottom:.7em;
	padding:.3em 0;
	font-size: 107%;
}
#lnav h6:not(:last-of-type){
}
#lnav h6::after{
	content:"";
	display:block;
	width:.5rem;height:.5rem;
	position:absolute;
	right:.5em;top:50%;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	transform:translateY(-50%) rotate(45deg) ;
	-webkit-transform:translateY(-50%) rotate(45deg) ;
	-moz-transform:translateY(-50%) rotate(45deg) ;
	-webkit-transition:transform .3s ease-out;
	-moz-transition:transform .3s ease-out;
	-ms-transition:transform .3s ease-out;
	transition:transform .3s ease-out;
}
#lnav h6.active::after{
	transform:translateY(-50%) rotate(-135deg) ;
	-webkit-transform:translateY(-50%) rotate(-135deg) ;
	-moz-transform:translateY(-50%) rotate(-135deg) ;
}
#lnav .ctlist{
	display:none;
	margin:3% 0 7%;
}
}





/*================================
	Page Navi (Archive page)
================================*/
.pagenav a{
	text-decoration:none;
}
body.archives main .pagenav{
	border-top:1px solid #EAEFE9;
	margin-top:10%;
	padding-top:3%;
}
body.archives main .pagenav ul{
	text-align:center;
}
body.archives main .pagenav ul li{
	display:inline-block;
	margin:0 .5em;
}
body.archives main .pagenav ul li a,
body.archives main .pagenav ul li span{
	display:block;
	padding:.5em .7em;
	line-height:1;
}
body.archives main .pagenav ul li a{
	border:1px solid #ccc;
}
body.archives main .pagenav ul li span{
	border:1px solid #eee;
	background:#eee;
}





/*================================
	Page Navi (Single Page)
================================*/
body.single main .pagenav {
	display:table;
	table-layout:fixed;
	width:100%;
	border-top:1px solid #EAEFE9;
	margin-top:10%;
	padding-top:2%;
}
body.single main .pagenav li{
	display:table-cell;
	position:relative;
	vertical-align:top;
}
body.single main .pagenav li.next{
	padding:0 2rem 0 1.5rem;
}
body.single main .pagenav li.prev{
	padding:0 1.5rem 0 2rem;
	text-align:right;
}
body.single main .pagenav li span{
	display:block;
	font-size: 92%;
	color:#999;
}
body.single main .pagenav li a{
	position:relative;
}
body.single main .pagenav li::before{
	content:"";
	display:block;
	width:.5rem;height:.5rem;
	position:absolute;
	top:50%;
	transform:rotate(45deg) translateY(-50%);
	-webkit-transform:rotate(45deg) translateY(-50%);
	-moz-transform:rotate(45deg) translateY(-50%);
}
body.single main .pagenav li.prev::before{
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	right:.5rem;
}
body.single main .pagenav li.next::before{
	left:0;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}