@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/
body {
	background: #ffffff;
}
#container > header {
	display: flex;
	justify-content: space-between;
	width: 1070px;
	margin: 0.5rem auto 0;
	flex-wrap: wrap;
}
#container > header #header-in {
	width: auto;
}

header .search {
	display: none;
	margin: 0 auto;
	width: 100%;
	padding: 0.3rem 0.3rem 1rem;
}
#header .alignleft {
	margin: 0 auto;
}
#header-in .search_button {
	display: none;
}

#site-description {
	display: none;
}

#navi {
	background: #006AB8;
}
#navi ul, #navi ul.sub-menu, #navi ul.children {
	background: none;
	border: none;
}
#navi #navi-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
}
#navi #navi-in > div {
	width: 80%;
}
#navi #navi-in > div.search {
	width: auto;
}
#navi #navi-in #s {
	height: 1.5rem;
}
#navi #navi-in input[type="text"] {
	font-size: 0.8rem;
	padding: 0.2rem;
	min-width: 200px;
}
#navi #searchsubmit {
	width: 1rem;
	height: 1rem;
	margin: 0;
	padding: 0;
	background-size: 100% 100%;
}


#navi ul.menu {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
#navi ul.menu > li {
	float: none;
	width: 100%;
	min-width: 85px;
	text-align: center;
	border-left: 1px solid #ffffff;
}
#navi ul.menu > li:last-child {
	border-right: 1px solid #ffffff;
}
#navi ul.menu > li > a {
	font-weight: bold;
	padding: 0.5em 0.7em;
}

#breadcrumb {
	margin-top: 0.3rem;
	margin-bottom: 0.5rem;
}

#main {
	border: none;
	border-radius: 0;
	padding: 0;
}
#main .post, #main .page {
	margin-bottom: 1rem;
}

.post-meta,
.entry .post-meta {
	display: flex;
	justify-content: space-between;
	line-height: normal;
	align-items: center;
}
.post-meta span,
.entry .post-meta span {
	font-size: 0.7rem;
}
.post-meta span.category,
.entry .post-meta span.category {
	display: block;
	width: 72px;
	text-align: center;
	background: #006AB8;
	padding: 0.1rem;
}
.post-meta span.category a,
.entry .post-meta span.category a {
	color: #ffffff;
	text-decoration: none;
}
.post-meta span.category span,
.entry .post-meta span.category span {
	display: none;
}

.entry-right-content {
	max-width: 580px;
}

.entry-card-content {
	margin-left: 0;
	display: flex;
}
.entry-card-content figure {
	float: none;
	width: 150px;
}
.entry-thumb img {
	max-width: none;
}

.entry-read a {
	padding: 3px 15px;
	border: 1px solid #ddd;
	background: #eee;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #0c57a2;
}

.metainfo {
	line-height: 1.2;
	padding: 0.3rem 0;
	border-top: 1px dotted #cccccc;
}
.metainfo ::before {
	font-size: 0.6rem;
	border: 1px solid #cccccc;
	display: inline-block;
	padding: 0.1rem 0.2rem;
	margin-right: 0.3rem;
}
.metainfo .category {
	margin-right: 0.5rem;
}
.metainfo a {
	font-size: 0.7rem;
}
.metainfo .fa-fw {
	width: auto;
}
.metainfo .fa-folder:before {
	content: 'カテゴリー';
}
.metainfo .fa-tags:before {
	content: 'タグ';
}

h1#archive-title {
	padding-bottom: 0;
}
.archive-title-pb,
.archive-title-pa,
.archive-title-list-text {
	display: none;
}

.article h2 {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 1.2rem;
}
.article p {
	margin: 0 0 1rem;
}

.eye-catch {
	float: right;
	margin: 0 0 0.3rem 0.3rem;
}
.eye-catch img {
	display: block;
	border: 1px solid #eeeeee;
	max-width: 250px;
	margin-bottom: 0.5rem;
}
	
