@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* ルートサイト */
@font-face {font-family: 'helvetica-w01-light'; font-style: normal; font-weight: 400; src: url('/wp-content/uploads/fonts/v2/8eac109b-0fa9-42bf-a305-43e471e23779/v1/helvetica-w02-light.woff2') format('woff2'); unicode-range: U+0100-012B, U+012E-0137, U+0139-0149, U+014C-0151, U+0154-015F, U+0162-0177, U+0179-017C, U+0218-021B, U+0237, U+02C7, U+02C9, U+02D8-02DB, U+02DD, U+0394, U+03A9, U+03BC, U+03C0, U+2044, U+2113, U+2126, U+212E, U+2202, U+2206, U+220F, U+2211-2212, U+2215, U+2219-221A, U+221E, U+222B, U+2248, U+2260, U+2264-2265, U+25CA, U+E002, U+E004, U+E006, U+E008-E009, U+E00D, U+E00F, U+E011, U+E013, U+E015, U+E017, U+E01A, U+FB01-FB02;font-display: swap;}
@font-face {font-family: 'helvetica-w01-light'; font-style: normal; font-weight: 400; src: url('/wp-content/uploads/fonts/v2/8eac109b-0fa9-42bf-a305-43e471e23779/v1/helvetica-w01-light.woff2') format('woff2'); unicode-range: U+000D, U+0020-007E, U+00A0-00FF, U+0152-0153, U+0160-0161, U+0178, U+017D-017E, U+0192, U+02C6, U+02DC, U+2013-2014, U+2018-201A, U+201C-201E, U+2020-2022, U+2026, U+2030, U+2039-203A, U+20AC, U+2122;font-display: swap;}

