.l-article {
    .l-article__inner {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        padding: 64px 0;
        row-gap: 32px;
        margin: 0 auto;
        @media screen and (max-width: 767px ) {
            padding: calc(32/390*100vw) calc(20/390*100vw) calc(32/390*100vw);
            row-gap: calc(16/390*100vw);
        }
    }
}


.event-benefit-template {
    .l-article_01{
        background-color: #000;
        .l-article__inner{
            @media screen and (max-width: 767px) {
                padding-top: calc(64/390*100vw);
                padding-bottom: calc();
            }
        }
        .c-title{
            @media screen and (max-width: 767px) {
                text-align: left;
            }
            .c-title__eyebrow{
                color: #A9A8A9;
                font-size: 14px;
            }
            .c-title__main{
                color: #fff;
            }
        }
        .l-article__content{
            .c-responsive-video{
                max-width: 820px;
                width: 100%;
                aspect-ratio: 820/342;
                border-radius: 16px;
                overflow: hidden;
                @media screen and (max-width: 767px) {
                    max-width: calc(350/390*100vw);
                    width: 100%;
                    aspect-ratio: 350/308;
                    border-radius: 16px;
                }
                .c-responsive-video__controls{
                    top: unset;
                    left: 20px;
                    bottom: 20px;
                }
            }
        }
    }
    .l-article_02{
        .l-article__inner{
            background-color: #000;
            .c-title{
                @media screen and (max-width: 767px) {
                    text-align: left;
                }
                .c-title__eyebrow{
                    color: #A9A8A9;
                }
                .c-title__main{
                    color: #fff;
                }
            }
            @media screen and (max-width: 767px) {
                padding: calc(54/390*100vw) calc(20/390*100vw);
            }
            .l-article__content{
                margin-top: 0;
                max-width: 100%;
                .swiper-wrapper{
                    gap: 16px;
                    justify-content: center;
                    @media screen and (max-width: 767px) {
                        gap: unset;
                        justify-content: unset;
                    }
                    .swiper-slide{
                        width: 270px;
                        @media screen and (max-width: 767px) {
                            width: calc(270/390*100vw);
                        }
                        .absolute_box{
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 343px;
                            height: 174px;
                            border-radius: 16px;
                            overflow: hidden;
                                @media screen and (max-width: 767px) {
                                    width: 100%;
                                    height: calc(176/390*100vw);
                                }
                        }                               
                    }
                }
            }
        }
    }
    .l-article_03{
        background-color: #f4f4f4;
        .l-article__inner{
            @media screen and (max-width: 767px) {
                &:first-child{
                    padding-top: calc(64/390*100vw);
                }
            }
            .c-title{
                @media screen and (max-width: 767px) {
                    text-align: left;
                }
                .c-title__eyebrow{
                    color: #A7A7A7;
                }
            }
            .l-article__content{
                margin-top: 16px;
                max-width: 100%;
                @media screen and (max-width: 767px) {
                    margin-top: calc(16/390*100vw);
                }
                .swiper-wrapper{
                    gap: 16px;
                    justify-content: center;
                    @media screen and (max-width: 767px) {
                        gap: unset;
                        justify-content: unset;
                    }
                    .swiper-slide{
                        width: 342px;
                        @media screen and (max-width: 767px) {
                            width: 100%;
                        }
                        .absolute_box{
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 343px;
                            height: 174px;
                            border-radius: 16px;
                            overflow: hidden;
                                @media screen and (max-width: 767px) {
                                    width: 100%;
                                    height: calc(176/390*100vw);
                                }
                        }                               
                    }
                }
            }
            .l-article__content-bottom{
                margin: 16px auto 0;
                @media screen and (max-width: 767px ) {
                    margin: 0 auto;
                }
            }
            .c-toggle__content{
              	background-color: transparent!important;
                img{
                    margin: 0 auto;
                }
            }
        }
    }
    .l-article_04{
        .l-article__inner{
            padding: 80px 0px 32px;
            @media screen and (max-width: 767px) {
                padding: calc(64/390*100vw) calc(20/390*100vw) calc(32/390*100vw);
            }
        }
        .c-product__list--thumnail-custom-pc-horizontal-mo-vertical {
            .c-product__image-wrapper{
                aspect-ratio: unset;
            }
            [data-prdvalue] {
                > a {
                    flex: 0 0 50%;
                }
            }
        }
        .c-product__item{
            margin: 0;
        }
    }
    .l-article_05{
        .l-article__content{
            padding-bottom: 32px;
        }
    }
}




.l-article__review {
    .c-tab {
        background-color: #fff;
    }
    .c-tab__content {
        row-gap: 40px;
    }

    .c-custom-accordion__area--fade {
        height: 160px;

        &::after {
            background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 51.13%, #FFF 85.22%);
        }
    }

    @media (max-width: 767px) {
        .c-tab__content {
            row-gap: calc(40 / 390 * 100vw);
        }
        .c-custom-accordion__area--fade {
            height: calc(188 / 390 * 100vw);
            &::after {
                background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.70) 39.93%, #FFF 85.22%);
            }
        }
    }

}