/*----------------------------------------
    top page
------------------------------------------*/
.section_wrap{margin-bottom: clamp(90px,10vw,200px);
    /* &:not(:last-of-type){margin-bottom: clamp(90px,10vw,200px);} */
    &.top_news_wrap{width: 70%;margin: 0 auto clamp(90px, 10vw, 200px);}
}
main{margin-bottom: calc(var(--base_distance)*1);}
.top_nav{position: fixed;left: 30px;z-index: 5;bottom:40px;
    @media screen and (max-width: 835px) {
        display: none;
    }
    .nav_links{
        li{
            &:not(:last-of-type){margin-bottom: clamp(10px,2vw,20px);}
            a{color: var(--c_font_color);font-family: var(--f_en);font-size: clamp(16px,1.2vw,28px);line-height: 1em; font-weight: 800;}
            &.sns_links{
                a{
                    img{width: 30px;}
                }
            }
        }
    }
}

.cmn_h_outer{overflow: hidden;text-align: center;margin-bottom: 80px;
    .con_h{position: relative;display: inline-block;font-size: clamp(30px,3vw,45px);line-height: 1em;font-family: var(--f_en);
        &:before{position: absolute;content: "";background: var(--c_font_color);width: 50vw;height: 1px;top: 50%;transform: translateY(-50%);left: calc(100% + 30px);}
        &:after{position: absolute;content: "";background: var(--c_font_color);width: 50vw;height: 1px;top: 50%;transform: translateY(-50%);right: calc(100% + 30px);}
    }
    .sec_h{font-size: clamp(60px,12vw,110px);line-height: 1.1em;font-family: var(--f_en); font-weight: 800; letter-spacing: 3px;
    span{display: inline-block;}
    &.ensemble{text-align: center; color:var(--c_other);font-size: clamp(30px, 5vw, 60px);line-height: 1em;letter-spacing: .3em;font-family: var(--f_en);font-weight: 300;
    }
}
    &.animate{
        .sec_h{opacity: 0;scale: .8 1;}
    }
     &.ensemble{margin-bottom: 50px;
        @media screen and (max-width: 835px){margin-bottom: 40px;}}
}
.scroll_on{
    .cmn_h_outer{
        &.animate{
            .sec_h{opacity: 1;scale: 1 1;transition:.8s;}
        }
    }
}
@media screen and (max-width: 835px) {
    .cmn_h_outer{margin-bottom: 40px;
        .sec_h{
            &.long{font-size: 40px;line-height: 1.1em;}
        }
    }
    .section_wrap{
        &.top_news_wrap{width: 100%;}
    }
}



/* fv
------------------------------------------*/
#fv{margin-bottom: 200px;
    .fv_contents{display: flex;justify-content: flex-end;
        .kv{width: 44%;}
        .text_wrap{width: 30%;padding-left: 6%;padding-top: 2%;padding-right: 30px;
            .dateplace{display: flex;flex-direction:column;gap:2vw;width: 100%;
                .text{margin-right: 0;margin-left: auto;width: 100%;text-align: right;}
            }
        }
    }
}
@media screen and (max-width: 835px) {
    #fv{padding-top: 100px;margin-bottom: 100px;
        .fv_contents{flex-direction: column;width: 94%;margin: 0 auto;gap:20px;
            .kv{width: 100%;}
            .text_wrap{width: 100%;padding: 0;
                .dateplace{flex-direction: column;align-items: center;
                .jp{margin: 0 auto; width: 70%;}}
            }
        }
    }
}

.body_top{
    .top_nav{transform: translateX(-50px);opacity: 0;}
    #fv{
        .fv_contents{
            .kv{opacity: 0;scale:1.1;}
            .text_wrap{opacity: 0; transform: translateX(10%);transition:1s;}
        }
    }
    &.intro_on{
        .top_nav{transform: translateX(0px);opacity: 1;transition:1s;}
        #fv{
            .fv_contents{
                .kv{opacity: 1;scale:1;transition:1s;}
                .text_wrap{opacity: 1; transform: translateX(0);transition:1s;}
            }
        }
    }
}

