.cf:before,.cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
	a {
		color: #000000;
		text-decoration: none;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}
	a img{
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
	}

	a:active, a:hover, a:hover img { opacity: 0.7; }
	img { max-width: 100%; height: auto; }
/*.blog-page { background-image: url("assets/images/blog_header_img01.jpg");
	background-size: 100% auto; }
.blog-page .inner h2 { background-image: url("assets/images/blog_header_img.png"); }*/
#content { margin-bottom: 200px; }
#content h3.mainch3 { margin-top: 60px; }
.wrap { width: 1100px; margin: 0 auto; font-family: "Sawarabi Gothic"; }
.wrap header { height: auto; border-top: none; }
#primary { float: left; width: 720px; }
#secondary { float: right; width: 300px; }
/*#content a { color: #000000; }*/
/*#primary #linktab { width: 720px; margin-bottom: 40px; }
#primary #linktab li { display: inline-block; width: 240px; height: 40px; text-align: center;
	line-height: 40px; font-size: 16px;  }
#primary #linktab li a { display: block; width: 240px; height: 40px; border-bottom: #868686 1px solid; }
#primary #linktab li a.active { border-bottom: none; border-top: #868686 1px solid; 
	border-left: #868686 1px solid; border-right: #868686 1px solid; }*/
.wrap .page-header { margin-bottom: 30px; text-align: center; }
.wrap header.page-header h1 { position: static; background: none; width: auto; height: auto; margin-left: 0; }
#primary.archive .post { padding: 20px 60px 20px 20px; border: #E5E1D6 1px solid; min-height: 130px;
	background: url(/images/icon_arrow_b.svg) 680px center no-repeat; margin-bottom: 20px; }
/*#primary.single .post { border-bottom: #E5E1D6 1px solid; margin-bottom: 35px; }*/
#primary.archive .post .post-thumbnail { width: 120px; float: left; margin-right: 16px;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
 }
#primary.archive .post .post-thumbnail img { width: 120px; height: auto;
		-webkit-transition: 0.3s ease-in-out;
		   -moz-transition: 0.3s ease-in-out;
			 -o-transition: 0.3s ease-in-out;
				transition: 0.3s ease-in-out;
 }
#primary.archive .post:hover { background-position: 682px center; }
#primary.archive .post:hover .post-thumbnail img {
	opacity: 0.7;
}
#primary .entry-meta { color: #808080; margin-bottom: 8px; font-size: 13px; }
#primary .entry-meta .post-categories{ display: inline-block; }
#primary .entry-meta .post-categories li { display: inline-block; width: auto; height: 17px; line-height: 17px;
	text-align: center; margin-right: 5px; background: #EFEBDE; padding: 0 5px; }
#primary .entry-meta .post-categories li a { color: #221815; }
#primary .entry-meta .published { display: none; }
#primary .entry-meta .published.updated { display: inline-block; }
#primary h3.entry-title { margin-top: 18px; color: #10386B; line-height: 24px; }
#primary h3.entry-title a { color: #10386B; }
#primary h2.entry-title { margin-top: 18px; color: #10386B; line-height: 24px; }
#primary h2.entry-title a { color: #10386B; }
#primary h1.entry-title { font-size: 22px; color: #10386B; text-align: left;
	margin-bottom: 45px; position: static; background: none; width: auto; height: auto; margin-left: 0;
	line-height: 22px; }
#primary.single .entry-header { margin-bottom: 40px; border-top: #10386B 2px solid; padding-top: 20px; }
#primary.single .post-thumbnail { margin-bottom: 45px; }
#primary .entry-content { line-height: 1.7; }
#primary.archive .entry-content { display: none; }
#primary .entry-content p { margin-bottom: 1em; }
#primary .entry-footer { display: none; }
#primary #comments { display: none; }
#primary .screen-reader-text,#primary .nav-subtitle { display: none; }
/*.post-navigation { width: 360px; font-size: 14px; margin: 0 auto; }
	.post-navigation .nav-previous {
		float: left;
		width: 30%;
	}
	.post-navigation .nav-previous a:before { content: "\f104"; font-family: FontAwesome;
		padding-right: 15px; }

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 30%;
	}
	.post-navigation .nav-next a:after { content: "\f105"; font-family: FontAwesome;
		padding-left: 15px; }
	.bback { text-align: center; width: 200px; margin: 0 auto; display: block; }*/
.pagination,.post-navigation { margin-top: 60px; padding-top: 18px; border-top: #D8D8D8 2px solid; 
	text-align: center; }
