/* information一覧画面 */
.news__wrapper{
    padding: 0 20rem;
}
.news__container{
    padding:60rem 0 20rem ;
    max-width: 992rem;
    margin: 0 auto;
}
.news__page-title{
    margin-bottom: 50rem;
}
.news__subtitle{
    margin: 0;
}
.news{
    padding: 60rem 20rem 30rem;
}
.news__filter{
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30rem;
    gap: 10rem;
}
.news__filter-item{
    font-family:var(--font-family-en-primary) ;
    width: 105rem;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    line-height: 20rem;
}
.news__filter-item--active{
    border-bottom: 1rem solid var(--color-raven);
}
.news__list{
    margin-bottom: 50rem;
}
.news__item:last-of-type{
    border-bottom: 1rem solid var(--color-fogstone);
}
.news__item{
    border-top: 1rem solid var(--color-fogstone);
}
.news__item-link{
    padding: 30rem 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36rem;
    transition: .5s all ease-in-out;
}
/* .news__item-link::after {
    content: "";
    background-image: url(../../../img/icons/icon-arrow-right-black.svg);
    background-size: 100% 100%;
    width: 18rem;
    height: 8rem;
    flex-shrink: 0;
} */
.news__item-link:hover{
    /* background-color: var(--color-snow); */
}


.news__content{
    display: flex;
    gap: 14rem;
    flex-direction: column;
}
.news__meta{
    margin: 0;
    display: flex;
    gap: 10rem;
}
.news__date{
    margin: 0;
    line-height: 20rem;
    letter-spacing: normal;
}
.news__category{
    color: var(--color-ocean-haze);
    font-family: var(--font-family-en-tertiary);
    margin: 0;
    display: inline-block;
    vertical-align: bottom;
    font-weight: 500;
}
.news__new-badge{
    color: var(--color-terracotta);
    font-family: var(--font-family-en-secondary);
    margin: 0;
}
.news__new-badge--active{
    display: block;
}
.news__body{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-grow: 1;
}



.news__article-title{
    margin: 0;
    transition: .3s all ease-out;
    /* line-height: 2; */
}




.news__read-more-text{
    display: none;
}
.sp-none{
    display: none;
}
.pc-none{
    display: flex;
}


@media screen and (min-width: 768px) {
    .sp-none{
        display: flex;
    }
    .pc-none{
        display: none;
    }
    .news{
        padding: 120rem 20rem 80rem;
    }
    .news__wrapper{
        padding: 0;
    }
    .news__header{
        margin-bottom: 80rem;
    }
    .news__page-title{
        margin-bottom: 60rem;
    }
    .news__list{
        margin-bottom: 60rem;
    }
    .news__item-link{
        padding: 40rem 20rem;
    }
    .news__item-link::after{
        display: none;
    }

    .news__container{
        padding:120rem 0 40rem ;
    }
    .news__content{
        flex-direction: row;
        gap: 60rem;
        flex-grow: 1;
    }
    .news__meta{
        gap: 12rem;
        margin: 0;
        flex-direction: column;
        width: 80rem;
        flex-shrink: 0;
        flex-grow: 0;
        padding: 12rem 0;
    }
    .news__body{
        padding: 10rem 0;
        gap: 8rem;
    }
    .news__read-more-text{
        font-style: normal;
        display: flex;
        align-items: center;
        gap: 10rem;
        margin: 0;
        font-weight: 500;
        font-family: var(--font-family-en-tertiary);
    }

    .news__read-more-text::after {
        content: "";
        background-image: url(../../../img/icons/icon-arrow-right-black.svg);
        background-size: 100% 100%;
        width: 18rem;
        height: 8rem;
        flex-shrink: 0;
        
        /* ホバーアニメーションのための追加設定 */
        transition: transform 0.3s ease-out; 
        transform: translateX(0); 
        display: inline-block; 
    }

    .news__item-link:hover .news__read-more-text::after {
        transform: translateX(5rem); 
    }

    .news__item-link:hover .news__read-more-text {
        color: var(--color-forest); 
    }

    .news__item-link:hover .news__article-title{
        color: var(--color-forest);
    }

    .news__filter-item{
        width: 160rem;
    }
    .news__filter{
        gap: 40rem;
        margin-bottom: 60rem;
    }
}