#topSchedule{
    .wrap_1100px{width: 70%; margin: 0 auto;
        @media screen and (max-width: 835px) {
            width: 94%;
        }}
    .schedule_wrap{
        .schedule{background: #fff;border: 3px solid var(--c_font_color);padding: 40px 30px;border-radius: 20px;
            @media screen and (max-width: 835px) {
                padding: 24px 16px;
            }
        }
    }
}


#cast{position: relative;   
    .h_wrap{position: absolute;height: 100%;left:50%;padding-top: 100px;z-index: 2;transform: translateX(-200%);
        .sec_h{font-size: clamp(50px,8vw,120px);line-height: 1em; position: sticky;top: 100px;color: #fff;font-family: var(--f_en);display: inline-block;writing-mode: sideways-rl;letter-spacing: .1em;
            &.change{color: var(--c_font_color);}
        }
    }
}
.top_cast_container{position: relative;
    .cast_wrap{display: flex;justify-content: center;--grid_color:#e7e7e7; 
        .h_block{width: 50%;text-align: right;padding:100px clamp(40px,5vw,100px); padding-right: min(17vw, 260px);position: relative;background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--grid_color) calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), var(--grid_color) calc(100% - 1px));background-size: 32px 32px;background-repeat: repeat;background-position: center center;
            &:before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.61);}
            &:after{position: absolute;content: "";width: 2px;height: 100%;background: #fff;top: 0px;transform: translateX(calc(-1 * (clamp(50px,8vw,120px) + clamp(30px,4vw,54px) + 31px)));}
            .sec_h{font-size: clamp(50px,8vw,120px);line-height: 1em; color: #fff;font-family: var(--f_en);display: inline-block;writing-mode: sideways-rl;letter-spacing: .1em;font-weight: 800;}
            .group_tit{font-size: clamp(30px,4vw,54px);line-height: 1em;color: #fff;font-family: var(--f_en);display: inline-block;writing-mode: sideways-rl;position: relative;z-index: 2;padding-left: clamp(30px,4.3vw,42px);
                &:before{position: absolute;content: "";background: url(../images/svg/nav_chevron_vertical_white.svg) no-repeat center; background-size:contain;width: clamp(20px,3vw,36px);aspect-ratio: 36/94;top: 0px;left: -7%;}
            }
            .sticky_wrap{position: sticky;top: 100px;
                &:has(.sec_h){display: flex;align-items: flex-start;justify-content: right;}
            }
            &:has(.sec_h){padding-right: min(6vw, 260px);
                @media screen and (max-width: 835px) {padding-right: 10px;}
            }
        }
        .cast_block{width: 50%;padding:100px clamp(32px,5vw,100px);position: relative;background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--grid_color) calc(100% - 1px)),linear-gradient(90deg, transparent calc(100% - 1px), var(--grid_color) calc(100% - 1px));background-size: 32px 32px;background-repeat: repeat;background-position: center center;
            &:before{position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgba(255, 255, 255, 0.312);}
            .tit{font-weight: bold;font-size: clamp(40px,4vw,60px);line-height: 1em;margin-bottom: 60px;letter-spacing: .4em;position: relative;}
            .cast_list{position: relative;
                li{display: flex;align-items: center;letter-spacing: .25em;
                    &:not(:last-of-type){margin-bottom: 40px;}
                    .part{font-size: clamp(18px,3vw,28px);line-height: 1.3em;}
                    .name{font-size: clamp(24px,3.6vw,40px);line-height: 1.3em;margin-bottom: 0;font-weight: bold;}
                }
                &.ensemble{display: flex; letter-spacing: .25em;
                    .ensemble_list_tit{font-size: clamp(18px, 2.5vw,30px); flex-shrink: 0;}
                    .ensemble_list_name{
                        p{font-size: clamp(20px, 2.5vw,30px); margin-bottom: 1em;font-weight: 700;}}
                    @media screen and (max-width: 835px){flex-direction: column;
                    .ensemble_list_tit{margin-bottom: 1em;
                    .ensemble_list_dot{display: none;}}}
                }
            }
            &[data-scroll="reveal"]{
                .cast_list{
                    li{transform: translateX(40px);opacity: 0;}
                }
                &.scroll_in{
                    .cast_list{
                        li{transform: translateX(0);opacity: 1;transition:1s;
                            &:nth-of-type(1){transition-delay: .0s;}
                            &:nth-of-type(2){transition-delay: .1s;}
                            &:nth-of-type(3){transition-delay: .2s;}
                            &:nth-of-type(4){transition-delay: .3s;}
                            &:nth-of-type(5){transition-delay: .4s;}
                            &:nth-of-type(6){transition-delay: .5s;}
                            &:nth-of-type(7){transition-delay: .6s;}
                        }
                    }
                }
            }
        }
        .group_tit{}
        /* &.spring{
            .h_block{--grid_color:rgba(255, 162, 198, 0.3);
                &:before{background: var(--c_spring_grad);mix-blend-mode: multiply;}
            }
            .cast_block{--grid_color:#FFFFFF;
                &:before{background: var(--c_spring_light);}
                .tit{color: var(--c_spring);}
                .cast_list{
                    li{
                        .part{color: var(--c_spring);}
                    }
                }
            }
        }
        &.summer{
            .h_block{--grid_color:rgba(255, 190, 77, 0.304);
                &:before{background: var(--c_summer_grad);mix-blend-mode: multiply;}
            }
            .cast_block{--grid_color:#FFFFFF;
                &:before{background: var(--c_summer_light);}
                .tit{color: var(--c_summer);}
                .cast_list{
                    li{
                        .part{color: var(--c_summer);}
                    }
                }
            }
        } */
        &.autumn{
            .h_block{--grid_color:rgba(253, 171, 115, 0.304);
                &:before{background: var(--c_autumn_grad);mix-blend-mode: multiply;}
            }
            .cast_block{--grid_color:#FFFFFF;
                &:before{background: var(--c_autumn_light);}
                .tit{color: var(--c_autumn);}
                .cast_list{
                    li{
                        .part{color: var(--c_autumn);}
                    }
                }
            }
        }
        &.winter{
            .h_block{--grid_color:rgba(129, 209, 252, 0.304);
                &:before{background: var(--c_winter_grad);mix-blend-mode: multiply;}
            }
            .cast_block{--grid_color:#FFFFFF;
                &:before{background: var(--c_winter_light);}
                .tit{color: var(--c_winter);}
                .cast_list{
                    li{
                        .part{color: var(--c_winter);}
                    }
                }
            }
        }
        &.other{--grid_color:rgba(216, 216, 216, 0.3);
            .h_block{
                &:after{background: var(--c_other);}
                .sec_h{color: var(--c_other);}
                .group_tit{
                    &:before{background-image: url(../images/svg/nav_chevron_vertical_gray.svg);}
                }
            }
            .cast_block{
                &:before{background:#ffffff8c;}}
        }
    }
}