.pagination .icon,.post-navigation .icon { display: none; }
.pagination .page-numbers { width: 28px; height: 28px; display: inline-block; text-align: center;
	line-height: 28px; margin-right: 10px; vertical-align: bottom; color: #10386B; }
.pagination .page-numbers.current,.pagination .page-numbers:hover { background:#10386B; color: #ffffff;
	opacity: 1; position: relative; }
.pagination .page-numbers.current:before { content: ""; position: absolute; top:-20px; left:-6px; width: 40px;
	height: 2px; background: #10386B; }
#primary .pagination .screen-reader-text { display: inline-block; }
#primary .pagination h2.screen-reader-text { display: none; }
#primary .pagination .screen-reader-text.meta-nav { display: none; }
.pagination .page-numbers.next,.pagination .page-numbers.prev { border: #10386B 1px solid; width: 120px;
	color: #221815; }
.pagination .page-numbers.next:hover,.pagination .page-numbers.prev:hover { color: #ffffff; }
.pagination .prev:before,.post-navigation .nav-previous:before { content: "\f0d9"; font-family: FontAwesome; 
	color: #10386B; padding-right: 12px; }
.pagination .next:after,.post-navigation .nav-next:after { content: "\f0da"; font-family: FontAwesome; 
	color: #10386B; padding-left: 12px; }
.pagination .prev:hover:before,.pagination .next:hover:after { color: #ffffff; }
.post-navigation .nav-previous,.post-navigation .nav-next { border: #10386B 1px solid; width: auto;
	color: #221815; display: inline-block; height: 28px; line-height: 28px; margin: 0 10px; padding: 0 10px;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 340px; }
	

#secondary input[type="search"] {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}
#secondary button,
input[type="button"],
input[type="submit"] {
	background: none;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	/*padding: 1em 2em;*/
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 6px;
	/*padding: 0.5em 1em;*/
	position: absolute;
	right: 3px;
	/*top: 3px;*/
}

.search-form .search-submit .icon {
	height: 18px;
	/*top: -2px;*/
	width: 18px;
}

#secondary h2.widget-title { font-size: 18px; padding-bottom: 10px; border-bottom: #D8D8D8 1px solid;
	margin-bottom: 20px; padding-left: 15px; position: relative; color: #10386B; }
#secondary h2.widget-title:before { content: ""; position: absolute; top:8px; left: 0; width: 3px;
	height: 16px; background: #10386B; }
#secondary section { margin-bottom: 40px; font-size: 13px; line-height: 30px; }
#secondary table { width: 300px; }
#secondary table td { text-align: center; }
#secondary table a { text-decoration: underline; }
#secondary #npcatch span.date { display: block; }
#secondary #npcatch .title { width: 190px; }
#secondary ul li a { text-decoration: underline; }
/*.site footer{width:100%;height:300px;}.site footer .inner{height:260px;}.site footer .inner .copyright-area{border-top:none;height:30px;}*/
/*footer .inner .group{width:200px;height:120px;padding:15px 0 0 25px;border-left:1px solid #333;position: absolute;top:60px;left: 340px;color: #999;}footer .inner .group p{margin-bottom: 12px;}footer .inner .copyright-area .group div{width:170px;font-size:16px;line-height:4.5}*/
.sub-image-area img {
    display: none;
}

@media screen and (max-width: 750px){
	#content { margin-bottom: 0; }
	#content h3.mainch3 { margin-top: 6vw; }
	/*#linktab { display: none; }*/
	.wrap { width: 92vw; margin: 0 auto; }
	#primary { float: none; width: 92vw; margin: 0 auto; }
	#primary img { max-width: 92vw; }
	#secondary { float: none; width: 92vw; margin: 20vw auto; }
	#primary.archive .post { padding: 4vw 8vw 4vw 4vw; border: #E5E1D6 1px solid; min-height: 35vw;
		background: url(/images/icon_arrow_b.svg) 87vw center no-repeat; margin-bottom: 4vw; }
	#primary.archive .post .post-thumbnail { width: 40vw; float: left; margin-right: 4vw;
	 }
	#primary.archive .post .post-thumbnail img { width: 40vw; height: auto;
	 }
	#primary .entry-meta { margin-bottom: 2vw; font-size: 3.2vw; }
	#primary .entry-meta .post-categories li { width: auto; height: 6vw; line-height: 6vw; padding: 0 2vw;
	margin-right: 2vw; }
	#primary h3.entry-title,#primary h2.entry-title { margin-top: 4vw; line-height: 4vw; }
	#primary h1.entry-title { font-size: 4.2vw; margin-bottom: 4vw; 
	line-height: 5vw; }
	.pagination,.post-navigation { margin-top: 4vw; padding-top: 3vw; }
	.pagination .page-numbers { width: 6vw; height: 6vw; 
	line-height: 6vw; margin-right: 2vw;  }
	.pagination .page-numbers.next,.pagination .page-numbers.prev { width: auto; padding: 0 2vw; }
	.pagination .page-numbers.current:before { content: ""; position: absolute; top:-3vw; left:-1vw; width: 8vw;
	height: 2px; background: #10386B; }
	.pagination .prev:before,.post-navigation .nav-previous:before { padding-right: 2vw; }
	.pagination .next:after,.post-navigation .nav-next:after { padding-left: 2vw; }
	.post-navigation .nav-previous,.post-navigation .nav-next { height: 6vw; line-height: 6vw; margin: 0 2vw; padding: 0 2vw;
	overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 45vw; }


	.sub-image-area .inner {
	    display: none;
	}
	.sub-image-area img {
	    display: block;
	    width: 100%;
	    height: auto;
	}
	.site-content-contain footer { margin-bottom: 0; }
}