@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:16px/1.75 "Meiryo UI", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", "Osaka‐等幅", arial,helvetica,clean,sans-serif;
}
a{
	text-decoration:none;
}
.header{
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin:0!important;
	border-bottom:1px solid #c0c0c0;
}
#logo{
	padding: 0 0 0 0em;
}
.nav > li {
    font-size: 75%;
	vertical-align:middle;
}
.nav > li > a {
	padding: 12px 0.7em 6px;
}
#footer-bottom{
	padding-top:1em;
	font-size:0.875em;
}
#footer-bottom img{
	margin-bottom:0.5em;
}
.footer{
	margin-top:100px;
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#F4F4F4;
}
.footer .inner, #footer-top .inner {
    padding: 0px;
}
.footer-nav{
	margin:1em 0!important;
}
.bgnormal .footer {
    margin-bottom: 0em!important;
}
.footer .copyright{
	font-size:0.75rem;
	margin-top:10px;
	text-align:left;
}
.img_pad{
	display:block;
	float:left;
	margin:10px 10px 0px 0!important;
	width:184px!important;
}
a:nth-child(5n) .img_pad{
	margin:10px 0px 0px 0!important;
} 
#inner-content {
    box-shadow:none;
}
#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;
}
/* 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)";
}
/* 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);
}
#main .article header {
	margin-bottom: 0em;
}
/* =========================
画像キャプション
========================= */
.wp-block-image figcaption {
	font-size:0.9em;
	line-height:120%;
	text-align:center;
}
/* =========================
PC/SP only
========================= */
.pc-only2,
.pc-only{
	display:block;
}
.sp-only2,
.sp-only{
	display:none!important;
}
@media only screen and (max-width: 767px) {
	.pc-only2{
		display:none!important;
	}
	.sp-only2{
		display:block!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%;
	}
	.menu-sp{
		display:none;
	}
	#logo {
		margin-left: 0;
	}
	#logo .h1 img {
		margin-top:0.1em;
	}
	#logo {
	    min-height: 40px;
	}
	#logo a img {
	    width: auto;
	    margin-top: 1px;
	    max-width: 100%;
	    max-height: 40px;
	}
	/* menu */
	.nav_btn {
		right: 0px;
		left:auto;
	}
	/* search */
	.search_btn {
		right: 55px;
	}
	.top-post-list .post-list .entry-content .description {
		display: block;
	}
	.copyright {
	    padding: 0;
	}
	#footer-top .inner, .footer .inner {
		padding:0 1em;
	}
	#footer-bottom {
		font-size:0.875em!important;
	    text-align: left!important;
	}
	.img_pad{
		margin:1em 0 0 0!important;
		width:calc(50% - 0.5em)!important;
	}
	a:nth-child(5n) .img_pad{
		margin-top:1em!important;
	} 
	a:nth-child(2n+0) .img_pad{
		margin-left:1em!important;
	} 
	a:nth-child(2n+1) .img_pad{
		margin-left:0em!important;
	}
}
@media only screen and (min-width: 768px) {
	#logo .h1 {
		height:52px;
	}
	#logo .h1 img {
		margin-top:8px;
	}
	#g_nav .nav {
		margin-top: 10px!important;
	}
	.nav_btn.search_btn {
		padding: 7px 0 0;
		height:59px;
	}
	.nav_btn.search_btn + #g_nav {
		margin-right: 55px;
	}
	.page-full.wide #main {
		margin: 0em auto 1em;
	}
}
@media only screen and (min-width: 1166px) {
	#inner-header {
/*		min-height: 40px!important;*/
	}
	#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 0 0.5em;
		margin-bottom: 1em;
	}
	#main {
		width: 620px;
		margin: 0px;
		padding: 0px;
	}
	#sidebar1 {
		width: 300px;
		float: right;
		padding-right: 0;
	}
	.single .byline .cat-name {
		left: -0.7em;
	}
	.nav > li {
		font-size: 75%;
	}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#custom_header .wrap {
	    padding: 0% 2% 4% 0%;
	}
	#inner-content {
		width: 100%;
		padding: 0.5em 0;
	}
	#main {
		width: 70%;
		margin: 0 -20px;
		padding: 0 20px;
	}
	#sidebar1 {
		width: 30%;
		float: right;
	}
	a:nth-child(4) .img_pad,
	a:nth-child(8) .img_pad{
		margin:10px 0px 0px 0!important;
	} 
	a:nth-child(5) .img_pad{
		margin:10px 10px 0px 0!important;
	}
	#footer-top .inner, .footer .inner {
		padding:0 1em;
	}
}
@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: 620px;
		margin: 0;
		padding: 0;
	}
	#sidebar1 {
		width: 300px;
		float: right;
	}
	.header .wrap,
	#breadcrumb .wrap {
		width: 960px;
	}
	#breadcrumb {
		width: 960px;
	}
	#footer-top .inner, .footer .inner {
	    width: 960px;
	    padding: 0;
	}
}
/* --------------------------------------------- */


