@charset "utf-8";
/*body:not(.home) main h1.pagetitle {
    width: 11.4rem;
    padding-top: .4rem;
    margin: 0 auto .8rem;
    font-size: 3em;
    text-align: center;
    font-weight: 400;
    line-height: 1.2em;
}
body:not(.home) main h1.pagetitle>span {
    margin-bottom: .2rem;
    font-size: .3333em;
    line-height: 1em;
    color: var(--color-blue);
    display: block;
}*/
.single h3 {
    padding-left: .32rem;
    margin: .48rem 0 .32rem;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
    position: relative;
}
.single h3::before,
.single h3::after {
    content: '';
    width: .16rem;
    height: .16rem;
    display: block;
    position: absolute;
}
.single h3::before {
    background: rgba(230,120,112,.5);
    border-radius: 100vh;
    left: .07rem;
    top: .12rem;
}
.single h3::after {
    background: rgba(55,165,213,.5);
    left: 0;
    top: .04rem;
}
.single h4 {
    margin: .48rem 0 .32rem;
    font-size: 1.375em;
    font-weight: 500;
    line-height: 1.2em;
    text-align: left;
    position: relative;
}
.single h5 {
    margin: .48rem 0 .32rem;
    font-size: 1.25em;
    font-weight: 500;
}
.single .post_category {
    padding: 0 .2rem;
    background: var(--color-blue_light);
    line-height: .45rem;
    font-size: .875em;
    position: absolute;
    top: 0;
    right: .6rem;
}
.single .post_gadget {
    width: 100%;
    margin-top: .35rem;
    display: flex;
    justify-content: space-between;
}
.single .post_gadget p.post_date {
    margin: 0;
    line-height: .2rem;
    font-size: 1.25em;
}
.single .post_gadget a.btn-print {
    width: auto;
    height: .2rem;
    padding: 0 .3rem 0 0;
    background: url("../images/icon-print.png") right top no-repeat;
    border: none;
    border-radius: 0;
    font-weight: 400;
    line-height: .2rem;
    text-align: right;
}
.single .entry-content figure.post_thumb {
    width: 100%;
    margin: .48rem 0;
}
.single .entry-content figure.post_thumb>img {
    width: 100%;
    height: auto;
}
.single .entry-content div.linkarea {
    padding: .2rem;
    margin: .4rem 0;
    background: #f9f8f3;
}
.single .entry-content p {
 line-height: 2.125em;
 margin-bottom: 1.5em;
}
.single .entry-content ol {
  list-style: decimal;
    margin: 1.5em;
}
.single .entry-content ol li {
    margin-bottom: 1em;
    line-height: 2em;
}
.single .entry-content ol li:last-child {
    margin-bottom: 0;
}
.single img.alignleft {
    margin-right: 0.25rem;
}
.single img.alignright {
    margin-left: 0.25rem;
}
/* floatによる回り込みを解除するためのclearfix */
.single .entry-content::after {
  content: "";      /* 空の要素を生成 */
  display: table;   /* ブロックレベル要素として振る舞わせる */
  clear: both;      /* floatをここで解除する */
}
@media screen and (max-width:768px) { /* スマホの場合 */
    body:not(.home) main h1.pagetitle {
        width: 100%;
        padding: .4rem .16rem 0;
        font-size: 2.5em;
    }
    body:not(.home) main h1.pagetitle>span {
        font-size: .4em;
    }
    .single .post_category {
        right: .2rem;
    }
    .single .post_gadget p.post_date,
    .single .post_gadget a.btn-print {
        margin: 0;
        font-size: .875em;
    }
    .single .entry-content p {
        line-height: 1.75em;
    }
    .single h4,
    .single h5 {
        margin: .4rem 0 .24rem;
    }
    .single h4 {
        font-size: 1.25em;
    }
    .single h5 {
        font-size: 1.125em;
    }
 
 /* スマホ（幅768px以下）の時だけ並び順を逆にする */
    .wp-block-columns.mobile-reverse {
        flex-direction: column-reverse;
    }
    .wp-block-columns.mobile-reverse > .wp-block-column {
        width: 100% !important; 
        flex-basis: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
 
}


.single .entry-content .wp-block-columns {
    margin-bottom: 1.75em;
}


/**** 機能css ****/
.wp-block-image figcaption {
 font-size: 0.9em;
 background: #f3f3f3;
 padding: 0.5em;
 margin-bottom: 1em;
 margin-top: 0;
}
.wp-block-embed.wp-block-embed-youtube .wp-block-embed__wrapper iframe{
 width: 100%;
 height: auto;
 aspect-ratio: 16/9;
}