@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

 /*----------------------------------------

	基本設定

----------------------------------------*/

:root {

    /*--wp--custom--wrap--content-width: 1500px;*/ /* コンテンツ最大幅 */

    /* blue --------*/
    --blue-01: #59bde0;
    --blue-02: #39a9d6;
    --blue-03: #2d8fb5;
    --blue-04: #036eb8;

    /* orange --------*/
    --storong: #ffeab3; /* storong 蛍光ペン */
    --orange1-00: #ffeab3; /* storong 蛍光ペン */

    /* red --------*/
    --red-01: #e96165;

    /* gray1 --------*/
    --gray1-01: #f1f5f5;
    --gray1-02: #ecf1f1;
    --gray1-03: #bdc3c6;
    --gray1-04: #e1e6e6;

    /* gray2 --------*/
    --gray2-01: #acb9b8;
    --gray2-02: #95a5a4;
    --gray2-03: #7f8c8b;
    --gray2-04: #454b4b;
    --gray2-05: #282c2c;
    --gray2-06: #111212;

    /* black --------*/
    --black: #000;

    /* white --------*/
    --white: #fff;

    /* 共通 --------*/
    --def-txt-00: #282C2C; /* デフォルトテキストカラー */

    /* <p>タグ用 --------*/
	--p-back-blue-01: 	#dcf7ff;
	--p-back-blue-02: 	#caf3ff;
	--p-back-red-01: 	#ffeef0;
	--p-back-yellow-01: #fff9e5;
	--p-back-yellow-02: #ffc16a;

    --wp--custom--wrap--side: 24%; /* 右エリア */

    --sgb-list-border-color: #e1e6e6;
    
    /* カードリスト */
    --wp--custom--entry--gap: 16px; 
    --wp--custom--rounded--medium: 8px;

    --wp--custom--transition--default: all .3s ease-in-out;

    --wp--custom--shadow--solid: 0 2px 6px rgba(0,0,0,.1);
    --wp--custom--shadow--solid-hover: 0 2px 16px rgba(0,0,0,.5);
    --wp--custom--shadow--medium: 0 2px 6px rgba(0,0,0,.1);
    --wp--custom--shadow--medium-hover: 0 2px 16px rgba(0,0,0,.5);
    --wp--custom--shadow--large: 0 2px 6px rgba(0,0,0,.1);
    --wp--custom--shadow--large-hover: 0 2px 16px rgba(0,0,0,.5);
}

body {
    font-family: "tbudgothic-std", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: var(--def-txt-00);
    font-size: var(--f-s-m);
}

dl, ol, ul {
    margin: 0;
}

/* コンテンツ最大幅 */
.wrap {
    padding: 32px;
    max-width: var(--max-w-1500);
    width: 100% !important;
}

#content {
    margin-top: 124px !important;
}
@media (width <= 1200px) {

    #content {
        margin-top: 72px !important;
    }
}

/*----------------------------------------

	メインメニュー

----------------------------------------*/

#main_nav {
    margin: 0;

    & a {
        color: var(--def-txt-00);

        &:hover,
        &.active {
            color: var(--gray2-03);
        }
    }
    & .sub_link_btn {
        color: var(--gray2-04);

        &:hover {
            color: var(--gray2-04);
            text-decoration: underline;
        }
    }
    /* CTAボタンのデザイン */
    & .cta_btn {
        &.download_btn {
            background-color: var(--white);

            &:hover {
                color: var(--def-txt-00);
                background-color: var(--gray1-01);
            }
        }
        &.inquiry_btn {
            color: var(--white);
        }
    }
}
.nav_second_level {
    margin: 0;
    padding: 8px;
}

 /*----------------------------------------

	footer

----------------------------------------*/

