@charset "UTF-8";
/*
Theme Name: THE SONIC
Theme URI: https://the-sonic.jp
Author: SONIC Team
Author URI: https://the-sonic.jp
Description: THE SONICは書き心地・マネタイズ機能に加え、サイトの表示速度に優れたWordPressテーマです。
Version: 2.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
*/
/*****************************************
【もくじ：書いてある順番】
0.Start Codex
1.共通部分
2.ヘッダー
3.メイン：フロントページ
4.メイン：投稿ページ（ヘッダー）
5.メイン：投稿ページ（コンテンツ）
6.メイン：投稿ページ（フッター）
7.メイン：投稿ページ（グーテンベルク）
8.メイン：カテゴリーページ
9.メイン：その他のページ
10.サイド・ウィジェット
11.フッター
12.カラー設定
13.エディタ用
******************************************/
/*****************************************

    0.Start Codex

******************************************/
.entry-content img {
    max-width: 100%;
    height: auto;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.bypostauthor {
    background-color: #efefef;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
    background-color: #eee;
    clip: auto !important;
    clip-path: none;
    color: #444;
    display: block;
    font-size: 1em;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.gallery-caption {
    color: #333;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}
/*****************************************

    1.共通部分

******************************************/
.hb {
    max-width: 1120px;
    margin: 0 auto;
}
/*--------------------------------------
  フォント・背景色・テキスト・リンク
--------------------------------------*/
html {
    font-family: sans-serif
}
body {
    line-height: 1.83;
    margin: 0;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 17px;
    word-break: normal;
    overflow-wrap: break-word;
    -webkit-font-smoothing: antialiased;
}
p {
    margin-top: 0;
    margin-bottom: 2em;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*文字装飾*/
.bold {
    font-weight: 700;
}
.underline-yellow,
.underline-red,
.underline-blue {
    font-weight: 700;
}
.underline-yellow {
    background: linear-gradient(transparent 50%, rgba(255,240,0, .45) 50%);
}
.underline-red {
    background: linear-gradient(rgba(0,0,0,0) 50%, #ff9999 0);
}
.underline-blue {
    background: linear-gradient(rgba(0,0,0,0) 50%, #99CCFF 0);
}
.label-main,
.label-ac,
.label-gray,
.rttb-file,
.rttb-folder {
    display: inline-block;
    line-height: 1.2;
    margin: 2px;
    padding: 6px 8px;
    border-radius: 4px;
    font-size: 0.9em;
}
.label-main,
.label-ac {
    color: #fff;
}
.label-gray,
.rttb-file,
.rttb-folder {
    color: #616161;
    background: #eee;
}
.rttb-folder:before,
.rttb-file:before {
    margin-right: 0.4em;
    color: #9e9e9e;
    font-family: "font awesome 5 free";
}
.rttb-file:before {
    content: "\f15b";
}
.rttb-folder:before {
    content: "\f07b";
    font-weight: 700;
}
.rttb-keyboard {
    line-height: 1.5em;
    vertical-align: text-top;
    margin: 0 0.3em;
    padding: 0.5em 0.75em;
    border: solid 2px silver;
    border-radius: 5px;
    box-shadow: 0 1px 0 #c3c3c3;
    background: whitesmoke;
    font-size: 0.8em;
}
.bold-red {
    color: #f44f4f;
    font-weight: 700;
}
.text-underline {
    padding-bottom: 2px;
    border-bottom: 2px solid;
    border-color: #999;
}
.label-circle {
    display: inline-flex;
    min-width: 34px;
    height: 34px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border-radius: 17px;
    color: white;
    font-size: 12px;
}
/*--------------------------------------
  アニメーション
--------------------------------------*/
.animation-speed{
    transition: .3s ease-in-out;
}
.linkarea {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}
/*--------------------------------------
  非表示
--------------------------------------*/
@media (min-width: 1030px) {
    .hidden-pc.hidden-pc {
        display: none;
    }}
@media (max-width: 1029px) {
    .hidden-mobile.hidden-mobile {
        display: none;
    }}
/*****************************************

    2.ヘッダー

******************************************/
#header {
    color: #fff;
    position: relative;
    z-index: 99;
}
.header-in {
    display: flex;
}
@media (max-width: 1029px) {
    .header-in {
        flex-direction: column;
    }}
@media (min-width: 1030px) {
    .header-row .header-in {
        justify-content: space-between;
        flex-direction: row;
    }
    .header-column .header-in {
        flex-direction: column;
    }
    .header-column .nav-style-def {
        justify-content: center;
    }}
/*--------------------------------------
    タイトル
--------------------------------------*/
.header-title,
.footer-title {
    margin: 0;
    font-weight: 500;
}
.header-title {
    padding: 8px 0;
}
.header-title a {
    display: flex;
    justify-content: center;
}
/*--------------------------------------
    ロゴ
--------------------------------------*/
/*画像がない場合*/
.header-title a,
.footer-in-under .footer-title,
.footer-in-under .footer-title a {
    font-size: 30px;
    color: #fff;
}
.header-title a:hover,
.footer-in-under .footer-title a:hover {
    text-decoration: none;
    opacity: .7;
}

.logo-img,
.logo-img70,
.logo-img50,
.logo-img30 {
    width: auto;
}
@media (min-width: 1030px) {
    .logo-img {
        max-height: 96px;
    }
    .logo-img70 {
        max-height: 67px;
    }
    .logo-img50 {
        max-height: 48px;
    }
    .logo-img30 {
        max-height: 30px;
    }}
@media (max-width: 1029px) {
    .header-title {
        padding: 8px 62px;
    }
    .header-title img,
    .footer-title img {
        max-height: 54px;
        max-width: 100%;
    }}
/*--------------------------------------
    キャッチコピー
--------------------------------------*/
.logo-catchcopy {
    display: block;
    font-size: 12px;
    text-align: center;
}
/*--------------------------------------
    ヘッダーメニュー
--------------------------------------*/
.header-nav-in {
    height: 100%;
}
.header-nav i {
    margin-right: 4px;
}
.header-nav-more {
    position: relative;
    padding-right: 32px;
}
.nav-style-def {
    display: inline-block;
    overflow-x: auto;
    margin: 0;
    padding-left: 0;
    white-space: nowrap;
    list-style: none;
}
.nav-style-def > .menu-item {
    display: inline-block;
    box-sizing: border-box;
    transition: backgroud-color .3s;
}
.nav-style-def a {
    display: flex;
    height: 100%;
    line-height: 44px;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    text-decoration: none;
}
.nav-style-def .sub-menu {
    display: none;
    position: absolute;
    width: 200px;
    padding: 12px 8px;
    border: 1px solid;
    background: #fff;
    text-align: left;
    box-sizing: border-box;
}
.nav-style-def .menu-item .sub-menu .menu-item {
    display: block;
}
.nav-style-def .sub-menu a {
    color: #333;
    white-space: pre-line;
    line-height: 32px;
}
.nav-style-def .sub-menu a:before {
    content: "\f0da";
    font-family: "font awesome 5 free";
    font-weight: 900;
    margin-right: 8px;
    font-size: .85em;
}
.nav-style-def.nav-style-overflow-x {
    display: block;
    overflow-x: auto;
}
@media (min-width: 768px) {
    .nav-style-def .sub-menu {
        top: calc(100% - 1px);
    }
    .nav-style-def {
        display: flex;
        height: 100%;
        overflow-x: inherit;
    }
    .plus-logo-catchcopy .sub-menu {
        line-height: normal;
    }
    .header-nav-more {
        padding-right: 0;
    }
    .nav-style-def>.menu-item {
        position: relative;
    }
    .nav-style-def .menu-item:hover .sub-menu {
        display: block;
    }}
@media (max-width: 767px) {
    .header-nav {
        overflow: hidden;
        height: 44px;
    }
    .header-nav-more:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 32px;
        line-height: 44px;
        font-family: "font awesome 5 free";
        text-align: center;
        content: "\f144";
    }}
/*--------------------------------------
    お知らせ欄（ヘッダーメニュー）
--------------------------------------*/
.header-info a {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}
/*--------------------------------------
    フロントページ（トップページカテゴリ）
--------------------------------------*/
article.cat-contents:not(.cat-contents-1) {
    display: none;
}
.cat-tab-text.cat-tab-1 {
    width: 100%;
}
.main-tab-last {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.main-tab-last:not(.main-tab-last-active) {
    display: none;
}
.main-tab-last.main-tab-last-active {
    display: flex;
}
a.main-tab-btn {
    display: flex;
    width: 100%;
    max-width: 300px;
    justify-content: center;
    padding: 8px;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
    position: relative;
    transition: opacity .3s;
}
a.main-tab-btn:after {
    content: "\f101";
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    right: 12px;
}
a.main-tab-btn:hover {
    opacity: .54;
}

/*--------------------------------------
    フロントページCTA（背景画像＋テキストエリア＋イメージエリア）
--------------------------------------*/
.header-img {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
.imgarea-img a {
    display: flex;
    height: 100%;
    justify-content: center;
}
.imgarea-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.imgarea-text-in {
    display: flex;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.imgarea-text-inner {
    align-self: center;
    width: 100%;
}
.imgarea-text-none {
    display: none;
}
.imgarea-text-center {
    margin: 0 auto;
}
.imgarea-text-left {
    margin-right: auto;
}
.imgarea-text p,
.imgarea-text-inner > div:not(:last-child) {
    margin-bottom: 20px;
}
.imgarea-title {
    line-height: 1.5;
    font-weight: 600;
    text-align: center;
}
.imgarea-btn-area {
    margin-bottom: 0;
    font-weight: 700;
    text-align: center;
}
.imgarea-btn {
    display: inline-block;
    line-height: 44px;
    padding: 0 1em;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}
.imgarea-btn:hover {
    text-decoration: none;
    opacity: .7;
}
.imgarea-text-left, .imgarea-text-right {
    text-align: left;
}
.imgarea-text-right {
    margin-left: auto;
}
.imgarea-text {
    display: flex;
    padding: 16px;
}
.imgarea-text-inver {
    flex-direction: column-reverse;
}
.imgarea-text p:empty {
    display: none;
}
.imgarea-img {
    text-align: center;
}
@media (min-width: 1030px) {
    .imgarea-text {
        padding: 60px 0;
    }
    .imgarea-text-inver {
        flex-direction: row-reverse;
        justify-content: center;
    }
    .imgarea-text-in {
        padding: 24px;
    }
    .imgarea-title {
        font-size: 1.9em;
    }
    .imgarea-img,
    .imgarea-text-in {
        flex-basis: 50%;
    }}
@media (min-width: 768px) and (max-width: 1029px) {
    .imgarea-text-in {
        padding: 5vw;
    }
    .imgarea-title {
        font-size: 5.5vw;
    }}
@media (max-width: 767px) {
    .imgarea-img {
        display: none;
    }
    .imgarea-text-in {
        padding: 7vw;
    }
    .imgarea-title {
        font-size: 5vw;
    }}
/*--------------------------------------
    人気ワード
--------------------------------------*/
@media (min-width: 1030px) {
    .hotword-textlink {
        list-style: none;
        display: flex;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
    }
    .hotword-textlink li {
        display: flex;
        position: relative;
        align-items: center;
    }
    .hotiword-textlink-1:before,
    .hotiword-textlink-2:before,
    .hotiword-textlink-3:before {
        display: inline-block;
        line-height: 24px;
        margin-right: 4px;
        border-radius: 4px;
        color: white;
        font-size: 12px;
        text-align: center;
    }
    .hotiword-textlink-1:before {
        content: "HOT";
        padding: 0 8px;
    }
    .hotiword-textlink-2:before {
        content: "NEW";
        padding: 0 8px;
    }
    .hotiword-textlink-3:before {
        border-radius: 50%;
        color: white;
        font-family: "font awesome 5 brands";
        font-weight: 600;
        content: "\f3b1";
    }}
@media (max-width: 1029px) {
    .hotword {
        display: none;
    }}
/*--------------------------------------
    ハンバーガーメニュー　検索ボタン
--------------------------------------*/
.hamburger-in-content {
    overflow: auto;
}
.not-see {
    display: none;
}
.hamburger-menu-right,
.hamburger-menu-left,
.header-search-right {
    display: flex;
    position: absolute;
    width: 62px;
    height: 62px;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
    text-align: center;
}
.hamburger-menu-right,
.header-search-right {
    right: 0;
}
.hamburger-menu-left {
    left: 0;
}
.hamburger-textmenu {
    display: block;
    line-height: 10px;
    font-size: 10px;
}
.hamburger-in-content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 90%;
    height: 100%;
    line-height: 1.83;
    background: #fff;
    font-size: 0.8em;
    text-align: left;
    transform: translateX(-110%);
}
.header-search-in-content {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.5);
    transform: translateX(110%);
}
.hamburger-in-close,
.header-search-in-close {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.header-search-in-innerclose {
    display: block;
    color: #fff;
    margin: 2em 0 0;
}
.header-search-in-innerclose i {
    font-size: 3em;
    font-weight: 900;
    display: block;
}
.header-search-in-content .header-search {
    width: 80%;
}
.hotword-mobile-textlink {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.hotword-mobile-textlink li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 0 16px 8px 0;
}
.hotword-mobile-textlink li a{
    color: #fff;
}
#hamburger-in:checked~.hamburger-in-close,
#header-search-in:checked~.header-search-in-close {
    display: block;
}
#hamburger-in:checked~.hamburger-in-content,
#header-search-in:checked~.header-search-in-content {
    transform: translateX(0);
    transition: transform .3s;
}
@media (min-width: 1030px) {
    .hamburger-menu-right,
    .hamburger-menu-left,
    .header-search-right {
        display: none;
    }}

#hamburger-in-close:after {
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f057";
    position: absolute;
    top: 50%;
    right: 0;
    width: 10%;
    text-align: center;
}
/*****************************************

    3.メイン：フロントページ

******************************************/
#content {
    margin: 0 0 40px;
}
#content-in {
    padding: 0;
}
.main-hb {
    width: 100%;
}
@media (min-width: 1030px) {
    #content {
        margin: 40px 0;
    }
    #content-in {
        padding: 0 10px;
        display: flex;
        justify-content: start;
    }
    .one-column #content-in {
        width: 900px;
    }
    .main-hb {
        width: 810px;
        margin-right: 30px;
    }
    .one-column .main-hb {
        width: 100%;
        margin-right: 0;
    }
    .main-in {
        padding: 0px;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .main-in:after {
        content:"";
        display: block;
        width:31%;
    }
    .one-column .main-in {
        padding-right: 0;
    }}
@media (min-width: 768px) and (max-width: 1029px) {
    .main-in {
        padding: 0 16px;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }}
@media (max-width: 767px) {
    .main-in {
        padding: 0 16px;
    }}
/*--------------------------------------
    記事一覧デザイン
--------------------------------------*/
/*****  記事一覧デザイン　すべてに共通  *****/
.main-kiji {
    transition: box-shadow .3s;
    width: 100%;
    margin: 30px 0 0 0;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.main-in a:hover,
.main-in:hover .kiji-text {
    text-decoration: none;
}
.main-kiji a.kiji-cat:hover {
    text-decoration: none;
    opacity: .7;
}
.main-kiji .linkarea {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 40px;
}
.main-kiji .kiji-share {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
}
.kiji-img {
    position: relative;
    overflow: hidden;
}
.kiji-img-img {
    object-fit: cover;
}
.kanren-kiji .kiji-img {
    padding-bottom: 0;
}
.kiji-cat {
    display: inline-block;
    position: absolute;
    z-index: 1;
    color: #fff;
    font-size: 0.8em;
    transition: opacity 0.3s;
}
.kiji-new {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #fff;
}
.kiji-date {
    text-align: center;
}
.kiji-date-in {
    display: inline-block;
}
.kiji-text {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    pointer-events: none;
}
.main-kiji .iine-btn {
    flex-direction: row;
    height: auto;
    width: auto;
    border: none;
    background-color: transparent;
}
.main-kiji .total-scc {
    opacity: .38;
}
.main-kiji .total-scc span {
    font-size: 14px;
    padding: 0 8px;
}
@media (min-width: 768px) and (max-width: 1029px) {
    .main-kiji {
        width: 48%;
    }}
/*****  カラム別　共通  *****/
/* 1カラム */
@media (min-width: 768px) {
    .kijicolumn-1 .main-kiji {
        width: 100%;
    }
    .kijicolumn-1 .linkarea {
        flex-direction: row;
        padding-bottom: 0;
    }
    .kijicolumn-1 .kiji-date {
        position: absolute;
    }
    .kijicolumn-1 .kiji-text {
        flex: 1;
        align-self: center;
        font-weight: bold;
    }}
@media (max-width: 767px) {
    .kijicolumn-1 .kiji-text {
        text-align: left;
    }}
/* 2カラム */
.kijicolumn-2 .main-kiji:nth-child(2n) {
    margin-right: 0;
}
/* 3カラム */
.kijicolumn-3 .main-kiji:nth-child(3n) {
    margin-right: 0;
}
/* 2カラム */
.kijicolumn-2 .main-kiji:nth-child(2n) {
    margin-right: 0;
}
@media (min-width: 1030px) {
    .kijicolumn-2 .main-kiji {
        width: 48%;
        max-width: 390px;
    }
    .kijicolumn-2 .kiji-text {
        padding: 0 20px 12px;
    }}
/* 3カラム */
@media (min-width: 1030px) {
    .kijicolumn-3 .main-kiji {
        width: 31%;
    }}
/*================================
    デザインパターン
================================*/
/*****  デフォルトモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/*****  バイラルモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/*****  ラウンドモード  *****/
/* 1カラム *//* 2カラム *//* 3カラム */
/* ？ */
.main-kiji .snsbox-in-style2 span {
    position: relative;
    display: inline-block;
    font-size: 14px;
    width: auto;
    text-align: left;
    padding: 0 8px;
}
.main-kiji .pf-face-img,
.main-kiji .wp-user-avatar{
    max-width: 20px;
}
/*****  記事一覧デザイン　スマホ横長  *****/
@media (max-width: 767px) {
    .main-kiji-longcard .kiji-share,
    .main-kiji-longcard .kiji-cat,
    .viral-mode .main-kiji-longcard .kiji-img:after {
        display: none;
    }
    .main-kiji.main-kiji-longcard {
        overflow: visible;
        margin: 0;
    }
    .main-kiji-longcard a.linkarea{
        position: relative;
        height: 100px;
        flex-direction: row;
        align-items: center;
        margin: 1rem 0;
        padding-bottom: 0;
        background: #fff;
    }
    .main-kiji-longcard .kiji-img,
    .main-kiji-longcard .kiji-img img {
        width: 100px;
        height: 100px;
        padding-bottom: 0;
    }
    .main-kiji-longcard div.kiji-date {
        position: absolute;
        right: 4px;
        bottom: 4px;
        line-height: 1;
        color: #333;
        opacity: 0.38;
        font-size: 11px;
        padding: 0;
        top: auto;
    }
    .viral-mode .main-kiji-longcard .kiji-date .kiji-date-in {
        padding: 0;
    }
    .viral-mode .main-kiji-longcard h2.kiji-text {
        position: static;
        color: #333;
        font-weight: 500;
        transform: none;
    }
    .main-kiji-longcard .kiji-text {
        max-height: 66px;
        line-height: 1.4;
        overflow: hidden;
        flex: 1;
        padding: 0 8px;
        text-align: left;
    }
}
/*--------------------------------------
    記事一覧見出し
--------------------------------------*/
.main-h2,
.main-title,
.main-tab-two {
    background: #fff;
    margin: 30px 16px 0;
    text-align: center;
    font-size: 1.2em;
    box-sizing: border-box;
}
.main-h2,
.main-title {
    padding: 12px;
}
.main-title {
    width: 100%;
    margin: 0;
}
.main-title p {
    margin-bottom: 0;
}
.cat-tab-text.active_tab {
    color: #fff;
}
.cat-tab-text:not(.active_tab) {
    background-color: #fff;
}
.cat-tab-text:hover {
    cursor: pointer;
}
.cat-tab-text.active_tab:hover {
    cursor: default;
}
.main-tab-two {
    display: flex;
}
.main-tab1, .main-tab2 {
    padding: 14px 4px;
    width: 50%;
}
@media (min-width: 1030px) {
    .main-h2,
    .main-title {
        font-size: 1.5em;
        padding: 14px 15px;
    }
    .main-h2,
    .main-tab-two {
        margin: 0;
    }}
/*--------------------------------------
    ページャー 記事一覧およびブロック
--------------------------------------*/
ul.page-numbers {
    list-style: none;
    padding: 0;
    margin-bottom: 2em;
    line-height: 40px;
    text-align: center;
    box-sizing: border-box;
}
ul.page-numbers li {
    display: inline-block;
}
a.page-numbers,
span.page-numbers,
.post-page-numbers {
    text-decoration: none;
    transition: .3s;
}
a.page-numbers.prev,
a.page-numbers.next,
.post-page-numbers {
    display: inline-block;
    width: 40px;
}
a.page-numbers,
span.page-numbers{
    display: inline-block;
    width: 40px;
    background: #fff;
    border-radius: 4px;
}
span.page-numbers.current,
.post-page-numbers.current {
    color: #fff;
}
.page-numbers.prev:before,
.page-numbers.next:after {
    font-family: "font awesome 5 free";
    font-weight: 600;
    padding: 0 8px;
}
.page-numbers.prev,
.page-numbers.next{
    background: none;
}
a.page-numbers:hover,
.post-page-numbers:not(.current):hover {
    color: inherit;
}
.page-numbers.prev:hover,
.page-numbers.next:hover {
    opacity: .54;
}
.page-numbers.prev:before {
    content: "\f100";
}
.page-numbers.next:after {
    content: "\f101";
}
nav.pagination span.page-numbers.dots {
    background: transparent;
    width: 20px;
}
/*****************************************

    4.メイン：投稿ページ（ヘッダー）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.entry-header {
    background: #fff;
}
article.entry,
article.single {
    width: 100%;
    background: #fff;
}
@media (max-width: 767px) {
    .single .main-in,
    .page .main-in,
    .one-column .main-in{
        padding: 0;
    }}
/*--------------------------------------
  パンくずリスト
--------------------------------------*/

/*--------------------------------------
  タイトル
--------------------------------------*/
.entry-title,
.notpage-title {
    line-height: 1.6em;
    margin: 0;
    padding: 4px 16px;
    font-weight: 500;
    font-size: 1.2em;
}
@media (min-width: 1030px) {
    .entry-title {
        font-size: 1.8em;
        padding: 16px 36px;
    }}
@media (min-width: 768px) and (max-width: 1029px) {
    .entry-title,
    .notpage-title {
        font-size: 1.6em;
    }}
/*--------------------------------------
  投稿日・更新日・閲覧数・読む時間
--------------------------------------*/
.entry-header-item {
    display: flex;
    margin: 0;
    padding: 4px 0 4px 16px;
    font-size: 2.8vw;
    text-align: center;
}
.entry-header-item span {
    margin-right: 2vw;
}
.entry-header-item span i {
    font-size: 1em;
}

.entry-header-item span.viewcount {
    margin: 0;
    opacity: 1;
}

@media (min-width: 1030px) {
    .entry-header-item {
        padding: 4px 36px;
    }}
@media (min-width: 768px) {
    .entry-header-item span i {
        vertical-align: baseline;
    }}
/*--------------------------------------
  アイキャッチ
--------------------------------------*/
.entry-eyeimg img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
/*================================
    デザインパターン    アイキャッチ＆タイトル＆投稿日
================================*/
.eyecatching-mark1,
.eyecatching-mark2 {
    min-height: 200px;
}
@media (min-width: 1030px) {
    .eyecatching-mark1,
    .eyecatching-mark2 {
        min-height: 300px;
    }}
/*--------------------------------------
  SNSシェアボタン
--------------------------------------*/
/* シェア部分 */
.entry-snsbox .share-btn i {
    border-radius: 0px;
    font-size: 1.5em;
}
.entry-snsbox {
    padding: 12px 16px;
}
.entry-snsbox:empty {
    display: none;
}
.entry-snsbox .snsbox-in {
    display: flex;
    justify-content: space-between;
}
.snsbtn {
    flex: 1;
    border-radius: 4px;
    color: #fff;
    text-align: center;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
a.snsbtn {
    text-decoration: none;
}
.snsbox-in .snsbtn:not(:last-child) {
    margin-right: 1.5%;
}
.snsbtn.hatena-btn {
    font-weight: 600;
}
.snsbtn.pinterest-btn {
    cursor: pointer;
}
/*style-1*//*style-2*//*style-3*//*style-4 それぞれのCSSへ移行*/
/*URLコピーボタン*/
.urlcopy-btn {
    width: 100%;
    line-height: 34px;
    margin: 8px 0 0;
    border: none;
    border-radius: 4px;
    background: #fff;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
}
#copyUrl, #copyUrlLabel {
    position: absolute;
    bottom: 0;
    left: -500px;
    width: 1px;
    height: 1px;
}
/*--------------------------------------
  SNSシェアボタン 固定
--------------------------------------*/
.left-fixed {
    display: none;
}
@media (min-width: 1030px) {
    .left-fixed {
        display: inline-block;
        width: 96px;
        margin-left: -96px;
    }
    .sticky-box {
        position: sticky;
        top: 0;
    }
    .left-fixed-in {
        display: inline-block;
        width: 80px;
        padding: 8px;
    }
    .left-fixed-in .snsbox-in a {
        margin-bottom: 4px;
    }
    .snsbox-in-style2 {
        text-align: center;
    }
    .snsbox-in-style2 span {
        font-size: 12px;
        line-height: 1;
    }
    .snsbox-in-style2 span.scc {
        font-size: 12px;
    }
    .left-fixed-in .snsbtn {
        display: flex;
        width: 52px;
        height: 52px;
        flex-direction: column;
        justify-content: center;
        margin: 0 auto 8px;
        border-radius: 50%;
    }
    .left-fixed-in .snsbtn.hatena-bgc {
        line-height: 1.3;
    }
    .left-fixed-in .snsbtn i {
        line-height: 1.5;
    }
    .entry-snsbox .snsbtn.urlcopy-btn {
        display: none;
    }}
span[data-pin-log="button_pinit_floating"] {
    height: 32px;
    width: 32px;
    background-size: 32px 32px;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 0 0 no-repeat;
    box-shadow: none;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
}

/*****  いいねボタン  *****/
.iine-btn {
    display: flex;
    width: 52px;
    height: 52px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    color: #ccc;
    background: #fff;
    transition: color 0.3s;
    cursor: pointer;
    box-sizing: border-box;
    line-height: 1.5;
}
.iine-btn:hover {
    color: #e7609e;
}
.iine-btn-click {
    animation: iineani .5s ease-out;
}
@keyframes iineani {
    0% {
        transform: scale(1)
    }
    30% {
        transform: scale(1.5)
    }
    100% {
        transform: scale(1)
    }
}
@media (min-width: 1030px) {
    .left-fixed-in .iine-btn {
        position: relative;
        margin: 0 auto;
    }}
/*記事内フッターいいねボタン*/
.entry-footer-iine {
    padding: 0 16px 16px;
}
.entry-footer-iine .iine-btn {
    flex-direction: row;
    height: 32px;
    border: none;
    width: fit-content;
}
.entry-footer-iine .iine-btn-img {
    display: flex;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 8px;
    justify-content: center;
    align-items: center;
    border: 1px solid;
}
@media (min-width: 1030px){
    .entry-footer-iine {
        padding: 0 36px 16px;
    }
    .entry-footer-iine .iine-btn span {
        font-size: 16px;
    }}
/*****************************************

    5.メイン：投稿ページ（コンテンツ）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.entry-content {
    background: #ffffff;
    padding: 16px;
}
@media (min-width: 1030px) {
    .entry-content {
        padding: 16px 36px;
    }}
/*--------------------------------------
  この記事を書いた人
--------------------------------------*/
.entry-header .entry-writer {
    margin: 1em 0;
}
.writer-in {
    display: flex;
    margin: 0 16px;
    flex-direction: column;
    position: relative;
}
.writer-img {
    text-align: center;
    display: flex;
    align-items: center;
}
.writer-in:before {
    content: "この記事を書いた人";
    position: absolute;
    font-size: 14px;
}
.writer-img-in img {
    margin: auto;
    border-radius: 50%;
    object-fit: cover;
}
.writer-name,
.writer-katagaki {
    margin-bottom: 0;
}
.writer-katagaki {
    font-size: 14px;
}
.writer-text {
    padding: 12px;
    flex: 1;
}
.writer-text-in .pf-share>p {
    border-top: none;
    margin-bottom: 0;
}
.writer-text-in .pf-btn {
    max-width: unset;
}
.writer-text-in .pf-share {
    padding-bottom: 0;
}
/*プロフィールのカスタムボタン*/
.pf-custom-btn {
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-top: 8px;
    padding: 8px;
    border-radius: 4px;
    transition: opacity .3s;
    font-weight: 700;
}
.pf-custom-btn:after {
    content: "サイト";
}
a.pf-custom-btn:hover {
    color: #fff;
    opacity: .7;
    text-decoration: none;
}
@media (min-width: 1030px) {
    .writer-in {
        flex-direction: row;
        margin: 0 36px;
    }
    .writer-img {
        min-width: 260px;
        width: 260px;
    }
    .writer-text {
        margin-left: 16px;
        padding: 16px;
    }}
/*================================
    デザインパターン    この記事を書いた人（本文）
================================*/
.entry-footer .writer-mark1,
.entry-footer .writer-mark2,
.entry-footer .writer-mark3 {
    margin-bottom: 1em;
    padding-top: 1em;
}
/*mark1 デフォルト*//*mark2 シンプル*/
/*mark3 スクエア*//*mark4 スタンプ*/
/*--------------------------------------
  カテゴリータグエリア
--------------------------------------*/
/*****  カテゴリー・タグエリア  *****/
.entry-catetagbox {
    padding: 8px 16px;
}
.category-area,
.tag-area {
    margin: 4px 0;
    max-width: 100%;
}
.catetagbox-label {
    display: inline-block;
}
.category-area ul,
.tag-area ul,
.catetagbox-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    vertical-align: top;
}
.category-area .catetagbox-list {
    max-width: calc(100% - 110px);
}
.tag-area .catetagbox-list {
    max-width: calc(100% - 60px);
}
.category-area li {
    display: inline-block;
}
.catetagbox-list li a:not(:last-child) {
    margin-right: 1em;
}
.category-area a,
.tag-area a {
    text-decoration: none;
    transition: opacity .3s;
    display: inline-block;
}
.category-area a:hover,
.tag-area a:hover {
    opacity: .7;
}
.category-area li a:before,
.tag-area li a:before {
    margin-right: 4px;
    font-family: "font awesome 5 free";
    font-weight: 900;
}
.category-area li a:before {
    content: "\f07b";
}
.tag-area li a:before {
    content: "\f02b";
}
@media (min-width: 1030px) {
    .entry-catetagbox {
        padding: 12px 36px;
    }}