@media screen and (max-width: 835px) {
    #cast{
        .h_wrap{left: initial;right: 63%;transform: initial;
            .sec_h{font-size: 50px;}
        }
    }
    .top_cast_container{
        .cast_wrap{
            .h_block{width: 38%;padding-right: 60px;padding-left: 0;
                &:after{                transform: translateX(-97px);}
                .sec_h{font-size: 50px;line-height: 1em;}
                .group_tit{padding-left: 22px;}
            }
            .cast_block{width: 62%;padding-inline: 26px;padding-bottom: 40px;
                .cast_list{
                    li{flex-direction: column;align-items: flex-start;
                        &:not(:last-of-type){margin-bottom: 30px;}
                        .part{
                            .dot{display: none;}
                        }
                    }
                }
            }
        }
    }
}


.intro_wrap{text-align: center;padding: clamp(24px,4vw,60px) 0;border-top: 1px dashed var(--c_font_color);border-bottom: 1px dashed var(--c_font_color);
    .text{line-height: 2.6em;font-size: clamp(15px,2vw,18px);
        &:not(:last-of-type){margin-bottom: 3em;}
    }
    @media screen and (max-width: 835px) {text-align: left;}
}



#in_cast{
    .cast_wrap{
        .cast_block{position: relative;background: rgba(255, 255, 255, 0.558);padding: clamp(100px,10vw,150px) clamp(20px,5vw,120px);--block_color:var(--c_font_color);
            &:not(:last-of-type){margin-bottom: clamp(100px,12vw,240px);}
            .tit{text-align: center;color: var(--block_color);font-size: clamp(34px,6vw,80px);line-height: 1em;letter-spacing: .3em;font-family: var(--f_en); margin-top: calc(-1 * clamp(118px, 13vw, 180px));margin-bottom: clamp(50px, 6vw, 100px);}
            .cast_list{--base_gap:50px;justify-content: flex-start;
            &.others{justify-content: center; margin-bottom: 50px;
            &:last-of-type{margin-bottom: 0;}}}
            .cast{
                .cast_img{margin-bottom: 20px;}
                .text_block{
                    .name_block{padding-bottom: 20px;border-bottom: 1px dashed var(--c_font_color);margin-bottom: 20px;text-align: center;
                        .part{font-size: clamp(18px,2vw,22px);line-height: 1.4em;color: var(--block_color);font-weight: bold;}
                        .name{font-size: clamp(22px,3vw,32px);line-height: 1.5em;font-weight: bold;letter-spacing: .05em;}
                    }
                    .sns_block{
                        ul{display: flex;justify-content: center;gap:20px;
                            li{width: 36px;}
                        }
                    }
                }
                @media screen and (max-width: 835px) {
                    width: 100%;
                    .cast_img{width: 70%;margin-inline:auto;}
                    .text_block{
                        .name_block{padding-bottom: 12px;margin-bottom: 12px;}
                    }
                }
            }
            .frame{pointer-events: none;
                .ob{position: absolute;
                    &.ob01{top: 0;left: 0;background: url(../images/svg/pattern_triangle_dots_other.svg) no-repeat center; background-size:contain;width: 126px;aspect-ratio: 1/1;}
                    &.ob02{top: 0;right: 0;background: url(../images/svg/frame_accent_square_other.svg) no-repeat center; background-size:contain;width: 201px;aspect-ratio: 1/1;}
                    &.ob03{bottom: 0;right: 0;background: url(../images/svg/pattern_triangle_dots_other.svg) no-repeat center; background-size:contain;width: 126px;aspect-ratio: 1/1;scale:-1 -1;}
                    &.ob04{bottom: 0;left: 0;background: url(../images/svg/frame_accent_square_other.svg) no-repeat center; background-size:contain;width: 201px;aspect-ratio: 1/1;scale:-1 -1;}
                }
                @media screen and (max-width: 835px) {
                    .ob{
                        &.ob01{width: 50px;}
                        &.ob02{width: 64px;}
                        &.ob03{width: 50px;}
                        &.ob04{width: 64px;}
                    }
                }
            }
            &.autumn{--block_color:var(--c_autumn);
                .frame{
                    .ob{
                        &.ob01{background-image: url(../images/svg/pattern_triangle_dots_autumn.svg);}
                        &.ob02{background-image: url(../images/svg/frame_accent_square_autumn.svg);}
                        &.ob03{background-image: url(../images/svg/pattern_triangle_dots_autumn.svg);}
                        &.ob04{background-image: url(../images/svg/frame_accent_square_autumn.svg);}
                    }
                }
            }
            &.winter{--block_color:var(--c_winter);
                .frame{
                    .ob{
                        &.ob01{background-image: url(../images/svg/pattern_triangle_dots_winter.svg);}
                        &.ob02{background-image: url(../images/svg/frame_accent_square_winter.svg);}
                        &.ob03{background-image: url(../images/svg/pattern_triangle_dots_winter.svg);}
                        &.ob04{background-image: url(../images/svg/frame_accent_square_winter.svg);}
                    }
                }
            }
            &.other{--block_color:var(--c_other);
                .frame{
                    .ob{
                        &.ob01{background-image: url(../images/svg/pattern_triangle_dots_other.svg);}
                        &.ob02{background-image: url(../images/svg/frame_accent_square_other.svg);}
                        &.ob03{background-image: url(../images/svg/pattern_triangle_dots_other.svg);}
                        &.ob04{background-image: url(../images/svg/frame_accent_square_other.svg);}
                    }
                }
            }
        }
    }
}

    .staff_wrap{
        ul{
            &:not(:last-of-type){margin-bottom: 4em;}
            &.ensemble{display: flex;flex-direction: row;gap: 3%;justify-content: center;
            .name{font-size: clamp(18px, 2vw, 22px);letter-spacing: .2em; font-weight: 700;
                    @media screen and (max-width: 835px){text-align: center; margin-bottom: .5em;}}
        @media screen and (max-width: 835px){flex-direction: column;}}
        }
        .staff{font-size: min(20px, 3.5vw);line-height: 1.5em;font-weight: 500;display: flex;align-items: flex-start;justify-content: center;
            .part{display: inline-block;white-space: nowrap;}
            &:not(:last-of-type){margin-bottom: 1em;}
            .name_small{font-size: .8em;line-height: 1.4em;margin-top: 0.35em;display: inline-block;}
        }
    }


