/* oki_20220509 */
    .kanren {
        /* border: 3px solid #ff5252; */
        /* padding: 20px 30px ; */
        /* margin: 30px 0; */
        position: relative;
        box-sizing: border-box;
        z-index: 0;
    }

    .midasi {
        font-size: 16px;
        font-weight: bold;
        text-align: center;
        margin-bottom: 15px;
    }

    .kanren br {
        display: none;
    }

    .kanren ul li {
        padding: 0 0 6px 25px;
        position: relative;
    }

    .kanren ul li::before {
        content: '';
        display: block;
        background-color: #ff7c39;
        width: 10px;
        height: 10px;
        border-radius: 50px;
        position: absolute;
        top: 9px;
        left: 0;
    }

    /* アコーディオンのときに下記追加 */
    .readmore-content {
        position: relative;
        overflow: hidden;
        height: 100px;
    }

    .readmore-content::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        content: "";
        /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
        height: 50px;
        z-index: 1;
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
    }

    /* 続きを読むボタン */
    .readmore-label {
        display: table;
        bottom: 5px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        margin: 5px auto;
        z-index: 2;
        padding: 6px 15px;
        /* background-color: #ff7777; */
        background-color: #53bdec;
        border-radius: 20px;
        color: #FFF;
        font-weight: bold;
    }

    .readmore-label:before {
        content: "\7D9A\304D\3092\8AAD\3080";
    }

    .readmore-check {
        display: none;
    }

    /*チェック時にボタンを非表示*/
    .readmore-check:checked~.readmore-label {
        position: static;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
        /* display: none; */
    }

    .readmore-check:checked~.readmore-label:before {
        content: "\9589\3058\308B";
    }

    /*チェック時に高さを自動に戻す*/
    .readmore-check:checked~.readmore-content {
        height: auto;
    }

    /*チェック時グラデーション等を削除*/
    .readmore-check:checked~.readmore-content::before {
        display: none;
    }

    /* oki_20220509 */








    .addParts__point__title02 {
        font-size: 3.8rem;
        padding: 3rem 0 1rem;
        font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .addParts__point__title02 span.underline {
        background-image: radial-gradient(circle at center, #ffa579 20%, transparent 20%);
        background-position: top right;
        background-repeat: repeat-x;
        background-size: 1em 0.3em;
        padding-top: 0.4em;
    }

    .category_links {
        font-size: 3rem;
        font-weight: bold;
        margin: 6rem auto 30px;
        line-height: 1.4;
        letter-spacing: .03em;
        padding: 18px 40px;
        background: #f1fcf6;
        border-top: 1px solid #0c8784;
        border-bottom: 1px solid #0c8784;
        box-shadow: 0px -8px 0px #f1fcf6, 0px 8px 0px #f1fcf6;
        position: relative;
        font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    }

    .category_links::after {
        right: 20px;
    }

    iframe {
        width: 100%;
        aspect-ratio: 16/9;
    }


    /*PR*/

    .headTopArea:before {
        background: #000;
        color: #fff;
        content: "PR";
        display: inline-block;
        font-size: 1.5rem;
        line-height: 1.4;
        margin-left: 1rem;
        padding: 0 1rem;
        text-align: right;
        left: 73rem;
        position: relative;
        top: 21px;
    }

.banner-close {
    font-weight: bold;
    position: absolute;
    top: -30px;
    right: 0px;
    z-index: 99999;
    padding: 2px 8px;
    border: none;
    background-color: #f8f8f8;
    border-radius: 20px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 40%);
    box-shadow: 0 0 7px rgb(0 0 0 / 40%);
}

.sticky_area{
    display: block;
    position: fixed;
    right: 15px;
    bottom: 15rem;
    width: 250px;
    z-index: 999;
}


    /*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

    @media screen and (max-width: 599px) {
        /*/////////////SP用のCSSをここに作成してください。/////////////*/
        /*/////////////必ず中括弧の中に作成してください。/////////////*/

        .addParts__point__title02 {
            font-size: 3.8rem;
            padding: 2rem 0 1rem;
            font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        }



        .addParts__point__title02 {
            font-size: 2.2rem;
            margin-left: 0%;

        }

        .addParts__point__title02 span.underline {}

        .category_links {
            font-size: 2rem;
            font-weight: 700;
            margin: 5.5rem auto 2.5rem;
            line-height: 1.4;
            padding: 1.2rem 2rem;
            box-shadow: 0px -5px 0px #f1fcf6, 0px 5px 0px #f1fcf6;
            position: relative;
        }


        /*PR*/

        .headTopArea:before {
            background: #000;
            color: #fff;
            content: "PR";
            display: inline-block;
            font-size: 1.5rem;
            line-height: 1.4;
            left: 0;
            position: relative;
        }


    }