/*--------------------------------------
  保護ページ
--------------------------------------*/
.entry-content .post-password-form p:last-child {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.entry-content .post-password-form p:last-child label {
    display: flex;
    width: 70%;
    flex-direction: column;
    margin-right: 8px;
    text-align: left;
}
.entry-content .post-password-form p:last-child label input {
    display: inline-block;
    width: 100%;
    min-height: 44px;
    line-height: normal;
    flex: 1;
    margin: 0;
    padding: 0 12px;
    border: 1px solid #e1e8ed;
    color: #757575;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.entry-content .post-password-form p:last-child label + input {
    display: inline-block;
    width: 84px;
    height: 44px;
    border: none;
    color: #fff;
    background: #1e73be;
    box-sizing: border-box;
    -webkit-appearance: none;
}
@media (min-width: 1030px) {
    .entry-content .post-password-form p:last-child label {
        width: 50%;
    }}
/*****************************************

    6.メイン：投稿ページ（フッター）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
.main-article-under {
    width: 100%;
    box-sizing: border-box;
}
@media (max-width: 767px){
    .main-article-under {
        padding: 0 16px;
    }}
/*--------------------------------------
  次の記事 前の記事
--------------------------------------*/
.entry-prevnext-in {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.prev-kiji,
.next-kiji {
    position: relative;
    width: 100%;
    margin: 1.5em 0;
    background: #fff;
    transition: box-shadow .3s;
}
.prev-kiji:hover,
.next-kiji:hover {
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
}
.prev-kiji-in,
.next-kiji-in {
    display: flex;
    height: 100px;
    overflow: hidden;
    font-size: .95em;
}
.entry-prevnext-2 .prev-kiji-in,
.entry-prevnext-2 .next-kiji-in {
    height: auto;
}
.next-kiji-in {
    flex-direction: row-reverse;
}
.prevnext-img {
    flex-basis: 32%;
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 50%;
}
.prevnext-text {
    max-width: calc(100% - 124px);
    max-height: 100px;
    flex: 1;
    align-self: center;
    padding: 4px 8px;
    color: #333;
    font-size: 14px;
    box-sizing: border-box;
}
.prevnext-title {
    display: inline-block;
    position: absolute;
    z-index: 2;
    padding: 4px 12px;
    color: #fff;
    font-size: 14px;
}
.next-kiji-in .prevnext-title {
    right: 0;
}
@media (min-width: 1030px) {
    .entry-prevnext-in {
        flex-direction: inherit;
    }
    .prev-kiji,
    .next-kiji {
        width: 48%;
    }}
/*--------------------------------------
  スマホ スワイプ型
--------------------------------------*/
/* サムネ付きスワイプ */
.paging-card-swipe-box{
    position: fixed;
    z-index: 100;
}
.mobile-left-linkcard {
    left: -200px;
    transform : translate(-200px, 0);
    padding: 10px 32px 10px 8px;
    border-radius: 0 4px 4px 0;
}
.mobile-right-linkcard {
    right: -200px;
    transform : translate(200px, 0);
    padding: 10px 8px 10px 32px;
    border-radius: 4px 0 0 4px;
}
.paging-card-swipe {
    position: fixed;
    top: calc(50% - 50px);
    z-index: 100;
    width: 250px;
    max-width: 300px;
    max-height: 100px;
    background: rgba(51, 51, 51, 0.5);
    transition: all 500ms;
    box-sizing: border-box;
}
.mobile-left-linkcard.allshow {
    left: 0;
    transform : translate(-150px, 0);
}
.mobile-right-linkcard.allshow {
    right: 0;
    transform : translate(200px, 0);
}
.paging-card-swipe.show {
    transform : translate(0, 0);
    opacity : 1;
}
i.paging-card-swipe-i {
    position: absolute;
    top: 0;
    width: 24px;
    line-height: 100px;
    color: #fff;
    background: #23282d33;
    text-align: center;
}
.paging-card-swipe-next {
    content: "\f105";
    left: 0;
}
.paging-card-swipe-prev {
    content: "\f104";
    right: 0;
}
.mobile-right-linkcard .paging-card-swipe-i {
    border-radius: 4px 0 0 4px;
}
.mobile-left-linkcard .paging-card-swipe-i {
    border-radius: 0 4px 4px 0;
}
.mobile-left-linkcard span{
    right: 32px;
}
.mobile-left-linkcard span,
.mobile-right-linkcard span {
    position: absolute;
    top: 10px;
    width: 80px;
    border-radius: 4px 4px 0 0;
    color: #fff;
    background: rgba(51, 51, 51, 0.2);
    font-size: 12px;
    text-align: center;
}
.linkcard-swipe-in {
    display: flex;
}
.mobile-left-linkcard .linkcard-swipe-in {
    flex-direction: row-reverse;
}
.paging-card-swipe a.linkcard-swipe {
    color: #333;
}
.linkcard-swipe-img {
    height: 80px;
    width: 80px;
    flex-basis: 80px;
}
.linkcard-swipe-img img {
    border-radius: 4px;
    object-fit: cover;
    height: 80px;
    width: 80px;
}
.linkcard-swipe-title {
    max-height: 80px;
    overflow: hidden;
    flex: 1;
}
.linkcard-swipe-title p {
    font-size: 14px;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 0;
}
.mobile-right-linkcard .linkcard-swipe-title p {
    padding: 0 0 0 8px;
}
.mobile-left-linkcard .linkcard-swipe-title p {
    padding: 0 8px 0 0;
}
/* スワイプ型（次の記事・前の記事） */
.paging-swipe {
    display: inline-block;
    position: fixed;
    top: calc(50% - 50px);
    z-index: 100;
    width: 24px;
    height: 100px;
    line-height: 20px;
    padding: 8px;
    background: rgba(51, 51, 51, 0.2);
    font-size: 14px;
    text-align: center;
    transition: all 500ms;
}
.paging-swipe a {
    color: #333;
}
.paging-swipe.mobile-left-btn {
    transform : translate(-45px, 0);
    left: 0;
    border-radius: 0 8px 8px 0;
}
.paging-swipe.mobile-right-btn {
    transform : translate(45px, 0);
    right: 0;
    border-radius: 8px 0 0 8px;
}
.paging-swipe.show {
    opacity : 1;
    transform : translate(0, 0);
}
/* テキストカード */
.entry-prevnext-2 {
    margin: 4em 0 2em;
}
.entry-prevnext-2 .prevnext-title {
    top: -33px;
}
.entry-prevnext-2 .prevnext-text {
    flex-basis: auto;
}
/*--------------------------------------
  関連記事
--------------------------------------*/
/*「関連記事」タイトル*/
.kanren-kiji-title {
    margin: 2em 0 1em;
    font-weight: 600;
    font-size: 1.2em;
    text-align: center;
}
/*================================
    デザインパターン    関連記事
================================*/
/*--------------------------------------
  コメント
--------------------------------------*/
.comment-reply-title {
    margin: 2em 0 1em;
}
.comment-reply-title:before {
    margin-right: 8px;
    font-family: "font awesome 5 free";
    content: "\f086";
}
.comment-form-comment {
    border: 1px solid;
}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
    margin-bottom: 1em;
}
.comment-respond .comment-notes {
    font-size: 13px;
}
.required {
    color: #ea4335;
}
.comment-form-comment label {
    display: block;
    position: relative;
    padding: 0.5em 1em;
    color: #fff;
}
.comment-respond textarea,
.comment-respond input {
    display: block;
    width: 100%;
    line-height: 1.8;
    padding: 0.5em 1em;
    border: none;
    font-size: 16px;
    box-sizing: border-box;
    resize: vertical;
}
.comment-form-cookies-consent label {
    display: block;
    font-size: 13px;
}
.comment-respond textarea {
    outline: none;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.form-submit .submit {
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    transition: opacity .3s;
    -webkit-appearance: none;
}
.form-submit .submit:hover {
    opacity: .7;
}
.comment-respond input[type="checkbox"] {
    display: inline-block;
    margin: 0;
    width: 20px;
    height: 20px;
}
#comments-list {
    background-color: #fff;
    padding: 1em;
    list-style-type: none;
}
#comments-list .comment.parent:not(:last-child) {
    margin-bottom: 2em;
    padding-bottom: 1.5em;
    border-bottom: 4px double #eee;
}
.comment-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1em;
}
.comment-content p {
    margin-bottom: 0;
    padding: 1em;
    font-size: 0.95em;
}
.comment-body .reply {
    margin-bottom: 0.5em;
    padding: 0 1em 1em;
    text-align: right;
}
.comment-reply-link {
    display: inline-block;
    padding: 0.25em 1em;
    border-radius: 4px;
    background: rgba(0,0,0,0.05);
    font-size: 0.9em;
}
.comment-author {
    display: flex;
    align-items: center;
}
.comment-author img {
    border-radius: 50%;
    margin-right: 8px;
}
.comment-metadata {
    font-size: 12px;
    padding-top: .5em;
    text-align: right;
}
.comment .children {
    list-style-type: none;
}
.comment-content pre {
    line-height: 2.2;
    padding: 1em 1.5em;
    border: 1px solid #eee;
    color: #777;
    background: #f9f9f9;
    font-size: 0.95em;
    letter-spacing: 0.5px;
    white-space: pre-wrap;
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
@media (max-width: 767px) {
    .comment-meta {
        align-items: end;
        flex-direction: column;
    }
    .comment .children {
        padding-left: 0px;
    }}
/*****************************************

    7.メイン：投稿ページ（グーテンベルク）

******************************************/
/*--------------------------------------
  段落ブロック
--------------------------------------*/
/*共通*/
p[class*="is-style-para-mark"] {
    padding: 1em 1.5em;
}
/*共通（アイコンブロック）*/
p[class*="is-style-para-icon"] {
    padding: 1em 1.5em 1em 68px;
    position: relative;
}
p[class*="is-style-para-icon"]:before {
    font-family: "font awesome 5 free";
    position: absolute;
    left: 0;
    width: 36px;
    line-height: 36px;
    text-align: center;
    top: calc(50% - 18px);
    color: #fff;
    font-weight: 600;
    margin-left: 16px;
    border-radius: 50%;
}
/*================================
    デザインパターン    段落ブロック
================================*/
/*--------------------------------------
  画像ブロック
--------------------------------------*/
/*共通*/
.wp-block-image img[class^="wp-image"] {
    display: block;
}
.wp-block-image {
    margin: 0 0 2em;
}
.wp-block-image .alignleft {
    float: inherit;
    margin: 0;
}
.wp-block-image .aligncenter {
    margin: 0 auto;
}
.wp-block-image .alignright {
    float: inherit;
    margin: 0 0 0 auto;
}
.wp-block-image figcaption {
    margin-top: 0.75em;
    margin-bottom: 0;
    text-align: center;
    font-size: .9em;
}
/*================================
    デザインパターン    画像ブロック
================================*/
/*--------------------------------------
  見出しブロック
--------------------------------------*/
.entry h2,
.entry h3,
.entry h4 {
    position: relative;
    box-sizing: border-box;
}
.entry h2 {
    margin: 3em 0 1em;
}
.entry h3 {
    margin: 2em 0 0.75em;
}
.entry h4 {
    margin: 1.5em 0 0.5em;
}
@media (max-width: 767px) {
    .entry h2 {
        font-size: 1.2em;
    }}
/*================================
    デザインパターン　見出しh2 h3 h4
================================*/
/*--------------------------------------
  リスト
--------------------------------------*/
/*--------------------------------------
  引用
--------------------------------------*/
/*--------------------------------------
  カバー・ファイル
--------------------------------------*/
/*--------------------------------------
  表（テーブル）
--------------------------------------*/
.wp-block-table {
    margin: 0 0 2em;
}
table,
th,
td {
    border: 1px solid #eeeeee;
    text-align: center;
    border-collapse: collapse;
}
th,
td {
    padding: 12px;
}
th {
    background: #f9f9f9;
    color: #797979;
}
/*================================
    デザインパターン    テーブル
================================*/
/*--------------------------------------
  グループ化
--------------------------------------*/
/*共通*/
.wp-block-group {
    margin-bottom: 2em;
}
.wp-block-group__inner-container > *:last-child {
    margin-bottom: 0;
}
@media (min-width: 1030px){
    [class*="is-style-group"] {
        padding: 1.8em;
    }}
@media (max-width: 1029px){
    [class*="is-style-group"] {
        padding: 1em;
    }}
/*================================
    デザインパターン    グループ化ブロック
================================*/
/*--------------------------------------
  カラム
--------------------------------------*/
/*モバイル表示時の2カラム*/
@media (max-width: 599px) {
    .mobile-2column .wp-block-column {
        max-width: calc(50% - 10px);
    }
    .mobile-2column .wp-block-column:nth-child(2n+2) {
        margin-left: 20px;
    }
    .mobile-2column figure.wp-block-image {
        margin-bottom: 1em;
    }
    .two-box-set .mobile-2column .wp-block-column {
        max-width: 49.7%;
    }
    .two-box-set .mobile-2column .wp-block-column:nth-child(2n+2) {
        margin-left: 0;
    }
    .two-box-set .mobile-2column {
        border: 2px solid #eee;
    }
    .two-box-set .mobile-2column .sonic-box {
        margin-bottom: 0;
    }
    .two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark8,
    .two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark9,
    .two-box-set .mobile-2column .wp-block-column .is-style-titlebox-mark10 {
        border: none;
    }
    .two-box-set .mobile-2column .wp-block-column:not(:first-child) {
        margin-left: 0;
        border-left: 2px solid #eee;
    }
}
/*モバイル表示時の3カラム*/
@media (max-width: 599px){
    .mobile-3column .wp-block-column {
        max-width: calc(34% - 2%);
    }
    .mobile-3column .wp-block-column:nth-child(3n+2) {
        margin-left: 2%;
        margin-right: 2%;
    }
    .mobile-3column figure.wp-block-image {
        margin-bottom: .5em;
    }}
/*--------------------------------------
  ボタン
--------------------------------------*/
/*****  コア部分  *****/
.wp-block-button {
    text-align: center;
    margin-bottom: 2em;
}
.wp-block-button.aligncenter {
    margin: 0 0 2em;
}
.wp-block-button.alignright,
.wp-block-button.alignleft {
    float: inherit;
    margin: 0 0 2em;
}
.wp-block-button__link {
    min-width: 48%;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    box-sizing: border-box;
}
.wp-block-button__link:hover {
    opacity: .7;
}
/*--------------------------------------
  改ページ
--------------------------------------*/
/*--------------------------------------
  区切り線
--------------------------------------*/
hr.wp-block-separator {
    max-width: 100px;
    border: 1px solid #8f98a1;
}
hr.is-style-wide {
    max-width: 100%;
}
/*--------------------------------------
  吹き出し
--------------------------------------*/
.huki-box {
    margin-bottom: 2em;
}
.huki-right {
    text-align: right;
}
.huki-imgname {
    display: inline-block;
    text-align: center;
}
.huki-left .huki-imgname {
    margin-right: 20px;
}
.huki-right .huki-imgname {
    margin-left: 20px;
}
.pf-face-img, .wp-user-avatar {
    display: block;
    border-radius: 50%;
    object-fit: cover;
    box-sizing: border-box;
}
.huki-imgname p {
    margin-bottom: 0;
    padding-top: 4px;
    opacity: 0.54;
    font-size: 12px;
}
.huki-text p {
    margin-bottom: 0;
}
.huki-text {
    display: inline-block;
    position: relative;
    vertical-align: top;
    padding: 1em;
    border-radius: 4px;
    background: #f4f4f5;
    text-align: left;
}
/* blocksからの移植 */
.huki-text-before,
.huki-text-after {
    position: absolute;
    border-style: solid;
    content: "";
}
.huki-text-before {
    top: 17px;
}
.huki-text-after {
    top: 18px;
}
.huki-left .huki-text-before {
    border-width: 13px 15px 13px 0;
    border-color: transparent #f4f4f5 transparent transparent;
    left: -15px;
}
.huki-right .huki-text-before {
    border-width: 13px 0 13px 15px;
    border-color: transparent transparent transparent #f4f4f5;
    right: -15px;
}
.huki-left .huki-text-after {
    border-width: 12px 14px 12px 0;
    border-color: transparent #f4f4f5 transparent transparent;
    left: -12px;
}
.huki-right .huki-text-after {
    border-width: 12px 0 12px 14px;
    border-color: transparent transparent transparent #f4f4f5;
    right: -12px;
}
/* style-under */
.huki-box.is-style-huki-under {
    display: flex;
    flex-direction: column;
}
.huki-box.huki-right.is-style-huki-under {
    flex-direction: column-reverse;
}
.huki-right.is-style-huki-under .huki-imgname {
    display: flex;
    width: fit-content;
    align-items: flex-end;
    margin-right: 0;
    margin-bottom: 0.75em;
    margin-left: 0;
    align-self: flex-end;
    flex-direction: row-reverse;
}
.huki-left.is-style-huki-under .huki-imgname {
    display: flex;
    width: fit-content;
    align-items: flex-end;
    margin-right: 0;
    margin-bottom: 0.75em;
    margin-left: 0;
}
.huki-left.is-style-huki-under .huki-text-after {
    top: -16px;
    left: 42px;
    transform: rotate(90deg);
}
.huki-right.is-style-huki-under .huki-text-after {
    top: -16px;
    right: 42px;
    transform: rotate(-90deg);
}
.huki-left.is-style-huki-under .huki-text-before {
    top: -20px;
    left: 42px;
    border-width: 12px 14px 12px 0;
    transform: rotate(90deg);
}
.huki-right.is-style-huki-under .huki-text-before {
    top: -20px;
    right: 42px;
    border-width: 12px 0 12px 14px;
    transform: rotate(270deg);
}
.is-style-huki-under .huki-text {
    max-width: 100%;
}
@media (max-width: 1029px) {
    .huki-left.is-style-huki-under .huki-text-after {
        left: 28px;
    }
    .huki-right.is-style-huki-under .huki-text-after {
        right: 28px;
    }
    .huki-left.is-style-huki-under .huki-text-before {
        left: 28px;
    }
    .huki-right.is-style-huki-under .huki-text-before {
        right: 28px;
    }}
/* style-mind */
.is-style-huki-mind .huki-text-before {
    display: none;
}
@media (min-width: 1030px){
    .is-style-huki-mind.huki-left .huki-imgname {
        margin-right: 50px;
    }
    .is-style-huki-mind.huki-right .huki-imgname {
        margin-left: 50px;
    }
    .is-style-huki-mind .huki-text {
        max-width: calc(100% - 278px);
        border-radius: 32px;
    }
    .is-style-huki-mind .huki-text-after {
        top: 60px;
        width: 12px;
        height: 12px;
        border: none;
        border-radius: 50%;
        background: inherit;
    }
    .huki-left.is-style-huki-mind .huki-text-after {
        left: -43px;
    }
    .huki-right.is-style-huki-mind .huki-text-after {
        right: -43px;
    }
    .is-style-huki-mind .huki-text:before {
        position: absolute;
        top: 44px;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: inherit;
        content: "";
    }
    .huki-left.is-style-huki-mind .huki-text:before {
        left: -28px;
    }
    .huki-right.is-style-huki-mind .huki-text:before {
        right: -28px;
    }}
@media (max-width: 1029px) {
    .huki-box.is-style-huki-mind {
        display: flex;
        flex-direction: column-reverse;
    }
    .huki-box.huki-right.is-style-huki-mind {
        flex-direction: column;
    }
    .is-style-huki-mind .huki-imgname {
        display: flex;
        width: fit-content;
        align-items: flex-end;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 0;
    }
    .is-style-huki-mind.huki-right .huki-imgname {
        flex-direction: row-reverse;
        place-self: flex-end;
    }
    .is-style-huki-mind .huki-text-after {
        top: calc(100% + 20px);
        width: 12px;
        height: 12px;
        border: none;
        border-radius: 50%;
    }
    .huki-left.is-style-huki-mind .huki-text-after {
        left: 70px;
    }
    .huki-right.is-style-huki-mind .huki-text-after {
        right: 70px;
    }
    .is-style-huki-mind .huki-text:before {
        position: absolute;
        bottom: -20px;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: inherit;
        content: "";
    }
    .huki-left.is-style-huki-mind .huki-text:before {
        left: 82px;
    }
    .huki-right.is-style-huki-mind .huki-text:before {
        right: 82px;
    }
    .is-style-huki-mind .huki-text {
        max-width: 100%;
        border-radius: 32px;
    }}
/* style-underimg */
.huki-box.is-style-huki-underimg {
    position: relative;
}
.is-style-huki-underimg .huki-text-before,
.is-style-huki-underimg .huki-name,
.is-style-huki-underimg .huki-text-after {
    display: none;
}
.huki-left.is-style-huki-underimg .huki-imgname {
    position: absolute;
    top: calc(100% - 32px);
    left: -14px;
    z-index: 1;
    margin-right: 0;
}
.is-style-huki-underimg .huki-imgname {
    position: absolute;
    top: calc(100% - 32px);
    z-index: 1;
}
.huki-left.is-style-huki-underimg .huki-imgname {
    left: -14px;
    margin-right: 0;
}
.huki-right.is-style-huki-underimg .huki-imgname {
    right: -14px;
    margin-left: 0;
}
.is-style-huki-underimg .huki-text {
    padding: 1.25em 1em 1.75em 1em;
}
@media (max-width: 1029px){
    .is-style-huki-underimg .huki-text {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }}
/* pc-sp */
@media (min-width: 1030px) {
    .huki-imgname {
        width: 100px;
    }
    .huki-imgname .pf-face-img,
    .huki-imgname .wp-user-avatar{
        width: 100px;
        height: 100px;
    }
    .huki-text {
        max-width: calc(100% - 278px);
    }
    .is-style-huki-underimg .huki-text {
        max-width: 100%;
    }
    .is-style-huki-underimg .pf-face-img {
        width: 60px;
        height: 60px;
    }
    .is-style-huki-underimg .huki-imgname {
        margin-right: 0;
    }
    .huki-left.is-style-huki-underimg .huki-imgname {
        width: 60px;
    }
    .huki-right.is-style-huki-underimg .huki-imgname {
        width: 60px;
    }}
@media (max-width: 1029px) {
    .huki-imgname {
        width: 70px;
    }
    .huki-imgname .pf-face-img,
    .huki-imgname .wp-user-avatar{
        width: 70px;
        height: 70px;
    }
    .huki-text {
        max-width: calc(100% - 130px);
    }
    .is-style-huki-under .huki-text {
        max-width: 100%;
    }
    .is-style-huki-underimg .pf-face-img {
        width: 50px;
        height: 50px;
    }
    .is-style-huki-underimg .huki-imgname {
        margin-right: 0;
    }
    .huki-left.is-style-huki-underimg .huki-imgname {
        width: 50px;
    }
    .huki-right.is-style-huki-underimg .huki-imgname {
        width: 50px;
    }}
/*--------------------------------------
  タイトル付きボックス
--------------------------------------*/
/*共通*/
.sonic-box {
    margin-bottom: 2em;
    padding: 1.5em 2em;
}
.ob-title {
    font-weight: bold;
    font-size: 1.05em;
    margin-bottom: .5em;
}
.ob-contents *:last-child {
    margin-bottom: 0;
}
/*--------------------------------------
      メリット・デメリットボックス
--------------------------------------*/
/*--------------------------------------
  ダブルボタン
--------------------------------------*/
.btn-box {
    margin-bottom: 2em;
    text-align: center;
}
.btn-box .wp-block-button,
.btn-box .tsnc-btn-area {
    display: inline-block;
    margin: 8px 0;
}
@media (min-width: 768px) {
    .btn-box .wp-block-button,
    .btn-box .tsnc-btn-area {
        width: 49%;
    }}
@media (max-width: 767px) {
    .btn-box .wp-block-button,
    .btn-box .tsnc-btn-area {
        width: 100%;
    }}
/*--------------------------------------
  Q&A
--------------------------------------*/
/*--------------------------------------
  タイムライン
--------------------------------------*/
.timeline {
    margin-bottom: 2em;
    padding: 0;
    counter-reset: tsnc-timeline;
    list-style: none;
}
.process-step {
    position: relative;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #ddd;
}
.process-step *:last-child {
    margin-bottom: 0;
}
.process-label {
    display: inline-block;
    width: 60px;
    color: #fff;
    font-size: 0.8em;
    text-align: center;
}
.process-label-num:before {
    content: counter(tsnc-timeline);
    counter-increment: tsnc-timeline;
}
.process-title {
    margin: 8px 0;
    font-weight: bold;
}
/*================================
    デザインパターン    タイムライン
================================*/
/*--------------------------------------
  アコーディオン
--------------------------------------*/
.tsnc-accordion {
    margin-bottom: 2em;
    border: 1px solid;
    border-radius: 4px;
}
.tsnc-accordion-title {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 8px 44px 8px 16px;
    box-sizing: border-box;
}
.tsnc-accordion-title:before,
.tsnc-accordion-title:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    width: 16px;
    height: 2px;
    background: #333;
    content: "";
}
.tsnc-accordion-title:before {
    top: calc(50% - 1px);
}
.tsnc-accordion-title:after {
    top: calc(50% - 1px);
    transform: rotate(90deg);
    transition: transform .3s;
}
.tsnc-accordion-input {
    display: none;
}
.tsnc-accordion-content {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    padding: 0 16px;
    border-top: 1px dashed #eee;
    opacity: 0;
    transition: height 0.1s, padding 0.1s;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-content {
    height: auto;
    overflow: visible;
    padding: 16px;
    opacity: 1;
}
.tsnc-accordion-input:checked ~ .tsnc-accordion-title:after {
    transform: rotate(0deg);
}
.tsnc-accordion-content *:last-child {
    margin-bottom: 0;
}
/*================================
    デザインパターン    アコーディオン
================================*/
/*--------------------------------------
  内部リンク外部リンク
--------------------------------------*/
.exlink,
.inlink {
    position: relative;
    max-width: 600px;
    margin-bottom: 2em;
    border: 1px solid #ccc;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
.exlink-linkarea,
.inlink-linkarea {
    display: flex;
    align-items: center;
    padding: 12px;
}
.exlink-linkarea .exlink-img,
.inlink-linkarea .inlink-img {
    object-fit: cover;
}
.exlink-linkarea div,
.inlink-linkarea div {
    flex: 1;
    padding-left: 12px;
}
.noimg .exlink-linkarea div,
.noimg .inlink-linkarea div {
    padding-left: 52px;
}
.exlink-label,
.inlink-label {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 2px 8px;
    color: #fff;
    font-size: 0.75em;
}
.exlink-title,
.inlink-title {
    margin-bottom: 0;
    font-weight: bold;
}
.exlink-site,
.inlink-site {
    font-size: .8em;
    opacity: .54;
}
.exlink:hover,
.inlink:hover {
    opacity: .7;
}
a.exlink-linkarea:hover,
a.inlink-linkarea:hover {
    text-decoration: none;
}
.link-text {
    border: none;
    max-width: 100%;
    text-decoration: underline;
}
.link-text .inlink-linkarea,
.link-text .exlink-linkarea {
    padding: 0;
}
.link-text .inlink-linkarea div,
.link-text .exlink-linkarea div {
    padding-left: 0;
}
.link-text .inlink-label,
.link-text .exlink-label {
    display: none;
}
.link-text .exlink-site {
    display: inline-block;
    background: #eee;
    border-radius: 20px;
    padding: 0 8px;
}
.link-text .exlink-site:before {
    content: "\f2d0";
    font-family: 'Font Awesome 5 Free';
    padding-right: 6px;
}
/* link-color */
.link-text .inlink-title,
.link-text .exlink-title {
    color: #1e73be;
}
@media (min-width: 1030px) {
    .exlink-linkarea .exlink-img,
    .inlink-linkarea .inlink-img {
        width: 160px;
    }
    .inlink-title,
    .exlink-title {
        font-size: 1em;
    }}
@media (max-width: 1029px) {
    .exlink-linkarea .exlink-img,
    .inlink-linkarea .inlink-img {
        width: 90px;
        height: 90px;
    }
    .inlink-title,
    .exlink-title {
        font-size: 14px;
    }}
/*================================
    デザインパターン    内部・外部リンク
================================*/
/*--------------------------------------
  カウントダウンタイマー
--------------------------------------*/
.count {
    border: 3px solid;
    text-align: center;
    box-sizing: border-box;
    background: #fff;
}
.count-top p {
    margin-bottom: 0;
    padding: 8px;
    color: #fff;
}
.time-item {
    display: inline-block;
}
.count-time {
    padding: 16px 0;
}

.count-text .count-time {
    padding: 0;
}
.count-bottom-in p {
    margin-bottom: 0;
    display: inline-block;
}
.count-num {
    font-size: 5vw;
}
.count-date {
    opacity: .54;
}
.count-end {
    font-size: 1.1em;
    margin-bottom: 32px;
    font-weight: bold;
}
.count-time-in,
.count-bottom,
.count-end {
    display: none;
}
.tsnc-count-down .show {
    display: block;
}
.tsnc-count-down.hidden {
    display: none;
}
@media (min-width: 1030px){
    .count-num {
        font-size: 2em;
    }}
/* ヘッダーナビ設置時 */
.header-info .count-end {
    margin-bottom: 0;
    font-size: 1em;
}
/*--------------------------------------
  目次
--------------------------------------*/
.table_of_contents_is_close {
    display: none;
}
.mkj {
    margin-bottom: 2em;
}
.mkj-in {
    position: relative;
}
.mkj-title {
    margin-bottom: 0;
    font-weight: bold;
}
.mkj-input {
    display: none;
}
.mkj-openclose {
    display: inline-block;
    position: absolute;
}
.mkj-openclose:hover {
    cursor: pointer;
}
.entry-content .mkj-content {
    display: block;
    position: relative;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: height .3s, opacity .3s;
}
.mkj-input:checked ~ .mkj-content {
    height: auto;
    opacity: 1;
}
.mkj-input:checked ~ .mkj-openclose:before {
    display: none;
}
.mkj-list {
    margin: 0;
    counter-reset: num;
    list-style: none;
}
.mkj-list li {
    position: relative;
}
.mkj-list > li:before {
    display: inline-block;
    position: absolute;
    left: -30px;
    width: 24px;
    line-height: 24px;
    text-align: center;
    content: counter(num, decimal-leading-zero);
    counter-increment: num;
}
.mkj-list:nth-of-type(9) > li:before {
    content: counter(num, decimal-leading-zero);
}
.mkj-list ol {
    position: relative;
    padding-left: 20px;
    font-size: 0.9em;
    list-style: none;
}
.mkj-list ol li:before {
    position: absolute;
    top: 15px;
    left: -15px;
    width: 5px;
    height: 5px;
    border: 1px solid;
    border-radius: 50%;
    content: "";
}
.mkj-list a {
    display: inline-block;
    width: 100%;
    color: #333;
    transition: opacity .3s;
}
.mkj-list a:hover {
    opacity: 0.54;
}
.mkj-active {
    border-radius: 4px;
}
.widget .mkj-in {
    overflow-y: auto;
    overflow-x: hidden;
}
/*サイドバーの目次*/
.widget .mkj {
    margin: 0;
}
.mkj-side-style .mkj-list,
.mkj-side-style li,
.mkj-side-style .mkj-list ol {
    padding-left: 0;
}
.mkj-side-style .mkj-list a {
    padding: 4px 4px 4px 26px;
    box-sizing: border-box;
}
.mkj-side-style .mkj-list li ol a {
    padding: 4px 4px 4px 40px;
}
.mkj-side-style .mkj-list > li:before {
    left: 0;
}
.mkj-side-style .mkj-list ol li:before {
    left: 26px;
}
/*================================
    デザインパターン    目次
================================*/
/*スタイル１*/
/*スタイル２*/
/*スタイル3（リッチ）*/
/*スタイル4（Google風）*/
/*--------------------------------------
  rinker
--------------------------------------*/
.yyi-rinker-main-img {
    width: 100%;
    height: auto;
}
.yyi-rinker-image img {
    max-width: 100%;
    height: auto;
}
/*--------------------------------------
  広告ボタン
--------------------------------------*/
.tsnc-btn-area {
    margin-bottom: 2em;
    text-align: center;
}
.tsnc-btn {
    display: inline-block;
    min-width: 48%;
    padding: 12px 16px;
    border-radius: 4px;
    color: #fff;
    background: #1a73e8;
    font-weight: 700;
    transition: opacity 0.3s;
    box-sizing: border-box;
}
a.tsnc-btn:hover {
    color: #fff;
    opacity: .7;
}
.tsnc-btn + img {
    display: none;
}
/*================================
    デザインパターン    ASP広告ボタン
================================*/
/*--------------------------------------
  ランキングブロック
--------------------------------------*/
.ranking-set {
    padding: 12px;
}
.ranking-number,
.ranking-icon {
    counter-reset: numb;
}
.ranking-title {
    margin-bottom: 0;
    padding: 8px 0;
    color: #fff;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
}
.ranking-item {
    padding: 12px;
    margin: 12px 0 0 0;
    background: #fff;
}
.ranking-heading {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    padding: 8px 0;
    font-weight: bold;
    font-size: 1.1em;
}
.ranking-heading-icon {
    display: inline-block;
    min-width: 44px;
    line-height: 44px;
    margin-right: 8px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}
.ranking-number .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(n) .ranking-heading-icon:before {
    counter-increment: numb;
    content: counter(numb)"";
}
.ranking-item .wp-block-columns,
.ranking-item .btn-box {
    margin-bottom: 8px;
}
.ranking-item .wp-block-columns a+img {
    display: none;
}
.ranking-icon .ranking-item:nth-child(2) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(3) .ranking-heading-icon:before,
.ranking-icon .ranking-item:nth-child(4) .ranking-heading-icon:before {
    content: "\f521";
    font-family: "font awesome 5 free"
}
.ranking-set .ranking-item:nth-child(2) .ranking-heading-icon {
    background: #e1a625;
}
.ranking-set .ranking-item:nth-child(3) .ranking-heading-icon {
    background: #a9b5bb;
}
.ranking-set .ranking-item:nth-child(4) .ranking-heading-icon {
    background: #cf8129;
}
.ranking-item .btn-box .wp-block-button__link {
    width: 100%;
}
@media (min-width: 1030px) {
    .ranking-item .btn-box {
        display: flex;
        justify-content: space-between;
    }}
/*--------------------------------------
  コメントボックス
--------------------------------------*/
.comment-box {
    margin-bottom: 2em;
    padding: 1em 1.5em;
    border: 1px solid;
}
.comment-box p {
    margin-bottom: 0;
}
.comment-title {
    display: flex;
    flex-direction: column;
}
.entry-content .comment-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}
.comment-title-text {
    display: flex;
    justify-content: flex-end;
    margin: .5em 0;
}
.comment-title-text p {
    font-weight: bold;
    font-size: 1.2em;
}
.comment-star {
    width: 100px;
    margin-right: 16px;
    color: #ffbc00;
}
@media (min-width: 1030px) {
    .comment-title-text {
        flex-direction: row-reverse;
        align-items: center;
    }}
@media (max-width: 1029px) {
    .comment-title-text {
        flex-direction: column-reverse;
        align-items: start;
    }}
/*================================
    デザインパターン    コメントボックス
================================*/
/*--------------------------------------
  ソースコード
--------------------------------------*/
.entry-content pre {
    line-height: 2.2;
    padding: 1em 1.5em;
    border: 1px solid #eee;
    color: #777;
    background: #f9f9f9;
    font-size: 0.95em;
    letter-spacing: 0.5px;
    white-space: pre-wrap;
}
.entry-content pre,
.entry-content code {
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
/*****************************************

    8.メイン：カテゴリーページ

******************************************/
@media (min-width: 1030px) {
    .main-top {
        margin: 0;
    }}
@media (max-width: 1029px) {
    .main-top {
        margin: 16px;
    }}
/*--------------------------------------
  タイトル
--------------------------------------*/
/*****  タイトル背景ありver  *****/
.main-title-bg-image {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 20px 0;
}
.main-title-bg-image:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    filter: opacity(0.35);
    content: "";
}
.main-title-bg-image h1 {
    font-weight: bold;
}
/*--------------------------------------
  サブタイトル
--------------------------------------*/
.child-category {
    line-height: 40px;
}
.cat_list {
    margin: 1em 0;
}
.cat_list ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.child-category .cat-item{
    display: inline;
    margin: 0 6px 8px;
}
.child-category a {
    display: inline-block;
    padding: 0 8px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s;
}
.child-category a:hover {
    opacity: 0.7;
}
@media (min-width: 1030px) {
    .child-category {
        font-size: 16px;
    }
    .child-category a {
        padding: 0 12px;
    }}
@media (max-width: 1029px) {
    .child-category {
        font-size: 14px;
    }}
/*--------------------------------------
  カテゴリーページ本文
--------------------------------------*/
.category-main-in {
    margin-bottom: 0px;
}
@media (max-width: 767px) {
    .category .category-main-in {
        padding: 0;
    }}
/*****************************************

    9.メイン：その他のページ

******************************************/
/*--------------------------------------
  固定ページ
--------------------------------------*/
/*--------------------------------------
  404ページ
--------------------------------------*/
.notpage-title {
    text-align: center;
    position: relative;
    padding: 12px 0;
    font-size: 1em;
}
.notpage-title i {
    font-size: 1em;
}
.notpage-title:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: calc(50% - 22px);
    border-style: solid;
    border-width: 22px 22px 0 22px;
    border-color: #ffffff transparent transparent transparent;
    z-index: 1;
}
.entry-404-eyeimg {
    height: 170px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.5em;
}
.notpage-404 {
    margin-bottom: 0;
    position: absolute;
    width: 320px;
    left: calc(50% - 160px);
    top: calc(50% - 60px);
}
.notpage-404 span {
    display: block;
    line-height: 1;
    font-size: 3em;
}
@media (min-width: 1030px) {
    .notpage-title {
        font-size: 2em;
    }
    .entry-404-eyeimg {
        height: 430px;
        font-size: 3em;
    }
    .notpage-404 {
        top: calc(50% - 120px);
    }}
