@charset "utf-8";



/* post
---------------------------------------*/

.post-single .post-content strong { color: var(--color-main);}
.post-single .post-content a{ color: var(--color-main);text-decoration: underline;}
.post-single .post-content a:hover,
.post-single .post-content a:active,
.post-single .post-content a:focus{color: #999;}

.post-single .text p{color: #111;}

.post-single{margin-bottom: 3%;text-align: left;width: 100%;padding-bottom: 20px;border-bottom: dotted 1px rgb(0,49,90);position: relative;}

.page .post-single{border-bottom: 0;}

.post-single:last-child{border-bottom: 0;}
.post-single .post-title{font-size: 140%;margin-top: 0;margin-bottom: 10px;}
.post-single .post-img{width: 30%;float: left;}
.post-single .post-content{width: 65%;float: right;font-size: 12px;}
.post-content p{margin: 0;}
.post-single .post-more{color: rgb(0,49,90);position: absolute;right: 10px;bottom: 10px;}
.post-single .post-footer{padding: 10px;}

.post-single .post-category,
.post-related-single .post-category{font-size: 11px;margin-bottom: 10px;}
.post-single .post-category a,
.post-related-single .post-category a{color:var(--color-main);background: var(--color-sub);padding: 3px 8px;border-radius:2px;text-decoration: none;}
.post-single .post-category a:hover,
.post-related-single .post-category a:hover{text-decoration: none;color: #fff;background: var(--color-main);}

.post-single .category-about a,
.post-related-single .category-about a{background: #eab033;}
.post-single .category-case a,
.post-related-single .category-case a{background: #3779ce;}

@media screen and (max-width:640px){
.post-single{padding: 15px 0;}
.post-single .post-title{font-size:12px;line-height: 1.7;position: relative;top: -4px;}
.post-single .post-title a{text-decoration: underline;}
.post-single .post-img{width: 30% ;float: left;}
.post-single .post-content{width: 68% ;float: right;}
.post-single .post-footer{padding: 0;}
.post-content .text{display: none;}
.single .post-content .text{display: block;}
.post-single .post-more{display: none;}

.post-single .post-category,
.post-related-single .post-category{font-size: 10px;}
}


/* single
---------------------------------------*/
.single .post-single{border: 0;padding: 0;}
.single .post-single .post-header{margin-bottom: 10px;}
.single .post-single .post-img{text-align: center;border: solid 5px #fff;width: 100%;max-width: 800px;margin: auto;float: none;margin-bottom: 30px;}
.single .post-single .post-img img{}
.single .post-single .post-category{font-size: 12px;}
.single .post-single .post-title{font-size: 24px;}

.single .post-single .post-content{width: 100%;font-size: 90%;margin-bottom: 30px;}
.single .post-single .post-content .text{line-height: 2;font-weight: 500;}
.single .post-single .text h2{margin-top: 40px;padding-top: 30px;border-top: solid 1px #eee;margin-bottom: 20px;}
.single .post-single .text h3{border-bottom: solid 1px #111;margin-top: 40px;margin-bottom: 20px;font-size: 130%;}
.single .post-single .text h4{margin-top: 30px;margin-bottom: 10px;font-size: 125%;}
.single .post-single .text strong{color: #004b89;}
.single .post-single .text img{display: block;width: auto;margin: auto;}
.single .post-single .text p{margin-bottom: 30px;}
.single .post-single .text .quote{display: block;font-size: 90%;color: #666;text-align: center;}
.single .post-single .text table{margin: auto;}
.single .post-single .text table th{text-align: center;font-weight: bold;background: #eee;padding: 10px;}
.single .post-single .text table td{padding: 10px;}
.single .post-single .text > ul{padding-left: 20px;margin-bottom: 10px;}
.single .post-single .text > ul li{display: list-item;list-style: inside square;}
.single .post-single .text > ol{background: #fcfcfc;padding: 20px 30px;}
.single .post-single .text ol li{list-style: decimal;display: list-item;}

.single .post-single #toc_container{width: 90%;margin:30px auto;padding: 20px;background: #f6f6f6;border: solid 1px #eee;}
.single .post-single #toc_container .toc_list > li{margin-bottom: 10px;}

.single .post-single .addtoany_content_bottom{margin-top: 30px;}

.single .post-single .post-footer{clear: both;text-align: center;border-top: dashed 1px #ddd;padding: 30px 0;}
.single .post-single .post-footer a{display: inline-block;margin-right: 20px;color: rgb(0,49,90);text-decoration: underline;}
.single .post-single .post-footer i{font-size: 14px;}
.single .post-single .post-footer a:hover{color: #ddd;}
.single .post-single .post-footer a i.fa{margin-right: 5px;}
@media screen and (max-width:640px){
.single .post-single .text img{max-width: 100%;height: auto;}
}


/* table
---------------------------------------*/
.tbl1{width: 100%;border-collapse: separate;}
.tbl1 th,.tbl1 td{padding: 10px;}
.tbl1 th{background: #333;color: #fff;}
.tbl1 td{background: #fff;text-align: left;}
@media screen and (max-width:640px){
.tbl1,.tbl1 tr,.tbl1 tbody,.tbl1 th,.tbl1 td{display: block;}
}


.cat-item-none{display: none;}


/* front-page
---------------------------------------*/
.post-related{margin-bottom: 20px;}
.post-related-title{font-size: 120%;border-bottom: solid 1px rgb(0,49,90);margin-bottom: 10px;}
.post-related-single{margin-bottom: 3%;text-align: left;width: 100%;padding-bottom: 0;border-bottom: dotted 1px #ddd;}
.post-related-single:last-child{border-bottom: 0;}
.post-related-single .post-title{margin-top: 0;font-size: 90%;line-height: 1.4;margin-bottom: 10px;}
.post-related-single .post-title a{color: rgb(0,49,90);}
.post-related-single .post-img{width: 30%;float: left;}
.post-related-single .post-content{width: 65%;float: right;padding-bottom: 10px;}
.post-related-single p{margin: 0;}
@media screen and (max-width:640px){
.post-related-single .post-single{padding: 15px 0;}
.post-related-single .post-title{font-size: 100%;line-height: 1.7;position: relative;top: -4px;}
.post-related-single .post-img{width: 30% !important;float: left;}
.post-related-single .post-content{width: 68% !important;float: right;}
.post-related-single .post-footer{padding: 0;}
}

.side .banner{margin-bottom: 20px;}


/* 佐藤さん追加
---------------------------------------*/

.single .post-single .text .memo-box{background-color: #F0F0F0; border: solid 1px #eee; padding: 20px;}
.single .post-single .text .memo-box ol li{list-style: none;}
.single .post-single .text .tbl2{width: 100%; border-collapse: collapse; border: 1px solid #eee;}
.single .post-single .text .tbl2 th{background-color: #def2c2; }
.single .post-single .text .tbl2 th.th-title{background-color: #6db10c; color: #fff; }
.single .post-single .text .tbl2 th,.tbl2 td{padding: 8px; border: 1px solid #d6d8da; text-align: left; line-height: 1.6;}

.single .post-single .post-content .memo{background: #e8f1f8;padding: 55px 20px 25px;border-radius:5px;margin: 30px 0;position: relative;}
.single .post-single .post-content .memo:before{content:"MEMO";display: inline-block;position: absolute;padding:  20px;top: 0;left: 0;/*border-radius:5px 0 8px 0;background: #a5c9d3;*/color: #14284c; font-weight: bold;}
.single .post-single .post-content .memo p { margin-bottom: 0;}

.single .post-single .post-content .frame{margin: 30px 0;padding: 20px; border: solid 2px #005191;border-radius:4px;}
.single .post-single .post-content .frame li, .single .post-single .post-content p:last-child {margin-bottom: 10px;}
.single .post-single .post-content .frame ul li, .single .post-single .post-content .frame ol li{ list-style-type: disc; }
.single .post-single .post-content .frame ul , .single .post-single .post-content .frame ol {padding: 0 20px; }
.title-bold{font-weight: bold;}
.single .post-content .img-quote{margin-top: -10px;font-size: 95%;text-align: center;display: block; color: #6c4433;}