#schedule,#tickets,#goods{
    .btn_wrap{
        .cmn_link_btn_a{font-size: 20px;line-height: 1.2em;padding: .9em 3.2em;background-color: #808080;border-color: #808080; position: relative;
            &::before{content: "";background:url(../images/svg/icon_arrow_white.svg) no-repeat center / contain; right: 5%; top: 50%; transform: translateY(-50%);display: block; width:28px; aspect-ratio: 51/51; position: absolute; }
            &:hover{color: #808080;transform: translateY(-3px); background-color:#fff;
                &:before{background:url(../images/svg/icon_arrow_gray.svg) no-repeat center / contain;}
                
            }
            @media screen and (max-width: 835px) {
                font-size: 14px;padding-inline:24px;
                &:before{width: 20px;right: 10px;}
            }
        }
    }
}

.schedule_tabs{display: flex;gap:10px;align-items: flex-end;flex-wrap: wrap;
    .switch{width: calc((100% - 20px) / 3);text-align: center;background:#bbb;color: #fff;padding:.5em;font-size: clamp(20px,3vw,32px);line-height: 1.3em;font-family: var(--f_en);cursor:pointer;transition:.3s;opacity: 0.5;
        &.tokyo{background: var(--c_autumn);}
        &.shizuoka{background: var(--c_shizuoka);}
        &.kagawa{background: var(--c_kagawa);}
        &.aichi{background: var(--c_aichi);}
        &.yamaguchi{background: var(--c_yamaguchi);}
        &.osaka{background: var(--c_osaka);}
        &.active{padding: .7em;transition:.3s;opacity: 1;}
    }
}
@media screen and (max-width: 835px) {
    .schedule_tabs{flex-wrap: wrap;gap:4px;
        .switch{width: calc((100% - 4px)/2);
            &.active{padding: .5em;}
        }
    }
}