@media (max-width: 1029px) {
    .error404 .main-top {
        margin: 0;
    }
    .error404 .main-in {
        padding: 0;
    }}
/*--------------------------------------
  タグ一覧ページ
  アーカイブページ
--------------------------------------*/
.main-title h1 {
    font-size: 25px;
    margin: 0;
    font-weight: 500;
}
/*--------------------------------------
  検索結果ページ
--------------------------------------*/
.search .entry {
    margin: 2em 0;
}
.custom_search_header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.custom_search_text_wrap {
    flex-basis: 100%;
}
.custom_search_select_wrap {
    margin-right: 20px;
}
.postform,
select[id^="archives-dropdown"] {
    line-height: 2;
    border: 1px solid #eee;
    background-color: #fff;
    height: 40px;
    padding: 0 8px;
    color: #757575;
    margin: 1em 0;
    -webkit-appearance: none;
}
.custom_search_toggle {
    margin: 1em 0 .25em;
}
.custom_search_toggle span:before {
    content: "\f14a";
    font-family: "font awesome 5 free";
    margin-right: 4px;
    font-weight: 900;
}
.custom_search_footer {
    padding: 12px;
    border: 1px solid;
    color: #757575;
}
.custom_search_footer_inner label {
    margin-right: 20px;
    display: inline-block;
}
.custom_search_footer_bottom {
    margin-top: 1em;
}
@media (max-width: 767px) {
    .search .entry-content {
        margin: 0 16px;
    }}
/*****************************************

    10.サイド・ウィジェット

******************************************/
.sidebar aside {
    width: 100%;
}
@media (min-width: 1030px) {
    #sidebar {
        width: 280px;
        min-width: 280px;
        padding: 0;
        margin-top: 0;
    }}
@media (max-width: 1029px) {
    #sidebar {
        padding: 0 16px;
        margin-top: 2em;
    }}
/*****  サイドバー共通部分  *****/
.widget {
    margin-bottom: 2em;
    box-sizing: border-box;
}
.widget ul {
    position: relative;
    line-height: 44px;
    margin: 0 0 32px;
    padding: 12px;
    background: #fff;
    list-style: none;
}
.widget img {
    max-width: 100%;
    height: auto;
}
.entry .widget ul {
    line-height: 1.83;
}
.widget ul li:not(:last-child) {
    margin-bottom: 4px;
    border-bottom: 1px solid #eee;
}
.entry .widget ul li:not(:last-child) {
    margin-bottom: 0;
    border-bottom: none;
}
.widget ul li {
    display: inline-block;
    position: relative;
    width: 100%;
}
.widget ul li a {
    display: inline-block;
    width: 100%;
    color: #333;
    text-decoration: none;
    box-sizing: border-box;
}
.widget ul ul {
    margin-bottom: 0;
    padding: 0 0 0 12px;
    font-size: 0.9em;
}
.widget ul ul li:before {
    position: absolute;
    font-family: "font awesome 5 free";
    font-weight: 900;
    content: "\f0da";
}
.widget ul ul li a {
    width: 100%;
    text-indent: 12px;
}
.widget ul li .kiji-num {
    position: absolute;
    top: 6px;
    right: 0;
    width: 26px;
    line-height: 26px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
/* widget内のグループ化ブロック内のリスト背景除去 */
.widget .wp-block-group ul,
.widget .wp-block-group ol {
    background: transparent;
}
/*****  サムネイル用画像  *****/
.tsncorg.thumbnail .centered {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
}
.tsncorg.thumbnail.size10070 .centered {
    width: 100px;
    height: 70px;
}
.tsncorg.thumbnail.size100100 .centered {
    width: 100px;
    height: 100px;
}
.tsncorg.thumbnail.size125100 .centered {
    width: 125px;
    height: 100px;
}
.tsncorg.thumbnail .centered img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: auto;
}
.tsncorg.thumbnail.size10070 .centered img {
    height: 70px;
}
/*****  記事内にウィジェットを挿入した場合  *****/
.entry-header .widget,
.entry-footer .widget {
    padding: 16px;
    background-color: #fff;
    box-sizing: border-box;
}
.entry-footer .widget,
.entry-header .textwidget *:last-child,
.entry-footer .textwidget *:last-child,
.widget.toppage-top *:last-child,
.widget.toppage-bottom *:last-child {
    margin-bottom: 0;
}
div.widget.toppage-top,
div.widget.toppage-bottom {
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    margin: 1em 0;
}
div.widget.toppage-top img,
div.widget.toppage-bottom img {
    max-width: 100%;
    height: auto;
}
div.widget.toppage-top a + img,
div.widget.toppage-bottom a + img {
    display: none;
}
@media (min-width: 1030px) {
    div.widget.toppage-top,
    div.widget.toppage-bottom {
        padding: 0;
    }
    div.widget.toppage-top {
        margin: 0 0 1em;
    }
    div.widget.toppage-bottom {
        margin: 1em 0 0;
    }
    .entry-header .widget,
    .entry-footer .widget {
        padding: 16px 36px;
    }}
@media (max-width: 1029px) {
    .mobile-footer {
        padding: 0 16px;
    }}
