@charset "utf-8";
/************************************
Theme Name: My Theme
************************************/

/* For only article
---------------------------------------*/

span.black{font-weight: bold;color: #222;}
.title-bold, td.Table-title { font-weight: bold;}

/* 　post-single:single
******************************************/
.single-post .post-main{width: 100%;display: block;box-shadow:none;border: 0;font-size: 100%;}
.single-post .post-main .post-title{font-size: 250%;line-height: 1.3;}
.single-post .post-main .post-content{font-weight: normal;font-size: 16px;font-weight: normal;color: #333;}
.single-post .post-main .post-category{margin-bottom: 20px;position: static;}
.single-post .post-main .post-img img{width: auto;max-width: 100%;display: block;margin: auto;}
.single-post .post-main img{border-radius:5px;}
.single-post #toc_container{width: 90%;margin: 20px auto;padding: 20px;background: #fff;border-radius:5px;}
.single-post #toc_container .toc_number:after{content:".";display: inline-block;margin-right: 5px;}
.single-post #toc_container .toc_list > li{margin-bottom: 20px;}
.single-post #toc_container .toc_list > li > a{font-size: 110%;margin-bottom: 5px;}

.single-post .post-main .post-content h1{font-size: 220%;margin-bottom: 10px;margin-top: 30px;}
.single-post .post-main .post-content h2{font-size: 180%;border-bottom: solid 1px #333;padding-bottom: 5px;margin: 20px 0;}
.single-post .post-main .post-content h3{font-size: 160%;border-bottom: solid 1px var(--c1);color: var(--c1);margin: 20px 0;}
.single-post .post-main .post-content h4{font-size: 140%;margin: 20px 0;}
.single-post .post-main .post-content h5{font-size: 120%;margin: 20px 0;}
.single-post .post-main .post-content h6{font-size: 120%;margin: 20px 0;color: #666;}

.single-post .post-main .post-content strong{color: #E75299;}
.single-post .post-main .post-content img{width: auto;}
.single-post .post-main .post-content img.aligncenter{display: block;margin: 10px auto;}
.single-post .post-main .post-content a{display: inline-block;}
.single-post .post-main .post-content .quote{padding: 10px;background: #eee;border-radius:10px;margin: 10px;text-align: center;}
.single-post .post-main .post-content .quote u{display: inline-block;}

.single-post .post-main .post-content .memo{background: #eff4f4;padding: 40px 20px 20px;border-radius:10px;margin: 30px 0;border: solid 2px #a5c9d3;position: relative;}
.single-post .post-main .post-content .memo:before{content:"NOTE";display: inline-block;position: absolute;padding: 1px 10px;top: 0;left: 0;border-radius:8px 0 8px 0;background: #a5c9d3;color: #fff;}

.single-post .post-main .post-content table{border-collapse:collapse;font-size: 90%;}
.single-post .post-main .post-content table th,
.single-post .post-main .post-content table td{border: solid 1px #ddd;vertical-align: middle;padding: 5px;text-align: center;}
.single-post .post-main .post-content table p{margin-bottom: 0;}
.single-post .post-main .post-content th{background: #eff4f4;color: #4d7f91;}
.single-post .post-main .post-content th strong{color: #4d7f91;}


.single-post .post-main .post-content .note{font-size: 80%;color: #666;text-align: right;}

.single-post .post-main .post-content .content-end{margin: 30px 0;padding: 20px;background: ;border: solid 2px #00A0C6;border-radius:10px;}
.single-post .post-main .post-content .content-end li{margin-bottom: 10px;}
.single-post .post-main .post-footer{position: static;}

@media screen and (max-width:640px){
.single-post .post-main .post-title{font-size: 130%;line-height: 1.5;}
.single-post .post-main .post-img img{width: 100%;}
.single-post .post-main .post-content{padding: 0;font-size: 90%;}
.single-post #toc_container{width: 100%;font-size: 80%;}

.single-post .post-main .post-content img{width: 90%;height: auto;}
.single-post .post-main .post-content h2{font-size: 120%;margin: 40px 0 20px;}
.single-post .post-main .post-content h3{font-size: 110%;margin: 30px 0 20px;}

.single-post .post-main .post-content .quote{font-size: 80%;}
.single-post .post-main .post-content .memo{font-size: 90%;}
.single-post .post-main .post-content .note{font-size: 60%;}

.single-post .post-main .post-content table{font-size: 60%;}
}


/* 　post-single:related
******************************************/
/*.single-post .related{clear: both;margin-top: 40px;}
.single-post .related .post-single{width: 32%;margin-right: 2%;}
.single-post .related .post-single:nth-child(3n){margin-right: 0;}
.single-post .related .post-content{padding: 0;}
.single-post .related .post-img{margin-bottom: 10px;}
.single-post .related .post-img .thumb{border-radius:5px;overflow: hidden;}
.single-post .related .post-title{font-size: 100%;margin-bottom: 3px;}
.single-post .related .post-category{font-size: 80%;}

@media screen and (max-width:640px){
.single-post .related .post-single{border-bottom: solid 1px #ddd;margin-bottom: 10px;padding-bottom: 10px;}
.single-post .related .post-single:last-child{border-bottom: 0;}
.single-post .related .post-content{width: 70%;float: right;}
.single-post .related .post-img{width: 28%;float: left;margin-bottom: 0;}
}*/