/* トップ画像 */
.alco-days-article__hero {
    background-image: url(../../img/alco-days-temp/alco-days_article_ab/days_article-main.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    aspect-ratio: 375 / 210;
}
.alco-days-article__hero--yui-hasegawa{
    background-image:url(../../img/alco-days-temp/alco-days_intervew/days_intervew-hasegawa-yui-main.jpg) ;
}
@media (min-width: 768px) {
    .alco-days-article__hero-wrapper {
        position: relative;
        width: 100%;
        overflow: hidden;
        background-color: #F0F0F0;
    }
    .alco-days-article__hero {
        position: relative;
        z-index: 2;
        max-width: 784rem;
        width: 100%;
        margin: 0 auto;
    }
    .alco-days-article__hero-wrapper::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        background-image: url(../../img/alco-days-temp/alco-days_article_ab/days_article-main.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        filter: blur(12rem);
        background-color: lightgray;
        transform: scale(1.1);
    }
    .alco-days-article__hero-wrapper--yui-hasegawa::before{
        background-image:url(../../img/alco-days-temp/alco-days_intervew/days_intervew-hasegawa-yui-main.jpg) ;
    }
}



/* 3ページ共通クラス */
.alco-days-article__back-ground{
    background-color: var(--color-snow);
}
.alco-days-article__header-content{
}
.alco-days-article__date{
    color: var(--color-clay);
    margin-bottom: 10rem;
}
.alco-days-article__title{
    font-size:24rem ;
    font-family: var(--font-family-jp);
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 25rem;
    letter-spacing: 1.5rem;
}
.alco-days-article__meta{
    display: flex;
    flex-direction: column;
    gap: 10rem;
}
.alco-days-article__category{
    margin: 0 ;
    background-color: var(--color-clay);
    border-radius: 3rem;
    width: 43rem;
    height: 24rem;
    text-align: center;
    font-family: var(--font-family-en-tertiary);
    line-height: 22rem;
    font-weight: 600;
    flex-shrink: 0;
}
.alco-days-article__category--move{
    background-color: var(--color-apricot);
}
.alco-days-article__category--think{
    background-color: var(--color-mint);
}
.alco-days-article__category--meet{
    background-color: var(--color-sunbeam);
}
.alco-days-article__tags{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10rem;
    margin-bottom: 0;
}
.alco-days-article__tag-link{
    display: block;
    height: 100%;
    color: var(--color-raven);
}
.alco-days-article__intro{
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 30rem;
}  
.alco-days-article__main-image{
    display: block;
    width: 100%;
}
.alco-days-article__text{
    margin-bottom: 0;
    margin-bottom: 20rem;
}
.alco-days-article__text:last-child{
    margin-bottom: 0;
}
.alco-days-article__section-title{
    margin:  70rem 0 30rem;
    line-height: 150%;
}
.alco-days-article__section-title-sub{
    margin:  50rem 0 20rem;
    line-height: 150%;
}

.alco-days-article__image-wrapper{
    width: 335rem;
    display: flex;
    flex-direction: column;
    gap: 20rem;
}
.alco-days-article__image-wrapper--wide{
    width: 375rem;
}
.alco-days-article__image{
    width: 100%;
    display: block;
}
.alco-days-article__products{
    margin-top: 30rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20rem;
    flex-wrap: wrap;
}
.alco-days-article__credits{
    color: var(--color-clay);
    margin-bottom: 55rem;
    display: block;
    font-family: var(--font-family-en-tertiary);
    font-style: italic;
}
.alco-days-article__share-buttons-title{
    display: flex;
    gap: 8rem;
    align-items: center;
    margin-bottom: 10rem;
}
.alco-days-article__share-buttons-title::before{
    content: attr(data-en);
    font-size: 24rem;
    font-weight: 700;
    line-height: 150%;
    font-family: var(--font-family-en-tertiary);
}


.alco-days-article__store-info-title::before{
    content: attr(data-en);
    font-size: 24rem;
    font-weight: 700;
    line-height: 150%;
    font-family: var(--font-family-en-tertiary);
}
.alco-days-article__store-info-title{
    display: flex;
    gap: 8rem;
    align-items: center;
    margin-bottom: 15rem;
    padding: 0 20rem;
}
.alco-days-article__sidebar{
    padding: 60rem 0  0;
}
.alco-days-article__sidebar-content{
    max-width: var(--container-width--narrow);
    margin: 0 auto;
}
.alco-days-article__sidebar-block{
    margin-bottom: 80rem;
}
.alco-days-article__sidebar-block:last-of-type{
    margin-bottom: 0;
}
.alco-days-article__store-card{
    width: fit-content;
}
.alco-days__topics-nav-button{
    display: block;
    margin: 30rem 20rem 0 auto;
}
.alco-days-article__related-products-container{
    padding: 20px;
}
.alco-days-article__related-products-links{
    margin: 20rem 0 0;
    padding: 0 20rem;
    font-family: var(--font-family-en-secondary);
    font-weight: 600;
    display: flex;
    flex-direction: column;
    gap: 15rem;
}
.alco-days-article__related-products-link{
    display: flex;
    align-items: center;
    gap: 5rem;
    margin-bottom: 0;
    width: fit-content;
    color: var(--color-raven);
}
.alco-days-article__related-products-link::after{
    content: "";
    background-image: url(../../img/icons/icon-arrow-right-black.svg);
    background-size: 100% 100%;
    width: 18rem;
    height: 8rem;
    flex-shrink: 0;
}
.alco-days-article__visual-item{
    margin-bottom: 50rem;
}
.alco-days-article__keywords-list{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    column-gap: 10rem;
    row-gap: 5rem;
    margin-bottom: 0;
    padding: 0 20rem;
}
.alco-days-article__keywords-link{
    color: var(--color-raven);
    display: block;
}
.alco-days-article__related-articles{
    overflow: scroll;
}
.alco-days-article__related-articles__article-cards{
    width: 950rem;
    padding: 0 20rem;
}
.alco-days__featured-article{
    width:248rem ;
    flex-shrink: 0;
}
.alco-days-article__external-link{
    width: 295rem;
}
.alco-days-article__share-buttons-list{
    display: flex;
    gap: 12rem;
}
.alco-days-article__share-buttons-item{
    width: fit-content;
}
.alco-days-article__share-buttons-link{
    display: block;
    width: 24rem;
}
.alco-days-article__share-buttons-icon{
    width: 100%;
    display: block;
}




.alco-days-article__main{
    padding: 55rem 0 60rem;
}
.alco-days-article__body{
    max-width: var(--container-width--narrow);
    margin: 0 auto;
}
.alco-days-article__image-counter{
    margin: 0 0 0 auto;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 25rem;
}
.alco-days-article__image-counter::before{
    content: "";
    background-image: url(../../img/icons/arrow-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 6rem;
    height: 10rem;
    display: block;
    transform: scale(-1, 1);
}
.alco-days-article__image-counter::after{
    content: "";
    background-image: url(../../img/icons/arrow-next.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 6rem;
    height: 10rem;
    display: block;
}
.alco-days-article__image-counter--margin-right{
    margin-right: 30rem;
}
.alco-days-article__text--horizontal-padding{
    padding: 0 20rem;
}
.alco-days-article__snap-list{
    counter-reset: value-counter;
}
.alco-days-article__snap-list-item{
    padding: 30rem 20rem;
}
.alco-days-article__snap-visual{
    width: 335rem;
    margin-bottom: 30rem;
}
.alco-days-article__snap-image-wrapper--wide{
    width: 265rem;
    margin: 0 auto;
    display: block;
}
.alco-days-article__snap-image-item--active{
    display: block;
}
.alco-days-article__snap-image-wrapper--gallery .alco-days-article__snap-image-item{
    display: none;
    width: 100%;
}
.alco-days-article__snap-image-wrapper--gallery .alco-days-article__snap-image-item--active{
    display: block;
}
.alco-days-article__main-image-wrapper--wide .alco-days-article__main-image-item{
    display: none;
    width: 100%;
}
.alco-days-article__main-image-wrapper--wide .alco-days-article__main-image-item--active{
    display: block;
}

.alco-days-article__footer-info{
    padding: 0 20rem;
}

.alco-days-article__snap-image-item--flex{
    display: flex;
    width: 157.5rem;
    flex: 1;
    flex-direction: row;
}
.alco-days-article__snap-image-item--wide{
    margin: 0 auto;
}

.alco-days-article__author-profile{
    width: 255rem;
    margin: 0 auto 60rem;
}
.alco-days-article__author-image{
    width: 100%;
    display: block;
}
.alco-days-article__hero--yui-hasegawa{
    background-image:url(../../img/alco-days-temp/alco-days_intervew/days_intervew-hasegawa-yui-main.jpg) ;
}
.alco-days-article__author-info{
    padding: 30rem 20rem;
    border: 1rem solid var(--color-fogstone);
    background:#FFF;
}
.alco-days-article__author-head{
    display: flex;
    flex-direction: column;
    margin-bottom: 24rem;
    border-bottom: 2rem solid var(--color-fogstone);
    align-items: normal;
    padding-bottom: 20rem;
}
.alco-days-article__author-actions{
    display: flex;
    flex-direction: column;
}
.alco-days-article__author-social-links{
    display: flex;
    flex-direction: row;
    gap: 8rem;
}
.alco-days-article__author-social-links + .alco-days-article__author-official-site-link{
    margin-top: 10rem;
}
.alco-days-article__author-official-site-link-anchor{
    text-decoration: underline;
}
.alco-days-article__author-official-site-link-anchor::after{
    content: "";
    display: inline-block;
    width: 12rem;
    height: 12rem;
    margin-left: 6rem;
    mask-image: url(../../img/icons/icon-outward-link.svg);
    --webkit-mask-image: url(../../img/icons/icon-outward-link.svg);
    mask-repeat: no-repeat;
    --webkit-mask-repeat: no-repeat;
    background-color: var(--color-raven);
    text-align: center;
    vertical-align: middle;
}
.alco-days-article__author-bio{
    margin: 0;
    line-height: 150%;
    letter-spacing: 0.6rem;
}
.alco-days-article__author-name{
    display: flex;
    flex-direction: column;
    font-weight: 600;
    margin: 0 0 24rem;
}
.alco-days-article__author-name::after {
    content: attr(data-en);
    font: var(--font-sm);
    color: var(--color-raven);
    letter-spacing: var(--letter-spacing-base);
}
.alco-days-article__snap-text-gallery{
    margin-bottom: 80rem;
}
.alco-days-article__section__header{
}
.alco-days-article__image-wrapper--margin-bottom{
    margin-bottom: 30rem;
}
.alco-days-article__products--margin-bottom{
    margin-bottom: 60rem;
}
.alco-days-article__image-item{
    width: 100%;
    margin: 0 auto;
}
.alco-days-article__image-item--wide{
    width: 265rem;
}


.alco-days-article__header{
    padding: 0 20rem;
    margin-bottom: 30rem;
}
.alco-days-article__header--type-b{
    padding: 0;
}
.alco-days-article__main-image-wrapper{
    width: 335rem;
    display: flex;
    flex-direction: column;
    gap: 20rem;
}
.alco-days-article__main-image-wrapper__slider{
    margin-bottom: 30rem;
}
.alco-days-article__main-image-wrapper--wide{
    width: 375rem;
}
.alco-days-article__content-block{
    max-width: var(--container-width--narrow);
    margin: 0 auto;
}
.alco-days-article__snap-section{
    padding:0 20rem;
}
.alco-days-article__snap-image-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 20rem;
    flex-direction: row;
    margin-bottom: 30rem;
}
.alco-days-article__snap-image-item{
    display: block;
    width: 100%;
}
.alco-days-article__snap-image-wrapper--gallery .alco-days-article__snap-visual--narrow{
    width: 265rem;
    margin: 0 auto;
}
.alco-days-article__snap-image{
    width: 100%;
    display: block;
}
.alco-days-article__snap-person-info{
    margin-bottom: 30rem;
    counter-increment: value-counter;
    position: relative;    
    padding-left: 20rem;
    display: flex;
    flex-direction: column;
}
.alco-days-article__snap-person-info::before{
    content: counter(value-counter)".";
    position: absolute;  
    left: 0;         
    top: 0;
}
.alco-days-article__snap-person-title{
    display: block;
    margin-bottom: 0;
}

.alco-days-article__content{
    padding: 25rem 0 70rem;
}
.alco-days-article__main-content{
    padding: 30rem 20rem;
}
.alco-days-article__section{
    padding: 30rem 20rem;
}
.alco-days-article__footer{
    padding: 30rem 20rem;
}
.alco-days-article__snap-header{
    margin-bottom: 60rem;
}
.alco-days-article__snap-item{
    margin-bottom: 60rem;
}
.alco-days-article__snap-item:last-of-type{
    margin-bottom: 0;
}

.alco-days-article__text--margin{
    margin-bottom: 30rem;
}
.alco-days-article__product-link{
    color: var(--color-raven);
    text-decoration: underline;
}



@media screen and (min-width: 768px) {
    .alco-days-article__meta{
        flex-direction: row;
        gap: 20rem;
    }
    .alco-days-article__date{
        margin-bottom: 20rem;
    }
    .alco-days-article__title{
        font-size:30rem ;
    }
    .alco-days-article__section-title{
        margin:  100rem 0 30rem;
    }
    .alco-days-article__section-title-sub{
        /* margin:  70rem 0 30rem; */
    }
    .alco-days-article__body{
        padding: 40rem 20rem;
    }
    .alco-days-article__content{
        padding: 70em 0 ;
    }
    .alco-days-article__content-block{
        padding: 40rem 20rem;
    }
    .alco-days-article__image-counter--margin-right{
        margin: 0 0 0 auto;
    }
    .alco-days-article__main{
        padding: 60rem 0 130rem;
    }
    .alco-days-article__snap-person-info{
        flex-direction: row;
        align-items: center;
        gap: 20rem;
    }  
    .alco-days-article__related-articles__article-cards{
        width: 100%;
        flex-wrap: nowrap;
        padding: 0;
    }  
    .alco-days-article__snap-person-info::before{
        top: 4rem;
    }
    .alco-days-article__snap-image-wrapper{
        margin-bottom: 40rem;
    }
    .alco-days-article__main-image-wrapper--wide{
        width: 100%;
    }
    .alco-days-article__snap-visual{
        width: 100%;
        margin-bottom: 40rem;
    }
    .alco-days-article__snap-image-wrapper--gallery .alco-days-article__snap-visual--narrow{
        width: 464rem;
    }
    .alco-days-article__image-wrapper{
        width: 100%;
        gap: 20rem;
    }
    .alco-days-article__image-wrapper--margin-bottom{
        margin-bottom: 40rem;
    }
    .alco-days-article__image-wrapper--wide{
        width: 100%;
    }
    .alco-days-article__header{
        padding: 0 ;
        margin-bottom: 40rem;
    }
    .alco-days-article__snap-image-item--wide{
        width: 460rem;
    }
    .alco-days-article__products{
        margin-top: 40rem;
        flex-direction: row;
    }
    .alco-days-article__snap-text-gallery{
        margin-bottom: 80rem;
    }
    .alco-days-article__snap-section{
        padding:0 ;
        margin-bottom: 80rem;
    }
    .alco-days-article__snap-list-item{
        padding: 0;
        margin-bottom: 80rem;
    }
    .alco-days-article__snap-list-item:last-of-type{
        margin-bottom: 0;
    }
    .alco-days-article__text--margin{
        margin-bottom: 40rem;
    }
    .alco-days-article__text--horizontal-padding{
        padding: 0 ;
        margin-bottom: 30rem;
    }
    .alco-days-article__footer-info{
        padding: 0 ;
    }
    .alco-days-article__main-image-wrapper{
        width: 100%;
    }
    .alco-days-article__store-card{
        padding: 0 20rem;
    }
    .alco-days-article__sidebar{
        padding: 100rem 0 40rem;
    }
    .alco-days-article__store-info-title{
        margin-bottom: 25rem;
    }
}

/* interview */
@media screen and (min-width: 768px) {
    .alco-days-article__author-profile{
        width: 464rem;
    }
    .alco-days-article__author-name{
        flex-direction: row;
        gap: 10rem;
        align-items: center;
        font-weight: 600;
        margin: 0;
    }
    .alco-days-article__image-item--wide{
        width: 464rem;
    }
    .alco-days-article__author-head{
        flex-direction: row;
        justify-content: space-between;
        padding-bottom: 16rem;
        align-items: center;
    }
    .alco-days-article__author-actions{
        align-items: flex-end;
    }
}

@media screen and (min-width: 960px) {
    .alco-days-article__related-articles{
        padding: 0 20rem;
    }
}

/* new style additions  */
.alco-days-article__image-full{
    width: 100%;
    height: auto;
    display: block;
    margin: 50rem auto 50rem;
}
.alco-days-article__image-medium{
    width: 60%;
    height: auto;
    display: block;
    margin: 50rem auto 50rem;
}

.alco-days-article__image-row{
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
}
.alco-days-article__image-row-wrapper{
    display: flex;
    justify-content: center;
    gap: 20rem;
    margin-bottom: 30rem;
}
.alco-days-article__image-row-wrapper > p {
    flex: 1;          /* 等分に広げる（flex-grow: 1 と同義） */
    margin: 0;        /* pタグのデフォルトマージンを打ち消す */
    display: block;   /* または flex */
    min-width: 0;     /* Flexboxの子要素で画像がはみ出すバグ防止 */
}

/* 以下応急処置 */
.business__article-cards{
    width: 980rem;
}
.business__topics-list{
    padding: 0 20rem;
}


@media screen and (min-width: 768px) {
    .business__article-cards{
        width: 100%;
    }
    .business__topics-list{
        padding: 0;
    }

}

/* スライダー */
.glide__controlers{
    margin-top: 40rem;
    padding: 0 20rem;
}
.business__topics-nav-button{
    margin-left: auto;
    display: block;
}
.glide__controlers--related-articles{
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .glide__controlers{
        margin-top: 30rem;
    }
}