/*--------------------------------------
  タイトル（見出し）
--------------------------------------*/
/*================================
    デザインパターン
================================*/
[class*="side-title-mark"] .widget-title {
    text-align: center;
    position: relative;
}
.side-title-mark1 .widget-title,
.side-title-mark2 .widget-title,
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title {
    color: #fff;
}
.side-title-mark3 .widget-title,
.side-title-mark4 .widget-title,
.side-title-mark5 .widget-title,
.side-title-mark5 .widget-title-in,
.side-title-mark6 .widget-title,
.side-title-mark6 .widget-title-in,
.side-title-mark7 .widget-title,
.side-title-mark7 .widget-title-in,
.side-title-mark8 .widget-title-in,
.widget-content {
    background-color: #fff;
}
/* mark1~8 それぞれのCSSへ移動 */
/*****  ウィジェットコンテンツ  *****/
.widget-content {
    position: relative;
    margin-bottom: 32px;
    padding: 12px;
    box-sizing: border-box;
}
/*--------------------------------------
  ランキング
--------------------------------------*/
.widget-rank:not(:last-child) {
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px;
}
.rank-kiji .linkarea {
    display: flex;
}
.rank-kiji .linkarea:hover {
    text-decoration: none;
}
.rank-kiji-img {
    height: 100px;
    position: relative;
}
.rank-kiji-img .kiji-img-img {
    position: relative;
    width: 100px;
    height: 100px;
}
.widget_tsnc_pv_rankings {
    counter-reset: num;
}
.widget_tsnc_pv_rankings .widget-rank .rank-kiji-img:before {
    display: inline-block;
    position: absolute;
    z-index: 2;
    width: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 0.85em;
    text-align: center;
    content: counter(num)"";
    counter-increment: num;
}
.rank-kiji-content {
    font-size: .8em;
    margin-left: 8px;
    height: 100px;
    overflow: hidden;
    color: #333;
    flex: 1;
}
.rank-kiji .post-date {
    display: none;
}
/*--------------------------------------
  レビューボックス
--------------------------------------*/
.review-box {
    margin: 2em 0;
    border: 1px solid #eee;
    padding: 0;
    max-width: 420px;
    box-sizing: border-box;
}
.review-title {
    font-weight: bold;
    font-size: 1.2em;
    padding: 0.5em 1em;
    border-bottom: double #eee;
}
.review-inner {
    display: flex;
    justify-content: space-between;
    padding: 0.5em 1em;
}
.review-inner:not(:last-child) {
    border-bottom: 1px dashed #eee;
}
.review-label {
    max-width: 230px;
}
.review-rate {
    color: #f58a13;
}
.review-star{
}
.review-star i {
    padding: 0 1px;
}
.review-star .far.fa-star {
    color: #eee;
    font-weight: 900;
}
.review-inner.comp-row {
    background: #FFFDE4;
}
.review-inner.comp-row .review-label {
    font-weight: bold;
}
/*--------------------------------------
  プロフィール
--------------------------------------*/
/*あとで削除*/
body img.alignnone {
    margin: 0;
}
/*あとで削除*/
.widget_tsnc_writer p {
    margin-bottom: 0;
}
.widget_tsnc_writer .widget-content {
    padding: 0;
}
.pf-bgfacename {
    position: relative;
}
img.pf-bg-img {
    width: 100%;
    object-fit: cover;
    display: block;
}
.pf-facename {
    display: flex;
    position: absolute;
    z-index: 1;
    width: 100%;
    flex-direction: column;
    text-align: center;
}
.pf-face .pf-face-img,
.pf-face img{
    display: inline-block;
}
.pf-facename .pf-name {
    line-height: 1.5;
    padding: 2px 0;
}
.pf-text {
    font-size: .85em;
}
.pf-share {
    text-align: center;
    font-size: .8em;
}
.pf-share-title {
    font-weight: bold;
    padding-bottom: 8px;
}
.pf-btn {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: center;
}
.share-btn {
    display: inline-block;
    width: 48px;
    margin: 0 4px 4px;
}
.pf-btn .share-btn {
    text-decoration: none;
}
.share-btn i {
    width: 100%;
    line-height: 48px;
    font-size: 1.4em;
}
.share-btn p {
    width: 100%;
    line-height: 24px;
    font-size: 10px;
}
.share-btn.note-btn i {
    transform: scale(-1,1);
}
@media (max-width: 767px) {
    .pf-bgfacename {
        height: 70vw;
    }
    img.pf-bg-img {
        height: 70vw;
    }}
/*================================
    書いた人 デザインパターン
================================*/
/*--------------------------------------
  カテゴリー
--------------------------------------*/
.widget_categories ul {
    padding: 12px 24px;
}
/*--------------------------------------
  タグラウンド
--------------------------------------*/
.tagcloud{
    background: #fff;
    margin-bottom: 32px;
    padding: 12px;
}
.tagcloud .tag-cloud-link {
    display: inline-block;
    color: #fff;
    margin: 6px 4px 6px 0;
    padding: 2px 8px;
    line-height: 24px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 14px;
    transition: opacity .3s;
}
.tagcloud .tag-cloud-link:hover {
    opacity: .54;
}
/*--------------------------------------
  カレンダー
--------------------------------------*/
.widget_calendar {
    margin-bottom: 32px;
}
.widget_calendar table {
    background-color: #fff;
    margin: 0 auto;
}
.calendar_wrap caption {
    font-size: 14px;
    background: #fff;
    padding: 8px 0;
}
.widget_calendar td,
.widget_calendar th {
    padding: 4px 10px;
}
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
    border: 1px solid transparent;
}
.widget-title:before{
    opacity: .54;
}
/*--------------------------------------
  ナビゲーションメニュー
--------------------------------------*/
/*--------------------------------------
  最近のコメント
--------------------------------------*/
.recentcomments {
    font-size: .8em;
    line-height: 2;
    padding: 8px 0;
}
.widget ul li.recentcomments a {
    color: #1e73be;
    text-decoration: underline;
}
.widget ul li.recentcomments .comment-author-link a {
    text-decoration: none;
}
/*--------------------------------------
  RSS
--------------------------------------*/
.widget_rss ul {
    line-height: 2;
    font-size: .9em;
}
.widget_rss ul li:not(:last-child) {
    margin-bottom: 12px;
}
.widget-title a.rsswidget {
    color: #fff;
}
li .rsswidget {
    padding: 12px;
    background: #f4f4f5;
}
.rss-date {
    display: block;
    text-align: right;
    font-size: 12px;
    color: #ccc;
}
.rssSummary, .widget_rss cite {
    display: none;
}
/*--------------------------------------
  ギャラリー
--------------------------------------*/
/*--------------------------------------
  動画
--------------------------------------*/
.wp-block-video {
    margin: 0 0 2em;
}
.wp-block-video video {
    display: block;
}
.wp-block-video figcaption {
    margin-top: 1em;
    margin-bottom: 0;
    text-align: center;
    font-size: .9em;
}
/*--------------------------------------
  画像  テキスト  固定ページ  最近の投稿
--------------------------------------*/
/*--------------------------------------
  検索欄
--------------------------------------*/
.search-form-title {
    font-weight: 600;
}
.search.-form-text {
    padding: 0 15px;
    opacity: .38;
}
.search-form {
    margin-bottom: 32px;
    position: relative;
    text-align: initial;
}
.search-field:focus {
    outline: none;
    border: 1px solid #ccc;
}
.search-field {
    display: inline-block;
    min-height: 44px;
    line-height: 42px;
    width: 100%;
    padding: 0 12px;
    -webkit-appearance: none;
    border: 1px solid #e1e8ed;
    margin: 0;
    color: #333;
}
.search-submit {
    display: flex;
    position: absolute;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    border: none;
}
/*--------------------------------------
  追尾
--------------------------------------*/
#tsnc-sidebar-tracking-widget.fixed {
    display: none;
}
#tsnc-sidebar-tracking-widget {
    overflow-y: auto;
    overflow-x: hidden;
}
@media (min-width: 1030px) {
    .sidebar,
    .left-side {
        display: flex;
    }
    .side aside,
    .side-in{
        height: 100%;
        min-height: 100%;
    }
}
@media (min-width: 1030px) {
    #tsnc-sidebar-tracking-widget.fixed {
        display: block;
    }
}
/*================================
    デザインパターン    検索欄
================================*/
/*--------------------------------------
  埋め込み
--------------------------------------*/
.entry-content .wp-block-embed {
    overflow: hidden;
}
.wp-block-embed {
    margin: 0 0 2em;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
    position: relative;
    height: 0;
    padding-top: 56.25%;
}
.wp-block-embed-youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* Twitter中央寄せ */
.aligncenter .twitter-tweet {
    margin-left: auto;
    margin-right: auto;
}
/* サイドバー　リアルタイム検索 */
.header-search-in-content .search-list-ul,
#content-in .search-list-ul {
    font-size: 12px;
    line-height: 1.8;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
    margin-top: 5px;
}
.header-search-in-content .search-list-ul li,
#content-in .search-list-ul li {
    padding: 4px 0;
    margin: 0;
}
.header-search-in-content .search-list-ul a:after,
#content-in .search-list-ul a:after {
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    margin-left: 4px;
    content: "\f35d";
}
.header-search-in-content .search-list-ul {
    background: rgb(255 255 255 / 87%);
    margin: 4px 0 0;
    padding: 6px 12px;
    max-height: 50vh;
    overflow-y: scroll;
}
.header-search-in-content .search-field {
    font-size: 16px;
}
/* google map youtube 埋め込み */
.responsive_iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.responsive_iframe iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe,
figure.wp-block-embed-youtube {
    height: 100% !important;
}
.wp-block-embed-youtube .wp-block-embed__wrapper {
    padding-top: 0;
}
/*****************************************

    11.フッター

******************************************/
#footer-in {
    display: flex;
    justify-content: space-between;
}
.footer-column  {
    flex-basis: 30%;
    padding: 16px 0;
}
.footer-title {
    font-size: 1.1em;
    line-height: 40px;
    border-bottom: 2px solid;
    position: relative;
}
.footer-in-under {
    text-align: center;
    color: #fff;
}
@media (min-width: 1030px) {
    .footer-column {
        min-width: 336px;
    }
    #footer-in {
        flex-direction: row;
        flex-wrap: wrap;
    }}
@media (max-width: 1029px) {
    #footer-in {
        flex-direction: column;
    }}
.footer-column .tagcloud{
    background-color: transparent;
    padding: 8px 0 0;
}
.footer-column div.widget_categories ul {
    padding: 8px 0;
    background-color: transparent;
}
.footer-column div.widget_categories ul li {
    border: none;
}
/*--------------------------------------
  ロゴ
--------------------------------------*/
.footer-in-under .footer-title {
    padding: 12px 0 0;
    border: none;
}
/*--------------------------------------
  フッターメニュー
--------------------------------------*/
.footer-container {
    display: flex;
    flex-direction: column;
}
.footer-container ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.footer-container .menu-item {
    display: inline-block;
}
.footer-container .menu-item a {
    display: inline-block;
    margin: 0.5em;
    padding: 0.25em 0.75em;
    border: 1px solid rgba(255,255,255, 0.38);
    border-radius: 4px;
    color: #fff;
    font-size: 0.8em;
    text-decoration: none;
    transition: background-color 0.3s;
    box-sizing: border-box;
}
.footer-container a:hover {
    background-color: rgba(255,255,255,0.2)
}
/*--------------------------------------
  スマホフッターメニュー
--------------------------------------*/
.mobile-footer-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    background: #fff;
}
.mobile-footer-menu-item {
    display: flex;
    min-height: 56px;
    margin: 0;
    padding-left: 0;
    border-top: 1px solid #eee;
    font-size: 12px;
    text-align: center;
    list-style: none;
    padding-bottom: env(safe-area-inset-bottom);
}
.mobile-footer-menu-item .menu-item {
    display: flex;
    position: relative;
    flex-basis: 100%;
    align-items: center;
}
.mobile-footer-menu-item a {
    width: 100%;
    line-height: 1;
}
.mobile-footer-menu-item a:after {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    content: "";
}
.mobile-footer-menu-item a:hover {
    text-decoration: none;
}
.mobile-footer-menu-item i {
    display: block;
    font-size: 2em;
    margin: 4px 0;
}
@media (min-width: 1030px) {
    .mobile-footer-menu-margin {
        margin-bottom: 0;
    }
    .mobile-footer-menu {
        display: none;
    }}
@media (max-width: 1029px) {
    .mobile-footer-menu-margin {
        margin-bottom: 56px;
    }}
/*フッター固定メニューをタップしたときに出てくる要素*/
.footer-menu-snsbox {
    display: flex;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    justify-content: center;
    padding: 8px;
    background: rgba(0,0,0,0.1);
    transform: translateY(100%);
    transition: transform 0.5s;
    box-sizing: border-box;
}
.footer-menu-snsbox .snsbtn {
    margin: 0 4px;
    line-height: 46px;
}
.footer-menu-snsbox .share-btn {
    margin: 0 4px;
    border-radius: 4px;
    text-align: center;
}
/*--------------------------------------
  上に戻る
--------------------------------------*/
.gotop {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 2px solid #fff;
    z-index: 9;
    box-sizing: border-box;
    color: #fff;
}
.gotop:hover {
    text-decoration: none;
}
@media (min-width: 1030px) {
    .gotop {
        bottom: 20px;
        right: 20px;
        width: 60px;
        height: 60px;
    }}
@media (max-width: 1029px) {
    .gotop {
        bottom: calc(60px + env(safe-area-inset-bottom));
        right: 10px;
        width: 48px;
        height: 48px;
    }}
/*--------------------------------------
  コピーライト
--------------------------------------*/
.copyright {
    margin-bottom: 0;
    font-size: .8em;
    padding: 4px 0;
}
/*--------------------------------------
  Scroll Hint対応（表を非レスポンシブに）
--------------------------------------*/
.wp-block-table.js-scrollable {
    overflow: auto;
    white-space: nowrap;
}

/*--------------------------------------
  code
--------------------------------------*/

.entry-content :not(.wp-block-code)>code {
    padding: 2px;
    border-radius: 2px;
    background: #f3f4f5;
}