.schedule_wrap{
    .tab{max-height: 0;opacity: 0;overflow: hidden;transition: opacity 0.4s ease;padding: 0 0px;
        &.active {opacity: 1;max-height: initial;}
    }
}
.schedule_content{background: #fff;padding: clamp(24px,5vw,100px) clamp(16px,4.5vw,100px);border: 2px solid #31313145;border-radius: 0 0 20px 20px;
    .date{max-width: 800px;margin: 0 auto clamp(35px,4vw,70px);}
    .schedule{margin-bottom: clamp(35px,4vw,70px);text-align: center;
        &.row-2{
            img{max-height: 800px;}
        }
        &.row-1{
            img{max-height: 400px;
            @media screen and (max-width: 835px){
                width: calc(100% / 1.3);
            }}
        }
    }
    &.tokyo{border-color: var(--c_autumn);}
        &.shizuoka{border-color: var(--c_shizuoka);}
        &.kagawa{border-color: var(--c_kagawa);}
        &.aichi{border-color: var(--c_aichi);}
        &.yamaguchi{border-color: var(--c_yamaguchi);}
        &.osaka{border-color: var(--c_osaka);}
}
.price_wrap{
    .price_list{
        dl{display: flex;justify-content: flex-start;padding: 24px 20px;border-bottom: 1px dashed #000;font-size: clamp(20px,3vw,36px);line-height: 1.4em;font-weight: bold; gap: 3%;
            &.non_tit{gap:0;}
            &:first-of-type{padding-top: 0;}
            @media screen and (max-width: 835px) {padding:16px 0px;}
            span{font-size: .8em;}
        }
    }
}

