@charset "utf-8";
/******************************************************************
Theme Name: stork child
Template: jstork
Theme URI: https://open-cage.com/stork-child/
Description: コウノトリは幸運を運ぶ鳥。子テーマ
Version: 1.1.2
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;
}
#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_text img {
    margin-bottom: 0em;
}
/* =========================
HEADER STYLES
========================= */
#breadcrumb {
	padding: 0.5em;
}
/* Layout simple */
.top-post-list .post-list{
	padding: 0em 0em 3.8em;
}
.top-post-list .post-list a {
	display:inline;
	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);
}

@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;
	}
}
@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) {
	#logo img {
		max-height: 40px;
	}
}
@media only screen and (min-width: 1166px) {
	#container{
		width:960px;
		margin:0 auto;
	}
	#custom_header {
		margin-top: 20px;
	}
	#custom_header .wrap {
	    padding: 0% 2% 4% 2%;
	}
	.header {
		margin: 0;
	}
	.wrap {
		width: 960px;
	}
	#inner-content {
		width: 960px;
		padding: 0.5em 0;
		margin-bottom: 1em;
	}
	#main {
		width: 630px;
		margin: 0px;
		padding: 0px;
	}
	#sidebar1 {
		width: 300px;
		float: right;
		padding-right: 0;
	}
	.single .byline .cat-name {
		left: -0.7em;
	}
	.nav > li {
		font-size: 68%;
	}
	.nav > li > a {
		padding: 12px 0.7em 6px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
	#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: 961px) and (max-width: 1165px) {
	#container{
		width:960px;
		margin:0 auto;
	}
	#custom_header .wrap {
	    padding: 0% 2% 4% 0%;
	}
	#inner-content {
		width: 960px;
		padding: 0.5em 0;
	}
	#main {
		width: 70%;
		margin: 0 -25px;
		padding: 0 25px;
	}
	#sidebar1 {
		width: 31%;
		float: right;
	}
	.header .wrap,
	#breadcrumb .wrap {
		width: 960px;
	}
	#breadcrumb {
		width: 960px;
	}
}
/* --------------------------------------------- */


/* Tablet Styles */


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

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