/*--------------------------------------
  細字にするクラス名
--------------------------------------*/
.font-weight_500 {
    font-weight: 500;
}
/*--------------------------------------
  お問い合わせページ（Contact Form 7）
--------------------------------------*/
.wpcf7 {
    border-radius: 8px;
}
.wpcf7 * {
    box-sizing: border-box;
}
.wpcf7 label + br {
    display: none;
}
.wpcf7 label {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 14px;
}
.wpcf7 p {
    margin-bottom: 1em;
}
.wpcf7-text,
.wpcf7-textarea {
    width: 100%;
    line-height: 2;
    padding: 8px 12px;
    border: 1px solid #e8e8e8;
    border-radius: 2px;
    background-color: #fff;
    -webkit-appearance: none;
}
.wpcf7-text:focus,
.wpcf7-textarea:focus {
    border: 1px solid #b8b8b8;
    outline: none;
}
.wpcf7-textarea {
    resize: vertical;
}
.wpcf7-textarea,
.wpcf7-submit {
    font-family: "Helvetica","Arial",YuGothic,"Yu Gothic","Hiragino Sans","ヒラギノ角ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.wpcf7 *::placeholder {
    color: #bbb;
}
.wpcf7-select {
    padding: 8px;
    border: 1px solid #e8e8e8;
}
.wpcf7-checkbox span.wpcf7-list-item:first-child,
.wpcf7-radio  span.wpcf7-list-item:first-child {
    margin-left: 0;
}
.wpcf7-list-item label {
    font-weight: 500;
}
.wpcf7-submit {
    width: 100%;
    margin-top: 1em;
    padding: 12px;
    border: none;
    border-radius: 4px;
    color: #fff;
    background: #1a73e8;
    font-weight: 600;
    font-size: 16px;
    transition: opacity 0.3s;
    cursor: pointer;
    -webkit-appearance: none;
}
.wpcf7-submit:hover {
    opacity: 0.7;
}
div.wpcf7 .ajax-loader {
    display: block;
    width: 0;
    height: 0;
}
.wpcf7 i {
    margin-right: 4px;
}
.wpcf7-arbitrary,
.wpcf7-required {
    margin-left: 8px;
    padding: 0 12px;
    border-radius: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
}
.wpcf7-required {
    background: #ec4848;
}
.wpcf7-arbitrary {
    background: #6ca3ea;
}
/*--------------------------------------
  下方向の余白設定
--------------------------------------*/
body *.margin-bottom-0 {
    margin-bottom: 0;
}
body *.margin-bottom-05 {
    margin-bottom: 1em;
}
body *.margin-bottom-15 {
    margin-bottom: 3em;
}
body *.margin-bottom-20 {
    margin-bottom: 4em;
}
/*--------------------------------------
  WPアソシエイトポスト
--------------------------------------*/
body[class*="copia-microcopy"] p.wpap-link {
    margin-top: 0;
}
body[class*="copia-microcopy"] .wpap-link a {
    position: relative;
    margin-top: 8px;
    text-align: center;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link {
    display: block;
}
body[class*="copia-microcopy"] .wpap-tpl-with-detail .wpap-link a {
    width: 34.5%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
    width: 35%;
}
body[class*="copia-microcopy"] .wpap-tpl-with-image-text-v .wpap-link a {
    width: 30%;
}
.copia-microcopy-amazon .wpap-link-amazon:before {
    color: #f89400;
}
.copia-microcopy-rakuten a.wpap-link-rakuten:before {
    color: #be0000;
}
.copia-microcopy-yahoo a.wpap-link-yahoo:before {
    color: #d14615;
}
body[class*="copia-microcopy"] .wpap-link a:before {
    position: absolute;
    top: -17px;
    left: 0;
    width: 100%;
    height: 17px;
    font-weight: 600;
    font-size: 11px;
}
/* マイクロコピーの出方調整 */
.copia-microcopy-amazon .wpap-link a.wpap-link-amazon,
.copia-microcopy-rakuten .wpap-link a.wpap-link-rakuten,
.copia-microcopy-yahoo .wpap-link a.wpap-link-yahoo {
    margin-top: 22px;
}
/* sp */
@media screen and (max-width: 767px){
    body[class*="copia-microcopy"] .wpap-tpl p.wpap-link {
        flex-direction: column;
    }
    body[class*="copia-microcopy"] .wpap-tpl p.wpap-link a {
        width: 100%;
        box-sizing: border-box;
    }
    body[class*="copia-microcopy"] .wpap-tpl-with-image-text-h .wpap-link a {
        margin-bottom: 0;
    }
}
/*****************************************

    1.共通部分

******************************************/
*,
*:before,
*:after {
    box-sizing: border-box;
}
/*--------------------------------------
  フォント・背景色・テキスト・リンク
--------------------------------------*/
body {
    font-size: 16px;
}
/*****************************************

    2.ヘッダー

******************************************/
#header {
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
/*--------------------------------------
    タイトル
--------------------------------------*/
.header-title a {
    line-height: 1.25em;
}
/*--------------------------------------
    ロゴ
--------------------------------------*/
/*--------------------------------------
    キャッチコピー
--------------------------------------*/
.logo-catchcopy {
    font-size: 10px;
}
/*--------------------------------------
    ヘッダーメニュー
--------------------------------------*/
@media (min-width: 768px) {
    .nav-style-def>.menu-item:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 0;
        content: "";
        transition: 0.3s;
    }
    .nav-style-def>.menu-item:hover:before {
        width: 100%;
        height: 4px;
        background-color: currentColor;
    }
    .nav-style-def ul.sub-menu {
        border: none;
    }
    .nav-style-def .sub-menu {
        width: 260px;
        padding: 0;
    }
    .nav-style-def .sub-menu {
        top: 100%;
        border-radius: 4px;
        box-shadow: 0 0 4px rgb(0 0 0 / 12%);
        transition: 0.3s;
    }
    .nav-style-def .sub-menu a {
        line-height: 1.8;
        padding: 6px 12px;
        font-size: 12px;
    }
    .nav-style-def .menu-item .sub-menu .menu-item:not(:last-child) {
        border-bottom: 1px solid #eee;
    }
    .nav-style-def .sub-menu a:before {
        display: none;
    }
}
/*--------------------------------------
    お知らせ欄（ヘッダーメニュー）
--------------------------------------*/
.header-info a {
    padding: 6px 0;
}
.header-info a:after {
    font-weight: 600;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    margin-left: 8px;
    transition: .3s;
    position: absolute;
}
.header-info a:hover:after {
    margin-left: 10px;
}
/*--------------------------------------
    フロントページ（トップページカテゴリ）
--------------------------------------*/
/*--------------------------------------
    フロントページCTA（背景画像＋テキストエリア＋イメージエリア）
--------------------------------------*/
.imgarea-text-in {
    background: repeating-linear-gradient(48deg, rgb(255 255 255 / 38%) 0, rgb(255 255 255 / 38%) 1px, rgb(255 255 255 / 60%) 0, rgb(255 255 255 / 60%) 2px);
}
.imgarea-text-inner p {
    text-shadow: 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white, 0 0 4px white;
}
p.imgarea-title + p {
    display: table;
    text-align: left;
    margin: 0 auto 20px;
}
.imgarea-btn {
    line-height: 40px;
    padding: 0 1.7em;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
/*--------------------------------------
    人気ワード
--------------------------------------*/
@media (min-width: 1030px) {
    .hotword {
        background: rgb(255 255 255 / 38%);
    }
    .hotword-textlink:before {
        content: "人気ワード";
        font-size: 14px;
        margin-right: 8px;
    }
    .hotword-textlink {
        padding: 8px 0;
    }
    .hotword-textlink li {
        margin-right: 8px;
        border: 1px solid #eee;
        padding: 0 8px 0 4px;
        border-radius: 20px;
    }
    .hotiword-textlink-1:before,
    .hotiword-textlink-2:before {
        font-size: 10px;
        line-height: 20px;
        border-radius: 20px;
    }
    .hotiword-textlink-3:before {
        width: 20px;
        line-height: 20px;
    }
    .hotword-textlink a {
        color: #333;
        font-size: 14px;
    }}
/*--------------------------------------
    ハンバーガーメニュー　検索ボタン
--------------------------------------*/
/*****************************************

    3.メイン：フロントページ

******************************************/
@media (min-width: 1030px) {
    #content-in {
        padding: 0;
    }
}
/*--------------------------------------
    記事一覧デザイン
--------------------------------------*/
.main-kiji a.kiji-cat:hover {
    color: #777;
}
.main-in .linkarea {
    padding: 8px 8px 46px;
}
.kiji-img {
    border-radius: 4px;
}
.kiji-img,
.kiji-img-img {
    width: 100%;
    aspect-ratio: 16/9;
}
.kiji-new {
    top: 8px;
    right: auto;
    left: 8px;
    width: auto;
    line-height: 13px;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 10px;
}
.kiji-date {
    order: 1;
}
.kiji-date {
    line-height: 12px;
    color: #777;
    font-size: 12px;
}
.kiji-text {
    padding: 8px 16px;
}
.main-kiji .iine-btn {
    padding: 8px 8px 8px 20px;
}
@media (min-width: 768px) {
    .kiji-text {
        line-height: 1.5;
        font-size: 16px;
    }
}
@media (min-width: 1030px) {
    .kijicolumn-3 .main-kiji {
        width: 32%;
    }
}
/*================================
    デザインパターン
================================*/
/*****  デフォルトモード新デザイン  .kijicolumn-1.def-mode *****/
.def-mode .main-kiji {
    margin-top: 20px;
    border-radius: 8px;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
    transition: .3s;
}
.def-mode .main-kiji:hover {
    transform: translateY(-4px);
}
.def-mode .kiji-cat {
    top: auto;
    bottom: 8px;
    left: 10px;
    padding: 4px 8px;
    border-radius: 0;
    color: #777;
    background: #f9f9f9;
    font-size: 12px;
}
.kijicolumn-1.def-mode .kiji-date {
    top: 16px;
    left: 386px;
}
.kijicolumn-1.def-mode .kiji-text {
    padding: 8px 16px;
}
@media (min-width: 1030px) {
    .kijicolumn-1.def-mode .kiji-img {
        width: 360px;
    }
}
/* 2カラム */
@media (min-width: 1030px) {
    .kijicolumn-2 .kiji-text {
        padding: 8px 4px;
    }
    .kijicolumn-2 .linkarea {
        padding: 4px 4px 46px;
    }
}
/* 1カラム */
@media (min-width: 768px) {
    .kijicolumn-1 .linkarea {
        padding: 4px;
    }
    .def-mode.kijicolumn-1 .kiji-cat {
        left: 386px;
    }
}
@media (max-width: 767px) {
    .kijicolumn-1 .kiji-text {
        padding: 8px 4px;
    }
}
/* 3カラム */
.kijicolumn-3.def-mode .main-kiji .linkarea {
    padding: 4px 4px 36px;
}
.kijicolumn-3.def-mode .kiji-text {
    padding: 8px 8px;
    font-size: 15px;
}
@media (min-width: 1030px) {
    .kijicolumn-3.def-mode .kiji-date {
        order: 0;
        padding-top: 6px;
        font-size: 10px;
    }
    .kijicolumn-3.def-mode .kiji-cat {
        padding: 2px 6px;
        font-size: 10px;
    }
}
/*****  バイラルモード新デザイン  *****/
.viral-mode .kiji-img:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: transparent linear-gradient(180deg, #00000000 0%, #0000008a 100%) 0 0 no-repeat padding-box;
    content: "";
    transition: 0.3s;
}
.viral-mode .kiji-text {
    bottom: 0;
    line-height: 1.4;
    color: #fff;
    text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.viral-mode .kiji-img {
    border-radius: 4px;
}
.viral-mode .kiji-cat,
.viral-mode .kiji-new {
    background: rgb(0 0 0 / 20%);
}
.viral-mode .kiji-cat {
    top: auto;
    bottom: 16px;
    left: 16px;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 10px;
}
.viral-mode .linkarea:hover .kiji-img:after {
    top: 0;
    height: 100%;
}
/* バイラルモード 3カラム */
.viral-mode .main-kiji .linkarea {
    padding-bottom: 8px;
}
.kijicolumn-3.viral-mode .main-kiji {
    overflow: initial;
}
.kijicolumn-3.viral-mode .kiji-text {
    position: absolute;
    left: 0;
    padding: 0 20px;
    padding: 0 20px 48px;
    font-weight: 600;
    font-size: 14px;
}
@media (min-width: 768px) {
    .kijicolumn-3.viral-mode .kiji-img,
    .kijicolumn-3.viral-mode .kiji-img-img {
        aspect-ratio: 5/6;
    }
    .kijicolumn-3.viral-mode .main-kiji .iine-btn {
        z-index: 1;
        padding: 5px 10px 16px 10px;
    }
}
@media (max-width: 767px) {
    .kijicolumn-3.viral-mode .kiji-cat {
        line-height: 12px;
        border-radius: 2px;
    }
}
/* バイラルモード 2カラム */
.kijicolumn-2.viral-mode .main-kiji .linkarea {
    padding-bottom: 42px;
}
.kijicolumn-2.viral-mode .kiji-cat {
    top: auto;
    bottom: 11px;
    left: 8px;
    line-height: 16px;
    padding: 2px 8px;
    border-radius: 4px;
    color: #777;
    background: rgb(0 0 0 / 7%);
}
.kijicolumn-2.viral-mode .kiji-text {
    position: absolute;
    left: 0;
    padding: 0 20px 54px;
    font-weight: 600;
}
@media (max-width: 767px) {
    .kijicolumn-2.viral-mode .main-kiji .kiji-share {
        right: 0;
        bottom: 0;
    }
}
/* バイラルモード 1カラム */
@media (min-width: 768px) {
    .kijicolumn-1.viral-mode .linkarea {
        flex-direction: column;
    }
    .kijicolumn-1.viral-mode .kiji-text {
        position: absolute;
        padding: 0 40px 80px;
        color: #fff;
        font-size: 18px;
    }
    .kijicolumn-1.viral-mode .main-kiji .kiji-share {
        right: 14px;
        bottom: 14px;
    }
    .kijicolumn-1.viral-mode .main-kiji .iine-btn {
        padding: 4px;
    }
    .kijicolumn-1.viral-mode .kiji-img {
        width: 100%;
    }
}
/* バイラル共通 */
.viral-mode .main-kiji {
    border-radius: 8px;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.viral-mode .kiji-date {
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: auto;
    padding: 4px 12px;
    border-radius: 10px;
    color: #fff;
    background: rgb(0 0 0 / 20%);
    font-size: 10px;
}
@media (max-width: 767px) {
    .viral-mode .main-kiji {
        margin: 16px 0 0 0;
        border-radius: 8px;
    }
    .viral-mode .kiji-text {
        position: absolute;
        padding: 0 16px 50px;
        font-size: 14px;
    }
    .viral-mode .main-kiji .kiji-share {
        right: 10px;
        bottom: 8px;
    }
}
@media (min-width: 1030px){
    .kijicolumn-2.viral-mode .main-kiji {
        box-shadow: none;
        background: transparent;
    }}
/*****  ラウンド新デザイン  *****/
.round-mode .main-kiji {
    overflow: initial;
}
.round-mode a.linkarea {
    padding: 0;
}
.round-mode .main-kiji {
    margin-top: 20px;
    border-radius: 0;
    background: transparent;
}
.round-mode .kiji-img {
    border-radius: 8px;
    box-shadow: 0 0 4px rgb(0 0 0 / 16%);
    transition: 0.3s;
}
.round-mode .kiji-new {
    width: 44px;
    line-height: 44px;
    padding: 0;
    border-radius: 50%;
    font-size: 10px;
}
.round-mode .kiji-cat {
    top: auto;
    bottom: 8px;
    left: 0;
    line-height: 12px;
    padding: 4px 12px;
    border-radius: 0;
    border-radius: 10px;
    color: #777;
    background: rgb(0 0 0 / 7%);
    font-size: 10px;
}
.round-mode .kiji-text {
    order: 2;
    padding: 0 0 32px;
}
.round-mode a.linkarea:hover .kiji-img {
    transform: translateY(-4px);
}
.round-mode .kiji-date {
    line-height: 22px;
}
@media (min-width: 768px) {
    .round-mode a.linkarea {
        padding: 0;
    }
    .round-mode .kiji-text {
        order: 0;
        padding: 0 20px;
    }
    .round-mode .kiji-new {
        width: 56px;
        line-height: 56px;
    }
    .kijicolumn-3.round-mode .kiji-new {
        width: 42px;
        line-height: 42px;
    }
}
/* 1カラム */
.kijicolumn-1.round-mode .kiji-date {
    left: 380px;
    font-size: 10px;
}
@media (min-width: 768px) {
    .round-mode.kijicolumn-1 .kiji-cat {
        left: 380px;
    }
    .kijicolumn-1.round-mode .kiji-img {
        width: 360px;
    }
}
/* 2カラム */
@media (min-width: 768px) {
    .kijicolumn-2.round-mode .kiji-date {
        order: 0;
    }
    .kijicolumn-2.round-mode .kiji-text {
        padding: 0 0 38px;
    }
}
/* 3カラム */
.kijicolumn-3.round-mode .main-kiji .linkarea {
    padding: 0 0 30px;
}
.kijicolumn-3.round-mode .kiji-text {
    padding: 4px 0;
    font-size: 15px;
}
@media (min-width: 768px) {
    .kijicolumn-3.round-mode .kiji-date {
        order: 0;
        font-size: 10px;
    }
    .kijicolumn-3.round-mode .kiji-cat {
        left: 0;
    }
    .kijicolumn-3.round-mode .main-kiji .iine-btn {
        padding-bottom: 4px;
    }
}
/*****  記事一覧デザイン　スマホ横長  *****/
@media (max-width: 767px){
    .main-kiji.main-kiji-longcard .kiji-text {
        padding: 0 8px;
        font-size: 14px;
    }
    .main-kiji.main-kiji-longcard .kiji-img {
        border-radius: 0;
    }
    .main-kiji.main-kiji-longcard .kiji-date {
        line-height: 12px;
        background: transparent;
    }
    div.main-in .main-kiji.main-kiji-longcard .linkarea {
        padding: 0;
    }
    div.main-in .main-kiji.main-kiji-longcard div.kiji-date {
        left: auto;
        top: auto;
    }}

/*--------------------------------------
    記事一覧見出し
--------------------------------------*/
.main-tab-two,
.cat-tab-text:not(.active_tab),
.main-tab-two div.cat-tab-text.active_tab {
    background-color: transparent;
}
.cat-tab-text {
    border-bottom: 1px solid;
}
.cat-tab-text.active_tab {
    color: inherit;
    font-weight: 600;
}
.cat-tab-text:not(.active_tab) {
    border-color: #ccc;
    color: #333;
}
a.main-tab-btn {
    border-radius: 0;
    font-weight: 500;
}
a.main-tab-btn:after {
    font-weight: bold;
}
a.main-tab-btn:hover {
    text-decoration: none;
}
/*================================
    デザインパターン
================================*/
/*mark1 デフォルト*/
.main-h2.kiji-list-heading-mark1 {
    position: relative;
    background: transparent;
}
.main-h2.kiji-list-heading-mark1:before,
.main-h2.kiji-list-heading-mark1:after {
    position: absolute;
    height: 1px;
    background: currentColor;
    content: "";
}
.main-h2.kiji-list-heading-mark1:before {
    bottom: 10px;
    left: calc(50% - 120px);
    width: 240px;
}
.main-h2.kiji-list-heading-mark1:after {
    bottom: 3px;
    left: calc(50% - 30px);
    width: 60px;
}
/*mark2 ●ふたつ*/
.main-h2.kiji-list-heading-mark2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.main-h2.kiji-list-heading-mark2:before,
.main-h2.kiji-list-heading-mark2:after {
    min-width: 6px;
    max-width: 16px;
    height: 16px;
    flex: 1;
    border-radius: 8px;
    background: currentColor;
    content: "";
}
.main-h2.kiji-list-heading-mark2:before {
    margin-right: 48px;
}
.main-h2.kiji-list-heading-mark2:after {
    margin-left: 48px;
}
/*mark3 左右線*/
.main-h2.kiji-list-heading-mark3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
}
.main-h2.kiji-list-heading-mark3:before,
.main-h2.kiji-list-heading-mark3:after {
    min-width: 6px;
    height: 1px;
    flex: 1;
    border-radius: 0;
    background: currentColor;
    content: "";
}
.main-h2.kiji-list-heading-mark3:before {
    margin-right: 32px;
}
.main-h2.kiji-list-heading-mark3:after {
    margin-left: 32px;
}
/*mark4 下線（中央濃いめ）*/
.main-h2.kiji-list-heading-mark4 {
    position: relative;
    padding-left: 24px;
    background: transparent;
    text-align: left;
}
.main-h2.kiji-list-heading-mark4:before {
    position: absolute;
    top: calc(50% - 32px);
    left: 0;
    width: 8px;
    height: 64px;
    border-radius: 8px;
    background: currentColor;
    content: "";
}
/*--------------------------------------
    ページャー 記事一覧およびブロック
--------------------------------------*/
ul.page-numbers {
    font-size: 14px;
}
ul.page-numbers li {
    margin: 0 2px;
}
a.page-numbers,
span.page-numbers {
    border-radius: 50%;
}
.page-numbers.prev:before {
    content: "\f104";
}
.page-numbers.next:after {
    content: "\f105";
}
@media (min-width: 768px) {
    ul.page-numbers {
        line-height: 36px;
    }
    a.page-numbers,
    span.page-numbers,
    .post-page-numbers {
        width: 36px;
    }
    a.page-numbers.prev,
    a.page-numbers.next {
        width: 72px;
    }}
/*****************************************

    4.メイン：投稿ページ（ヘッダー）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/

/*--------------------------------------
  タイトル
--------------------------------------*/
/*--------------------------------------
  投稿日・更新日・閲覧数・読む時間
--------------------------------------*/
.entry-header-item {
    order: 1;
}
.entry-header-item span {
    opacity: 0.78;
}
.entry-header-item {
    font-size: 10px;
}
@media (min-width: 768px) {
    .entry-header-item {
        justify-content: flex-end;
        font-size: 14px;
    }
    .entry-header-item span {
        margin-left: 20px;
    }
}
/*--------------------------------------
  アイキャッチ
--------------------------------------*/
@media (min-width: 768px) {
    .entry-eyeimg {
        margin: 0 36px;
    }
    .eyecatching-mark1 .entry-eyeimg,
    .eyecatching-mark2 .entry-eyeimg {
        margin: 0;
    }
}
/*================================
    デザインパターン    アイキャッチ＆タイトル＆投稿日
================================*/
.entry-header .entry-snsbox {
    order: 2;
}
.entry-header {
    display: flex;
    flex-direction: column;
}
.eyecatching-mark1 .entry-eyeimg,
.eyecatching-mark2 .entry-eyeimg {
    position: relative;
    background: #fff;
}
/*mark1 バイラル風*/
.eyecatching-mark1 {
    position: relative;
}
.eyecatching-mark1 .entry-title,
.eyecatching-mark1 .entry-header-item {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
}
.eyecatching-mark1 .entry-title {
    display: table;
    bottom: 0;
    margin: auto;
    padding: 0 16px 40px;
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.eyecatching-mark1 .entry-header-item {
    bottom: 12px;
    justify-content: left;
    color: #fff;
}
.eyecatching-mark1 .entry-eyeimg:after {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background: transparent linear-gradient(180deg, #00000000 0%, #0000008a 100%) 0 0 no-repeat padding-box;
    content: "";
    transition: background-color 0.3s;
}
.eyecatching-mark1 .entry-header-item span {
    margin-right: 16px;
    margin-left: 0;
}
.eyecatching-mark1 .entry-header-item span.viewcount {
    margin: 0;
}
@media (min-width: 768px) {
    .eyecatching-mark1 .entry-title {
        padding: 0 36px 72px;
        font-size: 26px;
    }
}
/*mark2 ブラー*/
.eyecatching-mark2 {
    position: relative;
}
.eyecatching-mark2 .entry-title,
.eyecatching-mark2 .entry-header-item {
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
}
.eyecatching-mark2 .entry-title {
    display: table;
    bottom: 0;
    margin: auto;
    padding: 16px 16px 40px;
    color: #fff;
    background: rgb(0 0 0 / 38%);
    font-weight: bold;
    font-size: 17px;
    text-align: left;
    text-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.eyecatching-mark2 .entry-header-item {
    bottom: 12px;
    justify-content: left;
    color: #fff;
}
.eyecatching-mark2 .entry-header-item span {
    margin-right: 20px;
    margin-left: 0;
}
.eyecatching-mark2 .entry-header-item span.viewcount {
    margin: 0;
}
@media (min-width: 768px) {
    .eyecatching-mark2 .entry-title {
        padding: 36px 36px 72px;
        font-size: 26px;
    }
}
/*--------------------------------------
  SNSシェアボタン
--------------------------------------*/
.entry-header .entry-snsbox {
    background: #fff;
}
.entry-snsbox {
    padding: 6px 36px;
}
@media (min-width: 768px) {
    .entry-snsbox {
        padding: 18px 36px;
    }
}
@media (max-width: 767px) {
    .entry-snsbox .snsbox-in {
        justify-content: center;
    }}
/* シェア部分 */
/*style-1*/
.sns-box-style1 .entry-snsbox .snsbtn {
    width: 36px;
    flex: inherit;
    color: #789;
    background-color: transparent;
    opacity: 0.78;
    font-size: 24px;
}
.sns-box-style1 .entry-snsbox .snsbtn:hover {
    opacity: 1;
}
@media (min-width: 1024px) {
    .sns-box-style1 .entry-snsbox .snsbox-in {
        justify-content: flex-end;
    }
    .sns-box-style1 .entry-snsbox .snsbox-in:before {
        width: 60px;
        align-self: center;
        color: #789;
        font-size: 14px;
        content: "Share";
    }
}
/*style-2*/
.sns-box-style2 .entry-snsbox .snsbtn {
    width: 36px;
    flex: inherit;
    background-color: transparent;
    opacity: 0.78;
    font-size: 24px;
}
.sns-box-style2 .entry-snsbox .snsbtn:hover {
    opacity: 1;
}
.sns-box-style2 .entry-snsbox .snsbtn.tw-btn {
    color: #1da1f3;
}
.sns-box-style2 .entry-snsbox .snsbtn.face-btn {
    color: #1778f2;
}
.sns-box-style2 .entry-snsbox .snsbtn.line-btn {
    color: #00b900;
}
.sns-box-style2 .entry-snsbox .snsbtn.poket-btn {
    color: #ef4056;
}
.sns-box-style2 .entry-snsbox .snsbtn.hatena-btn {
    color: #5279e7;
}
.sns-box-style2 .entry-snsbox .snsbtn.note-icon {
    color: #41c9b4;
}
.sns-box-style2 .entry-snsbox .snsbtn.pinterest-btn {
    color: #e60023;
}
@media (min-width: 1024px) {
    .sns-box-style2 .entry-snsbox .snsbox-in {
        justify-content: flex-end;
    }
    .sns-box-style2 .entry-snsbox .snsbox-in:before {
        width: 60px;
        align-self: center;
        color: #789;
        font-size: 14px;
        content: "Share";
    }
}
/*style-3*/
.sns-box-style3 .entry-snsbox .snsbtn {
    line-height: 36px;
    border-radius: 0;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.sns-box-style3 .entry-snsbox .snsbtn.tw-btn {
    background-color: #1da1f3;
}
.sns-box-style3 .entry-snsbox .snsbtn.face-btn {
    background-color: #1778f2;
}
.sns-box-style3 .entry-snsbox .snsbtn.line-btn {
    background-color: #00b900;
}
.sns-box-style3 .entry-snsbox .snsbtn.poket-btn {
    background-color: #ef4056;
}
.sns-box-style3 .entry-snsbox .snsbtn.hatena-btn {
    background-color: #5279e7;
}
.sns-box-style3 .entry-snsbox .snsbtn.note-icon {
    background-color: #41c9b4;
}
.sns-box-style3 .entry-snsbox .snsbtn.pinterest-btn {
    background-color: #e60023;
}
/*style-4*/
.sns-box-style4 .entry-snsbox .snsbtn {
    position: relative;
    width: 36px;
    line-height: 36px;
    flex: inherit;
    border-radius: 50%;
    font-size: 16px;
}
.sns-box-style4 .entry-snsbox .snsbtn:hover {
    opacity: 1;
}
.sns-box-style4 .entry-snsbox .snsbtn.tw-btn {
    background-color: #1da1f3;
}
.sns-box-style4 .entry-snsbox .snsbtn.face-btn {
    background-color: #1778f2;
}
.sns-box-style4 .entry-snsbox .snsbtn.line-btn {
    background-color: #00b900;
}
.sns-box-style4 .entry-snsbox .snsbtn.poket-btn {
    background-color: #ef4056;
}
.sns-box-style4 .entry-snsbox .snsbtn.hatena-btn {
    background-color: #5279e7;
}
.sns-box-style4 .entry-snsbox .snsbtn.note-icon {
    background-color: #41c9b4;
}
.sns-box-style4 .entry-snsbox .snsbtn.pinterest-btn {
    background-color: #e60023;
}
@media (min-width: 1024px) {
    .sns-box-style4 .entry-snsbox .snsbox-in {
        justify-content: flex-end;
    }
}
/* style-5 */
.sns-box-style5 .entry-snsbox .snsbtn {
    width: 47px;
    flex: inherit;
    box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    font-size: 15px;
}
@media (min-width: 1024px) {
    .sns-box-style5 .entry-snsbox .snsbox-in {
        justify-content: flex-end;
    }
    .sns-box-style5 .entry-snsbox .snsbox-in:before {
        width: 60px;
        align-self: center;
        color: #789;
        font-size: 14px;
        content: "Share";
    }
}
/*URLコピーボタン*/
.urlcopy-btn {
    width: 100%;
    line-height: 34px;
    margin: 8px 0 0;
    border: none;
    border-radius: 4px;
    background: #fff;
    font-family: "Helvetica", "Arial", YuGothic, "Yu Gothic", "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1em;
    text-decoration: none;
    cursor: pointer;
}
#copyUrl,
#copyUrlLabel {
    position: absolute;
    bottom: 0;
    left: -500px;
    width: 1px;
    height: 1px;
}
/*--------------------------------------
  SNSシェアボタン 固定
--------------------------------------*/
@media (min-width: 1030px) {
    .left-fixed-in {
        padding: 0 8px 8px 8px;
    }
    .left-fixed-in .snsbtn.tw-btn {
        color: #1da1f3;
    }
    .left-fixed-in .snsbtn.face-btn {
        color: #1778f2;
    }
    .left-fixed-in .snsbtn.line-btn {
        color: #00b900;
    }
    .left-fixed-in .snsbtn.poket-btn {
        color: #ef4056;
    }
    .left-fixed-in .snsbtn.hatena-btn {
        color: #5279e7;
    }
    .left-fixed-in .snsbtn.note-icon {
        color: #41c9b4;
    }
    .left-fixed-in .snsbtn.pinterest-btn {
        color: #e60023;
    }
    .left-fixed-in .snsbtn {
        border: 1px solid #eee;
        background: #fff;
    }
    .left-fixed-in .snsbtn:hover {
        opacity: 0.78;
        text-decoration: none;
    }
    .left-fixed-in .snsbtn .scc {
        font-weight: 500;
    }
    .sns-box-style3 .left-fixed-in .snsbtn {
        width: 42px;
        height: 42px;
        margin: 0 auto 6px;
        border-radius: 0;
    }
    .sns-box-style3 .left-fixed-in .iine-btn {
        width: 42px;
        height: 42px;
        line-height: 1.2;
        border-radius: 0;
    }
    .sns-box-style4 .left-fixed-in .snsbtn {
        position: relative;
        margin-bottom: 1rem;
        border: none;
        color: #fff;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.tw-btn {
        background-color: #1da1f3;
    }
    .sns-box-style4 .left-fixed-in .tw-btn:before {
        border: 1px solid #1da1f3;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.face-btn {
        background-color: #1778f2;
    }
    .sns-box-style4 .left-fixed-in .face-btn:before {
        border: 1px solid #1778f2;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.line-btn {
        background-color: #00b900;
    }
    .sns-box-style4 .left-fixed-in .line-btn:before {
        border: 1px solid #00b900;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.poket-btn {
        background-color: #ef4056;
    }
    .sns-box-style4 .left-fixed-in .poket-btn:before {
        border: 1px solid #ef4056;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.hatena-btn {
        background-color: #5279e7;
    }
    .sns-box-style4 .left-fixed-in .hatena-btn:before {
        border: 1px solid #5279e7;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.note-icon {
        background-color: #41c9b4;
    }
    .sns-box-style4 .left-fixed-in .note-icon:before {
        border: 1px solid #41c9b4;
    }
    .sns-box-style4 .left-fixed-in .snsbtn.pinterest-btn {
        background-color: #e60023;
    }
    .sns-box-style4 .left-fixed-in .pinterest-btn:before {
        border: 1px solid #e60023;
    }
    .sns-box-style4 .left-fixed-in .iine-btn {
        border: none;
        color: #e7609e;
        background: #fdeef5;
    }
    .sns-box-style4 .left-fixed-in .iine-btn:before {
        border: 1px solid #e7609e;
    }
    .sns-box-style4 .left-fixed-in a.snsbtn:before,
    .sns-box-style4 .left-fixed-in .iine-btn:before {
        display: inline-block;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        opacity: 0.38;
        content: "";
        transform: scale(1.18);
    }
    .sns-box-style5 .left-fixed-in .snsbtn {
        position: relative;
        border: none;
        color: #fff;
    }
    .sns-box-style5 .left-fixed-in .snsbtn {
        position: relative;
        height: 44px;
        border: none;
        border-radius: 4px;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
        color: #fff;
    }
    .sns-box-style5 .left-fixed-in .snsbtn.hatena-btn {
        line-height: 20px;
    }
    .sns-box-style5 .left-fixed-in .iine-btn {
        height: 44px;
        line-height: 1.2;
        border: none;
        border-radius: 4px;
        box-shadow: 0 0 3px rgb(0 0 0 / 16%);
    }
}
/*****  いいねボタン  *****/
@media (min-width: 1030px) {
    .left-fixed-in .iine-btn {
        border: 1px solid #eee;
    }
}
/*記事内フッターいいねボタン*/
/*****************************************

    5.メイン：投稿ページ（コンテンツ）

******************************************/
/*--------------------------------------
  レイアウト
--------------------------------------*/
/*--------------------------------------
  この記事を書いた人
--------------------------------------*/
.entry-header .entry-writer {
    order: 3;
}
.writer-img {
    justify-content: left;
    padding: 30px 0 10px;
}
.writer-img-in {
    display: grid;
    align-items: center;
    grid-template-rows: auto auto;
    grid-template-columns: auto auto;
    grid-template-areas: "wimg wname"
        "wimg wkata";
    gap: 0 10px;
}
.writer-img-in img {
    width: 70px;
    height: 70px;
    grid-area: wimg;
    box-shadow: 0 2px 6px rgb(0 0 0 / 24%);
}
.writer-in .share-btn i {
    line-height: 36px;
    font-size: 2em;
}
.writer-text-in p {
    margin-bottom: 1.5em;
}
/*プロフィールのカスタムボタン*/
.writer-in .pf-btn {
    justify-content: right;
}
.writer-text {
    display: flex;
}
.writer-text-in {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.writer-in .writer-name {
    align-self: end;
    grid-area: wname;
    font-size: 12px;
    text-align: left;
}
.writer-in .writer-katagaki {
    align-self: start;
    grid-area: wkata;
    opacity: 0.54;
    font-size: 11px;
}
.writer-in .share-btn {
    width: 36px;
}
.writer-in a.share-btn.share-btn {
    color: #777;
}
.side-writer-mark3 .writer-in a.share-btn.share-btn {
    border-radius: 50%;
    color: #fff;
}
.writer-in .share-btn i {
    font-size: 24px;
}
.side-writer-mark3 .writer-in .share-btn i {
    font-size: 16px;
}
.writer-in .share-btn:hover {
    opacity: 0.78;
    transition: opacity 0.3s;
}
@media (min-width: 1030px) {
    .writer-img-in {
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        grid-template-areas: "wimg"
            "wname"
            "wkata";
        gap: 0;
    }
    .writer-img-in img {
        width: 100px;
        height: 100px;
    }
    .writer-img {
        justify-content: center;
        padding: 40px 0 10px;
    }
    .writer-in {
        flex-direction: row;
        margin: 0 36px;
    }
    .writer-img {
        width: 160px;
        min-width: 160px;
    }
    .writer-in .writer-name {
        padding-top: 8px;
        text-align: center;
    }
    .writer-text {
        margin-left: 16px;
        padding: 40px 12px 20px;
    }
    .writer-in .pf-btn:before {
        width: 60px;
        align-self: center;
        color: #777;
        font-size: 14px;
        content: "Follow";
    }
}
/*================================
    デザインパターン    この記事を書いた人（本文）
================================*/
/*mark1 デフォルト*/
.writer-mark1 div.writer-img {
    background: transparent;
}
.writer-mark1 div.writer-in:before {
    top: -16px;
    width: 140px;
    padding: 4px 0;
    color: #777;
    background: transparent;
    text-align: left;
}
.writer-mark1 .writer-img:before {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% - 140px);
    height: 1px;
    background: #777;
    content: "";
}
.writer-mark1 .writer-img:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #777;
    content: "";
}
/*mark2 シンプル*/
.writer-mark2 div.writer-in {
    border: 1px solid #eee;
}
.writer-mark2 div.writer-in:before {
    display: none;
    background: transparent;
}
.writer-mark2 div.writer-in:before {
    background: transparent;
}
.writer-mark2 .writer-img {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.writer-mark2 .writer-img:before {
    font-size: 14px;
    content: "この記事を書いた人";
}
.writer-mark2 div.writer-in:after {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: 24px;
    background: repeating-linear-gradient(90deg, #eee 0, #eee 1px, transparent 0, transparent 4px);
    content: "";
}
.writer-mark2 .writer-img {
    padding: 40px 0 20px;
}
@media (min-width: 1030px) {
    .writer-mark2 .writer-img {
        min-height: 220px;
        padding: 0;
    }
    .writer-mark2 div.writer-in {
        padding-left: 24px;
    }
    .writer-mark2 div.writer-in:after {
        top: 2px;
        width: 24px;
        height: calc(100% - 4px);
        background: repeating-linear-gradient(180deg, #eee 0, #eee 1px, transparent 0, transparent 4px);
    }
    .writer-mark2 .writer-img {
        gap: 4px;
    }
}
/*mark3 スクエア*/
.writer-mark3 .writer-in {
    padding: 40px 40px 0;
}
.writer-mark3 .writer-img {
    padding: 10px 0 10px;
}
.writer-mark3 div.writer-in:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    padding: 4px 40px;
    border-bottom: 1px solid #777;
    background: transparent;
    font-size: 14px;
    content: "この記事を書いた人";
}
.writer-mark3 div.writer-in:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 100%;
    background: repeating-linear-gradient(90deg, #eee 0, #eee 1px, transparent 0, transparent 2px);
    content: "";
}
@media (min-width: 1030px) {
    .writer-mark3 .writer-in {
        padding: 40px 0 0;
    }
    .writer-mark3 .writer-img {
        padding: 30px 0 10px;
    }
    .writer-mark3 div.writer-in {
        padding-left: 24px;
    }
}
/*mark4 スタンプ*/
.writer-mark4 div.writer-in {
    border-top: none;
    border-right: 1px solid #eee;
    border-bottom: none;
    border-left: 1px solid #eee;
    background: transparent;
}
.writer-mark4 div.writer-in:before {
    top: 0;
    left: 0;
    width: 100%;
    line-height: 24px;
    background: transparent;
    text-align: center;
    content: "WRITER";
    transform: rotate(0);
}
.entry-writer.writer-mark4 {
    position: relative;
}
.writer-mark4 div.writer-in:after {
    position: absolute;
    height: 24px;
    border-top: none;
    border-right: 1px solid #777;
    border-bottom: none;
    border-left: 1px solid #777;
    content: "";
    top: 0;
    left: -1px;
    width: calc(100% + 2px);
}
.writer-mark4 .writer-img {
    justify-content: center;
    padding: 40px 20px 10px;
}
@media (min-width: 1030px) {
    .writer-mark4 div.writer-in {
        border-top: 1px solid #eee;
        border-right: none;
        border-bottom: 1px solid #eee;
        border-left: none;
    }
    .writer-mark4 div.writer-in:before {
        top: calc(50% - 12px);
        left: -28px;
        width: 80px;
        transform: rotate(270.3deg);
    }
    .writer-mark4 div.writer-in:after {
        top: -1px;
        width: 24px;
        height: calc(100% + 2px);
        border-top: 1px solid #777;
        border-right: none;
        border-bottom: 1px solid #777;
        border-left: none;
    }
    .writer-mark4 div.writer-in {
        padding-left: 24px;
    }
    .writer-mark4 .writer-img {
        padding: 30px 0 10px;
    }
}
/*--------------------------------------
  カテゴリータグエリア
--------------------------------------*/
.widget_categories ul {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    line-height: 36px;
}
.widget_categories a {
    transition: .3s;
}
.widget ul li .kiji-num {
    width: 20px;
    line-height: 20px;
    border-radius: 10px;
}
.widget_categories a:hover {
    padding-left: 4px;
}
/*--------------------------------------
  保護ページ
--------------------------------------*/
/*****************************************

    6.メイン：投稿ページ（フッター）

******************************************/
footer#entry-footer {
    background: #fff;
}
/*--------------------------------------
  レイアウト
--------------------------------------*/
/*--------------------------------------
  次の記事 前の記事
--------------------------------------*/
.prevnext-img {
    width: auto;
    height: 100px;
    aspect-ratio: 16/9;
}
.prevnext-title {
    bottom: 0;
    padding: 0 8px;
    font-size: 12px;
}
.entry-prevnext-2 {
    margin: 1.5em 0;
}
.entry-prevnext-2 .prev-kiji-in,
.entry-prevnext-2 .next-kiji-in {
    flex-direction: column;
}
.prevnext-text {
    font-size: 12px;
    font-weight: 600;
}
.entry-prevnext-2 .prevnext-title {
    position: inherit;
    font-size: 10px;
}
.entry-prevnext-2 .next-kiji-in .prevnext-title {
    right: 0;
    text-align: right;
}
.entry-prevnext-2 .prevnext-text {
    max-width: 100%;
}
/*--------------------------------------
  スマホ スワイプ型
--------------------------------------*/
.paging-card-swipe {
    background: rgb(0 0 0 / 54%);
}
.mobile-left-linkcard,
.mobile-right-linkcard,
.linkcard-swipe-img img,
.mobile-left-linkcard span,
.mobile-right-linkcard span {
    border-radius: 0;
}
.paging-swipe {
    width: 32px;
    height: 120px;
}
.paging-swipe.mobile-left-btn,
.paging-swipe.mobile-right-btn {
    border-radius: 0;
}
/*--------------------------------------
  関連記事
--------------------------------------*/
.kanren-kiji {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 4%;
}
.kanren-kiji .kiji-img {
    border-radius: 0;
    background-size: cover;
    transition: 0.3s;
    background-position-x: 50%;
    background-position-y: 50%;
}
.main-in .kanren-kiji .linkarea {
    align-items: center;
    padding: 0;
    transition: box-shadow 0.3s;
}
.main-in .kanren-kiji .kiji-text {
    flex: 1;
    padding: 8px;
    font-weight: bold;
    font-size: 12px;
}
.main-in .kanren-kiji .main-kiji {
    overflow: inherit;
    margin-top: 0;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .main-kiji {
    width: 48%;
    background: transparent;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .kiji-text {
    padding: 0;
}
.main-in .kanren-kiji.kanren-kiji-sonic1 .linkarea {
    gap: 8px;
}
.kanren-kiji-sonic1 .linkarea:hover .kiji-img {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
.kanren-kiji-2yokocard .linkarea:hover,
.kanren-kiji-3yokocard .linkarea:hover {
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
}
@media (min-width: 768px) {
    .kanren-kiji {
        gap: 12px 1.3%;
    }
    .main-in .kanren-kiji .kiji-text {
        padding: 8px;
    }
    .main-in .kanren-kiji.kanren-kiji-sonic1 .main-kiji {
        width: 24%;
    }
}
/*================================
    デザインパターン    関連記事
================================*/
@media (max-width: 767px) {
    .kanren-kiji.kanren-kiji-2yokocard .linkarea,
    .kanren-kiji.kanren-kiji-3yokocard .linkarea {
        flex-direction: row;
        padding: 8px;
    }
    .kanren-kiji.kanren-kiji-2yokocard .kiji-img,
    .kanren-kiji.kanren-kiji-3yokocard .kiji-img {
        width: 100px;
        aspect-ratio: 1/1;
    }
}
/*横カード2列*/
@media (min-width: 768px) {
    .kanren-kiji.kanren-kiji-2yokocard {
        gap: 12px 2%;
    }
    .kanren-kiji.kanren-kiji-2yokocard .main-kiji {
        width: 49%;
    }
    .kanren-kiji.kanren-kiji-2yokocard .kiji-img {
        flex-basis: 160px;
    }
    .kanren-kiji-2yokocard .linkarea {
        flex-direction: row;
    }
}
/*横カード3列*/
@media (min-width: 768px) {
    .kanren-kiji.kanren-kiji-3yokocard {
        gap: 12px 2%;
    }
    .kanren-kiji.kanren-kiji-3yokocard .main-kiji {
        width: 32%;
    }
    .kanren-kiji.kanren-kiji-3yokocard .kiji-img {
        flex-basis: 120px;
    }
}
/*--------------------------------------
  コメント
--------------------------------------*/
/*****************************************

    7.メイン：投稿ページ（グーテンベルク）

******************************************/
/*--------------------------------------
  段落ブロック
--------------------------------------*/
p[class*="is-style-para-icon"] {
    border-radius: 4px;
}
/*================================
    デザインパターン    段落ブロック
================================*/
/*枠線　薄いグレー*/
.is-style-para-mark1 {
    border: 1px solid;
}
/*塗りつぶし　薄いグレー*/
/*二重線　薄いグレー*/
.is-style-para-mark3 {
    border: 4px double;
}
/*太い枠線　塗りつぶし　薄いグレー*/
.is-style-para-mark4 {
    border: 8px solid;
}
/*点線　薄いグレー*/
.is-style-para-mark5 {
    border: 2px dashed;
}
/*ストライプ　薄いグレー*/
.is-style-para-mark6 {
    background-image: repeating-linear-gradient(-45deg, #f2f2f2, #f2f2f2 1px, #fff 1px, #fff 4px);
}
/*メモ*/
.is-style-para-icon-mark1 {
    background: #f9f9f9;
}
.is-style-para-icon-mark1:before {
    content: "\f304";
    background: #333;
}
/*チェック*/
.is-style-para-icon-mark2 {
    background: #f2f9ff;
}
.is-style-para-icon-mark2:before {
    content: "\f00c";
    background: #60a8d6;
}
/*ポイント*/
.is-style-para-icon-mark3 {
    background: #fffae8;
}
.is-style-para-icon-mark3:before {
    content: "\f0eb";
    background: #ffdc76;
}
/*注意*/
.is-style-para-icon-mark4 {
    background: #fff2f4;
}
.is-style-para-icon-mark4:before {
    content: "\f12a";
    background: #e76073;
}
/*重要*/
.is-style-para-icon-mark5 {
    background: #effafc;
}
.is-style-para-icon-mark5:before {
    content: "\f0a4";
    background: #73cbd4;
}
/*ハート*/
.is-style-para-icon-mark6 {
    background: #ffedf4;
}
.is-style-para-icon-mark6:before {
    content: "\f004";
    background: #e7609e;
}
/*ドッグイヤー*/
.is-style-para-mark7 {
    position: relative;
    background: #f9f9f9;
}
.is-style-para-mark7:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(45deg, #eee 50%, #fff 50%);
    content: "";
}
/* 方眼 */
.is-style-para-mark8 {
    background-image: -webkit-linear-gradient(transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035)),-webkit-linear-gradient(
            0deg
            ,transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035));
    background-size: 22px 22px;
    background-color: #fffcf5;
    border-top: 10px solid #fde199;
}
.is-style-para-mark17 {
    background-image: -webkit-linear-gradient(transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035)),-webkit-linear-gradient(
            0deg
            ,transparent 95%,rgba(51,51,51,.035) 50%,rgba(51,51,51,.035));
    background-size: 22px 22px;
    background-color: #f9f9f9;
}
/*括弧1*/
.is-style-para-mark9 {
    position: relative;
}
.is-style-para-mark9:before,
.is-style-para-mark9:after {
    position: absolute;
    width: 20px;
    height: 20px;
    content: "";
}
.is-style-para-mark9:before {
    top: 0;
    left: 0;
    border-top: 2px solid;
    border-left: 2px solid;
}
.is-style-para-mark9:after {
    right: 0;
    bottom: 0;
    border-right: 2px solid;
    border-bottom: 2px solid;
}
@media (min-width: 1030px){
    .is-style-para-mark9:before, .is-style-para-mark9:after {
        width: 26px;
        height: 26px;
    }}
/*括弧2*/
.is-style-para-mark10 {
    position: relative;
}
.is-style-para-mark10:before,
.is-style-para-mark10:after {
    position: absolute;
    top: 0;
    width: 16px;
    height: 100%;
    border-top: 2px solid;
    border-bottom: 2px solid;
    content: "";
}
.is-style-para-mark10:before {
    left: 0;
    border-left: 2px solid;
}
.is-style-para-mark10:after {
    right: 0;
    border-right: 2px solid;
}
/* 手紙 */
.is-style-para-mark11 {
    position: relative;
    max-width: 480px;
    margin: 0 auto 2em;
    border: 10px solid transparent;
    border-radius: 4px;
    background: linear-gradient(#fff, #fff), repeating-linear-gradient(
            -45deg
            ,#7DAAE4, #7DAAE4 3.25%,#fff 3.25%,#fff 4.25%,#F07873 4.25%, #F07873 7.5%,#fff 7.5%,#fff 8.5%);
    background-clip: padding-box, border-box;
    background-origin: border-box;
}
/* ホワイトボード */
.is-style-para-mark12 {
    position: relative;
    max-width: 480px;
    padding: 2em 1.5em;
    margin: 0 auto 2em;
    border: 10px solid transparent;
    border-radius: 4px;
    background: linear-gradient(white, white), linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 100% / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 100% / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 100% 0 / 10px 10px, linear-gradient(#4d4d4d, #4d4d4d) no-repeat 0 0 / 10px 10px, linear-gradient(#e6e6e6, #e6e6e6);    background-clip: padding-box, border-box, border-box, border-box, border-box, border-box;
    background-origin: border-box;
}
/*黄色いメモ*/
.is-style-para-mark13 {
    position: relative;
    max-width: 480px;
    margin: 0 auto 2em;
    border-top: 24px solid #fcd04f;
    background: #fde69f;
}
.is-style-para-mark13:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #fddb77 50%, #fff 50%);
    content: "";
}
/*クリップ*//*クリップ2*/
.is-style-para-mark14,
.is-style-para-mark15 {
    border-radius: 4px;
    position: relative;
    max-width: 480px;
    margin: 3em auto 2em;
}
.is-style-para-mark14 {
    border: 16px solid #E7B53E;
}
.is-style-para-mark15 {
    border: 16px solid #3B629B;
}
.is-style-para-mark14:after,
.is-style-para-mark15:after {
    position: absolute;
    top: -44px;
    left: calc(50% - 60px);
}
.is-style-para-mark14:after {
    content: url(images/deco/clip.svg);
}
.is-style-para-mark15:after {
    content: url(images/deco/clip2.svg);
}
/*黒板*/
.is-style-para-mark16 {
    position: relative;
    max-width: 480px;
    margin: 0 auto 2em;
    border: 16px solid #edd3a6;
    background: #497e57;
}
p.is-style-para-mark16 {
    color: #fff;
}
.is-style-para-mark16:after {
    position: absolute;
    right: 0;
    bottom: -10px;
    content: url(images/deco/kokuban.svg);
}
/* 吹き出し風 */
p.is-style-para-mark18 {
    margin-bottom: 0;
    background: #3da6c6;
    padding: 4px 1em;
    width: fit-content;
    border-radius: 20px;
    color: #fff;
    position: relative;
}
p.is-style-para-mark18:before {
    content: "";
    background: inherit;
    width: 14px;
    height: 14px;
    position: absolute;
    bottom: -6px;
    left: 26px;
    transform: rotate(45deg);
}
/*--------------------------------------
  画像ブロック
--------------------------------------*/
/*================================
    デザインパターン    画像ブロック
================================*/
/*フレーム IE edgeごめんさい*/
.is-style-img-frame {
    padding: 1em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.08);
    width: max-content;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    max-width: 100%;
}
/*影（小）*/
.is-style-img-shadow-s img {
    box-shadow: 0 2px 4px 0px rgba(0,0,0,0.35);
}
/*--------------------------------------
  見出しブロック
--------------------------------------*/
/*================================
    デザインパターン　見出しh2 h3 h4
================================*/
/*mark1 background main*/
.heading-h2-mark1 h2 {
    margin: 3em -16px 1em;
    padding: 14px 16px;
    color: #fff;
}
.heading-h3-mark1 h3 {
    padding: 12px 14px;
    color: #fff;
}
.heading-h4-mark1 h4 {
    padding: 8px;
    color: #fff;
}
@media (min-width: 768px) {
    .heading-h2-mark1 h2 {
        margin: 3em -36px 1em;
        padding: 14px 36px;
    }}
/*エディタ用*/
.editor-styles-wrapper .is-style-heading-mark1{
    color:#fff;
}
/*mark2 border-color main*/
.heading-h2-mark2 h2 {
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin: 3em -16px 1em;
    padding: 14px 16px;
}
.heading-h3-mark2 h3 {
    border-bottom: 1px solid;
    padding: 12px 0;
}
.heading-h4-mark2 h4 {
    border-bottom: 1px solid;
    padding: 8px 0;
}
@media (min-width: 768px) {
    .heading-h2-mark2 h2 {
        margin: 3em -36px 1em;
        padding: 14px 36px;
    }}
/*mark3 border-color main*/
.heading-h2-mark3 h2 {
    border-left: 6px solid;
    padding: 12px 16px;
    background: #f2f2f2;
}
.heading-h3-mark3 h3 {
    border-left: 6px solid;
    padding: 12px 16px;
}
.heading-h4-mark3 h4 {
    border-left: 6px solid;
    padding: 8px 12px;
}
/*mark4 border-color main*/
.heading-h2-mark4 h2 {
    padding: 26px 0 10px;
    border-top: 1px solid;
}
.heading-h2-mark4 h2:before {
    content: "";
    width: 77%;
    height: 1px;
    position: absolute;
    right: 0;
    top: -1px;
    background: #ddd;
}
.heading-h3-mark4 h3 {
    padding: 20px 0 10px;
}
.heading-h3-mark4 h3:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    top: -1px;
    background: #ddd;
}
.heading-h4-mark4 h4 {
    padding: 10px;
    border-left: 3px double;
}
/*mark5 background thin main , before border-color main*/
.heading-h2-mark5 h2 {
    padding: 20px;
    border-radius: 4px;
}
.heading-h3-mark5 h3 {
    padding: 16px;
    border-radius: 4px;
}
.heading-h4-mark5 h4 {
    padding: 12px;
    border-radius: 4px;
}
/*mark6 border-color thin main, bofore background main*/
.heading-h2-mark6 h2,
.heading-h3-mark6 h3,
.heading-h4-mark6 h4 {
    border: none;
}
.heading-h2-mark6 h2{
    padding: 12px 0;
}
.heading-h2-mark6 h2:before {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 3px;
    content: "";
}
.heading-h3-mark6 h3 {
    padding: 12px 16px;
}
.heading-h3-mark6 h3:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 3px;
    content: "";
}
.heading-h4-mark6 h4 {
    padding: 8px 16px;
}
.heading-h4-mark6 h4:before {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    border-radius: 3px;
    content: "";
}
/*--------------------------------------
  リスト
--------------------------------------*/
.widget ul[class*="is-style-list"],
.widget ol[class*="is-style-list"],
ul[class*="is-style-list"],
ol[class*="is-style-list"] {
    padding: .5em .5em .5em 3em;
    margin: 0 0 2em;
    list-style: none;
}
.widget ol[class*="is-style-list"],
ol[class*="is-style-list"] {
    counter-reset: num;
}
.sonic-box ul[class*="is-style-list"],
.sonic-box ol[class*="is-style-list"] {
    padding: .5em .5em .5em 1.5em;
}
ul[class*="is-style-list"] li,
ol[class*="is-style-list"] li {
    position: relative;
    padding: .3em 0;
}
ul[class*="is-style-list-simple"] li:before,
ul[class*="is-style-list-check"] li:before {
    display: inline-block;
    position: absolute;
    content: "";
}
ul[class*="is-style-list-simple"] li:before {
    top: 13px;
    left: -24px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
ul[class*="is-style-list-check"] li:before {
    top: 7px;
    left: -36px;
    width: 28px;
    height: 28px;
}
ul[class*="is-style-list"] ul {
    list-style: none;
    padding-left: 24px;
}
ol[class*="is-style-list"] ol {
    padding-left: 24px;
}
ul[class*="is-style-list-simple"] ul li:before {
    opacity: .54;
}
ul.is-style-list-check1 li:before {
    background: url(images/deco/check1-red.svg) 28px 28px;
}
ul.is-style-list-check2 li:before {
    background: url(images/deco/check2-red.svg) 28px 28px;
}
ol[class*="is-style-list"] > li:before {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: -33px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 50%;
    text-align: center;
    content: counter(num);
    counter-increment: num;
}
ol[class*="is-style-list"][start] > li:before,
ol[class*="is-style-list"][reversed] > li:before{
    content: attr(data-olcount);
}
ol.is-style-list-simple-main li:before,
ol.is-style-list-simple-ac li:before {
    color: #fff;
    font-size: .85em;
}
/* 下線あり */
.entry-content .list-under-border li:not(:last-child) {
    border-bottom: 1px solid;
    border-color: #eee;
}
/* メリット・デメリット・普通 */
.is-style-list-maru li:before,
.is-style-list-sankaku li:before,
.is-style-list-batsu li:before {
    font-family: "font awesome 5 free";
    font-weight: 600;
    position: absolute;
    left: -24px;
}
.is-style-list-maru li:before {
    font-weight: 500;
    content: "\f111";
    color: #6389d2;
}
.is-style-list-sankaku li:before {
    content: "△";
    color: #f8b45e;
}
.is-style-list-batsu li:before {
    content: "\f00d";
    color: #e67965;
}
/*--------------------------------------
  引用
--------------------------------------*/
.wp-block-quote,
.wp-block-quote.is-style-large {
    position: relative;
    margin: 5px 10px 20px;
    padding: 1.5em 1.5em 1.5em 3em;
    color: #797979;
    background: #f2f2f2;
    font-size: 0.8em;
}
.wp-block-quote:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    line-height: 44px;
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 1.3em;
    text-align: center;
    content: "\f10d";
}
.wp-block-quote p {
    margin-bottom: 0.5em;
}
.wp-block-quote.is-style-large p {
    font-style: normal;
}
cite {
    display: block;
    line-height: 1;
    opacity: 0.7;
    font-style: normal;
    font-size: 0.8em;
    text-align: right;
}
@media (min-width: 1030px) {
    .wp-block-quote,
    .wp-block-quote.is-style-large {
        margin: 0 2em 3em;
    }}
/*--------------------------------------
  カバー・ファイル
--------------------------------------*/
/*--------------------------------------
  表（テーブル）
--------------------------------------*/
/*================================
    デザインパターン    テーブル
================================*/
/*ストライプ*/
figure.wp-block-table.is-style-stripes {
    border-bottom: none;
}
.wp-block-table.is-style-stripes table tbody tr:nth-child(odd) {
    background-color: transparent;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}
/*シンプル*/
.is-style-table-simple table, .is-style-table-simple th, .is-style-table-simple td {
    border: 1px solid;
}
.is-style-table-simple th, .is-style-table-simple td, .is-style-table-simple table {
    border-left: none;
    border-right: none;
}
/*ポップ*/
.is-style-table-pop th {
    background: #72d3ee;
    color: #fff;
}
.is-style-table-pop table, .is-style-table-pop th, .is-style-table-pop td {
    border: 1px solid;
}
.is-style-table-pop th:not(:last-child) {
    border-right: 1px solid #fff;
}
/*--------------------------------------
  グループ化
--------------------------------------*/
/*================================
    デザインパターン    グループ化ブロック
================================*/
/*枠線*/
.is-style-group-mark1 {
    border: 1px solid;
}
/*塗りつぶし*/
/*二重線*/
.is-style-group-mark3 {
    border: 4px double;
}
/*太い枠線　塗りつぶし*/
.is-style-group-mark4 {
    border: 8px solid;
    background: #fff;
}
/*点線*/
.is-style-group-mark5 {
    border: 2px dashed;
}
/*ストライプ*/
.is-style-group-mark6 {
    background-image: repeating-linear-gradient(-45deg, #f9f9f9, #f9f9f9 2px, #fff 2px, #fff 4px);
}
/*太さの違う二重線*/
.is-style-group-mark7 {
    border: 6px solid;
    outline: 1px solid;
    outline-offset: -10px;
}
/*ドッグイヤー*/
.is-style-group-mark8 {
    position: relative;
    background: #f9f9f9;
}
.is-style-group-mark8:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(45deg, #eee 50%, #fff 50%);
    content: "";
}
/*括弧1*/
.is-style-group-mark9 {
    position: relative;
}
.is-style-group-mark9:before,
.is-style-group-mark9:after {
    position: absolute;
    width: 36px;
    height: 36px;
    content: "";
}
.is-style-group-mark9:before {
    top: 0;
    left: 0;
    border-top: 2px solid;
    border-left: 2px solid;
}
.is-style-group-mark9:after {
    right: 0;
    bottom: 0;
    border-right: 2px solid;
    border-bottom: 2px solid;
}
@media (min-width: 1030px){
    .is-style-group-mark9:before, .is-style-group-mark9:after {
        width: 64px;
        height: 64px;
    }}
/*括弧2*/
.is-style-group-mark10 {
    position: relative;
}
.is-style-group-mark10:before,
.is-style-group-mark10:after {
    position: absolute;
    top: 0;
    width: 16px;
    height: 100%;
    border-top: 2px solid;
    border-bottom: 2px solid;
    content: "";
}
.is-style-group-mark10:before {
    left: 0;
    border-left: 2px solid;
}
.is-style-group-mark10:after {
    right: 0;
    border-right: 2px solid;
}
/*本文全幅　塗り*/
.is-style-group-mark11 {
    margin-left: -16px;
    width: calc(100% + 32px);
    box-sizing: border-box;
}
div.is-style-group-mark11 {
    padding: 1em 16px;
}
@media (min-width: 1030px){
    .is-style-group-mark11 {
        margin-left: -36px;
        width: calc(100% + 72px);
    }
    div.is-style-group-mark11 {
        padding: 1em 36px;
    }}
/*影*/
.is-style-group-mark12 {
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.08);
}
/*黄色いメモ*/
.is-style-group-mark13 {
    position: relative;
    max-width: 480px;
    margin: 0 auto 2em;
    border-top: 24px solid #fcd04f;
    background: #fde69f;
}
.is-style-group-mark13:after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, #fddb77 50%, #fff 50%);
    content: "";
}
/*クリップ*//*クリップ2*/
.is-style-group-mark14,
.is-style-group-mark15 {
    border-radius: 4px;
    position: relative;
    max-width: 480px;
    margin: 3em auto 2em;
}
.is-style-group-mark14 {
    border: 16px solid #E7B53E;
}
.is-style-group-mark15 {
    border: 16px solid #3B629B;
}
.is-style-group-mark14:after,
.is-style-group-mark15:after {
    position: absolute;
    top: -44px;
    left: calc(50% - 60px);
}
.is-style-group-mark14:after {
    content: url(images/deco/clip.svg);
}
.is-style-group-mark15:after {
    content: url(images/deco/clip2.svg);
}
/*黒板*/
.is-style-group-mark16 {
    position: relative;
    max-width: 480px;
    margin: 0 auto 2em;
    border: 16px solid #edd3a6;
    background: #497e57;
}
.is-style-group-mark16 p,
.is-style-group-mark16 ol,
.is-style-group-mark16 ul {
    color: #fff;
}
.is-style-group-mark16 .is-style-link-mark2:before {
    background: #497e57;
}
.is-style-group-mark16:after {
    position: absolute;
    right: 0;
    bottom: -10px;
    content: url(images/deco/kokuban.svg);
}
/*--------------------------------------
  カラム
--------------------------------------*/
/*--------------------------------------
  ボタン
--------------------------------------*/
/*--------------------------------------
  改ページ
--------------------------------------*/
/*--------------------------------------
  区切り線
--------------------------------------*/
/*--------------------------------------
  吹き出し
--------------------------------------*/
/*--------------------------------------
  タイトル付きボックス
--------------------------------------*/
/*シンプル青*/
/*大きなアイコン青*/
.is-style-titlebox-mark2 {
    display: flex;
    border-radius: 8px;
}
.is-style-titlebox-mark2 .ob-title {
    display: flex;
    min-width: 152px;
    align-items: center;
    text-align: center;
}
.is-style-titlebox-mark2 .ob-title-before {
    display: inline-block;
    width: 52px;
    border-radius: 50%;
}
.is-style-titlebox-mark2 .ob-title-before:before {
    display: inline-block;
    line-height: 52px;
    color: #fff;
    font-family: "font awesome 5 free";
    font-size: 1.5em;
    content: "\f304";
}
.is-style-titlebox-mark2 .ob-contents {
    flex: 1;
    border-radius: 4px;
    background: #fff;
}
@media (min-width: 768px) {
    .is-style-titlebox-mark2 {
        flex-direction: row;
        padding: 1.35em 1.35em 1.35em 0;
    }
    .is-style-titlebox-mark2 .ob-title {
        flex-direction: column;
        align-self: center;
        margin-bottom: 0;
    }
    .is-style-titlebox-mark2 .ob-contents {
        align-self: center;
        padding: 0.75em 1.5em;
    }}
@media (max-width: 767px) {
    .is-style-titlebox-mark2 {
        flex-direction: column;
        padding: 1.35em;
    }
    .is-style-titlebox-mark2 .ob-title {
        flex-direction: row;
        align-self: flex-start;
        margin-bottom: 12px;
    }
    .is-style-titlebox-mark2 .ob-title-before {
        margin-right: 8px;
    }
    .is-style-titlebox-mark2 .ob-contents {
        padding: 1em;
    }}
/*吹き出し付き*/
.is-style-titlebox-mark3 {
    position: relative;
    margin-top: 4em;
    padding: 0;
    border: 8px solid;
}
.is-style-titlebox-mark3 .ob-title {
    position: absolute;
    bottom: calc(100% - 26px);
    left: 4px;
    line-height: 44px;
    padding: 0 1em;
    border-radius: 22px;
    color: #fff;
}
.is-style-titlebox-mark3 .ob-title-after {
    position: absolute;
    bottom: -10px;
    left: 30px;
    border-width: 10px 9px 0 9px;
    border-style: solid;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: "";
}
.is-style-titlebox-mark3 .ob-contents {
    padding: 2em 1.5em 1em;
}
/*塗りタイトル*/
.is-style-titlebox-mark4 {
    padding: 0;
    border-radius: 4px;
}
.is-style-titlebox-mark4 .ob-title {
    padding: .5em 1.5em;
    color: #fff;
}
.is-style-titlebox-mark4 .ob-contents {
    padding: .5em 1.5em 1em;
}
/*線の途中にタイトル*/
.is-style-titlebox-mark5 {
    padding: 0;
    position: relative;
}
.is-style-titlebox-mark5 .ob-title {
    background: #fff;
    padding: 0 .5em;
    position: absolute;
    left: 1.5em;
    top: -16px;
}
.is-style-titlebox-mark5 .ob-contents {
    padding: 1.5em 1.5em 1em;
}
/*吹き出しタイトル2*/
.is-style-titlebox-mark6 {
    position: relative;
    margin-top: 4em;
    padding: 0;
}
.is-style-titlebox-mark6 .ob-title {
    position: absolute;
    top: -27px;
    left: -6px;
    padding: 0.25em 1em;
    border: 2px solid;
    box-shadow: 4px 4px 0 0;
    background: #fff;
}
.is-style-titlebox-mark6 .ob-title-after {
    position: absolute;
    bottom: -20px;
    left: 1em;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    content: "";
}
.is-style-titlebox-mark6 .ob-contents {
    padding: 2em 1.5em 1em;
}
/*コピーボックス*/
.is-style-titlebox-mark7 {
    border-left: 8px solid;
    border-right: 8px solid;
    border-bottom: 8px solid;
}
.is-style-titlebox-mark7 {
    padding: 0;
}
.is-style-titlebox-mark7 .ob-title {
    padding: .5em 120px .5em 1em;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
}
.is-style-titlebox-mark7 .ob-title-after {
    position: absolute;
    right: 0;
    font-size: .85em;
    border-radius: 4px;
    width: 112px;
    text-align: center;
    line-height: 32px;
    top: calc(50% - 16px);
}
.is-style-titlebox-mark7 .ob-title-after i {
    margin-right: 6px;
}
.is-style-titlebox-mark7 p {
    padding: .5em 1em;
}
.is-style-titlebox-mark7 .wp-block-code {
    margin: 0;
    border: none;
}
.is-style-titlebox-mark7 .ob-title {
    color: #fff;
}
.is-style-titlebox-mark7 .ob-title-after {
    background: #fff;
}
.is-style-titlebox-mark7 .ob-title-after {
    cursor: pointer;
}
/*丸・サンカク・✕*/
.is-style-titlebox-mark8,
.is-style-titlebox-mark9,
.is-style-titlebox-mark10 {
    padding: 0;
    border: 2px solid #eee;
}
.is-style-titlebox-mark8 .ob-title,
.is-style-titlebox-mark9 .ob-title,
.is-style-titlebox-mark10 .ob-title {
    padding: .5em 1.5em;
    color: #fff;
    text-align: center;
}
.is-style-titlebox-mark8 .ob-contents,
.is-style-titlebox-mark9 .ob-contents,
.is-style-titlebox-mark10 .ob-contents {
    padding: .5em 1.5em 1em;
}
.is-style-titlebox-mark8 .ob-contents ul,
.is-style-titlebox-mark8 .ob-contents ol,
.is-style-titlebox-mark9 .ob-contents ul,
.is-style-titlebox-mark9 .ob-contents ol,
.is-style-titlebox-mark10 .ob-contents ul,
.is-style-titlebox-mark10 .ob-contents ol {
    padding: 0 1em;
}
.is-style-titlebox-mark8 .ob-title {
    background: #e67965;
}
.is-style-titlebox-mark9 .ob-title {
    background: #6389d2;
}
.is-style-titlebox-mark10 .ob-title {
    background: #f8b45e;
}
.is-style-titlebox-mark8 .ob-title-before:before,
.is-style-titlebox-mark9 .ob-title-before:before,
.is-style-titlebox-mark10 .ob-title-before:before {
    font-family: "font awesome 5 free";
    margin-right: 8px;
}
.is-style-titlebox-mark8 .ob-title-before:before {
    content: "\f00d";
}
.is-style-titlebox-mark9 .ob-title-before:before {
    font-weight: 500;
    content: "\f111";
}
.is-style-titlebox-mark10 .ob-title-before:before {
    content: "△";
}
/*--------------------------------------
      メリット・デメリットボックス
--------------------------------------*/
@media (min-width: 782px){
    .two-box-set .wp-block-columns {
        border: 2px solid #eee;
    }
    .two-box-set .wp-block-column:not(:first-child),
    .two-box-set .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
        margin-left: 0;
        border-left: 2px solid #eee;
    }
    .two-box-set .wp-block-column .is-style-titlebox-mark8,
    .two-box-set .wp-block-column .is-style-titlebox-mark9,
    .two-box-set .wp-block-column .is-style-titlebox-mark10{
        border: none;
    }
    .two-box-set .wp-block-column .sonic-box {
        margin-bottom: 0;
    }
}
/*--------------------------------------
  ダブルボタン
--------------------------------------*/
/*--------------------------------------
  Q&A
--------------------------------------*/
.qa-box {
    margin-bottom: 2em;
}
.q-area,
.a-area {
    display: flex;
    align-items: baseline;
    margin-bottom: 1em;
    flex-direction: row;
}
.qa-label {
    flex-basis: 40px;
    height: 40px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-width: 40px;
}
.qa-content {
    flex: 1;
    word-break: break-all;
}
.qa-content *:last-child {
    margin-bottom: 0;
}
/*--------------------------------------
  タイムライン
--------------------------------------*/
/*================================
    デザインパターン    タイムライン
================================*/
/*mark1*/
.is-style-process-mark1 {
    max-width: 480px;
    margin: 0 auto 2em;
}
.is-style-process-mark1 .process-step {
    margin-bottom: 3em;
    padding: 2.5em 1em 1em;
    border-bottom: none;
    box-shadow: 0 0 1px 1px #eee;
}
.is-style-process-mark1 .process-label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
}
.is-style-process-mark1 .process-step:not(:last-child):after {
    position: absolute;
    bottom: -40px;
    left: calc(50% - 20px);
    border-width: 20px 20px 0 20px;
    border-color: #eee transparent transparent transparent;
    border-style: solid;
    content: "";
}
/*--------------------------------------
  アコーディオン
--------------------------------------*/
/*================================
    デザインパターン    アコーディオン
================================*/
/*mark1*/
.tsnc-accordion.is-style-accordion-mark1 {
    border: none;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
}
.is-style-accordion-mark1 .tsnc-accordion-title {
    background: #333;
    border-radius: 4px;
    color: #fff;
}
.is-style-accordion-mark1 .tsnc-accordion-title:before,
.is-style-accordion-mark1 .tsnc-accordion-title:after {
    background: #fff;
}
.is-style-accordion-mark1 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
    border-radius: 4px 4px 0 0;
}
/*mark2*/
.tsnc-accordion.is-style-accordion-mark2 {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-color: #eee;
}
.is-style-accordion-mark2 .tsnc-accordion-title:before,
.is-style-accordion-mark4 .tsnc-accordion-title:before {
    display: none;
}
.is-style-accordion-mark2 .tsnc-accordion-title:after,
.is-style-accordion-mark4 .tsnc-accordion-title:after {
    right: 16px;
    width: 12px;
    height: 12px;
    content: "\f107";
    font-family: "font awesome 5 free";
    font-weight: 600;
    background-color: transparent;
    transform: rotate(0deg);
    line-height: 12px;
    text-align: center;
    top: calc(50% - 5px);
}
.is-style-accordion-mark2 .tsnc-accordion-input:checked ~ .tsnc-accordion-title:after,
.is-style-accordion-mark4 .tsnc-accordion-input:checked ~ .tsnc-accordion-title:after {
    transform: rotate(180deg);
}
/*mark3*/
.tsnc-accordion.is-style-accordion-mark3 {
    border: none;
    background-color: #f7f7f7;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
    overflow: hidden;
}
.is-style-accordion-mark3 .tsnc-accordion-title,
.is-style-accordion-mark4 .tsnc-accordion-title {
    background-color: #fff;
    transition: .3s ease-out;
}
.is-style-accordion-mark3 .tsnc-accordion-title:hover {
    background-color: transparent;
}
.is-style-accordion-mark3 .tsnc-accordion-input:checked ~ .tsnc-accordion-content {
    padding: 12px 8px;
    margin: 0 8px 8px;
    background-color: #fff;
    border-top: none;
    border-radius: 6px;
}
.is-style-accordion-mark3 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
    background-color: transparent;
}
/*mark4*/
.tsnc-accordion.is-style-accordion-mark4 {
    border: none;
}
.is-style-accordion-mark4 .tsnc-accordion-title {
    width: fit-content;
    padding: 8px 40px 8px 16px;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.1);
    border-radius: 8px;
}
.is-style-accordion-mark4 .tsnc-accordion-content {
    border-top: none;
}
.is-style-accordion-mark4 .tsnc-accordion-title:hover,
.is-style-accordion-mark4 .tsnc-accordion-input:checked ~ .tsnc-accordion-title {
    background-color: #f7f7f7;
}
/*--------------------------------------
  内部リンク外部リンク
--------------------------------------*/
/*================================
    デザインパターン    内部・外部リンク
================================*/
/*mark1*/
.link-card.is-style-link-mark1 .exlink-linkarea,
.link-card.is-style-link-mark1 .inlink-linkarea {
    padding: 0;
}
.link-card.is-style-link-mark1 .inlink-linkarea:after {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-right: 16px;
    text-align: right;
    content: "つづきを読む";
    box-sizing: border-box;
}
.link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
    z-index: 1;
}
.link-card.is-style-link-mark1 .exlink-linkarea div,
.link-card.is-style-link-mark1 .inlink-linkarea div {
    padding-right: 12px;
}
.link-card.is-style-link-mark1 .inlink-label,
.link-card.is-style-link-mark1 .exlink-label {
    top: 0;
    left: 0;
    z-index: 2;
}
.is-style-link-mark1.link-text .inlink-label,
.is-style-link-mark1.link-text .exlink-label {
    display: inline-block;
    width: 48px;
    text-align: center;
    box-sizing: border-box;
}
.is-style-link-mark1.link-text .inlink-title,
.is-style-link-mark1.link-text .exlink-title {
    padding-left: 54px;
}
.is-style-link-mark1.link-text .exlink-site {
    margin-left: 54px;
}
.is-style-link-mark1.link-text .inlink-linkarea:after {
    display: none;
}
@media (min-width: 1030px){
    .link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
    .link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
        width: 200px;
        height: 120px;
    }
    .link-card.is-style-link-mark1 .inlink-linkarea:after {
        font-size: .8em;
        line-height: 29px;
    }}
