@charset "UTF-8";
/*
Theme Name: stories2024
Author: kyamamoto
*/
* {box-sizing:border-box;border-collapse:collapse;margin:0;padding:0;}
html {scroll-behavior:smooth;}
body {font-family:"ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, 游ゴシック, "Yu Gothic", メイリオ, Meiryo, Verdana, Helvetica, Arial, sans-serif;font-size:1em;}
a {text-decoration:none;}

div#page {position:relative;}

.koda-toc {
position: relative;
display: table;
margin: 2em auto;
padding: 1em;
border: 1px solid #aaa;
border-radius: 0.5em;
border-collapse: initial;
background: #edf6ff;
}
.koda-toc-title-container {
display: table;
width: 100%;
}
.koda-toc-title {
display: contents;
font-weight: 500;
font-size: 1.2em;
text-align: left;
line-height: 1.45;
margin: 0;
padding: 0;
}
.koda-toc ul {
list-style: none;
line-height: 1.6;
margin: 0;
padding: 0;
overflow: hidden;
}
.koda-toc ul li {
margin: 0 !important;
font-size: 0.95em;
}
.koda-toc ul ul {
margin-left: 1.5em;
}
.koda-toc a {
color: #444;
box-shadow: none;
text-decoration: none;
text-shadow: none;
display: inline-flex;
align-items: stretch;
flex-wrap: nowrap;
}
.koda-toc a:hover {
text-decoration: underline;
}
.koda-toc a:visited {
text-decoration: underline;
}

/*@media screen and (min-width: 767px) {*/
	header {position:relative;margin-bottom:2rem;}
	.logobar_caption {position:relative;}
	.logobar_caption p {position: absolute;bottom:2rem;}

	header section.logobar {position:relative;}
	.flex-container {position:relative;display:flex;max-width:1140px;margin-right:auto;margin-left:auto;}
	.flex-container .logobar_image {width:50%;}
	.flex-container .logobar_caption {width:50%;}
	.flex-column-b {position:relative;width:70%;padding-left:5%;}
	.flex-column-d {position:relative;width:30%;padding-left:5%;}

	.copyright {position:relative;width:100%;}

	.category_eyecatch {position:relative;margin-bottom:2rem;}
	.category_eyecatch img {width:100%;}

	article.article {position:relative;margin-bottom:5rem;}
	article.article a {color:#111;}
	article.article a:vsited {color:#111;}
	article.article div.eyecatch img {width:100%;}
	article.article div.flex-left {width:30%;}
	article.article div.flex-right {width:70%;padding-left:1rem;}
	.title {font-size:1.5rem;margin-bottom:2rem;line-height:1.5rem;}
	.article .title {margin-bottom:initial;line-height:2rem;margin-bottom:1rem;}
	.description {position:relative;line-height:1.2rem;margin-bottom:1rem;}
	.description p {position:relative;line-height:1.2rem;}
	.category-label-list {font-size:1rem;font-weight:normal;margin-bottom:1rem;}
	.category-label-list .category-caption {display:inline-block;background:#666;color:#fff;padding:0 0.5rem;margin-right:1rem;}
	.category-label-list .label-caption {display:inline-block;background:#999;color:#fff;padding:0 0.5rem;margin-right:1rem;}
	.category-label-list a {color: #fff !important;}
	.category-label-list a:visited {color: #fff;}
	.post-date {text-align:right;}

	/*
	article.article .title {position:absolute;left:1rem;top:1rem;color:#fff;font-size:2rem;
	text-shadow:5px 5px 10px rgba(0,0,0,0.2),-5px 5px 10px rgba(0,0,0,0.2),5px -5px 10px rgba(0,0,0,0.2),-5px -5px 10px rgba(0,0,0,0.2),
	            5px 5px 10px rgba(0,0,0,0.2),-5px 0px 10px rgba(0,0,0,0.2),0px -5px 10px rgba(0,0,0,0.2), 0px -5px 10px rgba(0,0,0,0.2);}
	article.article .title a {text-decoration:none;color:#fff;}
	article.article .title a:visited {color:#fff;}
	*/

	.single_section h1 {position:relative;font-size:1.5rem;line-height:2rem;}
	.single_section .date_name {margin-bottom:2rem;text-align:right;}
	.single_section .nicename {margin-left:0.5rem;}
	.single_section .content {margin-bottom:2rem;}
	.single_section .modified_date {margin-bottom:2rem;text-align:right;}

	aside.aside {}
	aside.aside a {color:#111;}
	aside.aside a:vsited {color:#111;}

	aside.aside #category-list {margin-bottom:2rem;}
	aside.aside #elated-posts {margin-bottom:2rem;}
	aside.aside #aside_popular_articles {margin-bottom:2rem;}
	aside.aside #aside_tag_list {margin-bottom:2rem;}

	#category-list p, #related-posts p, #aside_popular_articles p, #aside_tag_list p {
	margin-bottom:1rem;padding:0.5rem 0;font-weight:bold;font-size:1em;border-top:1px solid #333;border-bottom:1px solid #333;
	}
	.aside_title p {font-weight:bold;font-size:0.8em !important;}

	.aside-flex-container {position:relative;display:flex;}
	.aside-flex-column-a {position:relative;width: 30%;}
	.aside-flex-column-b {position:relative;width:  3%;}
	.aside-flex-column-c {position:relative;width: 68%;}
	.aside_thumb img {width: 100%;}
	.aside_title {line-height:1.2rem;}

	.category_articles, .aside_article {margin-top: 1rem;margin-bottom: 1rem;}

	#category-list li {position:relative;margin-bottom:1rem;list-style:none;}

	.single_main .image {position:relative;}
	.single_main .image img {width:100%}
/*}*/
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 479px) {
	.flex-container {display:block;padding-left:5%;padding-right:5%;}

	.flex-container .logobar_image {width:100%;}
	.flex-container .logobar_caption {width:100%;}
	.flex-container .logobar_caption p {position:relative;bottom:initial;}
	
	main .flex-container {display:block;}
	main .flex-container .flex-column-b {width:100%;padding:0;}
	main .flex-container .flex-column-d {width:100%;padding:0;}
	
	.article.flex-container {display:flex;padding:1rem 0 0 0;}
	article.article {border-top:1px solid #999;margin-bottom:1rem;}
	article.article div.flex-left {width:40%;}
	article.article div.flex-right {width:60%;padding-left:3%;}
	.title {font-size:1rem;}
	.article .title {margin-bottom:initial;line-height:1.2rem;margin-bottom:1rem;}
	.description {display:none;}
	.category-label-list .category-caption {display:inline-block;background:#666;color:#fff;padding:0 0.5rem;margin-right:0.5rem;margin-bottom:0.5em;}
	.category-label-list .label-caption {display:inline-block;background:#999;color:#fff;padding:0 0.5rem;margin-right:0.5rem;margin-bottom:0.5em;}

}