#post-2 ul.snsb,#post-2 ul.snsb,#post-2 ul.snsb,#post-2 ul.snsb,
#post-2 #sns-group,#post-2 #sns-group,#post-2 #sns-group,#post-2 #sns-group {
	display: none; 
}

.navigation {
	display: flex;
	margin: 0;
}
.navigation > div,
.navigation > div + div {
	border: none;
}
.navigation a {
	font-size: 0.8rem;
}
.navigation a:hover {
	background: rgba(200,200,200,0.2);
}
.navigation a span {
	display: none;
}
.navigation .prev a::before {
    content: "\f060";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.3rem;
}
.navigation .next {
	text-align: right;
}
.navigation .next a::after {
    content: "\f061";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.3rem;
}

.related-entry {
	margin: 0;
}
#related-entries h2 {
	font-size: 0.8rem;
	color: #ffffff;
	background: #333333;
	border-top: 3px solid #006AB8;
	padding: 0.2rem 0.5rem;
}
.related-entry-content {
	margin-left: 0;
}
.related-entry-title {
	margin: 0;
}

#sidebar {
	border: none;
	border-radius: 0;
}

#sidebar h3.widget_title {
	font-size: 0.8rem;
	color: #ffffff;
	background: #333333;
	border-top: 3px solid #006AB8;
	padding: 0.2rem 0.5rem;
	margin: 0;
}
#sidebar .widget {
	margin-bottom: 1rem;
}

#searchform {
	margin-top: 0;
}
#s {
	margin-bottom: 0;
}
#sidebar .popular-posts ul {
	padding-left: 0;
}

#sidebar ul, #sidebar ol, .widget-over-article ul, .widget-over-article ol, .widget-under-article ul, .widget-under-article ol, .widget-over-sns-buttons ul, .widget-over-sns-buttons ol, .widget-under-sns-buttons ul, .widget-under-sns-buttons ol {
	margin: 0.5rem 0;
}
.related-entry,
.popular-posts ul li,
.widget_new_entries ul li,
.widget_new_popular ul li,
.widget_popular_ranking ul li {
	display: flex;
	align-items: center;
}
.related-entry-thumb img,
.popular-posts ul li img,
.widget_new_entries ul li img,
.widget_new_popular ul li img,
.widget_popular_ranking ul li img {
	max-width: none;
	margin: 0 0.3rem 0 0;
	float: none;
	object-fit: cover;
	display: block;
}
.popular-posts ul li a,
.widget_new_entries ul li a,
.widget_new_popular ul li a,
.widget_popular_ranking ul li a {
	font-size: 0.9rem;
}
.widget_new_entries,
.widget_new_popular,
.widget_popular_ranking {
	line-height: 1.3;
}
.widget_archive select {
	margin: 0.5rem auto;
}

#sidebar .tie_up_post * {
	padding: 0;
	line-height: 1.3;
	font-size: 0.9rem;
}
#sidebar .tie_up_post li {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}
#sidebar .tie_up_post li figure > a {
	display: block;
	width: 75px;
	height: 75px;
}
#sidebar .tie_up_post li figure img {
	width: 75px;
	height: 75px;
	object-fit: cover;
}
#sidebar .tie_up_post li p {
	margin: 0;
	padding: 0.3rem;
}
#sidebar .tie_up_post li p a {
	text-decoration: none;
	color: #222222;
}
#sidebar .tie_up_post li p a:hover {
	text-decoration: underline;
	color: #c03;
}
.popular-posts {
	counter-reset: number 0;
}
.popular-posts ul li::before {
	counter-increment: number 1;
	content: counter(number) " ";
	display: block;
	background: #CC0000;
	color: #ffffff;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0 0.4rem;
	margin-right: 0.3rem;
}
.popular-posts ul li:nth-child(n+4)::before {
	background: #777777;
	color: #ffffff;
}

#footer-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer-in .footer-logo {
	width: 200px;
}