@media (max-width: 1029px){
    .link-card.is-style-link-mark1 .exlink-linkarea .exlink-img,
    .link-card.is-style-link-mark1 .inlink-linkarea .inlink-img {
        width: 100px;
        height: 100px;
    }
    .link-card.is-style-link-mark1 .inlink-linkarea:after {
        font-size: 12px;
        line-height: 22px;
    }}
/*mark2*/
.is-style-link-mark2 {
    border-color: #333;
    box-shadow: none;
}
.link-card.is-style-link-mark2 .exlink-linkarea,
.link-card.is-style-link-mark2 .inlink-linkarea {
    padding: 16px;
}
.is-style-link-mark2:before {
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 16px;
    line-height: 1;
    padding: 0 8px;
    background: #fff;
    font-size: 14px;
    content: "あわせて読みたい";
}
.link-card.is-style-link-mark2 .inlink-label,
.link-card.is-style-link-mark2 .exlink-label {
    display: none;
}
.is-style-link-mark2.link-text .inlink-label,
.is-style-link-mark2.link-text .exlink-label {
    display: inline-block;
    top: -3px;
    left: 0;
    box-sizing: border-box;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 0;
    text-align: center;
    line-height: 36px;
}
.is-style-link-mark2.link-text .exlink-title,
.is-style-link-mark2.link-text .inlink-title {
    padding: 0 0 0 48px;
}
.is-style-link-mark2.link-text .exlink-linkarea,
.is-style-link-mark2.link-text .inlink-linkarea {
    padding: 0;
}
.is-style-link-mark2.link-text:before {
    display: none;
}
.is-style-link-mark2.link-text .exlink-site {
    margin-left: 48px;
}
/*mark3*/
.is-style-link-mark3 {
    border: 1px solid #eee;
}
.is-style-link-mark3:before {
    display: flex;
    position: absolute;
    right: 0;
    width: 80px;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #eee;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 36px;
    content: "\f138";
}
.is-style-link-mark3 .exlink-linkarea div,
.is-style-link-mark3 .inlink-linkarea div {
    padding: 0 80px 0 12px;
}
.is-style-link-mark3 .inlink-label,
.is-style-link-mark3 .exlink-label {
    display: none;
}
.is-style-link-mark3 .inlink-title,
.is-style-link-mark3 .exlink-title {
    font-weight: 500;
}
.is-style-link-mark3.link-text {
    border: none;
}
.is-style-link-mark3.link-text:before {
    left: 0;
    justify-content: center;
    align-items: center;
    color: #1A73E8;
    background: rgb(26 115 232 / 8%);
    font-weight: 600;
    font-size: 1em;
    content: "\f0c1";
    top: -3px;
    border-radius: 50%;
    width: 36px;
    height: 36px;
}
.is-style-link-mark3.link-text .exlink-linkarea div,
.is-style-link-mark3.link-text .inlink-linkarea div {
    padding: 0;
}
.link-card.is-style-link-mark3 .exlink-linkarea .exlink-img,
.link-card.is-style-link-mark3 .inlink-linkarea .inlink-img {
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.is-style-link-mark3.link-text .exlink-title,
.is-style-link-mark3.link-text .inlink-title {
    padding: 0 0 0 42px;
}
.is-style-link-mark3.link-text .exlink-site {
    margin-left: 42px;
}
@media (min-width: 1030px){
    .link-card.is-style-link-mark3 .exlink-linkarea .exlink-img,
    .link-card.is-style-link-mark3 .inlink-linkarea .inlink-img {
        width: 100px;
        height: 100px;
    }}
@media (max-width: 1029px){
    .is-style-link-mark3:before {
        width: 48px;
        font-size: 28px;
    }
    .is-style-link-mark3 .exlink-linkarea div,
    .is-style-link-mark3 .inlink-linkarea div {
        padding: 0 40px 0 12px;
    }}
/* mark4 */
.is-style-link-mark4 {
    width: 249px;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
    border: none;
    overflow: hidden;
}
.is-style-link-mark4 .inlink-linkarea,
.is-style-link-mark4 .exlink-linkarea {
    padding: 0;
    flex-direction: column;
    box-sizing: border-box;
}
.is-style-link-mark4 .inlink-img,
.is-style-link-mark4 .exlink-img {
    width: 100%;
    min-height: 167px;
}
.is-style-link-mark4 .inlink-textarea,
.is-style-link-mark4 .exlink-linkarea div {
    padding: 12px;
}
.is-style-link-mark4 .inlink-label{
    display: none;
}
.is-style-link-mark4.link-text {
    width: fit-content;
    border-radius: 30px;
}
.is-style-link-mark4.link-text .inlink-linkarea,
.is-style-link-mark4.link-text .exlink-linkarea {
    align-items: start;
    padding: 8px 16px 8px 60px;
}
.is-style-link-mark4.link-text .inlink-linkarea div,
.is-style-link-mark4.link-text .exlink-linkarea div {
    padding: 0;
}
.is-style-link-mark4.link-text .inlink-label,
.is-style-link-mark4.link-text .exlink-label {
    display: inline-block;
    border-radius: 20px;
    top: calc(50% - 13.5px);
}
/* mark5 */
.is-style-link-mark5 {
    width: 249px;
    border-radius: 16px;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 15%);
    border: none;
    overflow: hidden;
}
.is-style-link-mark5:after {
    content: "\f360";
    display: flex;
    position: absolute;
    right: 12px;
    bottom: 0;
    justify-content: center;
    align-items: center;
    color: #1A73E8;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    font-size: 20px;
    z-index: 1;
}
.is-style-link-mark5 .inlink-linkarea,
.is-style-link-mark5 .exlink-linkarea {
    padding: 12px;
    flex-direction: column;
    align-items: start;
}
.is-style-link-mark5 .inlink-img,
.is-style-link-mark5 .exlink-img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.is-style-link-mark5 .inlink-textarea,
.is-style-link-mark5 .exlink-linkarea div {
    padding: 12px 0;
}
.is-style-link-mark5 .inlink-label,
.is-style-link-mark5 .exlink-label{
    display: none;
}
.is-style-link-mark5.link-text {
    width: fit-content;
    border-radius: 30px;
}
.is-style-link-mark5.link-text:after {
    bottom: calc(50% - 18px);
}
.is-style-link-mark5.link-text .inlink-linkarea,
.is-style-link-mark5.link-text .exlink-linkarea {
    align-items: start;
    padding: 8px 40px 8px 16px;
}
.is-style-link-mark5.link-text .inlink-linkarea div,
.is-style-link-mark5.link-text .exlink-linkarea div {
    padding: 0;
}
.is-style-link-mark5.link-text .inlink-label {
    display: none;
}
/*--------------------------------------
  カウントダウンタイマー
--------------------------------------*/
/*--------------------------------------
  目次
--------------------------------------*/
.mkj-in {
    padding: 0 12px;
    background: repeating-linear-gradient(90deg, #f8f8f8 0, #f8f8f8 1px, transparent 0, transparent 2px);
}
p.mkj-title {
    padding: 24px 0;
    color: #333;
}
.mkj-openclose {
    top: 24px;
    right: 30px;
    width: 32px;
    height: 32px;
    text-align: center;
}
label.mkj-openclose {
    color: #333;
    background: transparent;
    font-size: 20px;
}
.entry-content .mkj-content-in {
    padding-bottom: 32px;
}
.entry-content .mkj-content:before {
    display: inline-block;
    position: absolute;
    left: 28px;
    width: 1px;
    height: calc(100% - 32px);
    background: #eee;
    content: "";
}
.mkj-openclose:before {
    font-family: "font awesome 5 free";
    font-weight: 600;
    content: "\f106";
}
.mkj-input:checked~.mkj-openclose:after {
    font-family: "font awesome 5 free";
    font-weight: 600;
    content: "\f107";
}
.mkj-list>li {
    margin-bottom: 1em;
}
nav.mkj-content-in {
    background: transparent;
}
.mkj-list li {
    display: flex;
    line-height: 34px;
    flex-direction: column;
    justify-content: start;
}
.mkj-list>li:before {
    left: -44px;
    line-height: 34px;
}
.mkj-list ol li:before {
    width: 6px;
    height: 1px;
    border: none;
    border-radius: 0;
    background: #ccc;
}
@media (min-width: 1030px) {
    .mkj-in {
        padding: 0 30px;
    }
    .mkj-list>li:before {
        left: -40px;
    }
}
/* 目次がドットの時 */
.entry-content .mkj-list-nonum > li:before {
    top: 4px;
    left: -40px;
    width: 24px;
    height: 24px;
    line-height: 22px;
    border-radius: 50%;
    font-family: "font awesome 5 free";
    font-weight: 600;
    content: "\f107";
    color: #333;
    border: 1px solid #333;
    background: transparent!important;
}
.entry-content .mkj-style1 ol.mkj-list-nonum > li:before {
    width: 24px;
    height: 24px;
    left: -36px;
    color: #333;
    line-height: 22px;
}
.entry-content .mkj-style2 ol.mkj-list-nonum > li:before {
    border-color: #eee;
}
.entry-content .mkj-style3 ol.mkj-list-nonum > li:before {
    width: 32px;
    height: 32px;
    line-height: 30px;
    top: auto;
    left: 14px;
}
.entry-content .mkj-style4 ol.mkj-list-nonum > li:before {
    width: 24px;
    height: 24px;
    top: 8px;
}
.widget .mkj-list-nonum > li:before {
    background: transparent;
}
/*サイドバーの目次*/
@media (min-width: 1030px) {
    .widget .mkj-in {
        padding: 0;
        background: #fff;
        font-size: 0.75em;
    }
    .widget .mkj-content-in {
        margin-top: 8px;
    }
    .widget .mkj-list li {
        display: flex;
        line-height: 1.5em;
        flex-direction: column;
        justify-content: start;
    }
    .widget .mkj-list>li {
        margin-bottom: 0.5em;
    }
    .mkj-side-style .mkj-list a {
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 4px 4px 4px 24px;
        white-space: nowrap;
    }
    .mkj-side-style .mkj-list li ol a {
        padding: 4px 4px 4px 26px;
    }
    .widget .mkj-list>li:before {
        line-height: 27px;
    }
    .mkj-side-style .mkj-list ol li:before {
        top: 11px;
        left: 10px;
    }
    .widget .mkj-active {
        border-radius: 0;
    }
}
/*================================
    デザインパターン    目次
================================*/
/*スタイル１*/
.mkj-style1 .mkj-in {
    border-radius: 8px;
    background: #fbfbfb;
}
.mkj-style1 p.mkj-title {
    display: flex;
    align-items: center;
    background: transparent;
}
.mkj-style1 p.mkj-title:before {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 15px;
    content: "\f0c9";
}
.mkj-style1 .mkj-list li {
    line-height: 32px;
}
.mkj-style1 .mkj-list a {
    display: inline-block;
    width: 100%;
    padding: 0 4px;
    color: #333;
    transition: opacity 0.3s;
}
.mkj-style1 .mkj-list>li:before {
    width: 32px;
    line-height: 32px;
    border-radius: 50%;
    color: #fff;
    background: #333;
    font-size: 12px;
}
.mkj-style1 .mkj-list ol {
    counter-reset: num;
}
.mkj-style1 .mkj-list ol li {
    padding: 6px 12px 6px;
}
.mkj-style1 .mkj-list ol li:before {
    display: flex;
    top: 9px;
    left: -20px;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-radius: 50%;
    background: #fff;
    font-size: 12px;
    content: counter(num, decimal-leading-zero);
    counter-increment: num;
}
.mkj-list:nth-of-type(9)>li:before {
    content: counter(num, decimal-leading-zero);
}
.entry-content .mkj-style1 .mkj-content:before {
    display: none;
}
.mkj-style1 .mkj-list>li:before {
    left: -40px;
}
/*スタイル２*/
.mkj-style2 .mkj-in {
    border: 1px solid #eee;
    background: #fff;
}
.mkj-style2 p.mkj-title {
    color: #1a73e8;
    font-size: 14px;
}
.entry-content .mkj-style2 .mkj-content-in {
    font-size: 14px;
}
.entry-content .mkj-style2 .mkj-content:before {
    display: none;
}
.mkj-style2 .mkj-list>li:before {
    color: #1a73e8;
}
.mkj-style2 .mkj-list ol li:before {
    background: #1a73e8;
}
.mkj-style2 .mkj-list>li {
    margin-bottom: 0.5em;
}
@media (max-width: 767px) {
    .mkj-style2 .mkj-list>li:before {
        left: -26px;
    }
    .mkj-style2 .mkj-list {
        padding-left: 26px;
    }
}
/*スタイル3（リッチ）*/
.mkj-style3 .mkj-in {
    padding: 0;
    border: 1px solid #eee;
    background: #fff;
}
.entry-content .mkj-style3 .mkj-content-in {
    padding-bottom: 0;
}
.mkj-style3 p.mkj-title {
    padding: 24px 30px;
}
.mkj-style3 label.mkj-openclose {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #eee;
}
.entry-content .mkj-style3 .mkj-content:before {
    display: none;
}
.mkj-style3 .mkj-list {
    padding: 0;
    border-top: 1px solid #eee;
}
.mkj-style3 .mkj-list>li:before {
    left: 0;
    width: 48px;
    border-right: 1px solid #333;
}
.mkj-style3 .mkj-list>li {
    margin-bottom: 0;
    padding: 12px 62px;
}
.mkj-style3 .mkj-list>li:not(:last-child) {
    border-bottom: 1px solid #eee;
}
@media (max-width: 767px) {
    .mkj-style3 .mkj-list>li:before {
        width: 36px;
    }
    .mkj-style3 .mkj-list>li {
        padding: 12px 22px 12px 52px;
    }
}
/*スタイル4（Google風）*/
.mkj-style4 .mkj-in {
    padding: 0;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
}
.mkj-style4 p.mkj-title {
    display: flex;
    align-items: center;
    padding: 12px 20px;
}
.mkj-style4 p.mkj-title:before {
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #1a73e8;
    font-family: "font awesome 5 free";
    font-weight: 600;
    font-size: 15px;
    content: "\f0c9";
}
.mkj-style4 .mkj-list ol li:before {
    background: #1a73e8;
}
.mkj-style4 .mkj-openclose {
    top: 12px;
}
.entry-content .mkj-style4 .mkj-content-in {
    padding-bottom: 0;
}
.entry-content .mkj-style4 .mkj-content:before {
    display: none;
}
.mkj-style4 .mkj-list {
    padding: 20px 0;
    border-top: 1px solid #eee;
}
.mkj-style4 .mkj-list>li:before {
    left: 20px;
    width: 32px;
}
.mkj-style4 .mkj-list>li {
    margin-bottom: 0;
    padding: 4px 54px;
    color: #1a73e8;
}
.mkj-style4 .mkj-list>li>a {
    color: #1a73e8;
}
@media (max-width: 767px) {
    .mkj-style4 .mkj-list>li {
        padding: 4px 16px 4px 32px;
    }
    .mkj-style4 .mkj-list>li:before {
        left: 0;
    }
}
/*--------------------------------------
  rinker
--------------------------------------*/
/*--------------------------------------
  広告ボタン
--------------------------------------*/
/*================================
    デザインパターン    ASP広告ボタン
================================*/
.is-style-corebtn-mark1 .wp-block-button__link,
.is-style-btn-mark1 .tsnc-btn {
    box-shadow: 0 -4px 0 0 rgba(0,0,0,0.2) inset;
    transition: box-shadow .3s, transform .3s;
}
.is-style-corebtn-mark1 .wp-block-button__link:hover,
.is-style-btn-mark1 .tsnc-btn:hover {
    opacity: 1;
    box-shadow: 0 0 0 0 rgba(0,0,0,0.2) inset;
    transform: translateY(2px);
}
.is-style-corebtn-mark2,
.is-style-btn-mark2 {
    margin: 0 auto 2em;
}
.is-style-corebtn-mark2 .wp-block-button__link,
.is-style-btn-mark2 .tsnc-btn {
    position: relative;
    overflow: hidden;
    transition: box-shadow .3s linear;
    z-index: 2;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
}
.is-style-corebtn-mark2 .wp-block-button__link:before,
.is-style-btn-mark2 .tsnc-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: -50%;
    left: 0;
    z-index: 0;
    width: 64px;
    height: 200%;
    transform: rotate(30deg);
    background: linear-gradient(90deg,transparent, rgba(255,255,255,0.9) 50%, transparent);
    animation: glow-btn 2s infinite linear;
}
@keyframes glow-btn {
    0% {
        left: -40%
    }
    25% {
        left: 120%
    }
    100% {
        left: 120%
    }
}
.is-style-corebtn-mark3 .wp-block-button__link,
.is-style-btn-mark3 .tsnc-btn {
    color: #1A73E8;
    border: 2px solid;
    background-color: #fff;
    transition: box-shadow .3s;
}
.is-style-corebtn-mark3 .wp-block-button__link:hover,
.is-style-btn-mark3 .tsnc-btn:hover {
    color: #1A73E8;
    opacity: 1;
    box-shadow: 0 1px 4px 0px;
}
.is-style-corebtn-mark4 .wp-block-button__link,
.is-style-btn-mark4 .tsnc-btn {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0,0,0,.12);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.is-style-corebtn-mark2 .wp-block-button__link:hover,
.is-style-corebtn-mark4 .wp-block-button__link:hover,
.is-style-btn-mark2 .tsnc-btn:hover,
.is-style-btn-mark4 .tsnc-btn:hover {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0,0,0,.12);
    opacity: 1;
}
/* アイコン追加（コアも共通） */
.btn-icon-before a,
.btn-icon-after a {
    position: relative;
}
.btn-icon-before a:before,
.btn-icon-after a:after {
    font-family: "font awesome 5 free";
    font-weight: 600;
}
.btn-icon-before a:before {
    margin-right: 8px;
}
.btn-icon-after a:after {
    margin-left: 8px;
}
.btn-icon-before.btn-icon-chevron a:before,
.btn-icon-after.btn-icon-chevron a:after {
    content: "\f138";
}
.btn-icon-before.btn-icon-check a:before,
.btn-icon-after.btn-icon-check a:after {
    content: "\f058";
}
.btn-icon-before.btn-icon-bookmark a:before,
.btn-icon-after.btn-icon-bookmark a:after {
    content: "\f02e";
}
.btn-icon-before.btn-icon-angle-r a:before,
.btn-icon-after.btn-icon-angle-r a:after {
    content: "\f105";
}
/*--------------------------------------
  ランキングブロック
--------------------------------------*/
/*--------------------------------------
  コメントボックス
--------------------------------------*/
/*================================
    デザインパターン    コメントボックス
================================*/
/*mark1*/
.is-style-commentbox-mark1 .comment-title {
    flex-direction: row;
    margin-bottom: 16px;
}
.entry-content .is-style-commentbox-mark1 .comment-img {
    width: 80px;
    height: 80px;
    margin-right: 16px;
}
@media (min-width: 1030px){
    .is-style-commentbox-mark1 .comment-title-text {
        flex-direction: column;
        align-items: start;
    }}
