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

#article .box{
	position: relative;
	margin-bottom:50px;
}
#article .ttl{
	color:#E68183;
	border-bottom:2px solid #E68183;
	font-size:18px;
	padding-bottom:10px;
}
#article .cat{
	display: inline-block;
	background:#E68183;
	color:#FFF;
	font-size:14px;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom:30px;
	padding: 0 12px;
}
#article .date{
	font-size:14px;
	text-align:right;
}
#article p{
	line-height:2;
}
#sidebar .block p{
	background:#E68183;
	color:#FFF;
	text-align:center;
	margin-bottom:20px;
	padding-top:5px;
	padding-bottom:5px;
}

#sidebar .block ul li{
	margin-bottom:10px;
}
#sidebar .block ul li{
	list-style:disc;
	list-style-position:inside;
}
#sidebar .block ul li a:hover{
	text-decoration:underline;
}
#sidebar .block ul li a{
	font-size:14px;
}



#sidebar .block ul.archive li{
	list-style:none;
}

.page .prev{
	float:left;
}
.page .next{
	float:right;
}
.page .prev,
.page .next{
	margin-bottom:30px;
}

.page a{
	font-size:14px;
}
.page a:hover{
	text-decoration:underline;
}
.pagenavi{
	text-align:center;
	margin-bottom:50px;
}
.pagenavi .previouspostslink,
.pagenavi .page,
.pagenavi .current,
.pagenavi .nextpostslink{
	border:none;
}


@media screen and (max-width: 768px){
#blog{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
#sidebar{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
#sidebar .block{
	margin-bottom:30px;
}
#sidebar .block ul.archive{
	margin-bottom:50px;
}

}



@media screen and (min-width: 769px){
#article{
	width:700px;
	float:right;
}
#article .date{
	margin-top:40px;
}

.page{
	margin-top:40px;
}

	#blog {
		position: relative;
	}
	#blog::after {
		display:block;
		clear:both;
		content:" ";
	}
	
	#sidebar{
		width:220px;
		float:left;
	}

	.is-default {
		position: relative;
	}
	.is-fixed {
		position: fixed;
		top: 0;
	}
	.is-end {
		position: absolute;
		top: auto;
		bottom: 0;
	}
	
	#sidebar .block{
		margin-bottom:50px;
	}
}