footer {
    & > div:first-child {
        & #footer_img {
            max-width: 840px;
        }
    }
    & > div:nth-child(2) {
        & > div:first-child {
            & img {
                max-width: 160px;
                vertical-align: baseline;
            }
            & #footer_contact_box img {
                vertical-align: middle;
            }
        }
        & .lv_03 {
            margin: 4px 0 0 24px;
            padding-left: 8px;

            & li {
                font-size: 16px;
            }
        }
    }
    & a {
        color: var(--def-txt-00);
    }
    & .lv_01 {
        & > li,
        & > li > a {
            font-size: var(--f-s-m);
        }
    }
    & #copyright {
        color: var(--def-txt-00);
    }
}

 /*----------------------------------------

	黒帯・パンくず用

----------------------------------------*/
#nav_header {
    & p {
        /*padding: 12px 16px 0 0;*/
        padding: 0 16px 0 0;
        font-size: var(--f-s-l);
        font-weight: bold;
    }
    & .breadcrumb {
        padding: 0;
        background-color: var(--gray2-03);

        & ol {
            margin: 0 auto;
            padding: 8px 24px;
            max-width: var(--max-w-1500);

            & a {
                color: var(--white);

                &::before {
                    display: none;
                }
            }
            & li,
            & li::after {
                font-size: var(--fs-ss);
                color: var(--white);
            }
            & li:not(:last-of-type)::after {
                content: "›";
                margin: 0 .6em;
                padding: 0;
                color: var(--white);
                font-weight: normal;
            }
            & li:last-child::after {
                display: none;
            }
        }
    }
}
#breadcrumb {
    display: none;
}
#archive_header {
    padding: 0;
}

 /*----------------------------------------

	カードリスト

----------------------------------------*/

.c_linkto_wrap {
    flex-direction: column;

    & .c_linkto {
        display: flex;
        flex-direction: column;
        height: 100%;

        &:hover {
            box-shadow: var(--def-hvr-shadow);
            transform: translateY(-2px);

            & + .cat-name,
            & + .item_category_box {
                transform: translateY(-2px);
            }
        }
        &:hover,
        &:link,
        &:visited {
            color: var(--def-txt-00);
        }
    }
    & .c_linkto_text {
        flex: 1;
        padding: 16px !important;

        & h2 {
            margin: 4px 0 0;
            color: var(--gray2-05);
            font-size: var(--f-s-m);
            line-height: 1.6;
        }
        & .sng-link-time {
            display: block;
            margin: 0;
            color: var(--gray2-04);
            font-size: var(--f-s-14);
            font-weight: normal;
        }
        & .pubdate::before {
            /*display: none;*/
        }
    }
    & .dfont.cat-name {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        overflow: hidden !important;
    }
    .item_category_box {
        display: flex;
        flex-wrap: wrap;
        gap: 4px;
        padding: 0 16px 16px;
        transition: var(--wp--custom--transition--default);

        & span {
            padding: 4px 8px;
            height: auto;
            font-size: var(--f-s-12);
            font-weight: normal;
            color: var(--white);
            border-radius: var(--bdr-r-4);
            background-color: var(--wp--preset--color--sango-main);
        }
    }
}
/* 2カラム設定を強制的に3カラムへ上書き */
.catpost-cards.catpost-cards--column-2 {
    grid-template-columns: repeat(3, 1fr) !important;
}

 /*----------------------------------------

	投稿記事

----------------------------------------*/

#entry {
    margin-bottom: 40px;
    box-shadow: none;
    border: none;

