@charset "UTF-8";

@media screen and (min-width: 1024px) {
 /* 1024pxまでの幅の場合に適応される */
     .welmagheader-wrap{
         width: 100%;
         position: fixed;
         height: 77px;
         z-index: 10000;
         background: #ffffff;
     }
 }

 .asakatsuwellmag__thumbnail--title{
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     margin:0 auto;
     margin-top:40px;
     font-size:18px;
     font-weight: 400;
     line-height:2;
     width:90%;
 }

 .asakatsuwellmag__thumbnail--subtitle{
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     margin:0 auto;
     margin-top:20px;
     font-size:21px;
     font-weight: 400;
     line-height:2;
     width:90%;
 }

 .asakatsuwellmag__thumbnail--txt{
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     margin:0 auto;
     margin-top:40px;
     font-size:16px;
     font-weight: 400;
     line-height:2;
     width:90%;
 }

 .asakatsuwellmag__thumbnail--cap{
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     margin:0 auto;
     margin-top:20px;
     font-size:14px;
     font-weight: 400;
     line-height:2;
     width:90%;
 }

 .asakatsuwellmag__thumbnail--cap.credit{
     width: 85%;
     margin:0 auto;
     margin-top:20px;
 }

 .wellmag-essay__credit--explain a{
     color: #0096C8;
     text-decoration: underline;
 }

 .hum__content--adbanner a{
     width:50%;
 }

 .asakatsu__bottom--item.henshucolumn{
     display: block;
     margin: 0 auto;
     margin-top: 30px;
 }


 #progress-bar {
     position: fixed;
     top: 77px;
     left: 0;
     width: 0;
     height: 4px;
     width: 100%;
     background-color: #E6E6E6;
     z-index:100;
 }

 #progress-bar-color{
     content: "";
     position: absolute;
     height: 100%;
 }

 .wellmag__fv--wrap .slick-prev::before {
     content:' ';
     width: 50px;
     height: 50px;
     border-right: solid 4px #f09199;
     transform: rotate(-35deg);
     position: absolute;
     top: calc(50%);
     right: 10px;
     opacity:1;
 }

 .wellmag__fv--wrap .slick-prev::after {
     content:' ';
     width: 50px;
     height: 50px;
     border-right: solid 4px #f09199;
     transform: rotate(35deg);
     position: absolute;
     top: calc(50% - 65px);
     right: 10px;
     opacity:1;
 }


 .wellmag__fv--wrap .slick-next::before {
     content:' ';
     width: 50px;
     height: 50px;
     border-right: solid 4px #f09199;
     transform: rotate(35deg);
     position: absolute;
     top: calc(50% - 19px);
     right: 10px;
     opacity:1;
 }

 .wellmag__fv--wrap .slick-next::after {
     content:' ';
     width: 50px;
     height: 50px;
     border-right: solid 4px #f09199;
     transform: rotate(-35deg);
     position: absolute;
     top: calc(50% - 32px);
     right: 10px;
     opacity:1;
 }

 .hum__accordion--title{
     position:relative;
 }

 .hum__accordion--title::before{
     content: "";
     position: absolute;
     width: 10px;
     height: 2px;
     background: #000000;
     left: 0;
     top: calc(50% - 1px);
 }

 .hum__content--adbanner{
     display: flex;
     gap: 30px;
     margin-bottom: 20px;
 }

 .hum__content--qsailogo{
     padding: 0 5%;
     padding-top: 40px;
     border-top: 2px solid #000000;
     margin-bottom: 40px;
 }

 .hum__content--qsailogo a{
     display: block;
     width: 150px;
 }

 .hum__content--first{
     border-top: unset;
 }

 .wellmag-essay__fv{
     width:100%;
     max-width:800px;
     margin:0 auto;
 }

 .wellmag-interview{
     font-family: roboto, sans-serif;
     width: 85%;
     margin: 0 auto;
     margin-top: 30px;
 }

 .wellmag-interview__title{
     font-size: 20px;
     margin-top: 12px;
     letter-spacing: 0.1em;
 }

 .wellmag-interview__txt{
     font-size:16px;
     letter-spacing: 0.1em;
     line-height: 1.8;
 }

 .wellmag-essay__title{
     margin: 0 auto;
     font-size: 26px;
     font-weight: 700;
     line-height: 2;
     max-width: 800px;
     width: 90%;
     margin-top: 30px;
 }

 .wellmag-essay__wrap{
     max-width: 800px;
     width: 90%;
     margin: 0 auto;
     margin-top: 100px;
 }
 p:has(.wellmag-essay__border){
     padding: 50px;
     border: 1px solid #B2B2B3;
     font-size: 16px;
     font-weight: 500;
     line-height: 2.3;
     margin: 100px 0;
 }

 .wellmag-essay__img{
     margin:100px 0 50px 0;
     width: 100%;
 }

 .wellmag-essay__txt{
     margin: 50px auto 100px auto;
     font-size: 16px;
     font-weight: 500;
     line-height: 2.3;
     width: 85%;
 }

 .wellmag-essay__lead{
     margin: 100px auto 50px auto;
     font-size: 22px;
     font-weight: 700;
     line-height: 2.3;
     width: 85%;
     border-bottom: 1px solid #B2B2B3;
 }

 .wellmag-essay__credit{
     margin: 0 auto;
     margin-top: 150px;
     padding: 37px 50px 50px 50px;
     border: 1px solid #B2B2B3;
     width: 85%;
 }

 .wellmag-essay__credit--title{
     font-size: 28px;
     font-weight: 100;
     letter-spacing: 0.1em;
     font-family: roboto, sans-serif;
     font-weight: 200;
     font-style: normal;
 }

 .wellmag-essay__credit--flex{
     margin-top: 10px;
     display: flex;
     gap: 30px;
     align-items: center;
 }

 .wellmag-essay__credit--img{
     width: 35%;
 }

 .wellmag-essay__credit--profile{
     width: 100%;
 }

 .wellmag-essay__credit--name{
     font-size: 24px;
     font-weight: 600;
     line-height: 1.5;
 }

 .wellmag-essay__credit--explain{
     margin-top: 20px;
     font-size: 14px;
     font-weight: 500;
     opacity: 0.5;
 }

 .wellmag-essay__credit--sns{
     margin-top: 50px;
     display: flex;
     justify-content: right;
     align-items: center;
     gap: 10px;
 }

 .wellmag-essay__credit--sns-logo{
     display: block;
     width: 35px;
 }

 .wellmag__thema--more{
     margin: 0 auto;
     display: block;
     width: 100%;
     max-width: 500px;
     margin-top: 50px;
     font-size: 16px;
     font-weight: 300;
     text-align: center;
     border-radius: 50px;
     border: 1px solid #000000;
     line-height: 60px;
     background-color: #ffffff;
     transition: 0.3s;
     font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, sans-serif;
 }

 .wellmag__thema--more:hover{
     background: #F0F0F0;
     transition: 0.3s;
 }

 .wellmag-column__allwrap{
     padding-bottom: 150px;
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     font-weight: 400;
     font-style: normal;
 }


 .md-column__name{
     font-size: 18px!important;
 }

 @media (max-width: 545px){
     .wellmag-column__allwrap{
         padding-bottom: 100px;
     }
     .wellmag-essay__title{
         font-size: 18px;
     }

     .wellmag-essay__border{
         padding: 30px;
         font-size: 14px;
         margin: 30px 0;
     }

     .wellmag-essay__wrap{
         margin-top: 30px;
     }

     .wellmag-essay__txt{
         width: 90%;
         margin: 15px auto 80px auto;
         font-size: 14px;
     }

     .wellmag-essay__lead{
         font-size: 18px;
         width: 90%;
         margin: 50px auto 15px auto;
     }

     .wellmag-essay__credit{
         padding: 16px 30px 30px 30px;
         margin-top: 80px;
         width:100%;
     }

     .wellmag-essay__credit--title{
         font-size: 24px;
     }

     .wellmag-essay__credit--name{
         font-size: 16px;
     }

     .wellmag-essay__credit--explain{
         margin-top: 10px;
         font-size: 12px;
     }

     .wellmag-essay__credit--sns-logo{
         width: 28px;
     }

     .wellmag-essay__credit--flex{
         gap: 15px;
     }

     .wellmag-essay__img{
         margin: 60px 0 15px 0;
     }

     .wellmag-essay__title{
         margin-top: 20px;
         line-height: 1.5;
     }

     .wellmag-essay__lead{
         line-height: 1.5;
     }

     .wellmag-interview{
         width: 100%;
     }
 }



 .wellmag-essay__cap{
     margin-top: 10px;
     font-size: 12px;
     font-weight: 300;
     color: #646464;
 }
 .wellmag__thema--more{
     cursor: pointer;
 }
 .asakatsu__bottom--product{
     display: flex;
     flex-wrap: wrap;
     gap:30px 50px;
 }
 .asakatsu__bottom--item{
     width:calc(50% - 25px);
 }
 .wellmag__recommend--label{
     font-size:12px;
     margin-top: 10px;
     display: flex;
     gap: 5px;
 }
 .wellmag__recommend, .wellmag__related{
     padding:0!important;
 }
 .wellmag__recommend--wrap{
     padding:50px 0;
     border-top: 1px solid #969696;
     border-bottom: 1px solid #969696;
 }
 .wellmag-label.yellow{
     border-radius: 50px;
 }
 
 .wellmag-label.pink{
     
 }
 .wellmag-label.blue{
     border-radius: 5px;
 }
 .wellmag__products--title{
     font-family: "zen-old-mincho", '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',sans-serif;
     margin-top: 10px;
     font-size: 17px;
     font-weight: 400;
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     line-height: 1.5;
 }
 .asakatsu__bottom--product{
     max-width: 600px;
     margin: 0 auto;
     margin-top: 30px;
 }
 .wellmag-essay__product--wrap{
     background: #ffffff;
     padding: 30px 0;
 }
 .welmag-column__share{
     width: 85%;
     margin: 0 auto;
     margin-top: 30px;
 }
 .welmag-column__share--txt{
     font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, sans-serif;
     font-size: 18px;
 }
 .welmag-column__button--wrap{
     display: flex;
     margin-top: 10px;
     gap: 15px;
 }
 .welmag-column__button--item{
     width: 40px;
     height: 40px;
 }
 .asakatsu__bottom--title{
     text-align: center;
     font-size: 22px;
     font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, sans-serif;
 }
 .asakatsu__bottom--column{
     display: flex;
     flex-wrap: wrap;
     gap: 30px 50px;
     margin-top: 30px;
 }
 @media (max-width: 545px){
     .welmag-column__share{
         width:100%;
     }
     .wellmag__recommend--label{
         margin-top: 5px;
         font-size: 12px;
     }
     .wellmag__products--title{
         font-size: 12px;
         margin-top: 5px;
     }
     .asakatsu__bottom--product,.asakatsu__bottom--column{
         gap: 15px 20px;
     }
     .asakatsu__bottom--item{
         width: calc(50% - 10px);
     }
 }