/* information詳細画面(detail) */
.news-detail{
    padding: 0;
}
.unbreak-chunk{
    display: inline-block;
}
.news-detail__article{
    background-color: var(--color-snow);
    padding: 40rem 20rem 60rem;
}
.news-detail__wrapper{
    padding: 0 20rem 0;
}
.news-detail__header{
    padding-bottom: 30rem;
    border-bottom: 1rem solid var(--color-fogstone);
}
.news-detail__meta{
    margin-bottom: 20rem;
}
.news-detail__category{
    font-family: var(--font-family-en-tertiary);
    color:var(--color-ocean-haze);
    margin-right: 15rem;
    font-weight: 500;
}
.news-detail__title{
    margin: 0;
}
.news-detail__date{
    line-height: 20rem;
    font-weight: 400;
    font-family:var(--font-family-en-tertiary);
}
.news-detail__content{
    margin: 40rem 0 0 ;
}
.news-detail__subheading{
    margin: 0 0 40rem 0;
}
.news-detail__tertiary-heading{
    margin-bottom: 10rem;
    margin-top: 40rem;
}
.news-detail__body-text{
    margin-bottom: 20rem;
}
.news-detail__list{
    padding-left: 20rem;
    margin-bottom: 40rem;
}
.news-detail__list-item::marker{
    font-size: 10rem;
}
.news-detail__list-item{
    margin: 0;
}
.news-detail__link{
    font-family: var(--font-family-en-tertiary);
    text-decoration: underline;
    display: block;
    margin-bottom: 40rem;
}
.news-detail__link--button-style{
    font-weight: 600;
    line-height: 20rem;
    font-family:  var(--font-family-jp);
    letter-spacing: normal;
    text-decoration: none;
    margin-bottom: 60rem;
    display: flex;
    align-items: center;
    gap: 10rem;
}
.news-detail__link--button-style::after{
    content: "";
    background-image: url(../../../img/icons/icon-arrow-right-black.svg);
    background-size: 100% 100%;
    width: 18rem;
    height: 8rem;
    flex-shrink: 0;
}
.news-detail__table{
    width: 100%;
    padding: 0 20rem;
    margin-bottom: 40rem;
}
.news-detail__table--fixed-width{
    width: 782rem;
    margin-bottom: 24rem;
}
.news-detail__table-caption{
    background-color: var(--color-fogstone) ;
    opacity:0.8 ;
    padding: 20rem;
    text-align: left;
}
.news-detail__table-title{
    margin: 0;
}
.news-detail__price--old{
    text-decoration: none;
}
.news-detail__text--bold{
    display: block;
}
.news-detail__table-subtitle{
    margin: 0;
}
.news-detail__table-header{
    display: none;
}
.news-detail__table-row{
    border-bottom: 1rem solid var(--color-fogstone);
    display: block;
    width: 100%;
}
.news-detail__table-heading{
    text-align: left;
    padding: 15rem 30rem;
}
.news-detail__table-cell{
    text-align: left;
    padding: 15rem 30rem;
    display: block;
    width: 100%;
}
.news-detail__table-cell::before{
    content: attr(data-label);
}
.news-detail__table-cell--price::before{
    margin-right: 20rem;
}
.news-detail__table-cell:last-of-type{
    border-bottom:none;
}
.news-detail__table-cell--oldprice{
    padding: 5rem 30rem 5rem;
}
.news-detail__table-cell--newprice{
    padding:5rem 30rem 15rem;
}
.news-detail__image-wrapper{
    margin: 0 auto;
    width: 335rem;
    height: auto;
    margin-bottom: 20rem;
}
.news-detail__image-wrapper--sizes:last-of-type{
    margin-bottom: 0;
}
.news-detail__image{
    display: block;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .news-detail{
        padding-top: 80rem;
    }
    .news-detail__main-container{
        padding: 0 45rem;
    }
    .news-detail__article{
        padding: 60rem 105rem 100rem;
    }
    .news-detail__wrapper{
        padding: 0 ;
    }
    .news-detail__header{
        padding-bottom: 40rem;
    }
    .news-detail__category{
        margin-right: 30rem;
    }
    .news-detail__content{
        margin: 60rem 0 0 ;
    }
    .news-detail__link{
        margin-bottom: 60rem;
    }
    .news-detail__table-header{
        display: table-header-group;
        border-left: 1rem solid var(--color-fogstone);
        border-right: 1rem solid var(--color-fogstone);;
    }
    .news-detail__table-body{
        border-left: 1rem solid var(--color-fogstone);
        border-right: 1rem solid var(--color-fogstone);
        display: table-row-group;
    }
    .news-detail__table-caption{
        padding: 30rem 40rem;
    }
    .news-detail__table-row{
        display: table-row;
    }
    .news-detail__table-heading{
        display: table-cell;
    }
    .news-detail__table-cell{
        display: table-cell;
        width: 52%;
    }
    .news-detail__table-cell--price{
        width: 24%;
    }  
    .news-detail__table-cell::before{
        display: none;
    }
    .news-detail__image-wrapper--sizel{
        width: auto;
        height: auto;   
        aspect-ratio: 742 / 495;
        margin-bottom: 60rem;
    }
    .news-detail__image-wrapper--sizem{
        width: 60.35%;
        aspect-ratio: 742 / 495;
        margin-bottom: 60rem;
    }
    .news-detail__image-group{
        display: flex;
        gap: 48rem;
    }
    .news-detail__image-wrapper--sizes{
        width: 47.05%;
        aspect-ratio: 742 / 495;
        margin-bottom: 0;
    }
}



