@charset "utf-8";
/******************************************************************
Theme Name: stork oej
Template: jstork
Theme URI: https://open-cage.com/stork/
Description: コウノトリは幸運を運ぶ鳥。
Version: 1.1.4
Author: opencage
Author URI: https://open-cage.com/

License: GNU General Public License
License URI: licence.txt
******************************************************************/
body {
    font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Lato", sans-serif;
    font-family: "游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",Meiryo,Arial,Helvetica,sans-serif;
}
.header{
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin:0!important;
	border-bottom:1px solid #c0c0c0;
}
#logo {
    padding: 0;
}
#custom_header .wrap {
    padding: 4% 2% 6%;
}
#custom_header {
    text-align: left;
}
#custom_header .en {
	color:white;
    font-size: 1.5em;
	font-weight:bold;
}
#custom_header .ja {
	color:white;
    font-weight: bold;
}
.gf {
    font-family: inherit;
}
.short{
    display:none;
}
.widget .calendar_wrap a,
.widget .calendar_wrap a:visited{
	color:#ef681a!important;
}
.widget.widget_search{
	margin-bottom:0.75em;
}
.widget.widget_text img {
    margin-bottom: 0.75em;
}
.widget.widget_text hr {
	margin: 0.5em 0;
	border-top: 1px solid #c1c1c1;
	height: 0px;
	background: none;
}
.grecaptcha-badge { visibility: hidden; }
.wp-block-separator {
    border-bottom: 0px solid!important;
	border-top: 1px solid!important;
}
.top-nospace{
	margin-top:0!important;
}
.bottom-nospace{
	margin-bottom:0!important;
}
/* =========================
HEADER STYLES
========================= */
#breadcrumb {
	padding: 0.5em;
}
/* home icon for Breadcrumb NavXT */
#breadcrumb a.home::before {
    color: #93ddc6;
    font-family: "fontawesome";
    content: "\f015";
    display: inline-block;
    margin-right: 0.6em;
    transform: scale(1.3);
}
#breadcrumb span a {
    color: #666;
	text-decoration: none;
}
#breadcrumb span a:hover {
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
h1.page-title{
	display:none!important;
}
/* Layout simple */
.top-post-list .post-list{
	padding: 0em 0em 3.8em;
}
.top-post-list .post-list a {
	display:block;
	padding: 0em;
	text-decoration: none;
	border-bottom: 0px dotted #ccc;
	border-bottom: 0px dotted rgba(0, 0, 0, .2);
}
.top-post-list .post-list:first-child a {
	border-top: 0px dotted #ccc;
	border-top: 0px dotted rgba(0, 0, 0, .2);
}

/* =========================
PC/SP only
========================= */
.pc-only2,
.pc-only{
	display:block;
}
.sp-only{
	display:none!important;
}
@media only screen and (max-width: 480px) {
	#custom_header {
	    padding: 0% 0 4%;
	}
	#custom_header .wrap {
	    padding: 0% 2% 2%;
	}
	#custom_header .en {
	    font-size: 1.2em;
	}
	.pc-only{
		display:none!important;
	}
	.sp-only{
		display:block!important;
	}
}

@media only screen and (max-width: 767px) {
	#custom_header .wrap {
	    padding: 0% 2% 4% 0%;
	}
	#logo {
	    min-height: 40px;
	}
	#logo a img {
	    width: auto;
	    margin-top: 1px;
	    max-width: 100%;
	    max-height: 40px;
	}
	.top-post-list .post-list .entry-content .description {
		display: block;
	}
}
@media only screen and (min-width: 768px) {
	#container {
		overflow: visible;
	}
	.nav {
		margin-top: 10px;
	}
	.nav > li {
		font-size: 81.25%;
	}
	img.wide{
		margin:0 -5rem;
		max-width:120%!important;
	}
	#logo img {
		max-height: 45px;
	}
}
@media only screen and (min-width: 1166px) {
	#container{
		width:940px;
		margin:0 auto;
	}
	#custom_header {
		margin-top: 20px;
	}
	#custom_header .wrap {
	    padding: 0% 2% 4% 2%;
	}
	.header {
		margin: 0;
	}
	.wrap {
		width: 940px;
	}
	#inner-content {
		width: 940px;
		padding: 0.5em 0;
		margin-bottom: 1em;
	}
	#main {
		width: 610px;
		margin: 0px;
		padding: 0px;
	}
	#sidebar1 {
		width: 300px;
		float: right;
		padding-right: 0;
	}
	.single .byline .cat-name {
		left: -0.7em;
	}
	.nav > li {
		font-size: 81.25%;
	}
	.nav > li > a {
		padding: 12px 0.7em 6px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 940px) {
	#logo{
		padding:0 1em;
	}
	#custom_header .wrap {
	    padding: 0% 2% 4% 0%;
	}
	#inner-content {
		width: 100%;
		padding: 0.5em 0;
	}
	#main {
		width: 70%;
		margin: 0 -25px;
		padding: 0 25px;
	}
	#sidebar1 {
		width: 30%;
		float: right;
	}
}
@media only screen and (min-width: 941px) and (max-width: 1165px) {
	#container{
		width:940px;
		margin:0 auto;
	}
	#custom_header .wrap {
	    padding: 0% 2% 4% 0%;
	}
	#inner-content {
		width: 940px;
		padding: 0.5em 0;
	}
	#main {
		width: 610px;
		margin: 0px;
		padding: 0px;
	}
	#sidebar1 {
		width: 31%;
		float: right;
	}
	.header .wrap,
	#breadcrumb .wrap {
		width: 940px;
	}
	#breadcrumb {
		width: 940px;
	}
}
/* --------------------------------------------- */


/* Tablet Styles */


/* --------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1165px) {
	#breadcrumb {
		margin: 0 0 0em;
	}
	#custom_header {
		margin-top: 20px;
	}
}
/* --------------------------------------------- */


/* Top Book List */


/* --------------------------------------------- */
.book-list .post-list .eyecatch {
	max-height: none!important;
}
.book-list .post-list .eyecatch{
	width:33%;
}
.book-list .post-list .entry-content{
	width:64%;
}
.book-list .post-list {
    font-size: 0.9375rem;
	padding-bottom:1.8em;
	margin-bottom:1.8em;
	border-bottom:1px solid #999;
}
.book-list .post-list:last-child {
	border-bottom:0px solid #999;
}
.entry-content p{
	line-height:160%;
}
.book-list .post-list .entry-content .entry-title {
    font-size: 1.6em;
}
@media only screen and (max-width: 479px) {
.top-post-list .post-list {
    margin-left: 0em;
    margin-right: 0em;
}
.book-list .post-list .eyecatch{
	width:41%;
}
.book-list .post-list .entry-content{
	width:55%;
}
.book-list .post-list .eyecatch img{
    max-width: 100%;
}
.book-list .post-list .entry-content .entry-title{
	font-size:1.28em;
}
}
@media only screen and (min-width: 480px) {
.book-list .post-list .eyecatch img{
    max-width: 140px;
}
}