/*mark2 mark4も含む*/
.entry-content .is-style-commentbox-mark2 .comment-img,
.entry-content .is-style-commentbox-mark4 .comment-img {
    margin-right: 16px;
}
.is-style-commentbox-mark2 .comment-title,
.is-style-commentbox-mark4 .comment-title {
    flex-direction: row;
    margin-bottom: 16px;
    align-items: center;
}
.is-style-commentbox-mark2 .comment-star,
.is-style-commentbox-mark4 .comment-star {
    margin-right: 0;
}
@media (min-width: 1030px){
    .is-style-commentbox-mark2 .comment-title-text,
    .is-style-commentbox-mark4 .comment-title-text {
        flex-direction: row;
        flex: 1;
        justify-content: space-between;
    }}
@media (max-width: 1029px) {
    .is-style-commentbox-mark2 .comment-title-text,
    .is-style-commentbox-mark4 .comment-title-text {
        flex-direction: column;
    }}
/*mark3*/
.is-style-commentbox-mark3 .comment-title {
    align-items: center;
}
.entry-content .is-style-commentbox-mark3 .comment-img {
    width: 80px;
    height: 80px;
}
.is-style-commentbox-mark3 .comment-title-text {
    flex-direction: column;
}
.is-style-commentbox-mark3 .comment-star {
    margin: auto;
}
/*mark4*/
.comment-box.is-style-commentbox-mark4 {
    border: none;
    border-left: 12px solid;
}
/*--------------------------------------
  ソースコード
--------------------------------------*/
/*****************************************

    8.メイン：カテゴリーページ

******************************************/
/*--------------------------------------
  タイトル
--------------------------------------*/
/*--------------------------------------
  サブタイトル
--------------------------------------*/
/*--------------------------------------
  カテゴリーページ本文
--------------------------------------*/
/*****************************************

    9.メイン：その他のページ

******************************************/
/*--------------------------------------
  固定ページ
--------------------------------------*/
/*--------------------------------------
  404ページ
--------------------------------------*/
.notpage-title {
    text-align: center;
    position: relative;
    padding: 12px 0;
    font-size: 1em;
}
.notpage-title i {
    font-size: 1em;
}
.notpage-title:after {
    content: "";
    position: absolute;
    bottom: -22px;
    left: calc(50% - 22px);
    border-style: solid;
    border-width: 22px 22px 0 22px;
    border-color: #ffffff transparent transparent transparent;
    z-index: 1;
}
.entry-404-eyeimg {
    height: 170px;
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.5em;
}
.notpage-404 {
    margin-bottom: 0;
    position: absolute;
    width: 320px;
    left: calc(50% - 160px);
    top: calc(50% - 60px);
}
.notpage-404 span {
    display: block;
    line-height: 1;
    font-size: 3em;
}
@media (min-width: 1030px) {
    .notpage-title {
        font-size: 2em;
    }
    .entry-404-eyeimg {
        height: 430px;
        font-size: 3em;
    }
    .notpage-404 {
        top: calc(50% - 120px);
    }}