footer #copyright,
footer #copyright a {
	color: #333333;
}
footer .credit span {
	display: block;
	font-size: 0.7rem;
}


@media screen and (max-width: 1110px) {
	#h-top {
		min-height: inherit;
	}
	#body {
		margin-top: 0;
	}
	#container > header {
		width: auto;
	}
	#container > header > div:last-child {
		margin: 0.3rem auto;
	}

	#header-in {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}
	#header-in .search_button {
		display: block;
		padding: 0.3rem;
	}
	#header-in .search_button img {
		max-width: 30px;
	}
	#site-title {
		margin: 0;
	}

	#mobile-menu {
		display: none;
	}

	#navi #navi-in > div {
		width: 100%;
	}
	#navi #navi-in > div.search {
		display: none;
	}
	#navi #navi-in {
		padding: 0;
	}

	#navi ul {
		display: inherit;
	}
	#navi ul.menu {
		flex-wrap: wrap;
	}
	#navi ul::after {
		display: none;
	}
	#navi ul.menu > li:last-child,
	#navi ul.menu > li {
		width: 50%;
		min-width: unset;
		border: none;
	}
	#navi ul.menu > li:nth-child(n+3) {
		width: 25%;
	}
	#navi ul.menu > li a {
		border-left: 1px solid rgba(255,255,255,0.3);
		border-top: 1px solid rgba(255,255,255,0.3);
		font-size: 0.8rem;
	}
	#navi ul.menu > li a {
		border-right: 1px solid rgba(0,51,102,0.8);
		border-bottom: 1px solid rgba(0,51,102,0.8);
	}
	#navi ul.menu > li:nth-child(2) a,
	#navi ul.menu > li:last-child a {
		border-right: 1px solid rgba(255,255,255,0.3);
	}



	div#sidebar {
		padding: 0.3rem;
	}

	.ad-space{
		margin: 0 auto;
	}
	.widget-over-article {
		margin: 0;
	}
	.ad-space .ad-mobile {
		text-align: center;
	}
	.ad-space .ad-mobile img {
		width: auto;
	}
	footer {
//		padding-bottom: 100px;
	}

}

@media screen and (max-width: 639px) {
	#site-title {
		margin: 0;
	}

	#breadcrumb {
		display: none;
	}

	div#main {
		padding: 0 0 0.3rem 0;
	}
	#container #main {
		margin-bottom: 1rem;
	}
	.post {
		padding: 0.3rem;
	}
	.eye-catch {
		float: none;
		margin: 0 auto 0.3rem;
	}
	.article h1, .entry h2 a, #archive-title, .article h2, .article h3, .article h4, .article h5 .article h6, .article h3, #comment-area h2, #related-entries h2 {
		line-height: 1.1;
	}

	#archive-title {
		font-size: 0.8rem;
		color: #ffffff;
		background: #333333;
		border-top: 3px solid #006AB8;
		padding: 0.2rem 0.5rem;
	}

	.related-entry {
		display: flex;
	}
	.related-entry-snippet,
	.related-entry-content footer {
		display: none;
	}
	#sidebar .popular-posts li {
		margin: 0.3rem 0;
		padding-bottom: 0.3rem;
	}
	.popular-posts ul li {
		border-bottom: 1px dotted #dddddd;
	}
	.popular-posts ul li:last-child {
		border-bottom: none;
	}
	.popular-posts ul li::before {
		margin: 0.5rem;
	}
	.popular-posts ul li img {
//		display: none;
	}

	.entry-right-content,
	.entry .post-meta {
		display: none;
	}
	#main .post {
		margin-bottom: 0;
		border-bottom: 1px solid #ccc;
	}
	#main .entry-card {
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
	}
	.entry-card-content figure {
		width: auto;
	}
	.entry .entry-thumb a, .related-entry-thumb a {
		padding: 5px;
	}
	.entry-card .entry-thumb img {
		margin-bottom: 0;
	}
	.related-entry-thumb {
		float: unset;
		margin: 0;
	}
	#main .entry-card, #main .related-entry {
		margin-bottom: 0;
		border-bottom: 1px solid #ccc;
	}

	div#sidebar {
		padding: 0.3rem 0;
	}
	#related-entries h2,
	#archive-title,
	h1#archive-title,
	#sidebar h3.widget_title {
		margin: 0;
		padding: 0.5rem;
		font-size: 1rem;
	}
	#sidebar ul {
		margin: 0;
	}