.welmag_published{
    text-align: right;
    margin: 20px auto;
    max-width: 800px;
    width: 90%;
    font-size: 16px;
}
.wellmag-essay__main >  p{
    margin: 50px auto 100px auto;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.3;
    width: 85%;
}
.wellmag-essay__border{
    padding: 0;
    border: none;
}
p:has(.wellmag-essay__border){
    padding: 50px;
    border: 1px solid #B2B2B3;
    font-size: 16px;
    font-weight: 500;
    line-height: 2.3;
    margin: 100px 0;
    width: 100%;
}

.wellmag-essay__main h2{
    border: unset;
    font-size: 22px;
    font-weight: 500;
    width: 100%;
    line-height: 2.3;
}

.wellmag-essay__main .emphasis{
    background-image: radial-gradient(circle at center, black 25%, transparent 25%);
    background-position: top right;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    padding-top: .4em;
}

.wellmag-essay__main h3{
    border: unset;
    font-size: 22px;
    font-weight: 500;
    line-height: 2.3;
    width: 85%;
    margin: 0 auto;
}

.wellmag__products--title.color-gray{
    opacity: 0.5;
    font-size: 14px;
}

.breadcrumbs{
    /* display:none; */
}

.breadcrumbs.welmagcolumn{
    display:block;
}


 .product-cart__left::before, .product-review-band__select-wrap::before{
     background-image: url(https://d2w53g1q050m78.cloudfront.net/devkyusaicojp/uploads/theme/img/cart-arrow.svg);
     right: 8px;
 }

 .wellmag-essay__lead{
     margin: 100px auto -100px auto;
     font-size: 22px;
     font-weight: 500;
     line-height: 2.3;
     border-bottom: unset;
     width:100%;
 }

 .wellmag-essay__lead.welmag_henshu{
     background: #FFFFFF;
     border-radius: 5px;
     margin-bottom: -85px;
     padding-left: 20px;
     line-height: 2;
 }

 .welmag_henshu--link{
     color: #0096C8;
     text-decoration: underline;
 }

 .welmag_henshu__speak{
     display: flex;
     gap: 20px;
     width: 85%;
     margin: 50px auto;
     font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, sans-serif;
 }

 .md-column__product{
     margin: 0px 0 35px 0;
     font-family: Hiragino Kaku Gothic Pro, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, sans-serif;
 }

 .welmag_henshu__speak--img{
     width: 90px;
 }

 .welmag_henshu__speak--name{
     display: block;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
 }

 .welmag_henshu__speak--fukidashi{
     position: relative;
     width: calc(100% - 110px);
     height: fit-content;
     padding: 15px;
     background-color: #ffffff;
     border-radius: 5px;
     margin-top: 10px;
 }

 .welmag_henshu__speak--fukidashi::before{
     content: '';
     position: absolute;
     left: -12px;
     top: 25px;
     width: 0;
     height: 0;
     border-style: solid;
     border-top: 10px solid transparent;
     border-bottom: 10px solid transparent;
     border-right: 12px solid #ffffff;
     border-left: 0;
 }

 .welmag_henshu__speak--title{
     font-size: 13px;
     color: #B4B4B4;
     margin-bottom: 10px;
     font-weight: 600;
 }

 .welmag_henshu__speak--txt{
     font-size: 18px;
 }

 .md__cart--wrap{
     display: flex;
     gap:30px;
     align-items: center;
     justify-content: space-between;
     width:100%;
 }

 .md__cart--wrap .product-cart__link{
     width: calc(100% - 150px);
 }

 .md__cart--wrap .product-cart__left{
     height: 40px;
 }

 .product-cart__select{
     padding: 0 20%;
 }

 .wellmag-henshu__txt{
     margin: 0px auto 5px auto;
     font-size: 16px;
     font-weight: 500;
     line-height: 2.3;
 }


 .md-column__product--explain{
     line-height:1.3;
 }

 .md-column__product--explain small{
     font-size:75%;
 }

 @media (max-width: 545px){

     .wellmag-essay__lead.welmag_henshu{
         margin-bottom: -50px;
     }

     .wellmag-henshu__txt{
         font-size: 14px;
     }

     .md-column__product--price{
         font-size: 21px;
     }

     .wellmag-essay__txt{
         width: 90%;
         margin: 15px auto 50px auto;
         font-size: 14px;
     }

     .wellmag-essay__lead{
         font-size: 18px;
         margin: 50px auto -60px auto;
     }

     .md__cart--wrap.size{
         flex-wrap: wrap;
     }

     .md__cart--wrap.size .product-cart__left{
         width: calc(50% - 18px);
     }
 }


/* WELMAGカートエリアのリニューアル後のCSS（2025年5月） */

.md-column__product.renewal {
    padding: 30px;
    .md-column__product--flex {
        gap: 16px;
    }
    .md-column__product {
        padding: 30px;
    }
    .md-column__product--flex {
        gap: 16px;
    }
    .md-column__product--img {
        width: 250px;
        height: 250px;
    }
    .md-column__product--explain {
        padding-bottom: 24px;
    }
    .md-column__product--explain, .md-column__product--explain small {
        margin-top: 16px;
    }
    .product-content__tag-wrap {
        margin-top: 24px;
    }
    .product-content__tag {
        width: 120px;;
    }
    .product-content__tag--red {
        background: #BF4B4B;
    }
    .product-content__price {
        display: flex;
        width: 100%;
        margin-top: 16px;
    }
    .product-content__ja, .product-before__en {
        font-size: 12px;
    }
    .product-before__line {
        width: 100%;
        transform: rotate(9deg);
    }
    .product-before__number {
        font-size: 16px;
        font-weight: 600;
    }
    .product-after__number {
        font-size: 38px;
        font-weight: 600;
        color: #BF4B4B;
    }
    .product-after__en {
        color: #BF4B4B;
        font-size: 16px;
    }
    .price-normal__number {
        font-size: 38px;
        font-weight: 600;
    }
    
    .price-normal__number + .product-before__en {
        font-size: 16px;
        margin-left: 4px;
    }
    @media (max-width: 545px) {
        padding: 20px 24px;
        /* margin: 0 -12%; */
    
            
        .md-column__product--content {
            margin-top: 16px;
        }
        .md-column__product--flex {
            display: block;
            margin: 0 auto;
        }
        
        .md-column__product--img {
            width: 100%;
            height: auto;
        }
        .md-column__product--content {
            width: 100%;
        }
    }
}

/* 2025/8/15 CX改善 */
.product-cart__link {
    color: #fff !important;
}
.newsdetail_day,.newsdetail_cate,.newsdetail_title {
    display: none;
}
.footer__link--txt {
    color: #FFFFFF !important;
}
@media (max-width: 545px) {
    .newsdetail__wrap {
        width: 100%;
    }
    .newsdetail__wrap,.newsdetail_content {
        margin-top: 0 !important;
    }
}