/*    & a:not(.wp-element-button) {
        text-decoration: underline;

        &:hover {
            text-decoration: none;
        }
    }*/
    & header {
        color: var(--def-txt-00);

        &.article-header {
            padding: 0 16px;
            margin-bottom: 24px;

            & h1 {
                font-size: var(--f-s-ll);
                color: var(--def-txt-00);
            }
        }
    }
    /* 投稿日・更新日 */
    & .entry-meta {
        color: var(--def-txt-02);
        font-size: var(--f-s-14);
    }
    /* shareボタン */
    & .fab-btn {
        font-size: var(--f-s-m);
        border-radius: var(--bdr-r-8);
    }
    & #fab__contents {
        background-color: var(--gray1-01);

        & .fab__contents_title {
            font-size: var(--f-s-ll);
        }
        & .sns-dif ul li a {
            box-shadow: var(--def-shadow);
        }
    }
    & .entry-content {
        padding: 16px;

        & :is(h2, h3, h4, h5, h6).wp-block-heading {
            max-width: 100%;
            border: none;
            background-color: transparent;
        }
        & h2 {
            margin: 96px 0 40px;
            padding: 16px 0;
            font-size: var(--f-s-ll);
            text-align: center;

            & span {
                display: inline-block;
                padding-bottom: 12px;
                border-bottom: 4px solid var(--blue-02);
            }
        }
        & h3.wp-block-heading {
            margin: 64px 0 32px !important;
            padding: 16px;
            text-align: left;
            font-size: var(--f-s-l);
            border-left: 4px solid var(--blue-02);
            background-color: var(--gray1-01);
        }
        & h4.wp-block-heading {
            margin: 24px 0 16px;
            padding: 16px;
            text-align: left;
            font-size: var(--f-s-18);
            border-bottom: 2px dashed var(--gray2-01);
        }
        & h5.wp-block-heading,
        & h6.wp-block-heading {
            margin: 24px 0 16px;
            padding: 16px;
            font-size: var(--f-s-m);
            border-bottom: 1px solid var(--gray2-01);
        }
        & h6.wp-block-heading {
            border-bottom: 1px dotted var(--gray2-01);
        }
        & h2 + h3.wp-block-heading,
        & h2 + p + h3.wp-block-heading {
            margin: 24px 0 0;
        }

        & h3 {
            & + p {
                margin: 0 0 1.5em;
                padding: 0;
                max-width: 100%;
                text-align: left;
            }
        }
        & p {
            margin-bottom: 24px;
        }
        & .is-style-sango-table-scroll-hint table {
            table-layout: auto;
        }
        & table {
            width: 100%;
            margin: 24px 0;
            border: none;

            & tr:not(:last-child) {
                border-bottom: none;
            }
            & th {
                font-weight: bold;
                border-right: none;
                background-color: transparent;
            }
            & td {
                border-right: 1px solid var(--gray1-03);

                &:last-child {
                    border-right: none;
                }
            }
            & th,
            & td {
                padding: 16px 8px;
                border-top: 1px solid var(--gray1-03);
                border-bottom: 1px solid var(--gray1-03);
                vertical-align: middle;
            }
        }
        & pre {
            margin: 24px 0;
            padding: 16px;
            border: none;
            background-color: var(--gray1-01);
            color: var(--def-txt-00);
        }
    }
    & strong {
        background: linear-gradient(transparent 60%, var(--orange1-00) 60%);
    }
    & footer {
        padding: 40px 0;

        & .sns-btn__title {
            margin-bottom: 16px;
        }
        & .ps-footer-btn-wrap {
            text-align: center;
            margin: 32px 0;
            padding: 16px 0;
            width: 100%;
            border-top: 1px solid var(--gray1-03);
            border-bottom: 1px solid var(--gray1-03);

            & p {
                margin-bottom: 8px;
                font-size: var(--f-s-14);
            }
            & .ps-btn {
                transition: var(--def-transition);

                &:hover {
                    opacity: var(--def-hvr-opacity);
                }
                & img {
                    width: min(240px, 80%);
                }
            }
        }
    }
    /* リスト */
    & .wp-block-list:not([class*=is-style-sango-list]) {
        margin-bottom: 24px;
        margin-left: 0;
        padding: 16px 16px 16px 40px;
        border: 2px solid var(--sgb-list-border-color);

        /* Q&A */
        &.qa_list {
            margin: 64px 0 0 0;
            padding: 0;
            list-style: none;
            border: none;

            & li {
                position: relative;
                background-color: var(--gray1-01);

                &::before {
                    position: absolute;
                    left: 18px;
                    display: block;
                    width: 32px;
                    height: 32px;
                    line-height: 32px;
                    text-align: center;
                    font-weight: normal;
                    border-radius: 50%;
                }
            }
            & li:nth-child(odd) {
                padding: 20px 16px 16px 64px;
                font-weight: bold;
                border-radius: var(--bdr-r-8) var(--bdr-r-8) 0 0;

                &::before {
                    content: "Q";
                    top: 20px;
                    color: var(--white);
                    background-color: var(--blue-02);
                }
            }
            & li:nth-child(even) {
                margin-bottom: 16px;
                padding: 0 16px 20px 64px;
                border-radius: 0 0 var(--bdr-r-8) var(--bdr-r-8);

                &::before {
                    content: "A";
                    top: 0;
                    line-height: 26px;
                    color: var(--blue-02);
                    border: 2px solid var(--blue-02);
                }
            }
        }
    }
    /* 引用 */
    & blockquote {
        margin: 24px 0;
        padding: 16px 16px 16px 40px;
        /*border: solid 2px var(--sgb-list-border-color);*/
        border: none;
        color: var(--def-txt-00);
        background-color: var(--gray1-01);

        &:before {
            top: 20px;
            left: 16px;
            font-family: FontAwesome;
            font-size: var(--f-s-m);
            content: "\f10d";
        }
        & p {
            margin: 0 !important;
        }
    }
    /* 左右画像リスト */
    & .wp-block-media-text {
        margin: 80px auto;
        grid-template-columns: 40% 1fr;

        & img {
            aspect-ratio: 16 / 9;
            border-radius: var(--bdr-r-8);
        }

        & > .wp-block-media-text__content {
            padding: 0 0 0 32px;

            & p {
                &:first-child {
                    margin-bottom: 16px;
                    font-size: var(--f-s-l);
                }
                &:last-child {
                    margin-bottom: 8px;
                    color: var(--gray2-04);
                }
                & strong {
                    background: none;
                }
            }
        }
        /* 右画像の場合 */
        &.has-media-on-the-right {
            grid-template-columns: 1fr 40%;

            & > .wp-block-media-text__content {
                padding: 0 32px 0 0;
            }
        }
    }
    /* ボタン */
    & .wp-block-buttons {
        &.is-layout-flex,
        & > .wp-block-button {
            display: block;
            text-align: center;
        }
    }
    & .wp-block-button {
        & a {
            position: relative;
            display: inline-block;
            margin: 0 auto;
            padding: 16px;
            width: min(280px, 100%);
            min-height: 56px;
            line-height: 1.6;
            text-align: center;
            color: var(--white);
            font-size: var(--f-s-m);
            font-weight: normal;
            border-radius: var(--bdr-r-8);
            border: none;
            cursor: pointer;
            vertical-align: middle;
            box-shadow: var(--def-shadow);
            transition: var(--def-transition);

            &:hover {
                background-color: var(--blue-03);
                transform: translateY(-2px);
                /*box-shadow: var(--def-hvr-shadow);*/
            }
        }
    }
    /* 著者情報 */
    & #author {
        margin-top: 64px;
        padding: 24px;
        background-color: var(--gray1-01);

        & span {
            display: block;

            &:first-child {
                margin-bottom: 16px;
                font-weight: bold;
                border-bottom: 2px solid var(--blue-02);
            }
            &:nth-child(2) {
                margin-bottom: 16px;
                font-size: var(--f-s-l);
                font-weight: bold;
            }
        }
    }
}