@media (max-width: 1029px) {
    .error404 .main-top {
        margin: 0;
    }
    .error404 .main-in {
        padding: 0;
    }}
/*--------------------------------------
  タグ一覧ページ
  アーカイブページ
--------------------------------------*/
/*--------------------------------------
  検索結果ページ
--------------------------------------*/
/*****************************************

    10.サイド・ウィジェット

******************************************/
.tsncorg.thumbnail.size10070 .centered,
.tsncorg.thumbnail.size100100 .centered,
.tsncorg.thumbnail.size125100 .centered {
    width: 100%;
}
/*--------------------------------------
  タイトル（見出し）
--------------------------------------*/
/*================================
    デザインパターン
================================*/
[class*="side-title-mark"] .widget-title {
    padding: 0;
}
[class*="side-title-mark"] .widget-title-in {
    padding: 6px 12px;
}
/*mark1*/
.side-title-mark1 .widget-title {
    border-bottom: 3px double;
    border-top: 3px double;
}
/*mark2*/
.side-title-mark2 .widget-title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.side-title-mark2 .widget-title:before {
    left: 0;
}
.side-title-mark2 .widget-title:after {
    right: 0;
}
.side-title-mark2 .widget-title:before,
.side-title-mark2 .widget-title:after {
    position: absolute;
    width: 36px;
    height: 1px;
    background: currentColor;
    content: "";
    opacity: 0.54;
}
/*mark3*//*mark4*/
.side-title-mark3 .widget-title:before,
.side-title-mark4 .widget-title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    content: "";
}
.side-title-mark3 .widget-title:before {
    background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
    background-size: 4px 4px;
}
.side-title-mark4 .widget-title:before {
    background: linear-gradient(90deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
    background-size: 8px 8px;
}
/*mark5*/
.side-title-mark5 .widget-title-in {
    padding: 8px 16px;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    text-align: left;
}
.side-title-mark5 .widget-title:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 1px;
    content: "";
}
/*mark6*/
.side-title-mark6 .widget-title-in:before {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0.38;
    content: "";
}
.side-title-mark6 .widget-title-in:before {
    background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
    background-size: 4px 4px;
}
/*mark7*/
.side-title-mark7 .widget-title-in {
    padding: 8px 24px;
    font-weight: bold;
    text-align: left;
}
.side-title-mark7 .widget-title:before,
.side-title-mark7 .widget-title:after {
    position: absolute;
    left: 12px;
    width: 3px;
    height: 38%;
    content: "";
}
.side-title-mark7 .widget-title:before {
    top: 13%;
    border-radius: 2px 2px 0 0;
    opacity: 1;
}
.side-title-mark7 .widget-title:after {
    bottom: 13%;
    border-radius: 0 0 2px 2px;
    opacity: 0.38;
}
/*mark8*/
.side-title-mark8 .widget-title-in {
    margin-bottom: 4px;
    padding: 8px 24px;
    font-weight: bold;
    text-align: left;
}
.side-title-mark8 .widget-title:before,
.side-title-mark8 .widget-title:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 100%;
    content: "";
}
.side-title-mark8 .widget-title:before {
    opacity: 1;
}
.side-title-mark8 .widget-title:after {
    background: linear-gradient(0deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent);
    background-size: 4px 4px;
    opacity: 0.38;
}
/*--------------------------------------
  ランキング
--------------------------------------*/
.rank-kiji-img {
    height: 80px;
}
.rank-kiji-img .kiji-img-img {
    width: 80px;
    height: 80px;
}
.rank-kiji-content {
    height: 80px;
    line-height: 1.5;
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:first-child .rank-kiji-img:before {
    background: linear-gradient(45deg, rgba(255,164,0,1) 0%, rgba(254,226,5,1) 50%, rgba(255,164,0,1) 100%);
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:nth-child(2) .rank-kiji-img:before {
    background: linear-gradient(45deg, rgba(149,147,152,1) 0%, rgba(240,240,240,1) 50%, rgba(149,147,152,1) 100%);
}
.widget_tsnc_pv_rankings .widget-content .widget-rank:nth-child(3) .rank-kiji-img:before {
    background: linear-gradient(45deg, rgba(134,74,38,1) 0%, rgba(240,214,181,1) 50%, rgba(134,74,38,1) 100%);
}
.widget_tsnc_pv_rankings .widget-rank .rank-kiji-img:before {
    text-shadow: 0px 0px 3px rgb(169 169 169 / 69%);
}
/*--------------------------------------
  プロフィール
--------------------------------------*/
.pf-bgfacename {
    height: 200px;
}
img.pf-bg-img {
    height: 200px;
}
.pf-facename {
    top: 92px;
}
.pf-face {
    height: 88px;
}
.pf-face .pf-face-img,
.pf-face img {
    width: 88px;
    min-width: 88px;
    height: 88px;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.pf-facename .pf-name {
    color: #333;
}
.pf-textshare {
    padding-top: 55px;
}
.pf-facename .pf-name {
    margin-top: 28px;
}
.pf-katagaki {
    opacity: 0.54;
    font-size: 12px;
}
.widget-pf .pf-text,
.widget-pf .pf-share {
    padding: 12px 20px;
}
.widget-pf .pf-share {
    background: #fff;
}
.pf-share-title {
    display: none;
}
/*================================
    デザインパターン
================================*/
.side-writer-mark1 .pf-bg-noimg {
    height: 160px;
}
.side-writer-mark2 .pf-bg-noimg,
.side-writer-mark4 .pf-bg-noimg,
.side-writer-mark3 .pf-bg-noimg {
    height: 200px;
}
.side-writer-mark2 .pf-bgfacename,
.side-writer-mark3 .pf-bgfacename,
.side-writer-mark4 .pf-bgfacename {
    height: auto;
}
/*mark1*/
.side-writer-mark1 .pf-face .pf-face-img,
.side-writer-mark1 .pf-face img {
    width: 96px;
    height: 96px;
    border: 4px solid #fff;
}
.side-writer-mark1 .widget-pf .share-btn i {
    border-radius: 50%;
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    background: #fff;
}
.side-writer-mark1 .pf-btn {
    gap: 2px;
}
.side-writer-mark1 .share-btn p {
    display: none;
}
.side-writer-mark1 .share-btn {
    width: 36px;
}
.side-writer-mark1 .share-btn i {
    line-height: 36px;
}
/*mark2*/
.side-writer-mark2 div.widget-pf {
    background-color: #fff;
}
.side-writer-mark2 .widget-pf .pf-share {
    padding-top: 20px;
    outline: 1px solid #eee;
    outline-offset: -8px;
}
.side-writer-mark2 .widget-pf .share-btn i {
    box-shadow: 0 0 2px rgb(0 0 0 / 10%);
    background: #fff;
}
/*mark3*/
.side-writer-mark3 .pf-face .pf-face-img {
    border: 4px solid;
    border-color: rgb(255 255 255 / 38%);
}
.side-writer-mark3 .widget-pf .pf-btn .share-btn {
    width: 48%;
    margin: 1%;
    border-radius: 4px;
    text-decoration: none;
}
.side-writer-mark3 .widget-pf .share-btn i {
    line-height: 40px;
}
.side-writer-mark3 .share-btn p {
    line-height: 20px;
    background-color: rgb(255 255 255 / 16%);
}
.side-writer-mark3 .widget-pf div.pf-share {
    background: #fff;
}
.side-writer-mark3 .share-btn.tw-c,
.side-writer-mark3 .share-btn.face-c,
.side-writer-mark3 .share-btn.youtube-c,
.side-writer-mark3 .share-btn.insta-c,
.side-writer-mark3 .share-btn.line-c,
.side-writer-mark3 .share-btn.feedly-c,
.side-writer-mark3 .share-btn.amazon-c,
.side-writer-mark3 .share-btn.pinterest-c,
.side-writer-mark3 .share-btn.note-c,
.side-writer-mark3 .share-btn.room-c {
    color: #fff;
}
.side-writer-mark3 .pf-btn .share-btn.tw-c {
    background-color: #1da1f2;
}
.side-writer-mark3 .pf-btn .share-btn.face-c {
    background-color: #1877f2;
}
.side-writer-mark3 .pf-btn .share-btn.youtube-c {
    background-color: #da1725;
}
.side-writer-mark3 .pf-btn .share-btn.insta-c {
    background-color: #cf2e92;
}
.side-writer-mark3 .pf-btn .share-btn.line-c {
    background-color: #00b900;
}
.side-writer-mark3 .pf-btn .share-btn.feedly-c {
    background-color: #6cc655;
}
.side-writer-mark3 .pf-btn .share-btn.amazon-c {
    background-color: #f90;
}
.side-writer-mark3 .pf-btn .share-btn.pinterest-c {
    background-color: #bd081c;
}
.side-writer-mark3 .pf-btn .share-btn.note-c {
    background-color: #41c9b4;
}
.side-writer-mark3 .pf-btn .share-btn.room-c {
    background-color: #bf0000;
}
/*mark4*/
.side-writer-mark4 .share-btn p {
    display: none;
}
.side-writer-mark4 .pf-btn {
    gap: 2px;
}
.side-writer-mark4 .share-btn {
    width: 24px;
}
.side-writer-mark4 .share-btn i {
    line-height: 32px;
}
.side-writer-mark4 .pf-facename {
    top: 60px;
}
.side-writer-mark4 .pf-bgfacename:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(35.5deg, black 50%, transparent 50.3%);
    opacity: 0.38;
    content: "";
}
.side-writer-mark4 .pf-facename .pf-name {
    margin-top: 0;
    padding-left: 16px;
    color: #fff;
    text-align: left;
}
.side-writer-mark4 .pf-textshare {
    padding-top: 0;
}
/* shareアイコンカラー */
.share-btn.tw-c {
    color: #1da1f2;
}
.share-btn.face-c {
    color: #1877f2;
}
.share-btn.youtube-c {
    color: #da1725;
}
.share-btn.insta-c {
    color: #cf2e92;
}
.share-btn.line-c {
    color: #00b900;
}
.share-btn.feedly-c {
    color: #6cc655;
}
.share-btn.amazon-c {
    color: #f90;
}
.share-btn.pinterest-c {
    color: #bd081c;
}
.share-btn.note-c {
    color: #41c9b4;
}
.share-btn.room-c {
    color: #bf0000;
}
/*--------------------------------------
  カテゴリー
--------------------------------------*/
/*--------------------------------------
  タグラウンド
--------------------------------------*/
/*--------------------------------------
  カレンダー
--------------------------------------*/
/*--------------------------------------
  ナビゲーションメニュー
--------------------------------------*/
/*--------------------------------------
  最近のコメント
--------------------------------------*/
/*--------------------------------------
  RSS
--------------------------------------*/
/*--------------------------------------
  ギャラリー
--------------------------------------*/
/*--------------------------------------
  動画
--------------------------------------*/
/*--------------------------------------
  画像  テキスト  固定ページ  最近の投稿
--------------------------------------*/
/*--------------------------------------
  検索欄
--------------------------------------*/
.search-form input::-webkit-input-placeholder {
    font-size: 12px;
}
/*--------------------------------------
  追尾
--------------------------------------*/
/*================================
    デザインパターン    検索欄
================================*/
/*デフォルト*//*シンプル*/
.side-search-mark1 .search-field,
.side-search-mark2 .search-field {
    border: none;
    box-shadow: 0 0 4px rgb(0 0 0 / 12%);
}
.side-search-mark1 .search-submit,
.side-search-mark2 .search-submit {
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
}
.side-search-mark1 .search-submit {
    color: #fff;
}
.side-search-mark2 .search-submit {
    background: transparent;
}
/*テキストガイド*/
.side-search-mark3 .search-field {
    border: none;
}
.side-search-mark3 .search-submit {
    top: 0;
    right: 0;
    width: 80px;
    height: 44px;
    color: #fff;
}
.side-search-mark3 .search-submit i {
    margin-right: 6px;
}
/*検索結果ページ用*/
.side-search-mark1 .custom_search_wrapper .search-submit,
.side-search-mark2 .custom_search_wrapper .search-submit,
.side-search-mark3 .custom_search_wrapper .search-submit {
    position: inherit;
    width: auto;
    height: auto;
    line-height: 1.83;
    margin: 1em 0;
    padding: 8px 20px;
    border-radius: 4px;
}
.side-search-mark2 .custom_search_wrapper .search-submit {
    border: none;
    color: #fff;
}
/*--------------------------------------
  埋め込み
--------------------------------------*/
/*****************************************

    11.フッター

******************************************/
/*--------------------------------------
  ロゴ
--------------------------------------*/
/*--------------------------------------
  フッターメニュー
--------------------------------------*/
/*--------------------------------------
  スマホフッターメニュー
--------------------------------------*/
/*--------------------------------------
  上に戻る
--------------------------------------*/
@media (min-width: 1030px) {
    .gotop {
        width: 48px;
        height: 48px;
    }
}
.gotop {
    border: none;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
}
/*--------------------------------------
  コピーライト
--------------------------------------*/
/*--------------------------------------
  Scroll Hint対応（表を非レスポンシブに）
--------------------------------------*/
/*--------------------------------------
  code
--------------------------------------*/
/*--------------------------------------
  細字にするクラス名
--------------------------------------*/
/*--------------------------------------
  お問い合わせページ（Contact Form 7）
--------------------------------------*/
/*--------------------------------------
  下方向の余白設定
--------------------------------------*/
/*--------------------------------------
  ヘッダー白色
--------------------------------------*/
/* カスタマイズ用 */
/*header#header {
    background-color: #fff;
}
.hamburger-menu-left,
.header-search-right,
.header-title a,
.logo-catchcopy,
.header-nav a,
.header-nav li {
    color: #333;
}*/