@charset "UTF-8";
/* CSS Document */

#contents h2{
	padding-top:5%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	font-size:1.8rem;
	margin:0 0 2%;
}

nav.page {
	float:left;
}

nav.page li{
	display:inline-block;	
}

html.ie7 nav.page li{
	display:inline;
}

nav.page li:first-child{
	display:none;	
}

nav.page li:after{
	content:'/';
	margin:0 4px;
}

nav.page li a{
	display:inline-block;
	padding:3px 5px;
}

html.ie7 nav.page li a{
	display:inline;	
}

form.archive{
	float:right;	
}

article.entry{
	margin:40px 0;	
}

.title{
	background:#EAEAEB;
	font-size:16px;
}

.title h3{
	position:relative;
	z-index:1;
	padding:1em 100px 1em 0;
	line-height:1.35;
}

.title h3 time{
	display:block;
	font-size:13px;	
	position:absolute;
	z-index:1;
	right:0;
	top:50%;
	margin-top:-6px;
	line-height:1;
}

.entry-body{
	padding:4% 0;	
}

.entry-body p{
	margin-bottom:1em;	
}



/* All SP & Tablet */
@media screen and (max-width:979px){

	.title{
		font-size:15px;	
	}

	article.entry{
		margin:6% 0;	
	}
	

}

/* All SP */
@media screen and (max-width:639px){

	nav.page {
		float:none;
		margin:0 0 2%;
	}
	
	nav.page li a{
		display:inline-block;
		padding:3px 5px;
	}
	
	form.archive{
		float:none;	
	}
	
	form.archive select{
		width:100%;
	}

	.title{
		font-size:14px;
	}
	
	.title h3{
		z-index:1;
		padding-right:0;
	}

	.title h3 time{
		font-size:12px;	
		position:static;
		text-align:right;
		margin-top:0.5em;
	}
}

/* Portrait */
@media screen and (max-width:479px){
	
}

/* Landscape*/
@media screen and (min-width:480px) and (max-width:639px){

}

/* Tablet */
@media screen and (min-width:640px) and (max-width:979px){

}