/* article */
.news-detail__body{
    margin-bottom: 40rem;
}
.news-detail__subheading{
    margin-bottom: 20rem;
}
.news-detail__address{
    margin-bottom: 40rem;
}
.news-detail__map-embed{
    flex-shrink: 0;
    width: 52%;
    min-width: 335rem;
    height: 335rem;
    filter: grayscale(1);
}

@media screen and (min-width: 768px) {
    .news-detail__body{
        margin-bottom: 60rem;
    }
    .news-detail__subheading{
        margin-bottom: 20rem;
    }
    .news-detail__address{
        margin-bottom: 60rem;
    }
    .news-detail__map-embed{
        min-width: 472rem;
        height: 472rem;
    }
}



.news__image-full{
    width: 100%;
    height: auto;
    display: block;
    margin: 50rem auto 50rem;
}
.news__image-medium{
    width: 60%;
    height: auto;
    display: block;
    margin: 50rem auto 50rem;
}

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

.news-list__filter{
    line-height: 20rem;
    font-family:var(--font-family-en-tertiary);
    font-weight: 500;
    display: flex;
    gap: 10rem;
    margin: 0;
    text-align: center;
    justify-content: center;
    max-width: var(--container-width-new);
    margin: 0 auto 30rem;
}
.news-list__filter-item{
    list-style-type: none;
    width: 105rem;
    height: 40rem;
    font-family: var(--font-family-en-primary);
    margin-bottom: 0;
}
.news-list-tablink{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    /* padding: 13rem; */
    color: var(--color-raven);
}
.news-list-tablink:hover{
    color: var(--color-raven);
}


.news__thumbnail{
    display: block;
    width: 100%;
    height: auto;
    flex-shrink: 0;
}
.news__thumbnail-image{
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 768px) {
    .news__thumbnail{
        width: 240rem;
    }
    .news__thumbnail-image{
        /* display: block;
        width: 100%;
        height: auto; */
    }
    .news__article-title{
        line-height: 2;
    }

    .news-list__filter{
        gap: 40rem;
        margin: 0 auto 60rem;

    }



    .news-list__filter-item{
        width: 160rem;
    }


}