/*
 Theme Name:   Mytheme Child
 Author:       onimaru
 Template:     Mytheme
 Version:      1.0.0
*/
/*case-study*/
.single-case_study{
    width: 800px !important;
    margin: auto !important;
    padding: 5% 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
@media screen and (max-width:768px){
    .single-case_study{
        width: 100% !important;
    }
    }
.case-study-title{
    font-size: 18px;
    text-align: left;
}
.entry-thumbnail{
    margin: 0 0 20px 0;
}
.archive-title{
    text-align: center;
    font-size: 24px;
    padding: 1em 0 1em 0;
}
.case-study-excerpt{
    margin: 8px 0;
}
.case-study-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 900px;
    margin: auto;
}
.case_study{
    margin: 0 20px 60px 0;
    width: 280px;
}
@media screen and (max-width:768px){
    .case-study-list{
        justify-content: space-between;
        width: 100%;
    }
    .case_study{
        margin: 0 0 60px 0;
        width: 46%;
    }
}
.case-study-excerpt p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.case-study-thumbnail .case-study-img {
    contain-intrinsic-size: 3000px 1500px;
   }

.post_h1{
	font-size: 12px;
    letter-spacing: -1px;
    line-height: 1.2;
	margin-bottom: 10px;
}
.SF_blog_h2{
    text-align: left;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 20px;
	border-bottom: 2px solid;
}
.SF_blog_h3{
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    position: relative;
	padding-left: 2em;
}
.SF_blog_h3:before{
    color: #000;/*矢印の色（黒）*/
    content: "▲";
    position: absolute;
    font-size: 25px;/*矢印のサイズ*/
    left: 0;
    top: -3px;
    transform: rotate(90deg);
}
.SF_blog_time_wrap{
    display: flex;
    align-items: center;
	font-size: 12px;
}
.SF_blog_time_wrap .update_time{
    margin-right: 1.5em;
	font-weight: bold;
	font-size: 14px;
}
.SF_blog_p{
    margin-bottom: 3em;
}
.SF_blog_img1{
    width: 70% !important;
    margin: 0 0 40px;
	border: 1px solid #333;
}
@media screen and (max-width:768px){
	.SF_blog_img1{
    width: 100% !important;
}
}
.SF_blog_img3_1{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.SF_blog_img3_1 img{
    margin: 0 2%;
    width: 29%;
}
@media screen and (max-width:768px){
.SF_blog_img3_1{
    flex-wrap: wrap;
}
.SF_blog_img3_1 img{
    margin: 0 0 10%;
    width: 100%;
}
}
.SF_blog_imgp1{
    display: flex;
    align-items: center;
    border: 1px solid #efefef;
    margin-bottom: 40px;
}
[class^="SF_blog_imgp1_"]{
    width: 50%;
}
.SF_blog_imgp1 .SF_blog_imgp1_img img{
    display: block;
}
.SF_blog_imgp1 .SF_blog_imgp1_p{
    padding: 0 10%;
    font-size: 20px;
    font-weight: bold;
    color: blue;
}
@media screen and (max-width:768px){
.SF_blog_imgp1 .SF_blog_imgp1_p{
    font-size: 14px;
}
}

.related_posts_wrap{
    margin: 4em 0;
}
.related_posts_list{
    display: flex;
    flex-wrap: wrap;
}
.related_post_card{
    width: 30%;
    margin: 0 12px 20px;
}
.related_time{
    font-size: 12px;
}
@media screen and (max-width:768px){
    .related_post_card{
        width: 46%;
        margin: 0 5px 20px;
    }
}

.post_cat_list{
	margin: 12px 0;
}
.post_cat_list a{
	background-color: #000;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 40px;
    font-weight: bold;
    font-size: 12px;
}
.type-blog{
	width: 30%;
	margin: 0 1.5% 0 1.5%
}
@media screen and (max-width:768px){
.type-blog{
	width: 46%;
}
}
.post_tag_list{
	font-weight: bold;
    font-size: 16px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.post_tag_list a{
	background-color: #000;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 40px;
    font-weight: bold;
    font-size: 12px;
	margin-right: 1em;
	margin-bottom: 1em;
}

.custom-author-box {
        display: flex;
        align-items: center;
        margin-top: 30px;
        padding: 20px;
        border: double 6px;
        border-radius: 5px;
    }
    .custom-author-box .author-avatar {
        margin-right: 20px;
		width: 13%;
    }
    .custom-author-box .author-info {
		width: 80%;
    }
    .custom-author-box .author-avatar img {
        border-radius: 50%;
		height: auto;
    }
    .custom-author-box .author-info h3 {
        margin-bottom: 5px;
    }
     .custom-author-box .author-info a {
       display: inline-block;
        margin-right: 5px;
       text-decoration: none;
    }
    .author-sns {
    margin-top: 10px;
}
    .author-sns a{
    color: #fff;
    background-color: #000;
    padding: 0.5em 1em;
    border-radius: 40px;
    font-weight: bold;
    font-size: 12px;
    margin-right: 1em;
    margin-bottom: 1em;
}
@media screen and (max-width:768px){
.custom-author-box{
flex-wrap: wrap;
}
.custom-author-box .author-avatar{
    width: 100%;
	text-align: center;
	margin: 0 0 10px 0 !important;
}
.custom-author-box .author-avatar img{
    width: 100px;
}
.custom-author-box .author-info{
    width: 100%;
}
.custom-author-box .author-info h3{
	text-align: center;
}
}

.SF_blog_ol_type1{
    list-style-type: decimal;
    list-style-position: outside;
	color: #1e366a;
    border-top: solid #1e366a 1px;/*上のボーダー*/
    border-bottom: solid #1e366a 1px;/*下のボーダー*/
    padding: 0.5em 0 0.5em 40px;
	margin-bottom: 3em;
}
.SF_blog_ol_type1 li{
    list-style: decimal !important;
	line-height: 1.5;
    padding: 0.5em 0;
}
.SF_blog_ul_type1{
	margin-bottom: 3em;
}
.SF_blog_ul_type1 li{
	list-style: inside !important;
}
.SF_blog_external_link{
	display: block;
	color: blue;
	margin-bottom: 3em;
}
.search-form{
	margin: 0 auto 40px;
    width: 30%;
}
@media screen and (max-width:768px){
	.search-form{
    width: 100%;
}
}
.search-field{
	padding: 0.8em;
    border: 1px solid #000;
    width: 100%;
    margin: auto;
    display: block;
}
.sort-options label{
	padding-right: 1em;
}

#toc_container {
	margin-bottom: 8em !important;
}
.toc_list li{
	margin-bottom: 1.2em !important;
}
#toc_container p.toc_title+ul.toc_list{
	font-weight:bold;
}

.text-mark {
background: linear-gradient(transparent 70%, #fff502 70%);
font-weight: bold;
}