header{text-align:center;#comp-l9tlubos{margin:12px 0;a{display:flex;align-items:center;justify-content:center;#img_comp-l9tlubos{width:clamp(70px,21.875vw,110px);height:auto}}}}
footer{text-align:center;-webkit-font-smoothing:antialiased;[data-mesh-id="SITE_FOOTERinlineContent-gridContainer"]{display:flex;flex-wrap:wrap;justify-content:center;column-gap:70px;row-gap:12px;#comp-ljw75el6,#comp-ljw75em5{display:flex;align-items:center;height:42px;&>a{display:flex;align-items:center;height:100%;span{font-family:"メイリオ",meiryo,"ヒラギノ角ゴ pro w3","hiragino kaku gothic pro",sans-serif;font-size:clamp(12px,3.75vw,18px);color:#5C5C5C}}}#comp-lyopq2fd{flex:0 0 100%;text-align:center;margin-bottom:28px;.wixui-rich-text__text{font-size:clamp(13px,4.0625vw,18px);color:#5C5C5C}}#comp-ljw75el6,#comp-ljw75em5{margin-bottom:0}#comp-ljw75em5.comp-ljw75em5_{margin-bottom:9px}}}

/* メディア */
.single #content {
    --main: #EE7E64;
    --main-500: #FDE9E5;
    --text-black:#393939;
    --text-gray: #696969;
    --icon-chevron-down: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjFlbSIgd2lkdGg9IjFlbSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBhcmlhLWhpZGRlbj0idHJ1ZSIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJtMjIuOSAzMy0xMy0xMy4xYy0uOC0uOC0uOC0yIDAtMi44LjgtLjggMi0uOCAyLjggMEwyNCAyOC40bDExLjMtMTEuM2MuOC0uOCAyLS44IDIuOCAwIC44LjguOCAyIDAgMi44TDI1LjEgMzNjLS42LjYtMS42LjYtMi4yIDB6Ij48L3BhdGg+PC9zdmc+");

    margin-bottom: 0;
    color: var(--text-black);
    font-family: -apple-system, BlinkMacSystemFont, Roboto, arial, helvetica, Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
    font-weight: normal;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;

    .post_content {
        margin-top: 0;
        h2, h3, h4 {
            margin-bottom: 1em;
            margin-top: 1.5em;
        }
    }
    .post_content > * {
        margin-bottom: 2em;
    }
    .post_content > :is(p,ul,ol,dl,pre,blockquote,table,figure,details,fieldset,section,article,aside,address):has(+ :is(h2, h3, h4)) {
        margin-bottom: 1em;
    }
    .hide {
        display: none;
    }
    p,span,ol,li {
        font-size: 15px;
        font-weight: normal;
        line-height: 162.5%;
    }
    @media screen and (max-width: 600px) {
        p,span,ol,li {
            font-size: 3.8vw;
        }
        span.c-balloon__iconName {
            font-size: 3.2vw;
        }
    }
    h1,h2,h3,h4 {
        font-size: 20px;
        font-weight: bold;
        font-feature-settings: "palt" 1;
        /* letter-spacing: 0.04em; */
        line-height: 162.5%;
    }
    b {
        display: block;
        &::before,&::after {
            all: unset;
            content: unset;
        }
    }

    h2 {
        font-size: 21px;
        color: #fff;
        padding: 0.6em;
        margin-left: 0;
        margin-right: 0;
        background: none;
        background-color: var(--main);
        &::before {
            background: none;
            border: none;
        }
    }
    h3 {
        font-size: 19.5px;
        padding: 0.6em 0;
        &::before {
            height: 3px;
            background: repeating-linear-gradient(
                90deg,
                var(--main) 0%,
                var(--main) 20%,
                var(--main-500) 20%,
                var(--main-500) 100%
            );
        }
    }
    h4 {
        font-size: 18px;
        border: none;
        position: relative;
        padding-left: 0.5em;
        border-left: solid 3px var(--main);
    }
    img {
        height: auto;
        width: 100%;
        max-width: none;
    }
    .mark_orange {
        background: linear-gradient(transparent 64%, var(--main-500) 0%);
    }

    .p-toc {
        background: var(--main-500);
        border: none;
        padding: 0.7em 0.5em 0.5em;
        .p-toc__list {
            background-color: #fff;
            padding: 1em;
            li:before {
                border-right: 0;
                opacity: 1;
            }
        }
        .p-toc__expandBtn {
            width: 200px;
            background-color: #fff;
            border: 1px solid #999;
            box-shadow: unset;
            color: var(--text-gray);
            position: relative;
            &::before,&::after {
                all: unset;
                content: unset;
            }
            &::after {
                content: "";
                position: absolute;
                right: 0.8em;
                top: 50%;
                transform: translateY(-50%);
                width: 1em;
                height: 1em;
                background-color: #999;
                -webkit-mask-image: var(--icon-chevron-down);
                mask-image: var(--icon-chevron-down);
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
                -webkit-mask-position: center;
                mask-position: center;
                -webkit-mask-size: contain;
                mask-size: contain;
            }
        }
        &.is-expanded {
            .p-toc__expandBtn::after {
                transform: translateY(-50%) rotate(180deg);
            }
        }
    }

    /* キャプションボックス */
    .cap-box1 {
        .cap_box_ttl {
            background-color: var(--main);
        }
        .cap_box_content {
            border: 2px solid var(--main);
            padding: 1em;
            ul {
                list-style: none;
                padding: 0;
                li {
                    border-bottom: 1px dashed var(--main);
                    list-style-position: inside;
                    padding: 0.2em 1.4em;
                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0.55em;
                        top: 0.5em;
                        line-height: 1;
                    }
                }
            }
        }
    }

    /* キャプションボックスっぽいタブ */
    .tab1 {
        .c-tabList button {
            --tab-h: 35px;
            height: var(--tab-h);
            line-height: var(--tab-h);
            padding: 0 1em;
            background-color: var(--main);
            font-size: 16px;
            font-weight: bold;
            pointer-events: none;
            position: relative;
            display: inline-block;
            &::after {
                content: "";
                position: absolute;
                left: 100%;
                bottom: 0;
                width: 0;
                height: 0;
                border-right: 22px solid transparent;
                border-bottom: var(--tab-h) solid var(--main);
            }
        }
        .c-tabBody {
            border: 2px solid var(--main);
            padding: 1em;
            ul {
                list-style: none;
                padding: 0;
                li {
                    border-bottom: 1px dashed var(--main);
                    list-style-position: inside;
                    padding: 0.2em 1.4em;
                    &::before {
                        content: "•";
                        position: absolute;
                        left: 0.55em;
                        top: 0.5em;
                        line-height: 1;
                    }
                }
            }
        }
    }

    /* テーブル */
    .table1 {
        th {
            background-color: var(--main-500);
            border: 1px solid var(--main-500);
            color: var(--text-black);
            outline: 1px solid #fff;
        }
        td {
            border: 1px solid var(--main-500);
        }
    }

    /* FAQ */
    .faq1 {
        .swell-block-faq__item+.swell-block-faq__item {
            border-top: 1px solid #E5E5E5;
            margin-top: 0.5em;
            padding-top: 0.5em;
        }
        .faq_q:before {
            color: #fff;
            background-color: var(--main);
            border-radius: 999px;
            font-weight: bold;
        }
        .faq_a {
            padding-top: 0;
            &::before {
                color: var(--main);
                border-radius: 999px;
                font-weight: bold;
                top: 0;
            }
        }
    }

    /* 監修者 */
    .supervisor-block {
        border: 1px solid #e5e5e5;
        border-radius: 8px;
        grid-template-columns: 100px auto !important;
        gap: 12px;
        padding: 12px;
        figure {
            position: relative;
            &:after {
                content: "監修者";
                position: absolute;
                bottom: 0;
                left: 6%;
                width: 88%;
                background: var(--main);
                color: #fff;
                font-size: 12px;
                font-weight: bold;
                text-align: center;
                padding: 4px 0;
                border-radius: 999px;
                line-height: 1;
                box-sizing: border-box;
            }
            img {
                border-radius: 999px;
            }
        }
        p {
            margin-bottom: 0;
            &:nth-child(1) {
                font-size: 18px;
                display: flex;
                align-items: center;
                margin-bottom: 4px;
                strong {
                    border: 1px solid var(--main);
                    padding: 2px 4px;
                    font-size: 12px;
                    color: var(--main);
                    line-height: 1;
                    margin-right: 6px;
                }
            }
            &:nth-child(2) {
                line-height: 1.3;
            }
        }
    }

    /* バナー */
    .banner1 {
        figure {
            margin: 0 auto;
            img {
                pointer-events: none;
                max-width: 450px;
            }
        }
        a {
            position: absolute;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0;
        }
        @media screen and (max-width: 450px) {
        figure {
            img {
                width: 100vw;
                max-width: 100vw;
                margin-left: calc(50% - 50vw);
                margin-right: calc(50% - 50vw);
            }
        }
        }
    }
}