/* 記事が見つかりませんでした */
.archive_header,
.notfound {
    border: none !important;
    box-shadow: none;

    & .nofound-contents {
        & p:first-child,
        & form {
            margin-bottom: 24px;
        }
        & input {
            border: 1px solid var(--def-input-bdr);
            border-radius: var(--bdr-r-4);
            box-shadow: none;
        }
        & .withtag_list {
            margin: 32px 0;

            & ul {
                padding: 16px 16px 16px 40px;
                background-color: var(--gray1-01);
            }
        }
        .accent-bc:hover {
            transform: translateY(-2px);
        }
    }
}

/* アイコンフォント */
@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?jcdpd9');
    src:  url('fonts/icomoon.eot?jcdpd9#iefix') format('embedded-opentype'),
            url('fonts/icomoon.ttf?jcdpd9') format('truetype'),
            url('fonts/icomoon.woff?jcdpd9') format('woff'),
            url('fonts/icomoon.svg?jcdpd9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
/*.fab__contents__close span,*/
.fa-home,
.fa-search,
.fa-angle-right,
.fa-angle-left,
.fa-share-alt,
.entry-date,
.published,
.pubdate,
.entry-update,
.updated,
.tag-cloud-link {
    &::before {
        font-family: 'icomoon' !important;
        font-weight: normal !important;
        vertical-align: bottom;
        color: var(--def-txt-01);
    }
}
/* --- 投稿日（時計アイコン）の変更 --- */
.entry-date,
.published,
.pubdate {
    &::before {
        content: "\e905" !important; 
    }
}

/* --- 更新日（リロード）の変更 --- */
.entry-update,
.updated {
    &::before {
        content: "\e903" !important; 
    }
}
/* --- シェアアイコンの変更 --- */
.fa-share-alt::before {
    content: "\e907" !important; 
}
/* --- <>アイコンの変更 --- */
.fa-angle-left::before {
    content: "\e900" !important; 
}
.fa-angle-right::before {
    content: "\e901" !important; 
}
/* --- 検索アイコンの変更 --- */
.fa-search::before {
    content: "\e906" !important; 
    color: var(--white);
}
/* --- ホームアイコンの変更 --- */
.fa-home::before {
    content: "\e902" !important;
    color: var(--white);
}
/* --- Xアイコンの変更 --- */
/*.fab__contents__close span::before {
    content: "\e984" !important; 
}*/
.fab__contents__close span,
.drawer__title__close span {
    width: 2px;
    height: 32px;
    margin: 0 16px 0 8px;
    padding: 0;
    background-color: var(--gray2-03);
    transition: var(--wp--custom--transition--default);
    transform: rotate(45deg);

    &::before {
        top: 46%;
        left: -15px;
        width: 32px;
        height: 2px;
        margin-top: 0;
        background-color: var(--gray2-03);
    }
}

/*---- 本文スタイル（アイコン付きの背景色ありエリア ----*/
[class*="is-style-sango-paragraph"]::before {
  font-family: "icomoon" !important;
  font-weight: normal !important;
}

/* 拡声器アイコン */
.is-style-sango-paragraph-callout,
.is-style-sango-paragraph-callout-alt {
    background-color: var(--p-back-blue-01);

	&::before {
		content: "\e908" !important;
	}
}
.is-style-sango-paragraph-callout::before {
    border-right: 1px solid var(--blue-02);
    color: var(--blue-02);
}
.is-style-sango-paragraph-callout-alt::before {
    background-color: var(--blue-02);
    color: var(--white);
}

/* いいねアイコン */
.is-style-sango-paragraph-good,
.is-style-sango-paragraph-good-alt {
    background-color: var(--p-back-blue-02);

	&::before {
		content: "\e909" !important;
	}
}
.is-style-sango-paragraph-good::before {
    border-right: 1px solid var(--blue-02);
    color: var(--blue-02);
}
.is-style-sango-paragraph-good-alt::before {
    background-color: var(--blue-02);
    color: var(--white);
}

/* 良くないねアイコン */
.is-style-sango-paragraph-bad,
.is-style-sango-paragraph-bad-alt {
    background-color: var(--p-back-red-01);


	&::before {
		content: "\e90a" !important;
	}
}
.is-style-sango-paragraph-bad::before {
    border-right: 1px solid var(--red-01);
    color: var(--red-01);
}
.is-style-sango-paragraph-bad-alt::before {
    background-color: var(--red-01);
    color: var(--white);
}

/* 鉛筆アイコン */
.is-style-sango-paragraph-memo,
.is-style-sango-paragraph-memo-alt {
    background-color: var(--p-back-yellow-01);

	&::before {
		content: "\e90d" !important;
	}
}
.is-style-sango-paragraph-memo::before {
    border-right: 1px solid var(--p-back-yellow-02);
    color: var(--p-back-yellow-02);
}
.is-style-sango-paragraph-memo-alt::before {
    background-color: var(--p-back-yellow-02);
	color: var(--white);
}

/* 電球アイコン */
.is-style-sango-paragraph-idea,
.is-style-sango-paragraph-idea-alt {
    background-color: var(--p-back-blue-02);

	&::before {
		content: "\e90c" !important;
	}
}
.is-style-sango-paragraph-idea::before {
    border-right: 1px solid var(--blue-02);
    color: var(--blue-02);
}

.is-style-sango-paragraph-idea-alt::before {
    background-color: var(--blue-02);
	color: var(--white);
}

/* ！アイコン */
.is-style-sango-paragraph-exclamation,
.is-style-sango-paragraph-exclamation-alt {
    background-color: var(--p-back-red-01);

	&::before {
		content: "\e90b" !important;
	}
}
.is-style-sango-paragraph-exclamation::before {
    border-right: 1px solid var(--red-01);
    color: var(--red-01);
}

.is-style-sango-paragraph-exclamation-alt::before {
    background-color: var(--red-01);
	color: var(--white);
}


/* error */
/* --- 404水滴アイコンを非表示 --- */
.nofound-title i {
    display: none;
}
.error_box {
    & .flex_box {
        display: flex;
        align-items: center;
        margin: 160px 0;

        & > div:first-child {
            flex: 0 0 200px;
        }
        & > div:last-child {
            padding: 0 24px;
        }
    }
    & .btn_box {
        margin-top: 24px;

        & a {
            padding-right: 1rem;

            &::before {
                content: "●";
            }
        }
    }
    & h1 {
        margin: 0;
        padding-bottom: 16px;
        line-height: 1;
        font-size: var(--f-s-ll);
    }
    & h2 {
        margin-bottom: 16px;
        line-height: 1.6;
        font-size: var(--f-s-18);
    }
    & #tv_box {
        position: relative;
        width: 200px;
        height: 200px;

        & #tv_innerbox {
            position: absolute;
            top: 80px;
            left: 27px;
            width: 120px;
            height: 90px;

            & div {
                position: absolute;
                top: 0;
                width: 24px;
                height: 90px;
            }
            & #obi1 {
                left: 0;
                background-color: rgb(241 245 245 / .6);
            }
            & #obi2 {
                left: 24px;
                background-color: rgb(239 186 44 / .6);
            }
            & #obi3 {
                left: 48px;
                background-color: rgb(57 169 214 / .6);
            }
            & #obi4 {
                left: 72px;
                background-color: rgb(30 183 135 / .6);
            }
            & #obi5 {
                left: 96px;
                background-color: rgb(233 97 101 / .6);
            }
            & img {
                position: absolute;
                top: 0;
                left: 0;
            }
        }
    }
}

 /*----------------------------------------

	右カラム

----------------------------------------*/

