/*reset*/
*{
    box-sizing: border-box;
}
a,a:hover{text-decoration: none;}
img{
    max-width:100%;
}

:root {
    --color-bk:#595450;
    --color-red:#f46060;    
    
    /* --color-ye:#FFE473;
    --color-pk:#FFBB8D;
    --color-or:#F27240;
    --color-kh:#BFA055; */
    
    --bgColor:#fff8f8;

    --sec-pd:64px;
    --cont-mg:48px;
    }

@media (min-width: 768px) {

    :root {
    --sec-pd:88px;
    --cont-mg:56px;
    }
    }


body{
    line-height: 1;
    font-family: YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


.br-pc{
    display:none;
}

.font-en{
    /* font-family: minion-pro, serif; */
    font-family: "eb-garamond", serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 0.1em;
}

.font-en-g{
    font-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 0.1em;
}




.contentWrapper {
    overflow: hidden;
    font-weight: 400;
    color: var(--color-bk);
    letter-spacing: .05em;
    background:rgb(255, 187, 141, 0.2);
}

.mainContent{
    max-width:1200px;
    background:#fff;
    margin:0 auto;
    box-shadow: 0 0 8px rgb(153, 148, 136,0.2);

}

.mainVisual__wrapper{
    text-align: center;
    max-width:1200px;
    margin:0 auto;
}

section.cont{
    padding:var(--sec-pd) 0;
}

.bgColor{
    background: var(--bgColor);
    border-top:2px solid var(--color-pk);
}


.contentInner{
    padding:0 4%;
    margin: 0 auto;
    position: relative;
    z-index:2;
}

@media (min-width: 768px) {

    .br-pc{
        display:block;
    }
    .br-sp{
        display:none;
    }


    .contentInner{
        max-width: 1000px;
    }
}


/*intro
--------------------------------*/

.intro__inner{
    position: relative;
    padding:var(--sec-pd) 0;
}

.intro__contents{
    position: relative;
    z-index:10;
}

.page__ttl{
    text-align: center;
    font-size:clamp(28px, calc(26.98px + 0.261vw), 32px);
    line-height: 1.1;
    letter-spacing: 0.1em;
    color:var(--color-red);
    margin-bottom:16px;
}

.page__desc{
    font-size:clamp(13px, calc(12.75px + 0.065vw), 14px);
    padding:0 4%;
    text-align: center;
    line-height: 2;
    font-weight: 600;
}

/* .page__desc__sub{
    font-size:12px;
    text-align: center;
    padding:0 4%;
    margin-top:8px;
} */

.event__date{
    max-width:260px;
    margin:24px auto 0;
}

@media (min-width: 768px) {

    .page__ttl{
        margin-bottom:40px;
    }

    .intro__inner::before,.intro__inner::after{
        width:200px;
        height:150px;
    }

    .event__date{
        max-width:320px;
        margin:40px auto 0;
    }
    
    .page__desc{
        padding:0;
    }

}

/*cont
--------------------------------*/

.cp_ttl_en{
    text-align: center;
    font-size:clamp(28px, calc(24.94px + 0.784vw), 40px);
}

.cp_ttl{
    width:100%;
    text-align: center;
    font-size:clamp(13px, calc(12.75px + 0.065vw), 14px);
    margin-top:8px;
    position: relative;
}

.cp_ttl_txt{
    font-size:clamp(13px, calc(12.75px + 0.065vw), 14px);
    line-height: 1.7;
    margin:16px 0 24px;
}

.cp_ttl_txt span{
    display: inline-block;
    margin:0 3px;
    font-weight: bold;
    text-decoration: underline;
}

.cp_cont_item{
    background:#fff;
    padding:20px 30px 30px;
    margin-bottom:40px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgb(153, 148, 136,0.2);
}

.cp_cont_item:last-of-type{
    margin-bottom:0;
}

.cp_cont_num{
    display: block;
    width:clamp(100px, calc(87.25px + 3.268vw), 130px);
    margin:0 auto 10px;
}

.cp_cont_txtBox{
    margin:16px 0;
}

.off_badge{
    display: block;
    width:100%;
    height:24px;
    background:url(/img/usr/freepage/2026_jbday/20off-badge.png) no-repeat left center/contain;
}

.item_name,.item_price{
    font-weight: bold;
}


.item_name,.item_price{
    font-size:clamp(14px, calc(13.49px + 0.131vw), 16px);
}

.item_name{
    line-height: 1.4;
    margin:12px 0 8px;
}

.item_price_wrapper{
    display: flex;
    align-items: center;
    gap:12px;
}

.item_price.member-price{
    color:var(--color-red);
}

.item_price.member-price span{
    font-size:80%;
}

.item_txt{
    font-size:clamp(13px, calc(12.75px + 0.065vw), 14px);
    line-height: 1.6;
    margin-top:16px;
}



.item_btn{
    display: block;
    width: fit-content;
    text-align: center;
    border:2px solid var(--color-red);
    color:var(--color-red) !important;
    border-radius: 4px;
    padding:15px;
    font-weight: bold;
    margin:0 auto;
    min-width:280px;
}

.item_btn.btm{
    background:var(--color-bk);
    min-width:280px;
    margin-top:40px;
    margin-inline: auto;
    color:#fff !important;
    border:none;
}

.item_btn.pick{
    margin:40px auto 0;
}

/*スライダー*/
/*スライダー調整*/
.item-slider .slick-slide{
    height:auto !important;
}

.item-slider li{
    /* width:90% !important; */
    /* padding:0 20px; */
}

.slick-prev, .slick-next{
    width:35px;
    height:35px;
}

.item-slider .slick-prev:before, .slick-next:before{
    content:"";
    display: block;
    width:35px;
    height:35px;
    opacity: 1;

}

.item-slider .slick-prev:before{
    background:url(/img/usr/freepage/2026_jbday/prev.png) no-repeat center center/contain;
}

.item-slider .slick-next:before{
    background:url(/img/usr/freepage/2026_jbday/next.png) no-repeat center center/contain;
}

.item-slider .slick-prev{
    left:-20px;
    z-index:100;
}
.item-slider .slick-next {
    right:-20px;
    z-index:100;
}

@media (min-width: 768px) {


.cp_ttl{
    margin-top:12px;
}

.cp_ttl_txt{
    line-height: 1.9;
    margin:24px 0 32px;
    text-align: center;
}

.cp_cont_item{
    padding:30px 50px 40px;
    border-radius: 15px;
}

.cp_cont_inner{
    display: flex;
    justify-content: space-between;
}

.item_image{
    width:45%;
}

.cp_cont_r{
    width:47%;
    /* padding-top:10px; */
}

.cp_cont_num{
    margin:0 auto 16px;
}

.cp_cont_txtBox{
    margin:0;
}

.off_badge{
    height:28px;
}

.item_name{
    margin:16px 0;
}

.item_txt{
    line-height: 1.7;
    margin-top:32px;
}

.item_btn{
    margin:40px 0 0;
    min-width:280px;
    transition: 0.2s;
}

.item_btn:hover{
    background:var(--color-red);
    color:#fff !important;
}


}

/*ノベルティ
--------------------------------*/


.novelty_image{
    max-width:800px;
    margin-inline: auto;
}


.pick-ttl{
    width: fit-content;
    text-align: center;
    margin:60px auto 24px;
    position: relative;
    padding:0 30px;
}

.pick-ttl::after{
    content:"";
    display: block;
    width:100%;
    height:1px;
    background:#bebebe;
    position: absolute;
    right:0;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:1;
}

.pick-ttl span{
    display: inline;
    background:#fff;
    font-size:clamp(20px, calc(18.47px + 0.392vw), 26px);
    position: relative;
    padding:0 10px;
    z-index:10;
}

.pick-items{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:16px;
}

.pick-items li a{
    display: grid;
    gap:8px;
}

.pick-items p{
    line-height: 1.3;
    font-size:clamp(13px, calc(12.75px + 0.065vw), 14px);
}


@media (min-width: 768px) {

.pick-ttl{
    margin:60px auto 32px;
    padding:0 50px;
}

.pick-items{
    grid-template-columns: repeat(4, 1fr);
    gap:30px 20px;
}

.pick-items li a{
    gap:12px;
    transition: 0.2s;
}

.pick-items li a:hover{
    opacity: 0.8;
}


}



.bottom__wrapper{
    background:var(--bgColor);
    border-top:2px solid var(--color-ye);
    padding:var(--cont-mg) 0;
}


.bottom_logo{
    max-width:240px;
    margin:24px auto 0;
}


@media (min-width: 768px) {


 
}