/*====================================
Journal 基本設定
====================================*/

#Journal {
    max-width:1360px;
}

#Journal .c-ttl {
    display:block;
}

#Journal > article > h2 {
    display:none;
}

#JournalList .journal-cont,
#Journal .journal-cont {
    margin-bottom:0;
}

#bread-crumb #bread-crumb-listTop ol li:nth-child(2){
    display:none;
}



/*====================================
定期コース 共通
====================================*/

.subscription {
    padding-bottom:80px;
}


@media only screen and (max-width:768px){

    .subscription {
        padding-bottom:40px;
    }

}



/* 見出し */

.subscription .c-ttl {

    line-height:1.4 !important;

    text-align:center;

    margin-bottom:20px;

}


@media only screen and (min-width:769px){

    .subscription .c-ttl {

        font-size:44px !important;

    }

}


@media only screen and (max-width:768px){

    .subscription .c-ttl {

        margin-bottom:15px;

    }

}



/* 説明文 */

.subscription__txt {

    font-size:16px;

    line-height:1.6;

    letter-spacing:.02em;

    margin-bottom:30px;

    text-align:center;

}


@media only screen and (max-width:768px){

    .subscription__txt {

        font-size:15px;

        margin-bottom:22px;

        text-align:left;

    }

}



/* ボタン */

.subscription .c-btn {

    max-width:360px;

    margin:0 auto;

}


@media only screen and (max-width:768px){

    .subscription .c-btn {

        max-width:100%;

    }

}


.subscription .c-btn:after {

    transform:translateY(-50%) rotate(90deg);

}



/*====================================
定期項目
====================================*/

.subscription__list {

    margin:60px 0 85px;

}


@media only screen and (max-width:768px){

    .subscription__list {

        margin:40px 0 50px;

    }

}



.subscription__item {

    margin-bottom:60px;

}


@media only screen and (max-width:768px){

    .subscription__item {

        margin-bottom:40px;

    }

}


.subscription__item:last-child {

    margin-bottom:0;

}



/* セクションタイトル */

.subscription__item__ttl {

    background:var(--color-primary);

    color:#fff !important;

    font-size:40px !important;

    font-family:var(--font-gothicZen) !important;

    font-weight:700;

    letter-spacing:.04em;

    text-align:center;

    margin:0 calc(50% - 50vw) 30px !important;

    padding:18px 0 !important;

}



@media only screen and (max-width:768px){

    .subscription__item__ttl {

        font-size:24px !important;

        margin-bottom:20px !important;

    }

}



/* 小見出し */

.subscription__item__ttl small {

    font-size:24px !important;

    margin-right:5px;

}


@media only screen and (max-width:768px){

    .subscription__item__ttl small {

        display:block;

        font-size:15px !important;

        margin:0 0 3px;

    }

}



/* 説明 */

.subscription__item__txt {

    font-size:16px;

    line-height:1.6;

    letter-spacing:.02em;

    text-align:center;

}


@media only screen and (max-width:768px){

    .subscription__item__txt {

        font-size:15px;

        text-align:left;

    }

}



/*====================================
画像ボックス
====================================*/

.subscription__item__img01 {

    max-width:900px;

    margin:30px auto 0;

    overflow:hidden;

    border-radius:20px;

}


.subscription__item__img01 .ttl {

    background:var(--color-tertiary);

    font-size:16px;

    padding:12px 0;

    text-align:center;

}


.subscription__item__img01 .in {

    background:#fff;

    padding:32px 40px 40px;

    text-align:center;

}


.subscription__item__img02 {

    max-width:902px;

    margin:22px auto;

}



@media only screen and (max-width:768px){

    .subscription__item__img01 {

        border-radius:10px;

        margin-top:22px;

    }


    .subscription__item__img01 .in {

        padding:20px;

    }

}
/*====================================
定期コース メリットカード
====================================*/

.subscription__item ul {

    display:flex;

    flex-wrap:wrap;

    gap:20px;

}


.subscription__item ul li {

    width:calc(33.333% - 13.333px);

    background:#fff;

    border-radius:20px;

    padding:50px 37px !important;

}