.sidebar,
.drawer {
    & .widget {
        border: none !important;
        box-shadow: none !important;
    }
    & .wp-block-group {
        & h2 {
            padding: 16px;
            font-size: var(--f-s-m) !important;
            color: var(--def-txt-00) !important;
            background-color: var(--gray1-01) !important;
            border-radius: var(--bdr-r-8);
        }
        & ul {
            padding: 0;

            & li {
                position: relative;
                padding: 8px 8px 8px 32px;
                border-bottom: 1px dashed var(--gray1-03);

                &::before {
                    content: "●";
                    position: absolute;
                    top: calc(50% - 12px);
                    left: 16px;
                    color: var(--gray1-03);
                    font-size: var(--fs-s);
                }
                & a {
                    display: block;
                    padding: 4px;
                    color: var(--def-txt-00);
                    font-size: var(--f-s-14);
                    font-weight: normal;

                    &:hover {
                        background-color: var(--gray1-01);
                    }
                }
            }
        }
        /* タグクラウド */
        & .wp-block-tag-cloud {
            display: flex;
            flex-wrap: wrap;
            gap: 4px;
            margin: 0;
            padding: 16px;

            & .tag-cloud-link {
                padding: 8px 12px;
                max-width: 300px;
                font-size: var(--f-s-s) !important;
                color: var(--gray2-05);
                border: 1px solid var(--gray1-03);
                border-radius: var(--bdr-r-4);
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;

                &::before {
                    /*content: "\e937";*/
                    content: "#";
                    margin-right: 2px;
                }
                &:hover {
                    background-color: var(--gray1-01);
                }
            }
        }
    }
}

 /*----------------------------------------

	タブレット・スマホ用

----------------------------------------*/