/* Tablet Styles */


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

@media only screen and (min-width: 768px) and (max-width: 1165px) {
	#breadcrumb {
		margin: 0 0 0em;
	}
	#custom_header {
		margin-top: 20px;
	}
}
/* --------------------------------------------- */
/* Widget Styles */
/* --------------------------------------------- */
.navi_topic{
	display:block;
	float:left;
	width:33%;
	margin:0.2em 0 1em!important;
}
.navi_program{
	display:block;
	float:right;
	width:64%;
	margin-bottom:1em!important;
}
.navi_program:after{
	content:"";
	height:0;
	clear:both;
}
.widget.topics{
	margin-bottom:10px;
}
/* =========================
hr
========================= */
hr.wp-block-separator {
    margin: 36px 0;
    height: 1px;
    background: #808080;
	border:none;
}
hr.wp-block-separator.blueline{
    margin: 4px 0 25px;
    height: 5px;
    background: #0086c3!important;
}
hr.wp-block-separator.bluedot{
    margin: 32px 0;
    border-top: 2px dotted #008bc9!important;
    border-right: none;
    border-bottom: none;
    border-left: none;
    height: 0px!important;
	background:transparent!important;
}
hr.footer-separator {
    margin: 16px 0;
    height: 1px;
    background: #808080;
	border:none;
}
/* =========================
Header Style
========================= */
h1,h2,h3,h4,h5{
	font-feature-settings : "palt" 1;
	-webkit-border-radius: 0px!important;
	border-radius: 0px!important;
	box-shadow: none!important;
}
/* 投稿 H1 */
.article h1.single-title{
	font-size: 2em!important;
}
/* 投稿 H2 */
.article .entry-content h2{
	border-left-width: 0px;
	border-bottom: 3px solid red;
	margin: 26px 0 20px !important;
	padding: 0px 0px 0.5em !important;
	font-size: 1.75rem !important;
	line-height: 130%;
	font-weight: normal !important;
	color:#333;
	background-color: white !important;
}
/* 左枠、黒、28px */
.border-left-black-28{
	margin:36px 0 25px!important;
	padding:6px 0 6px 14px!important;
	border-left:6px solid #00bbc9!important;
	font-size:1.75rem!important;
	line-height:120%;
	font-weight:normal!important;
	color:#333!important;
	background-color:white!important;
}
/* 左枠、黒、22px */
.border-left-black-22{
	margin: 1.75rem 0 0.9375rem !important;
	padding: 0.2em 1.1em !important;
	border-left: 10px solid #4cd0d7 !important;
	font-size: 1.375em !important;
	font-weight: normal !important;
	color: #333 !important;
	background-color: #fff !important;
}
/* 太字、青、24px */
.bold-blue-24{
	border-left-width:0!important;;
	margin:0px!important;
	padding:0px!important;
	font-size:1.5rem!important;
	line-height:134%;
	font-weight:bold!important;
	color:#0070bd!important;
	background-color:white!important;
}
/* 背景青、18px */
.bg-blue-18{
	margin:38px 0 23px!important;
	padding:5px 15px!important;
	font-size:1.125rem!important;
	line-height:130%;
	font-weight:bold!important;
	color:white!important;
	background-color:#00bbc9!important;
}
/* 背景青、左枠、18px */
.bg-blue-border-left-18{
	border-left:10px solid #00bbc9!important;
	margin:48px 0 32px!important;
	padding:5px 12px!important;
	font-size:1.125rem!important;
	line-height:130%;
	font-weight:bold!important;
	color:white!important;
	background-color:#0070bd!important;
}
/* 色分け下枠、青、25px */
.colorborder-bottom-blue-25{
	position: relative;
	border-left-width:0px!important;
	border-bottom:3px solid #c9c9c9!important;
	margin:32px 0 20px!important;
	padding:0px 0 10px!important;
	font-size:1.5625rem!important;
	line-height:130%;
	font-weight:normal!important;
	color:#0070bd!important;
	background-color:white!important;
}
.colorborder-bottom-blue-25:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 24%;
	height: inherit;
	border-bottom: 3px solid #0070bd;
}
/* 下枠、青、22px */
.border-bottom-blue-22{
	border-left-width:0px;
	border-bottom:1px solid #0070bd;
	margin:26px 0 14px!important;
	padding:0px 0 10px!important;
	font-size:1.375rem!important;
	line-height:130%;
	font-weight:normal!important;
	color:#0070bd!important;
	background-color:white!important;
}
/* 黒、22px */
.black-22{
	border-left-width:0px;
	margin:36px 0 25px!important;
	padding:0px!important;
	font-size:1.375rem!important;
	line-height:140%;
	font-weight:normal!important;
	background-color:white!important;
}
/* 黒、24px */
.black-24{
	border-left-width:0px;
	margin:24px 0 18px!important;
	padding:0px!important;
	font-size:1.5rem!important;
	line-height:140%;
	font-weight:normal!important;
	background-color:white!important;
}
/* 黒、28px */
.black-28{
	border-left-width:0px;
	margin:26px 0 20px!important;
	padding:0px!important;
	font-size:1.75rem!important;
	line-height:130%;
	font-weight:normal!important;
	background-color:white!important;
}
/* 黒、30px */
.black-30{
	border-left-width:0px;
	margin:28px 0 22px!important;
	padding:0px!important;
	font-size:1.875rem!important;
	line-height:130%;
	font-weight:normal!important;
	background-color:white!important;
}
/* 黒、32px */
.black-32 {
	border-left-width:0px;
	margin:28px 0 22px!important;
	padding:0px!important;
	font-size:2rem!important;
	line-height:130%;
	font-weight:normal!important;
}
/* 黒、36px */
.black-36 {
	border-left-width:0px;
	margin:28px 0 22px!important;
	padding:0px!important;
	font-size:2.1rem!important;
	line-height:130%;
	font-weight:normal!important;
}
/* =========================
UL/OL Style
========================= */
ol, ul {
    margin:0!important;
}
/* 標準の順序無しリスト/上下罫線付き順序無しリスト */
.entry-content ul li,
.entry-content ul.border li,
.entry-content ul.border-nomark li {
	margin:0;
	line-height:200%;
	padding:0rem 0 0rem 1.3rem;
}
/* 標準の順序無しリスト・マーカー */
.entry-content ul li::before {
	content: "●";
	color: #ff5b49;
    background:transparent!important;
	box-shadow:none;
	left: 0px;
	top: 0rem;
}
/* 上下罫線付き順序無しリスト */
.entry-content ul.border li,
.entry-content ul.border-nomark li{
	font-weight:bold;
	line-height:130%;
	font-size:1.1875rem;
	padding:0.66rem 0 0.66rem 1.3rem;
	border-top:1px solid #808080;
}
.entry-content ul.border li:last-child,
.entry-content ul.border-nomark li:last-child{
	border-bottom:1px solid #808080;
}
.entry-content ul.border li::before {
	top: 0.66rem;
}
/* 上下罫線付き順序無しリスト・マーカーなし */
.entry-content ul.border-nomark li{
	padding:0.66rem 0rem!important;
}
.entry-content ul.border-nomark li::before{
	content: "";
}
/* 三角形のリスト・マーカー */
.entry-content ul.triangle li {
    list-style-type:none;
	line-height:160%;
	padding:0 0 0 1.5rem;
    font-size: 0.9375rem;
    background: url(library/images/triangle.png) no-repeat 0 0.35rem;
}
.entry-content ul.triangle li::before {
	content: "";
    background:transparent;
}
/* 三角形のリスト・マーカー内のリンク */
.entry-content ul.triangle li a{
	color:#0088c1;
	text-decoration:none;
}
.entry-content ul.triangle li a:hover{
	color:#FC5A44;
}
/* 標準の順序有りリスト */
.entry-content ol > li{
	padding-left:2rem;
	margin:0;
	line-height:200%;
}
.entry-content ol > li::before {
    background: none;
	box-shadow:none;
    left: 0px;
    top: 3px;
    color: #ff5b49;
    padding-right: 2rem;
	font-size:1.15rem;
	font-weight:bold;
}
/* 上下罫線付き順序有りリスト */
.entry-content ol.border2 > li {
	font-weight:bold;
	line-height:130%;
	font-size:1.1875rem;
	padding:0.66rem 0 0.66rem 2rem;
	border-top:1px solid #808080;
}
.entry-content ol.border2 > li:last-child {
	border-bottom:1px solid #808080;
}
.entry-content ol.border2 > li::before {
	top: 0.66rem;
}
/* 大きなリスト・マーカーの順序有りリスト */
.entry-content ol.large > li {
	padding:0 0 2.25rem 2.5rem;
	margin-left:0rem;
}
.entry-content ol.large > li::before {
	color:#0070bd;
	font-size:1.875rem;
	line-height:175%;
	top:-0.3rem;
	text-align:left;
    background:transparent!important;
}
/* 罫線付き順序有りリスト */
.entry-content ol.border > li {
	border-top: 1px dotted #49cbc3;
}
.entry-content ol.border > li:last-child {
	border-bottom: 1px dotted #49cbc3;
}
/* =========================
画像（Smart Sliderでは無効）
========================= */
.wp-block-image img:not(.skip-lazy),
.entry-content img:not(.skip-lazy) {
    margin:30px 0!important;
}
.wp-block-column .wp-block-image img{
    margin:26px 0 0!important;
}
/* =========================
margin種類
========================= */
.wp-block-image.top-nospace img,
.top-nospace img,
.top-nospace{
	margin-top:0!important;
}
.wp-block-image.top-space img,
.top-space img,
.top-space {
	margin-top:2.5rem!important;
}
.wp-block-image.top-space-10 img,
.top-space-10 img,
.top-space-10 {
	margin-top:10px!important;
}
.wp-block-image.bottom-nospace img,
.bottom-nospace img,
.bottom-nospace{
	margin-bottom:0!important;
}
.wp-block-image.bottom-space-14 img,
.bottom-space-14 img,
.bottom-space-14{
	margin-bottom:14px!important;
}
/* =========================
グループの枠
========================= */
.frame{
	border:1px solid #969696;
	padding:30px;
}
/* =========================
Smart Slider
========================= */
.n2-ss-background-animation.n2-ow img{
	margin-top:0px;
}
/* =========================
Gutenbergの修正
========================= */
.wp-block-columns {
	gap: 0.5em!important;
}
/* =========================
トップページ トピックス
========================= */
.topics-wrap{
	position: relative;
	width:100vw;
	max-width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	background-color:#ECFCEF;
	padding:3em 0;
}
.topics{
	width:960px;
	margin:0em auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: start;
	gap: 25px 25px;
}
.topics .topic{
	flex-basis: calc(25% - 19px);
}
img.category-title,
.topic img{
	display:block;
	width:100%;
}
.entry-content .topic img{
	margin:0 auto!important;
	width:100%;
}
.entry-content img.category-title{
	margin:0 auto 2em!important;
	width:960px;
}
.topic .description{
	margin-top:20px;
	font-size:15px;
	line-height:140%;
}
.topic{
	position:relative;
}
.topic .location{
	position:absolute;
	top:0;
	left:0;
	display:inline-block;
	padding:2px 3px;
	font-weight:bold;
	color:white;
	background-color:rgba(0,0,0,0.6);
	font-size:0.75rem;
}
.topic .catch{
	font-weight:bold;
	color:#F36207;
}
.topic .bold{
	font-weight:bold;
	font-size:1em;
	line-height:140%;
}
.topic .spacer{
	height:10px;
}
/* =========================
スマホ設定
========================= */
@media only screen and (max-width: 480px) {
	.frame{
		padding:1rem;
	}
	/* 太字、青、24px */
	.bold-blue-24{
		font-size:1.4rem!important;
	}
	/* 色分け下枠、青、25px */
	.colorborder-bottom-blue-25{
		font-size:1.4rem!important;
	}
}
@media only screen and (max-width: 767px) {
	/* =========================
	トップページ トピックス
	========================= */
	.topics-wrap{
		padding:2em 0;
	}
	.topics{
		width:calc(100% - 2em);
		gap: 20px 20px;
	}
	.topics .topic{
		flex-basis: calc(50% - 10px);
		font-feature-settings: "palt";
	}
	.entry-content .topic img{
		margin:0 auto!important;
		width:100%;
	}
	.entry-content img.category-title{
		margin:0 auto 2em!important;
		width:100%;
	}
	.topic .description{
		margin-top:1em;
		line-height:130%;
	}
	.topic .location{
	}
	.topic .bold{
		margin-top:3px;
	}
	.topic .spacer{
		height:8px;
	}
}
/* =========================
内部リンク
========================= */
a.auto-internal-link::before {
    color: #0082bb;
    content: "▶";
    display: inline-block;
    margin-right: 0.2em;
    transform: scale(1.3);
}