.fix_tabs{position: fixed;z-index: 3;transition:.6s; top:calc(-1*(100% + 60px));max-width: 1000px;width: 92%;margin: 0 auto;left: 50%;transform: translateX(-50%);
    .schedule_tabs{height: initial;
        .switch{background: rgba(49, 49, 49, 0.589);padding: .5em;font-size: 20px;line-height: 1.3em;border-radius: 8px;
            &.active{
                &.tokyo{background: var(--c_autumn);}
                &.shizuoka{background: var(--c_shizuoka);}
                &.kagawa{background: var(--c_kagawa);}
                &.aichi{background: var(--c_aichi);}
                &.yamaguchi{background: var(--c_yamaguchi);}
                &.osaka{background: var(--c_osaka);}
            }
            @media screen and (max-width: 835px) {
                font-size: 16px;line-height: 1.2em;
            }
        }
    }
    &.show{top: 60px;transition:.6s;
        &.show-off{opacity: 0;pointer-events: none;transition:.3s;}
    }
}

.section_border{border-bottom: 1px dashed var(--c_gray);max-width: 1200px;width: 92%; margin: 0 auto clamp(80px,10vw,160px);}
.tk_wrap{
    &:not(:last-of-type){margin-bottom: 80px;}
    .tk_head{text-align: center;font-weight: bold;font-size: clamp(24px,3vw,36px);line-height: 1.3em;border-top: 3px solid var(--c_font_color);border-bottom: 3px solid var(--c_font_color);padding: .5em;letter-spacing: .1em;margin-bottom: clamp(30px,4vw,50px);}
}
.tk_block{border: 1px solid #31313174;background: #fff;padding: clamp(30px,3vw,50px) clamp(18px,2.6vw,36px);border-radius: 20px;
    &:not(:last-of-type){margin-bottom: 40px;}
    .border{border-bottom: 1px dashed #3131316d;padding-bottom:30px;margin-bottom: 30px;
        @media screen and (max-width: 835px) {padding-bottom: 20px;margin-bottom: 20px;}
    }
    .tit{font-weight: bold;font-size: clamp(17px,2vw,24px);line-height: 1.4em;text-align: center;margin-bottom: 16px;
        span{display: block;font-weight: normal;font-size: .7em;line-height: 1.4em;}
    }
    .text{
        p{margin-bottom: 0;
            &:not(:last-of-type){margin-bottom: 1em;}
        }
        .date{font-weight: bold;text-align: center;font-size: clamp(15px,1.7vw,20px);line-height: 1.5em;}
    }
    .info_number{margin-bottom: 1em;padding-left: .8em;
    &:last-of-type{margin-bottom: 0;}}
    .text + .btn_wrap{margin-top: 1em;}
}

.notice_block{border: 1px solid #31313174;background: #fff;padding: clamp(30px,3vw,50px) clamp(18px,2.6vw,36px);
    &:not(:last-of-type){margin-bottom: 40px;}
    .tit{font-weight: bold;font-size: clamp(20px,2vw,28px);line-height: 1.3em;padding-bottom: 20px;margin-bottom: 30px;border-bottom: 1px solid var(--c_font_color);}
    .cmn_write_box{--cmn_write_box_theme_color: var(--c_font_color);}
}

