.sf-width{
    width: 90%;
    max-width: var(--articleMax-weight);
    min-height: calc(100svh - var(--header-height)); min-height: calc(100vh - var(--header-height));
    margin: 0 auto;
    padding: 20px 0;
}
.sf-category{
    display: inline-block;
    margin: 20px 0 10px 0;
}
.sf-category span:first-child{
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-main-1);
}
.sf-category span:last-child{
    display: block;
    font-size: 14px;
    font-weight: 500;
}
.sf-article-thumbnail img{
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    border-radius: 12.5px;
}
.sf-title{
    margin: 0 0 15px 0;
}
.sf-title h1{
    font-size: 25px;
    font-weight: 600;
    margin: 10px 0 2.5px 0;
}
.sf-title  time{
    font-size: 15px;
    font-weight: 500;
}
.sf-taglist{
    margin: 7.5px 0;
}
.sf-taglist a{
    display: inline-block;
    padding: 2.5px 5px;
    border: solid 2px var(--color-baseGray);
    border-radius: 7.5px;
    font-size: 12.5px;
    line-height: 15px;
}
/* ================= 本文 =================*/
.sf-article{
    margin: 20px 0;
}

.sf-article p, .sf-article pre.wp-block-preformatted,pre.wp-block-verse{
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.9;
    margin: 2.5px 0 12.5px 0;
    word-break: break-all;
    white-space: pre-wrap;

}

.sf-article h1{
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 2.5px 0;
}

.sf-article h2{
    font-size: 22px;
    font-weight: 600;
    margin: 7.5px 0 2.5px 0;
}

.sf-article h3{
    font-size: 20px;
    font-weight: 500;
    margin: 7px 0 2.5px 0;
}

.sf-article h4{
    font-size: 18px;
    font-weight: 500;
    margin: 6px 0 2.5px 0;
}

.sf-article h5{
    font-size: 16px;
    font-weight: 500;
    margin: 5px 0 2.5px 0;
}

.sf-article h6{
    font-size: 15px;
    font-weight: 500;
    margin: 5px 0 2.5px 0;
}

.sf-article a,.sf-article a:visited{
    color: var( --color-baseLink);
}
.sf-article a:hover{
    color: var( --color-baseLinkHover);
}
.sf-article p a{
    font-weight: 500;
}

.sf-article ul,.sf-article ol{
    padding-inline-start: 20px;
    margin: 10px 0;
}
.sf-article ul li , .sf-article ol li{
    margin: 5px 0;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.8;
}

.sf-article blockquote.wp-block-quote{
    margin: 12.5px 0;
    padding: 12.5px;
    background-color: var(--color-baseGray);
    border-radius: 12.5px;
}
.sf-article blockquote.wp-block-quote cite,
figure.wp-block-pullquote blockquote cite{
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
}

.sf-article pre.wp-block-code{
    margin: 12.5px 0;
    padding: 12.5px;
    border-radius: 12.5px;
    border: solid 1.5px var(--color-baseDark);
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.8;
    color: var(--color-baseText);
}

.sf-article figure.wp-block-pullquote{
    margin: 12.5px 0;
    padding: 12.5px;
    border: solid 1.5px var(--color-baseDark);
    border-radius: 12.5px;
}
.sf-article figure.wp-block-pullquote blockquote{
    margin: 0; padding: 0;
    text-align: center;
}
.sf-article figure.wp-block-pullquote blockquote p{
    font-size: 18px;
    font-weight: 500;
}

.sf-article figure.wp-block-table{
    margin: 17.5px 0;
}
.sf-article  figure table{
    width: 100%;
    background-color:var(--color-baseBack);
    border-radius: 12.5px;
    overflow: hidden;
    border: solid 2px var(--color-baseDark);
    margin: 7.5px 0;
    border-collapse:separate;
    border-spacing: 0;
    font-size: 14.5px;
    font-weight: 400;
    line-height: 1.8;
}
.sf-article  figure table tr td,.sf-article  figure table tr th{
    padding: 10px;
    border-bottom: solid 2px var(--color-baseDark);
    border-right: solid 2px var(--color-baseDark);;
}
.sf-article  figure table tr td:last-child,.sf-article  figure table tr th:last-child{
    border-right: none;
}
.sf-article  figure table tr:last-child td{
    border-bottom: none;
}
.sf-article  figure table tfoot tr td{
    border-top: solid 2px var(--color-baseDark);
}
.sf-article  figure table th{
    background-color: var(--color-base-light);
    font-weight: 600;
}
.sf-article  figure.is-style-stripes table tr,.sf-article figure.is-style-stripes table th,.sf-article figure.is-style-stripes table td{
    border: none!important;
    text-align: left;
}
.sf-article  figure.is-style-stripes table tbody tr:nth-child(even){
    background-color: var(--color-baseGray);
}
.sf-article figure.wp-block-table figcaption.wp-element-caption, 
.sf-article figure.wp-block-image figcaption.wp-element-caption{
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}

