@charset "utf-8";

#kv {
	background:url(../images/kv.jpg) center center no-repeat;
	background-size:cover;
}

article#wrap > header > div > h1 {
	background-color:#0084B9;
}

article > section > header {
	background:url(../../shared/images/bg_title1.png) left center repeat-x;
	text-align:center;
	margin-bottom:40px;
}
article > section > header > h2 {
	display:inline-block;
	font-size:42px;
	background-color:#FFF;
	padding:0 20px;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
}
	@media(max-width:767px) {
		article > section > header > h2 {
			font-size:34px;
		}
	}



#main {
	width:66.66%;
	float:left;
	margin-bottom:80px;
}
	@media(max-width:767px) {
		#main {
			width:auto;
			float:none;
		}
	}

#main p {
	line-height:1.5;
	margin-bottom:1em;
}
#main p img {
	max-width:100%;
	height:auto;
}
#main > header {
	margin-bottom:30px;
}
#main > header > h2 {
	display:block;
	font-size:28px;
	padding-bottom:5px;
	border-bottom:3px solid #CCC;
	margin-bottom:15px;
	line-height:1.3;
}
#main > header div span {
	padding:5px 0;
	float:left;
}
#main > header div strong {
	font-weight:normal;
	float:right;
	border:1px solid #999;
	padding:5px;
}
#main > footer {
	margin-top:50px;
	background-color:#F6F6F6;
	padding:15px;
	font-size:18px;
}
#main > footer ul li {
	line-height:1.1;
}
#main > footer ul li.prev {
	float:left;
	width:48%;
}
#main > footer ul li.next {
	float:right;
	text-align:right;
	width:48%;
}

#nav {
	width:28.125%;
	float:right;
}
	@media(max-width:767px) {
		#nav {
			width:auto;
			float:none;
		}
	}

#nav > .categories {
	margin-bottom:50px;
}
#nav > .categories ul li {
	margin-bottom:15px;
}
#nav > .categories ul li a {
	display:inline-block;
	border:1px solid #999;
	padding:5px;
}
#nav > div > strong {
	display:block;
	border-left:5px solid #0084B9;
	padding:5px 0 5px 8px;
	margin-bottom:20px;
}
#nav > .newpost ul li {
	padding-bottom:15px;
	border-bottom:dotted 1px #999;
	margin-bottom:15px;
	line-height:1.3;
}
#nav > .newpost ul li a img {
	width:90px;
	height:auto;
	margin:0 10px 5px 0;
	float:left;
}

/* archive */
#main > ul.archive li {
	width:46.875%;
	float:left;
	font-size:18px;
	border:1px solid #999;

	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;

}
	@media(max-width:767px) {
		#main > ul.archive li {
			width:auto;
			float:none;
			margin-bottom:15px;
		}
	}

#main > ul.archive li:nth-child(even) {
	float:right;
}
	@media(max-width:767px) {
		#main > ul.archive li:nth-child(even) {
			float:none;
		}
	}

#main > ul.archive li a {
	display:block;
	padding:10px;
}
#main > ul.archive li a:hover {
	background-color:#F6F6F6;
}
#main > ul.archive li a div {
	margin-bottom:8px;
}
#main > ul.archive li a figure {
	width:30%;
	float:left;
}
#main > ul.archive li a figure img {
	width:100%;
	height:auto;
}
#main > ul.archive li a strong {
	display:block;
	width:65%;
	float:right;
	line-height:1.3;
}
#main > ul.archive li a span {
	display:block;
	font-size:16px;
	text-align:right;
}