#goods{
    .goods_wrap{
        .after_class{ font-size: 20px; line-height: 1.2em; padding: .9em 3.2em; background-color: var(--c_font_color); position: relative; margin-bottom: .8em; text-align: center; color: #fff;border-radius: 40px;
        &::before{content:""; position: absolute;  top: 50%;transform:translateY(-50%) rotate(180deg);left: 2vw; background: url(../images/svg/goods_deco.svg) center center / contain no-repeat; aspect-ratio: 75 / 29; width: 4vw;}
        &::after{content: ""; position: absolute; right: 2vw; top: 50%;transform: translateY(-50%);background: url(../images/svg/goods_deco.svg) center center / contain no-repeat; aspect-ratio: 75 / 29; width: 4vw; }
        @media screen and (max-width: 835px) { font-size: 15px;padding-inline: 24px;
            &::before{left: 5vw;width: 6vw;}
            &::after{right: 5vw; width: 6vw; }}}
            .after_note{margin-bottom: 1.5em;text-align: center;}
        .goods_list{ @media screen and (max-width: 835px){flex-direction: column;}
            .goods_block{border: 1px solid #31313174;background: #fff;padding: 2.3%;border-radius: 20px;
                @media screen and (max-width: 835px){width: 100%; padding: 5%;}}
            .goods_block_img{width: 100%; margin-bottom: .8em;
                img{width: 100%;}
            }
            .goods_block_text{
                .goods_block_title{font-size: clamp(18px,2vw,23px);font-weight: bold;margin-bottom: 10px; line-height: 1.3em;
                    span{font-size:clamp(15px,1.7vw,18px); display: block;
                    &.after{display: unset;}}
                }
                .goods_block_price{
                    font-size: clamp(16px,1.7vw,20px);font-weight: bold;border-bottom: 1px dashed var(--c_font_color);padding-bottom: 4%;
                    span{font-size: clamp(13px,1.2vw,14px);margin-left: 3px;}
                }
                .goods_block_spec{
                    font-size: clamp(14px,1.2vw,16px); margin-bottom: 10px; display: flex; align-items: flex-start;
                    &::before{content: "仕様：";flex-shrink: 0;}
                }
            }
        }
    }
}


/*----------------------------------------
    in streaming
------------------------------------------*/
#streaming { word-break: auto-phrase;
    .cmn_streaming_minogashi_period_list {display: flex; flex-direction: column; align-items: flex-start; width: 100%; height: auto;
        li {padding-left: 0; margin-bottom: 0; display: flex; justify-content: flex-start; align-items: flex-start; gap: 2%; width: 100%; padding: 0.5em 0.5em; border-bottom: 1px solid  var(--c_darkgray);
            &::before { display: none; }
            span {display: block;
                &:nth-of-type(1) {width: 48%;}
                &:nth-of-type(2) {width: 50%;border-left: 1px solid var(--c_gray); padding-left: 9px;}
            }
            &:nth-of-type(1) {background-color: var(--c_darkgray); color: #fff;}
        }
    }
    .cmn_write_box {background: #fff;padding: 30px clamp(16px,3vw,30px);border: 1px solid var(--c_font_color);border-radius: 14px;
		@media only screen and (max-width: 835px){padding: 6% 5%;}
	&.single h3 , &.in_pages h2 {position: relative; display: block; padding-bottom: 0.4em; padding-left: 1.1em; font-size: clamp(17px , 2vw , 19px); font-weight: bold; margin-bottom: 0.7em; margin-top: 3em; line-height: 1.4em; border-bottom: 1px solid #0000002b; border-style: solid; border-top: none; border-left: none; border-right: none; color: var(--c_font_color);
		&::before {position: absolute; display: block; content: ""; left: 0; top: 0.4em; width: 0.6em; height: 0.6em; background-color: var(--cmn_write_box_theme_color); transform: rotateZ(45deg);}
	}
	&.single h4 , &.in_pages h3 {position: relative; display: inline-block; font-size: clamp(15px , 2vw , 17px); font-weight: bold; margin-bottom: 0.7em; margin-top: 1em; line-height: 1.4em; padding: 0.1em 0.7em 0.2em; border: 1px solid var(--cmn_write_box_theme_color); color: var(--cmn_write_box_theme_color);
    }
	&.single h5 , &.in_pages h4 {position: relative; display: block; margin-top: 1.2em; margin-bottom: 0.2em; font-size: 1.05em; line-height: 1.4em; font-weight: bold; color: var(--cmn_write_box_theme_color); padding-left: 0.7em;
		&::before { position: absolute; display: block; content: ""; top: 0.75em; left: 0; width: 0.3em; height: 0.6em; background-color: var(--cmn_write_box_theme_color); transform: translateY(-50%); clip-path: polygon(0 0, 0% 100%, 100% 50%);}
	}
	&.single{background: #fff;padding: 30px clamp(16px,3vw,30px);border: 1px solid var(--c_font_color);border-radius: 14px;
		@media only screen and (max-width: 835px){padding: 5%;}}
}
}