.sf-article figure.wp-block-image {
    margin: 20px 0;
    text-align: center;
}
.sf-article figure.wp-block-image  img{
    max-width: 100%; height: auto;
    margin: 0 auto;
}
.sf-article figure.is-style-rounded img{
    border-radius: 12.5px;
}

.sf-article .is-layout-flex{
    display: flex;
    flex-wrap: nowrap;
    align-items:flex-start;
    margin: 20px 0;
}

.sf-article .wp-block-cover{
    position: relative;
    width: 100%; height: 50svh; height: 50vh;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.sf-article .wp-block-cover .wp-block-cover__background{
    position: absolute;
    top: 0; right: 0;
    width: 100%; height: 100%;
    opacity: 0.5;
    z-index: 1;
}
.sf-article .wp-block-cover .wp-block-cover__inner-container{
    position: absolute;
    width: 90%;
    text-align: center;
    top: 50%; left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}

.sf-article .wp-block-media-text{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin: 20px 0;
}
.sf-article .wp-block-media-text figure.wp-block-media-text__media{
    width: 50%;
    margin: 0;
}
.sf-article .wp-block-media-text figure.wp-block-media-text__media img{
    width: 100%; height: auto;
}
.sf-article .wp-block-media-text .wp-block-media-text__content{
    width: 50%;
    text-align: center;
}
.sf-article figure.wp-block-video{
    margin: 20px 0;
}
.sf-article figure.wp-block-video video{
    width: 100%;
    margin: 0;
}

.sf-article a.wp-block-button__link{
    display: inline-block;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: var(--color-baseLink);
    color: var(--color-baseWhite);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.sf-article .is-style-outline  a.wp-block-button__link{
    background-color: var(--color-baseWhite);
    color: var(--color-baseLink);
    border: solid 2.5px var(--color-baseLink);
}

.sf-article .sf-contents-next{
    text-align: center;
    margin: 10px 0 20px 0;
}
.sf-article .sf-contents-next .post-page-numbers{
    width: 90%;
    max-width: 500px;
    padding: 10px 20px;
    border-radius: 20px;
    background-color: var(--color-baseLink);
    color: var(--color-baseWhite);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
}
.sf-article .sf-contents-next .post-page-numbers:hover,
.sf-article .sf-contents-next .post-page-numbers:active,
.sf-article .sf-contents-next .post-page-numbers:focus{
    background-color: var(--color-baseLinkHover);
}
.sf-article .sf-contents-page{
    text-align: center;
    margin: 20px 0 10px 0;
}
.sf-article .sf-contents-page .post-page-numbers{
    display: inline-block;
    width: 40px; height: 40px;
    border-radius: 20px;
    color: var(--color-baseWhite);
    font-size: 15px;
    margin: 5px;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
}
.sf-article .sf-contents-page span.post-page-numbers{
    background-color: var(--color-baseDark);
}
.sf-article .sf-contents-page a.post-page-numbers{
    background-color: var(--color-baseLink);
}
.sf-article .sf-contents-page a.post-page-numbers:hover,
.sf-article .sf-contents-page a.post-page-numbers:active,
.sf-article .sf-contents-page a.post-page-numbers:focus{
    background-color: var(--color-baseLinkHover);
}

.sf-article .wp-block-navigation__responsive-dialog{
    display: none;
}
.has-modal-open .sf-article .wp-block-navigation__responsive-dialog{
    display: block;
}
.has-modal-open .sf-article .wp-block-navigation__responsive-container-open {
    display: none;
}
.sf-article .wp-block-navigation__responsive-container-open,
.sf-article .wp-block-navigation__responsive-container-close{
    background:none;
    outline: none;
    border: none;
    cursor: pointer;
}

.sf-article .wp-block-search__label{
    font-size: 12.5px;
}
.sf-article .wp-block-search__input{
    width: calc(100% - 60px); height: 60px;
    padding: 10px;
    font-size: 18px;
    border-radius: 12.5px;
    border: solid 2.5px var(--color-baseDark);
    outline: none;
}
.sf-article .wp-block-search__button{
    width: 50px; height: 61.5px;
    margin: 0 0 0 10px;
    padding: 0;
    background-color: var(--color-baseLink);
    color: var( --color-baseWhite);
    border: none;
    outline: none;
    border-radius: 12.5px;
    font-weight: 500;
    font-size: 13px;
    cursor: pointer;
}

/* Contact Form 7 */
.wpcf7 form{
    margin: 20px 0;
}
.wpcf7 form p{
    margin: 7.5px 0;
}
.wpcf7 form p label{
    line-height: 1;
}
.wpcf7 form p label br{
    display: none;
}
.wpcf7 form p label span.wpcf7-form-control-wrap{
    display: block;
}
.wpcf7 form p label span.wpcf7-form-control-wrap input,
.wpcf7 form p label span.wpcf7-form-control-wrap textarea{
    width: calc(100% - 24px);
    padding: 12.5px 10px;
    border: solid 2px var( --color-baseDark);
    border-radius: 12.5px;
    font-size: 16px;
    outline: none;
    resize: none;
}
.wpcf7 form p label span.wpcf7-form-control-wrap input.wpcf7-not-valid,
.wpcf7 form p label span.wpcf7-form-control-wrap textarea.wpcf7-not-valid{
    border: solid 2px var(  --color-main-3);
}
.wpcf7 form p label span.wpcf7-form-control-wrap input:focus,
.wpcf7 form p label span.wpcf7-form-control-wrap textarea:focus{
    border: solid 2px var(  --color-main-1 );
}
.wpcf7 form p label span.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
    margin: 5px 0 0 0;
    color: var(--color-main-3 );
}
.wpcf7 form p input.wpcf7-submit{
    width: 100%; height: 60px;
    border-radius: 12.5px;
    background-color: var(--color-main-1);
    color: var(--color-baseWhite);
    font-size: 16px;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer;
}

.wpcf7-response-output{
    border: none!important;
    background-color: var(--color-baseGray);
    border-radius: 12.5px;
    padding: 12.5px!important;
    margin: 5px 0 0 0!important;
}

/* soscal */
ul.wp-block-social-links{
    list-style: none;
    padding: 0;
    padding-inline-start:0;
}
.wp-block-social-link a {
    align-items: center;
    display: flex;
    line-height: 0;
    transition: transform .1s ease
}

.sf-article .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {    color: currentColor;    fill: currentColor}.sf-article .wp-social-link {    padding: 10px;    border-radius: 50%;}.sf-article .wp-block-social-link-anchor span{    display: none;}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link {    background-color: #f0f0f0;    color: #444}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {    background-color: #f90;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {    background-color: #1ea0c3;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {    background-color: #0757fe;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {    background-color: #1e1f26;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {    background-color: #02e49b;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {    background-color: #e94c89;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {    background-color: #4280ff;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {    background-color: #f45800;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {    background-color: #1778f2;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {    background-color: #000;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {    background-color: #0461dd;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {    background-color: #e65678;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {    background-color: #24292d;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {    background-color: #eceadd;    color: #382110}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {    background-color: #ea4434;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {    background-color: #f00075;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {    background-color: #e21b24;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {    background-color: #0d66c2;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {    background-color: #3288d4;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {    background-color: #02ab6c;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {    background-color: #f6405f;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {    background-color: #ff424d;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {    background-color: #e60122;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {    background-color: #ef4155;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {    background-color: #ff4500;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {    background-color: #0478d7;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {    background-color: #fefc00;    color: #fff;    stroke: #000}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {    background-color: #ff5600;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {    background-color: #1bd760;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {    background-color: #2aabee;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {    background-color: #000;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {    background-color: #011835;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {    background-color: #6440a4;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {    background-color: #1da1f2;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {    background-color: #1eb7ea;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {    background-color: #4680c2;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {    background-color: #3499cd;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {    background-color: #25d366;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {    background-color: #d32422;    color: #fff}.sf-article .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {    background-color: red;    color: #fff}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link {    background: none}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link a {    padding: 0}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link svg {    width: 1.25em;    height: 1.25em}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-amazon {    color: #f90}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {    color: #1ea0c3}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-behance {    color: #0757fe}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-codepen {    color: #1e1f26}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {    color: #02e49b}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {    color: #e94c89}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {    color: #4280ff}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-etsy {    color: #f45800}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-facebook {    color: #1778f2}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {    color: #000}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-flickr {    color: #0461dd}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {    color: #e65678}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-github {    color: #24292d}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {    color: #382110}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-google {    color: #ea4434}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-instagram {    color: #f00075}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {    color: #e21b24}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {    color: #0d66c2}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {    color: #3288d4}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-medium {    color: #02ab6c}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {    color: #f6405f}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {    color: #ff424d}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {    color: #e60122}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-pocket {    color: #ef4155}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {    color: #ff4500}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-skype {    color: #0478d7}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {    color: #fff;    stroke: #000}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {    color: #ff5600}.sf-article .sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-spotify {    color: #1bd760}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-telegram {    color: #2aabee}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {    color: #000}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {    color: #011835}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-twitch {    color: #6440a4}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-twitter {    color: #1da1f2}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {    color: #1eb7ea}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-vk {    color: #4680c2}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {    color: #25d366}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {    color: #3499cd}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-yelp {    color: #d32422}.sf-article .wp-block-social-links.is-style-logos-only .wp-social-link-youtube {    color: red}.sf-article .wp-block-social-links.is-style-pill-shape .wp-social-link {    width: auto}.sf-article .wp-block-social-links.is-style-pill-shape .wp-social-link a {    padding-left: .66667em;    padding-right: .66667em}