.subscription__item ul li .ttl {

    font-size:24px !important;

    color:var(--color-primary) !important;

    font-family:var(--font-gothicZen) !important;

    font-weight:700;

    letter-spacing:.04em;

    margin-bottom:20px !important;

}



.subscription__item ul li .txt {

    font-size:16px;

    line-height:1.6;

    letter-spacing:.02em;

}



.subscription__item ul li .note {

    font-size:14px;

    line-height:1.6;

    margin-top:7px;

}



@media only screen and (max-width:999px) and (min-width:769px){

    .subscription__item ul li {

        width:100%;

    }

}



@media only screen and (max-width:768px){


    .subscription__item ul {

        gap:10px;

    }


    .subscription__item ul li {

        width:100%;

        border-radius:10px;

        padding:25px 20px !important;

    }


    .subscription__item ul li .ttl {

        font-size:20px !important;

        margin-bottom:8px !important;

    }


    .subscription__item ul li .txt {

        font-size:15px;

    }


    .subscription__item ul li .note {

        font-size:13px;

    }

}
/*====================================
カルロン定期 商品一覧
====================================*/


/* 商品一覧タイトル */

.subscription__product__ttl {

    font-size:40px !important;

    font-family:var(--font-gothicZen);

    font-weight:700;

    line-height:1.4;

    letter-spacing:.04em;

    text-align:center;

    margin-bottom:45px;

}



@media only screen and (max-width:768px){

    .subscription__product__ttl {

        font-size:24px !important;

        margin-bottom:22px;

    }

}



/*====================================
カルロン定期 商品リスト
上3商品・下2商品
====================================*/


.subscription__product__list {

    max-width:1100px;

    margin:0 auto !important;

    display:grid;

    gap:24px;

}



/* 上段：3商品 */

.subscription__product__list--top {

    grid-template-columns:repeat(3,1fr);

    margin-bottom:24px !important;

}



/* 下段：2商品 */

.subscription__product__list--bottom {

    grid-template-columns:repeat(2,1fr);

}



/* 下段2商品を中央寄せ */

.subscription__product__list--bottom {

    justify-content:center;

}



/* 商品カード */

.subscription__product__item {

    width:100% !important;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow);

}



/* 商品画像 */

.subscription__product__item .img img {

    width:100%;

    height:auto;

    display:block;

}



/* 商品情報 */

.subscription__product__item .in {

    padding:18px;

}



/* ラベル */

.subscription__product__item .label {

    display:inline-block;

    background:var(--color-primary) !important;

    color:#fff;

    font-size:13px;

    border-radius:5px;

    padding:2px 8px;

    margin-bottom:8px;

}



/* 商品名 */

.subscription__product__item .name {

    font-size:19px;

    line-height:1.4;

    margin-bottom:12px;

}



/* 価格 */

.subscription__product__item .selling_price {

    font-size:28px;

    font-family:var(--font-gothicZen);

    font-weight:700;

}



/*====================================
スマホ
====================================*/

@media only screen and (max-width:768px){


    .subscription__product__list--top,
    .subscription__product__list--bottom {

        grid-template-columns:repeat(2,1fr);

    }


    .subscription__product__list {

        gap:12px;

    }


    .subscription__product__item {

        border-radius:10px;

    }


    .subscription__product__item .in {

        padding:12px 10px;

    }


    .subscription__product__item .name {

        font-size:14px;

    }


    .subscription__product__item .selling_price {

        font-size:18px;

    }

}

/*====================================
商品カード
====================================*/


.subscription__product__item {

    width:100% !important;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow);

}



/* 商品画像 */

.subscription__product__item .img {

    width:100%;

}


.subscription__product__item .img img {

    display:block;

    width:100%;

    height:auto;

}





/* 商品情報 */

.subscription__product__item .in {

    padding:18px;

}




/* 定期ラベル */

.subscription__product__item .label {

    display:inline-block;

    background:var(--color-primary) !important;

    color:#fff;

    font-size:13px;

    line-height:1.5;

    letter-spacing:.02em;

    border-radius:5px;

    padding:2px 8px;

    margin-bottom:8px;

}