/*
	body.home #main {
		display: none;
	}
*/
	.navigation > div, .navigation > div + div {
		width: 50%;
	}


	#sidebar .new-entry-content,
	#sidebar .tie_up_post li figure img,
	.related-entry-thumb img, .popular-posts ul li img, .widget_new_entries ul li img, .widget_new_popular ul li img, .widget_popular_ranking ul li img {
		margin: 0;
		padding: 0.3rem;
	}
	#sidebar li,
	#sidebar .tie_up_post li {
		border-bottom: 1px solid #ccc;
		margin: 0;
	}

	#sidebar-widget {
		display: flex;
		flex-wrap: wrap;
	}
	#sidebar-widget aside {
		width: 100%;
	}
	#search-2 {
		order: 1;
		padding: 0.3rem;
	}

	#wpp-2 {
		order: 3;
	}
	#new_entries-2 {
		order: 2;
	}
	#execphp-2 {
		order: 4;
	}
	#execphp-3 {
		order: 5;
	}
	#execphp-3 {
		order: 5;
	}
	#archives-2 {
		display: none;
	}

	#div-gpt-ad-1553498112644-0,
	#execphp-9 {
		text-align: center;
	}

	#footer {
		padding: 1rem 0.3rem;
	}
	#footer-in {
		display: block;
	}
	#footer-in .footer-logo {
		margin: 0 auto;
		width: 150px;
	}
	#copyright {
		padding: 0;
	}
	footer .credit span {
		display: inline-block;
		text-align: left;
	}
	#footer-navi ul li {
		display: inline-block;
		padding: 0.3rem;
	}
	#footer-navi ul li::before {
		content: '';
		padding: 0;
	}
}
/*------------------------------------- .entries-list */
.entries-list {
	margin: 0;
	padding: 0;
}
.entries-list li {
	list-style-type: none;
	border-bottom: 1px solid #ddd;
}
.entries-list figure a {
	display: grid;
	grid-template-columns: 100px 1fr;
	align-items: center;
	padding: 0.3rem 0;
	gap: 0.5rem;
	color: #222;
	text-decoration: none;
}
.entries-list figure a:hover {
	color: #c00;
	text-decoration: underline;
}
.entries-list figure a img {
	display: block;
	object-fit: cover;
	width: 100px;
	height: 100px;
}
.entries-list figure a figcaption {
	font-weight: bold;
	font-size: 1rem;
}
@media screen and (max-width: 639px) {
	.entries-list figure a {
		padding: 0.3rem;
	}
}
/*------------------------------------- 全文を読む */
div.content-short-thumb{
 float: left;
 padding: 10px 10px 10px 0;
}
a.readmore {
 display: block;
 border: #006ab8 4px solid;
 text-align: center;
 padding: 12px;
 color: #006ab8;
 border-radius: 3px;
 margin-top: 25px;
 margin-bottom: 20px;
 position: relative;
 clear: left;
 font-weight: bold;
 background: #ebebeb;
}
a.readmore span {
 display: block;
 position: absolute;
 width: 8px;
 height: 8px;
 border-top: #006ab8 2px solid;
 border-right: #006ab8 2px solid;
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 transform: rotate(45deg);
 right: 10px;
 top: 44%;
}
/*------------------------------------- schema.org */
#breadcrumb ol {
	margin: 0;
	padding-left: 0;
}
#breadcrumb li {
	display: inline-block;
	list-style: none;
}
