.relative   {
    position: relative;
}

.bathaircon-cont01  {

    .j-responsive-video {
        border-radius: 16px;
        overflow: hidden;

        @media screen and (max-width: 767px) {
            margin: 0 calc(20 / 360 * 100vw);
            width: calc(320 / 360 * 100vw);
        }
    }
}

.bathaircon-cont03  {

    #bathaircon-cont03-tab  {

        .c-tab__panel   {

            .c-tab__inner-item.l-article__inner--mo-gutter  {

                @media screen and (max-width: 767px) {
                    margin: 0;
                    width: 100%;
                }

                .swiper-container   {

                    @media screen and (max-width: 767px) {
                        padding: 0;
                    }
                }
            }
        }
    }
}


.bathaircon-cont05  {
    margin: 0 auto;

    .c-list {
        text-align: left;
    }

    .c-tab__list    {
        & .c-tab__item {
            &:first-child {
                margin-left: 0;
            }
        }
    }

    img {margin: 0 auto;}
}

#bathaircon-cont05-tab  {
    @media screen and (max-width: 767px) {
        margin: 0 calc(20 / 360 * 100vw);
        width: calc(320 / 360 * 100vw);
    }

    .c-list {
        @media screen and (max-width: 767px) {
            margin-left: 0;
        }
    }
}

.bathaircon-cont06  {

    .j-responsive-video {
        border-radius: 16px;
        overflow: hidden;
        --img-ratio: auto;

        @media screen and (max-width: 767px) {
            margin: 0 calc(20 / 360 * 100vw);
            width: calc(320 / 360 * 100vw);
        }
        video {
            width: 100%;

        }
    }
}
.bathaircon-cont07  {
    .l-article__content-wrap    {position: relative;}

    .bathaircon-coupon-btn01    {
        position: absolute;
        top: 35.5%;
        left: 7.2%;
        width: 39.6%;
        height: 10.5%;
    }
    .bathaircon-coupon-btn02    {
        position: absolute;
        top: 35.5%;
        left: 53.4%;
        width: 39.6%;
        height: 10.5%;
    }
    .bathaircon-coupon-btn03    {
        position: absolute;
        top: 86.9%;
        left: 7.2%;
        width: 39.6%;
        height: 10.5%;
    }
    .bathaircon-coupon-btn04    {
        position: absolute;
        top: 86.9%;
        left: 53.4%;
        width: 39.6%;
        height: 10.5%;
    }
}
#bathaircon-cont07-tab-cont {
    @media screen and (max-width: 767px) {
        margin: 0 calc(20 / 360 * 100vw);
        width: calc(320 / 360 * 100vw);
    }

    .c-list {
        @media screen and (max-width: 767px) {
            margin-left: 0;
        }
    }
}

.bathaircon-cont07-tab  {
    .bathaircon-coupon-btn05    {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    img {margin: 0 auto;}

    .c-tab__panel   {
        flex-direction: column;
        margin: 0 auto;
    
        &.c-custom-accordion__area--fade {
            height: calc(188 * var(--ratio));

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

    }
}

.event-benefit-template {
    .bathaircon-cont09    {
        .l-article__content-wrap    {
            @media screen and (max-width: 767px) {
                margin: 0 calc(20 / 360 * 100vw);
                width: calc(320 / 360 * 100vw);
            }

            .c-button__label    {width: 100%;}
        }
    }
}

.c-tab__inner-item  {

    @media screen and (max-width: 767px) {
        margin: 0 calc(20 / 360 * 100vw);
        width: calc(320 / 360 * 100vw);
    }

    img {
        margin:  0 auto;

        @media screen and (max-width: 767px) {
            margin: none;
        }
    }

    
}