/* 商品名 */

.subscription__product__item .name {

    font-size:19px;

    line-height:1.4;

    letter-spacing:.02em;

    margin-bottom:12px;

}





/* 価格 */

.subscription__product__item .price {

    text-align:left;

}



.subscription__product__item .selling_price {

    font-size:28px;

    font-family:var(--font-gothicZen);

    font-weight:700;

    line-height:1;

}



.subscription__product__item .taxin {

    font-size:16px;

    font-weight:500;

    margin-left:6px;

}




/*====================================
商品一覧 スマホ
====================================*/


@media only screen and (max-width:768px){


    .subscription__product__list {

        gap:12px;

    }



    .subscription__product__list--top,

    .subscription__product__list--bottom {

        grid-template-columns:repeat(2,1fr);

    }



    .subscription__product__item {

        border-radius:10px;

    }



    .subscription__product__item .in {

        padding:12px 10px;

    }



    .subscription__product__item .label {

        font-size:12px;

    }



    .subscription__product__item .name {

        font-size:14px;

        margin-bottom:8px;

    }



    .subscription__product__item .selling_price {

        font-size:18px;

    }



    .subscription__product__item .taxin {

        font-size:12px;

    }


}

/*====================================
カルロン定期専用
メリット表
====================================*/


.subscription__benefit {

    max-width:900px;

    margin:30px auto 0;

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow);

}



.subscription__benefit table {

    width:100%;

    border-collapse:collapse;

    table-layout:fixed;

}



.subscription__benefit th,
.subscription__benefit td {

    padding:16px 12px;

    border:1px solid #e5e5e5;

    text-align:center;

    vertical-align:middle;

    line-height:1.7;

    font-size:15px;

    letter-spacing:.02em;

}



.subscription__benefit th {

    background:var(--color-primary);

    color:#fff;

    font-weight:700;

}



.subscription__benefit td:first-child {

    background:#fafafa;

    font-weight:700;

}



.subscription__benefit .point {

    color:#d94b00;

    font-weight:700;

    font-size:17px;

}




/*====================================
カルロン情報ボックス
====================================*/


.subscription__info {

    display:flex;

    gap:20px;

    margin-top:35px;

}



.subscription__info > div {

    flex:1;

    background:#fff;

    border-radius:20px;

    padding:30px;

    box-shadow:var(--shadow);

}



.subscription__info h4 {

    font-size:22px;

    color:var(--color-primary);

    font-family:var(--font-gothicZen);

    font-weight:700;

    text-align:center;

    margin-bottom:18px;

    letter-spacing:.04em;

}



.subscription__info p {

    margin:0;

    text-align:center;

    font-size:16px;

    line-height:1.8;

    letter-spacing:.02em;

}
/*====================================
最終スマホ調整
====================================*/


@media only screen and (max-width:768px){


    /* メリット表 */

    .subscription__benefit {

        border-radius:10px;

        overflow-x:auto;

        -webkit-overflow-scrolling:touch;

    }



    .subscription__benefit table {

        min-width:560px;

    }



    .subscription__benefit th,
    .subscription__benefit td {

        padding:10px 8px;

        font-size:13px;

    }



    .subscription__benefit .point {

        font-size:14px;

    }





    /* 情報ボックス */

    .subscription__info {

        display:block;

        margin-top:20px;

    }



    .subscription__info > div {

        padding:20px;

        border-radius:10px;

        margin-bottom:12px;

    }



    .subscription__info h4 {

        font-size:18px;

        margin-bottom:10px;

    }



    .subscription__info p {

        font-size:15px;

    }


}
/*====================================
商品画像サイズ調整
====================================*/


.subscription__product__item .img {

    text-align:center;

}


.subscription__product__item .img img {

    width:100%;

    max-width:320px;

    margin:0 auto;

}


/* 下段2商品だけ画像を少し小さく */

.subscription__product__list--bottom 
.subscription__product__item .img img {

    max-width:260px;

}



@media only screen and (max-width:768px){


    .subscription__product__item .img img,

    .subscription__product__list--bottom 
    .subscription__product__item .img img {

        max-width:100%;

    }


}