@media (width <= 1024px) {

    #wrapper {
        padding-top: 0;
    }
    .flex_box {
        flex-direction: column;
        justify-content: center;
    }
    .flex_box > div:last-child {
        padding: 24px 24px 0;
    }
    #tv_box {
        margin: 0 auto;
    }

    #entry {
        & .entry-content {
            table {
                & tr:not(:last-child) {
                    margin-bottom: 40px;
                }
                & td {
                    border-right: none;
                    border-top: none;
                    padding: 8px;

                    &::before {
                        margin-bottom: 0;
                    }
                    &:first-child {
                        font-weight: bold;
                        border-top: 1px solid var(--gray1-03);
                        background-color: var(--gray1-01);
                    }
                }
            }
            & .is-style-sango-table-scroll-hint table {
                table-layout: fixd;

                & td {
                    white-space: normal;
                }
            }
        }
    }
}

@media (width <= 1200px) {
    #main_nav {
        & > li:not(.cta_btn) {
            & > a,
            & > a.active {
                color: var(--white);
            }
        }
        & .nav_item > a {
            color: var(--white);
        }
    }
    #nav_header {
        & p {
            padding: 12px 16px 0 0;
        }
    }
}
@media (width <= 768px) {

    .fab__contents-main,
    .sns-dif ul {
        background-color: var(--gray1-01);
    }
    /* 2カラム設定に戻す */
    .catpost-cards.catpost-cards--column-2 {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ---- SP ----*/
@media (width <= 699px) {

    .wrap {
        padding: 0;
    }
    #copyright {
        text-align: left;
    }

    /* 2カラム設定を強制的に1カラムへ上書き */
    .catpost-cards.catpost-cards--column-2 {
        grid-template-columns: 1fr !important;
        padding: 16px;
    }
}