.single_box_layout_flex,
    .single_box_layout_flex * { /* コンテナとその全ての子要素に適用 */
        pointer-events: auto !important; /* ポインターイベントを再有効化 */
    }
    
    .single_bak_1{
        background-image: url(../img/50common/bgpink2@2x.png);
        background-repeat: no-repeat;
        background-position: 0px 2rem;
        background-size: 100%;
        width: 100%;
        height: 57rem;
        position: absolute;
        bottom: 0.4rem;
        z-index: 0;
    } 

    .single_div_bak{
        background-image: url(../img/1677@2x_3.png);
        background-repeat: no-repeat;
        background-position: 0 0rem;
        background-size: 101%;
        position: absolute;
        top: 18rem;
        height: 40rem;
        width: 100%;
        z-index: -1;
    } 

    .single_wrapper_1,
    .single_wrapper_2,
    .single_title{
        margin: 0 auto;
    }

    .single_back_color{    
        background: linear-gradient(to bottom, #CEE9FF, #FFFFFF 70%);
        position: relative;
        z-index: 0;
    }

    .single_img_item_1{
        width:18.3rem ;
        height:11.4rem ;
        position: relative;
        top: 2rem;
        left: -4rem;
    }

    .single_img_item_2{
        width:18.3rem ;
        height:11.4rem ;
        position: relative;
        top: -2rem;
        right: 18rem;
    }

    .single_flex_layout{
        display: flex;
        justify-content: space-between;
    }

    .single_wrapper_1{
            width: 114rem;
            padding: 3rem 0 10rem;
            position: relative;
            z-index: 16;
    }

    .single_wrapper_2{
        width: 114.2rem;
        padding:4.3rem 0 0;
    }

    .single_main_visual{
        border-radius: 2.1rem;
        box-shadow: 0.7rem 0.7rem 0rem #525252;
        width: 100%;
        height: 24.4rem;
        object-fit: cover;
        margin-top: 1.5rem;
    }

    .single_pc_visua{
        display: block;
    }

    .single_sp_visua{
        display: none;
    }

    .single_box_category_item{
        display: block;
        font-size: 1.5rem;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        letter-spacing: 0.07em;
        line-height: 1.7;  
        border-left: 0.5rem #000000 solid;
        padding-left: 0.4rem;
        width: fit-content;
        margin-bottom: 1.3rem;
    }
    
    .entry-label {
        display: inline-block;
        border-radius: 0.3rem;
        padding: 0.1rem 0.6rem;
        color: #fff;
    }


    .single_list_category_box,.single_main_box{
        background-color: #FFFFFF;
    }

    /* arc_list_category_box */
    .single_list_category_box{
        position: sticky;
        top: 15rem;
        width: 33.3rem;
        height:fit-content ;
        padding: 2rem 1.5rem 0.4rem 2rem;
        border-radius: 1.2rem;
        border: #000000 0.1rem solid;
    }

    .single_button_layout_flex{
        display: flex;
    }

    .single_sidebar_title{
        font-size: 1.6rem;
        font-weight: 500;
        font-family: "Zen Maru Gothic", sans-serif;
        letter-spacing:0;
        line-height: 1.4rem;
    }


    .single_sidebar_list{
       padding: 2.1rem 0 0 1.1rem;
    }

    /* arc_list_category_item */
    .single_list_category_item{
        display: block;
        font-size: 1.5rem;
        font-family: "Zen Maru Gothic", sans-serif;
        font-weight: 400;
        letter-spacing: 0.07em;
        line-height: 1.6;
        /* レイアウト */
        padding-left: 0.4rem;
        border-left: 0.5rem #000000 solid;
        margin-bottom: 1.49rem;
    }

.single_box_layout_flex{
    display: flex;
    gap: 2rem;
}

.single_list_data{
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.1;
    color: #000000;
    padding-bottom: 0.5rem;
}

.single_main_box{
    width:78.7rem;
    border: #000000 0.1rem solid;
    border-radius: 1rem;
    padding:2.9rem 3rem 5rem;
}

/* 画像 */
.single_image{
    width: 42.3rem;
    height:27.7rem;
}

.single_title{
    font-size: 2.8rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 2.1;
    color:#FFFFFF ;
    /* 細かなレイアウト */
    width: fit-content;
    text-align: center;
    padding:0 1.9rem 0 2rem;
    margin-bottom:9.9rem;
    background-color: #DF778F;
    border-radius: 1rem;
    position: relative;
    z-index: 555;
}

.single_list_title{
    font-size: 1.6rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0.05em;
    line-height: 1.8;
    color:#000000;
    margin-bottom: 0.4rem;
}

.single_list_space{
    padding-top:1rem ;
}

.single_visual_space{
    width: 42.3rem;
    height: 27.7rem;
    margin-bottom:1.5rem ;
}

.single_list_text{
    font-size: 1.4rem;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    letter-spacing: 0.122em;
    line-height: 2.14;
    color: #000000;
    padding:0 0 9.5rem;
    min-height: 29rem;
}

/* ボタン */
.single_list_button{
    display: block;
    font-size: 1.3rem;
    font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 2.3;
    color: #FFFFFF;
    background-color: #DF778F;
    border: #DF778F 0.1rem solid;
    width: fit-content;
    padding: 0rem 0.7rem 0rem 1.1rem;
    margin: 0 auto;
    position: relative;
    border-radius: 1rem;
    left: -0.1rem;
}

.single_list_button:hover{
    color:#DF778F;
    background-color:#FFFFFF;
    transition: background-color 0.3s ease;
}
 
.single_toggle_button{
    width:2.2rem;
    height:2.2rem;
    padding: 1rem;
    background-color: #FFA8BC;
    border-radius: 100%;
} 

/* PC版のデフォルト */
.single_hide_on_sp {
    display: block; /* PC版では表示 */
}

.single_toggle_button {
    display: none; /* PC版では非表示 */
}

.footer img{ display:block; }

@media screen and (max-width: 699.98px){

      .single_img_item_1{
        width:6.5rem ;
        height:4rem ;
        position: relative;
        top: -2rem;
        left: 3rem;
    }

    .single_img_item_2{
        width:9.7rem ;
        height:6.1rem ;
        position: relative;
        top: 3rem;
        right: 4rem;
    }


    .single_back_color {
    background: linear-gradient(to bottom, #CEE9FF, #FFFFFF 70%, #FCEEF5 100%
    100%
    );
    }

    .single_bak_1{
    background-image: none;
    }

    .single_div_bak{
        background-image: none;
    }

    .footer{
        background-color: #FCEEF5;
    }

        /* CSS をここに記述するか、外部ファイルに記述してください */
    .single_toggle_button {
        width: 2.2rem;
        height: 2.2rem;
        padding: 1rem;
        background-color: #FFA8BC;
        border-radius: 100%;
        border: #000000 0.1rem solid;
        position: relative;
        /* transition を追加してアニメーションを滑らかにする */
        transition: transform 0.3s ease-in-out;
    }

    .single_button_line_1, .single_button_line_2 {
        position: absolute;
        left: 0.3rem;
        display: block;
        width: 1.4rem;
        margin: 0 auto;
        border-bottom: #000000 0.1rem solid;
        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out, left 0.3s ease-in-out;
    }

    .single_button_line_1 {
        top: 1rem; /* 位置を調整 */
    }

    .single_button_line_2 {
        top: 1rem; /* 位置を調整 */
        /* 初期状態では90度回転させる */
        transform: rotate(90deg);
    }

    /* ボタンが active クラスを持つ場合のスタイル */
    .single_toggle_button.active .single_button_line_1 {
        transform: rotate(0deg);
        top: 1rem; /* Xの形になるように位置を調整 */
    }

    .single_toggle_button.active .single_button_line_2 {
        transform: rotate(0deg); /* -45度回転 */
        top: 1rem; /* Xの形になるように位置を調整 */
    }

    /* スマートフォンでのみ非表示にするスタイル */
    @media (max-width: 699.98px) {
        .single_hide_on_sp {
            display: none; /* 初期状態では非表示 */
        }
    }
    
    /* PCでの表示（700px以上） */
    @media (min-width: 700px) {
        .single_hide_on_sp {
            display: block !important; /* PCでは常に表示 */
        }
        .single_toggle_button {
            display: none; /* PCではボタンを非表示 */
        }
    }

    /* SP版（699.98px以下）でのみ適用 */
    .single_hide_on_sp {
        display: none; /* SP版では初期状態で非表示 */
    }

    .single_toggle_button {
        display: block; /* SP版では表示 */
    }

    .single_main_visual{
        width: 35.5rem;
        height: 18rem;
        object-fit: cover;
        border-radius: 1.2rem;
        box-shadow: 0.5rem 0.3rem 0rem #525252;
        margin-top: -0.7rem;
    }

    .single_wrapper_1,.single_wrapper_2,.single_main_box{
        max-width: 35.5rem;
        width: 100%;
        
    }

    .single_wrapper_1{
        padding: 3rem 0 3rem;
    }
    .single_main_box{
        padding: 3rem 0.8rem 2.9rem;
    }
    
    .single_visual_space{
        max-width: 33.5rem;
        width: 100%;
        margin-bottom:1.5rem ;
    }

    .single_wrapper_2{
        padding: 3.1rem 0 0;
    }

    .single_box_category_item{
        display: block;
        font-size: 1.5rem;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 400;
        letter-spacing: 0.07em;
        line-height: 1.7;
            /* 細かなレイアウト */
        border-left: 0.5rem #000000 solid;
        padding-left: 0.4rem;
        width: fit-content;
        margin-bottom: 1.3rem;
    }

    .entry-label {
    display: inline-block;
    border-radius: 0.3rem;
    padding: 0.1rem 0.6rem;
    color: #fff;
    }

    .single_box_layout_flex{
        gap: 2rem;
    }

    .single_button_layout_flex{
        padding-bottom: 0.9rem;
    }

    .single_sidebar_list{
        padding: 0;
    }

    .single_list_space{
        padding-top: 0.8rem;
    }


    /* arc_list_category_box */
    .single_list_category_box{
        width: 33.5rem;
        padding: 1.5rem 2rem 1.5rem 2rem;
        margin: 0 auto;
    }

    /* arc_button_layout_flex */

    .single_button_layout_flex{
        display: flex;
        align-items: center;
        gap: 1rem;
        padding-bottom: 0;
    }

    /* arc_sidebar_title */

    .single_sidebar_title{
        letter-spacing:0;
    }

    /* arc_sidebar_list */

    .single_sidebar_list{
        padding:0.9rem 0 0;
    }

    /* arc_list_category_item */
    .single_list_category_item{
        display: block;
        font-size: 1.4rem;
        letter-spacing: 0.01em;
        line-height: 1.5;
        padding-left: 0.4rem;
        margin-bottom:0.9rem;
    }

    /* 画像 */
    .single_image{
        width: 33.5rem;
        height: 22rem;
    }

    .single_title{
        font-size: 2rem;
        letter-spacing: 0.05em;
        line-height: 3;
        padding: 0 2rem 0 1.8rem;
        margin-bottom: 5.9rem;
        text-wrap: nowrap;
    }
    
    .single_box_layout_flex{
        flex-flow: column;
        gap: 6rem;
    }

    .single_list_category_item{
        display: block;
        font-size: 1.4rem;
        letter-spacing: 0;
        line-height: 1.5;
        padding-left: 0.4rem;
        margin-bottom:0.9rem;
    }

    .single_list_title{
        font-size: 1.5rem;
        margin:0.3rem 0 1.2rem;
        line-height: 1.5;
        margin-bottom: 1.5rem;
    }
    
    .single_box_category_item{
        font-size: 1.4rem;
        letter-spacing: 0.15em;
        line-height: 1.7;
        margin-bottom: 0rem;
        padding-left: 0.6rem;
    }

    .single_list_text{
        font-size: 1.4rem;
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 500;
        letter-spacing: 0.05em;
        line-height: 2.0;
        color: #000000;
        padding: 0 0 5.6rem;
    }

}