@charset "utf-8";
/* CSS Document */
/*父の日　余白周り*/
#fathers_day #main_lead {
    margin-bottom: min(calc(76 * 100vw / 1000), 76px);
}
#fathers_day #campaign_top {
    margin-bottom: 0;
}
#campaign_top .f_cam_bnr{
    margin-bottom:min(calc(40 * 100vw / 1000), 40px);
}
@media screen and (max-width: 750px) {
   /*父の日　余白周り*/
    #fathers_day #main_lead {
        margin-bottom: calc(128 * 100vw / 750);
    }
    #fathers_day #campaign_top{
        padding: 0 calc(48 * 100vw / 750);
    }
    #campaign_top .f_cam_bnr{
        margin-bottom: calc(50 * 100vw / 750);
    }
    /*訴求バナー*/
    .snippets-c_bnr .appeal {
        flex-wrap: wrap;
        gap: calc(24 * 100vw / 750);
    }
    .snippets-c_bnr ul li {
        width: calc(100% / 2 - 12px);
    }
}
@media screen and (max-width: 719px){
    .snippets-c_bnr{
        padding: 0;
    }
}
/*ボタン周り    
--------------------------------------*/
.btn-m a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi_list/images/mothers-day2026/btn_bg.webp) no-repeat 0 0 / cover;
    color: #fff;
    font-weight: bold;
    border-radius: min(calc(8 * 100vw / 1000), 8px);
    text-align: center;
    display: block;
    width: 100%;
    height: auto;
}

/* KV　周り
--------------------------------------*/
.mv{
    margin-bottom: min(calc(40 * 100vw / 1000),40px);
}
.mv_inner {
    position: relative;
    z-index: 0;
    padding-top: min(calc(23 * 100vw / 1000), 23px);
}
.cam_header-wrapper{
    max-width: min(calc(1000 * 100vw / 1000), 1000px);
    margin-inline: auto;
    margin-bottom: min(calc(40 * 100vw / 1000), 40px);
}
@media screen and (min-width: 751px) and (max-width: 1039px) {
    /* タブレット用 */

}
@media screen and (max-width: 750px) {
    .mv_inner{
        margin-bottom: calc(80 * 100vw / 750);
        padding-top: 0;
    }
}

/* リード文周り
--------------------------------------*/
.main_lead_box {
    text-align: center;
}
.main_lead_box .main_lead_ttl{
    margin-bottom: min(calc(17 * 100vw / 1000), 17px);
    width: min(calc(544 * 100vw / 1000), 544px);
    margin-inline: auto;
}
.main_lead_box .bnr_wrap{
    margin-bottom: min(calc(56.5 * 100vw / 1000), 56.5px);
    width: min(calc(810 * 100vw / 1000), 810px);
    margin-inline: auto;
}
.main_lead_txt{
    margin-bottom: min(calc(61.5 * 100vw / 1000), 61.5px);
}
.main_lead_txt p {
    text-align: center;
    font-size: min(calc(17 * 100vw / 1000), 17px);
    line-height: 200%;
    font-weight: 700;
}
@media screen and (max-width: 750px) {
    .fathers_day-content_wrapper{
        padding: 0 calc(48 * 100vw / 750);
    }
    .main_lead_box .main_lead_ttl{
        width: 100%;
        margin-bottom:calc(54 * 100vw / 750);
    }
    .main_lead_box .bnr_wrap{
        width: 100%;
        margin-bottom: calc(128 * 100vw / 750);
        position: relative;
    }
    .main_lead_box .bnr_wrap::before{
        content: "";
        display: block;
        width: calc(184 * 100vw / 750);
        height: calc(184 * 100vw / 750);
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/fathersday_list/images/20260518/limited_present-label.webp) no-repeat 0 0 / cover;
        position: absolute;
        right: calc(-20 * 100vw / 750);
        top: calc(480 * 100vw / 750);
    }
    .main_lead_txt{
        margin-bottom: calc(96 * 100vw / 750);
    }
    .main_lead_txt p{
        text-align: left;
        font-size: calc(32 * 100vw / 750);
        line-height: 190%;
        letter-spacing: 0;
    }
}

/* 豆知識
--------------------------------------*/
.unagi_mame_box{
    display: flex;
    justify-content: space-between;
    gap:0 min(calc(40 * 100vw / 1000), 40px);
    margin-bottom: min(calc(64 * 100vw / 1000), 64px);
}
.unagi_mame_pic{
    width: min(calc(500 * 100vw / 1000), 500px);
    flex-shrink: 0;
}
.unagi_mame_txt{
    width: min(calc(660 * 100vw / 1000), 660px);
}
.unagi_mame_txt .-ttl{
    font-weight: 700;
    font-size: min(calc(18 * 100vw / 1000), 18px);
    line-height: 175%;
    letter-spacing: .04em;
    display: flex;
    align-items: center;
}
.unagi_mame_txt .-ttl::before{
    content: "";
    display: inline-block;
    margin-right: min(calc(8 * 100vw / 1000), 8px);
    width: min(calc(14 * 100vw / 1000), 14px);
    height: min(calc(24 * 100vw / 1000), 24px);
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/fathersday_list/images/20260518/icon_mame.svg) no-repeat 0 0 / contain;
}

.unagi_mame_txt .-txt{
    font-weight: 500;
    font-size: min(calc(13 * 100vw / 1000), 13px);
    line-height: 175%;
    letter-spacing: .04em;
    margin: min(calc(9 * 100vw / 1000), 9px) 0 min(calc(8 * 100vw / 1000), 8px);
}
.unagi_mame_txt .btn-m {
    display: inline-block;
}
.unagi_mame_txt .btn-m a{
    background: none;
    text-decoration: underline;
    font-size: min(calc(14 * 100vw / 1000), 14px);
    line-height: 175%;
    letter-spacing: .02em;
    color: #333;
    text-align: left;
    display: flex;
    align-items: center;
}
.unagi_mame_txt .btn-m a::after {
    content: "";
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/fathersday_list/images/20260518/c_arrow.svg) no-repeat 0 0 / cover;
    filter: invert(18%) sepia(73%) saturate(7284%) hue-rotate(357deg) brightness(96%) contrast(115%);
    width: min(calc(16 * 100vw / 1000), 16px);
    height: min(calc(16 * 100vw / 1000), 16px);
    display: inline-block;
    margin-left: min(calc(7 * 100vw / 1000), 7px);
}
.unagi_mame_txt .btn-m a:hover{
    opacity: 0.7;
}
@media screen and (max-width: 750px) {
    .unagi_mame_box {
        flex-direction: column;
        gap: calc(40 * 100vw / 750) 0;
        margin-bottom: calc(92 * 100vw / 750);
    }
    .unagi_mame_pic,.unagi_mame_txt{
        width: 100%;
    }
    .unagi_mame_txt .-ttl{
        font-size: calc(36 * 100vw / 750);
    }
    .unagi_mame_txt .-ttl::before{
        width: calc(28 * 100vw / 750);
        height: calc(48 * 100vw / 750);
        margin-right: calc(16 * 100vw / 750);
    }
    .unagi_mame_txt .-txt{
        font-size: calc(26 * 100vw / 750);
        letter-spacing: .02em;
        margin: calc(19 * 100vw / 750) 0 calc(22 * 100vw / 750);
    }
    .unagi_mame_txt .btn-m a{
        font-size: calc(28 * 100vw / 750);
    }
    .unagi_mame_txt .btn-m a::after{
        width: calc(32 * 100vw / 750);
        height: calc(32 * 100vw / 750);
        margin-left: calc(8* 100vw / 750);
    }
}


/* 父の日　おすすめギフト商品周り*/
#fathers_day .recommend_gift-ttl{
    background: none;
    text-align: center;
    margin-bottom: min(calc(36 * 100vw / 1000), 36px);
    padding: 0;
    margin-inline: auto;
}
#fathers_day .recommend_gift-ttl.-manpuku{
    width: min(calc(424 * 100vw / 1000), 424px);
}
#fathers_day .recommend_gift-ttl.-special{
    width: min(calc(349 * 100vw / 1000), 349px);
}
/* おすすめ　ギフト商品サブタイトル周り */
.gift-selected h3:where(.gift-manpuku-ttl,.gift-special-ttl){
    position: relative;
    padding-left:min(calc(128 * 100vw / 1000), 128px);
    display: flex;
    align-items: center;
    background: #333;
    padding: min(calc(16 * 100vw / 1000), 16px) 0 min(calc(16 * 100vw / 1000), 16px)  min(calc(128 * 100vw / 1000), 128px);
    margin-bottom: min(calc(32 * 100vw / 1000), 32px);
}
.gift-selected h3:where(.gift-manpuku-ttl,.gift-special-ttl)::before{
    content: "";
    display: inline-block;
    width: min(calc(96 * 100vw / 1000), 96px);
    height: min(calc(96 * 100vw / 1000), 96px);
    position: absolute;
    left:min(calc(16 * 100vw / 1000), 16px);
    top: 50%;
    transform: translateY(-50%);
}
.gift-selected .gift-manpuku-ttl img{
    width: min(calc(254 * 100vw / 1000), 254px);
}
.gift-selected .gift-manpuku-ttl::before{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/fathersday_list/images/20260518/recommend_gift-label_manpku.webp) no-repeat 0 0 / contain;
}
.gift-selected .gift-special-ttl img{
    width: min(calc(227 * 100vw / 1000), 227px);
}
.gift-selected .gift-special-ttl::before{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/fathersday_list/images/20260518/recommend_gift-label_special.webp) no-repeat 0 0 / contain;
}

.recommend_gift-list {
    display: flex;
    justify-content: space-between;
    gap: min(calc(32 * 100vw / 1000), 32px);
}
.recommend_gift-box:first-child {
    margin-bottom: min(calc(57 * 100vw / 1000), 57px);
}
.recommend_gift-list :is(p,span){
    font-weight: 500;
}

.recommend_gift-list dl {
    display: flex;
    width: calc(100% / 2 - min(calc(16 * 100vw / 1000), 16px));
}
.recommend_gift-list dt {
    width: min(calc(220 * 100vw / 1000), 220px);
    height:auto;
    flex-shrink: 0;
}
.recommend_gift-list dt img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.recommend_gift-list dd {
    width:min(calc(223 * 100vw / 1000), 223px);
    display: flex;
    flex-direction: column;
    margin-left: min(calc(30 * 100vw / 1000), 30px);
}
.recommend_gift-list .gift-ttl{
    font-weight: 700;
    font-size: min(calc(13 * 100vw / 1000), 13px);
    line-height: 150%;
    letter-spacing: .04em;
}
.recommend_gift-list .gift-price {
    letter-spacing: normal;
    line-height: 100%;
    margin:0;
    letter-spacing: -.02em;
}
.recommend_gift-list .gift-price span{
    font-size: min(calc(12 * 100vw / 1000), 12px);
}
.recommend_gift-list .gift-price .yen{
    font-weight: 700;
}
.recommend_gift-list .gift-price .price{
    font-weight: 700;
    font-size: min(calc(18 * 100vw / 1000), 18px);
    font-family: "Roboto", sans-serif;
    letter-spacing: .04em;
    line-height: 175%;
}
.recommend_gift-list .set_content {
    font-size: min(calc(10 * 100vw / 1000), 11px);
    letter-spacing: .02em;
    line-height: 135%;
    word-break: break-all;
    margin-bottom: min(calc(10 * 100vw / 1000), 10px);
}
.recommend_gift-box .btn-m {
    margin-top: auto;
}

/* 上部セット内容周り */
.gift-selected dl {
    width: auto;
}
.gift-selected-item {
    width: calc(100% / 2 - min(calc(16 * 100vw / 1000), 16px));
}
/*ファーストセット商品周り*/
.gift-selected .-first_set {
    align-items: center;
}
.gift-selected .-first_set .gift-price {
    margin: min(calc(4 * 100vw / 1000), 4px) 0 min(calc(11 * 100vw / 1000), 11px);
}
.gift-selected .-first_set .set_content {
    line-height: 150%;
    margin-bottom: min(calc(15 * 100vw / 1000), 25px);
}

/*ギフト商品ページボタン周り*/
.recommend_gift-box .btn-m a {
    height: min(calc(32 * 100vw / 1000), 32px);
    display: flex;
    line-height: min(calc(32 * 100vw / 1000), 32px);
    font-size: min(calc(14 * 100vw / 1000), 14px);
    align-items: center;
    justify-content: center;
}
.recommend_gift-box .btn-m a::after {
    content: "";
    display: inline-block;
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi_list/images/arrow_icon.svg) no-repeat 0 0 / contain;
    width: min(calc(11 * 100vw / 1000), 11px);
    height:min(calc(9 * 100vw / 1000), 9px);
    transform: rotate(270deg);
    margin-left: min(calc(5 * 100vw / 1000), 5px);
}
@media screen and (max-width: 750px){
    /* おすすめ　ギフト商品サブタイトル周り */
    .gift-selected h3:where(.gift-manpuku-ttl,.gift-special-ttl){
        padding: calc(35 * 100vw / 750) calc(20 * 100vw / 750) calc(35 * 100vw / 750) calc(170 * 100vw / 750);
        margin-bottom:calc(44 * 100vw / 750);
        height: calc(162 * 100vw / 750);
    }
    .gift-selected h3:where(.gift-manpuku-ttl,.gift-special-ttl)::before{
        width: calc(176 * 100vw / 750);
        height: calc(176 * 100vw / 750);
        left:calc(-24 * 100vw / 750);
    }
    .gift-selected .gift-manpuku-ttl img {
        width:calc(450 * 100vw / 750);
    }
    .gift-selected .gift-special-ttl img {
        width: calc(408 * 100vw / 750);
    }

/* 父の日　おすすめギフト商品周り*/
    
    #fathers_day .recommend_gift-ttl{
        margin-bottom: calc(92 * 100vw / 750);
        height: auto;
    }
    #recommend_gift {
        padding: 0 calc(48 * 100vw / 750);
    }
    #fathers_day .recommend_gift-ttl.-manpuku{
        width: 100%;
        padding: 0 calc(14 * 100vw / 750);
    }
    #fathers_day .recommend_gift-ttl.-special{
        width: 100%;
    }

    .recommend_gift-box:first-child{
        margin-bottom: calc(120 * 100vw / 750);
    }
    .recommend_gift-list {
        gap: 0;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .recommend_gift-list dl {
        width: 100%;
        flex-wrap: wrap;
    }
    .recommend_gift-list dl + dl{
        margin-top: calc(112 * 100vw / 750);
    }
    .recommend_gift-list dt {
        width: 100%;
    }
    .recommend_gift-list dd {
        width: 100%;
        margin: 0;
        padding: calc(48 * 100vw / 750) calc(32 * 100vw / 750) 0;
    }
    .recommend_gift-list .gift-ttl{
        font-size: calc(36 * 100vw / 750);
    }
    .recommend_gift-list .gift-price span{
        font-size: calc(34 * 100vw / 750);
    }
    .recommend_gift-list .gift-price .price{
        font-size: calc(52 * 100vw / 750);
        font-family: "Roboto", sans-serif;
    }
    .recommend_gift-list .set_content{
        font-size: calc(32 * 100vw / 750);
        line-height: 150%;
        margin-bottom: calc(44 * 100vw / 750);
    }
    .recommend_gift-box .btn-m{
        margin-top: calc(48 * 100vw / 750);
    }
    .recommend_gift-box .btn-m a{
        font-size: calc(40 * 100vw / 750);
        height: calc(96 * 100vw / 750);
        line-height: calc(98 * 100vw / 750);
        border-radius: calc(16 * 100vw / 750);
    }
    .recommend_gift-box .btn-m a::after{
        width: calc(28 * 100vw / 750);
        height: calc(23 * 100vw / 750);
        margin-left: calc(7 * 100vw / 750);
    }
    .gift-selected-item {
        width: 100%;
    }
    .gift-selected-item + .gift-selected-item {
        margin-top: calc(112 * 100vw / 750);
    }
    /*ファーストセット商品周り*/
    .gift-selected .-first_set .gift-price {
        margin: 0;
    }
    .gift-selected .-first_set .set_content {
        margin-bottom: inherit;
    }
}

/* 父の日　ギフト訴求追加
--------------------------------------*/
/* 共通 */
.is-sp {
    display: none;
}
.is-pc {
    display: block;
}
.box_gift,
.box_recipe {
    max-width: min(calc(1000 * 100vw / 1000), 1000px);
    margin-inline: auto;
}
.box_gift-title,
.box_recipe-title {
    font-family: 'Shippori Mincho B1', sans-serif!important;
    margin-bottom: min(calc(52 * 100vw / 1000), 52px)!important;
    font-size: min(calc(32 * 100vw / 1000), 32px);
    font-weight: 700!important;
    text-align: center;
}
.gift_title {
    margin-bottom: min(calc(14 * 100vw / 1000), 14px);
    font-size: min(calc(20 * 100vw / 1000), 20px);
    font-weight: 700;
}
.gift_desc {
    font-size: min(calc(15 * 100vw / 1000), 15px);
    line-height: 1.66;
}

/* ギフト訴求 */
.box_gift {
    font-family: 'Shippori Mincho B1', sans-serif!important;
    margin-bottom: min(calc(68 * 100vw / 1000), 68px);
    font-size: min(calc(20 * 100vw / 1000), 20px);
    letter-spacing: 0;
}
.gift_appal {
    margin-bottom: min(calc(36 * 100vw / 1000), 36px);
}
.appal_list {
    display: flex;
    justify-content: space-between;
    gap: min(calc(50 * 100vw / 1000), 50px);
}
.appal_item {
    display: flex;
    flex-direction: column;
    gap: min(calc(14 * 100vw / 1000), 14px);
}
.appal_item-image {
    width: min(calc(300 * 100vw / 1000), 300px);
}
.appal_item-text .gift_title {
    text-align: center;
}
/* .gift_special-text {
    padding-top: min(calc(44 * 100vw / 1000), 44px);
} */
.gift_special-image{
    position: relative;
}
.gift_special-image::before{
    content: "";
    display: inline-block;
    width: min(calc(120 * 100vw / 1000), 120px);
    height: min(calc(120 * 100vw / 1000), 120px);
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi_list/images/limited_icon.webp) no-repeat 0 0 / contain;
    position: absolute;
    right: max(calc(-30 * 100vw / 1000), -30px);
    top: max(calc(-40 * 100vw / 1000), -40px);
}
.gift_special .gift_desc {
    line-height: 1.73;
}
.gift_special .gift_desc p {
    font-family: 'Shippori Mincho B1', sans-serif;
    font-size: min(calc(15 * 100vw / 1000), 15px);
}
.gift_special .gift_desc p + p{
    margin-top: 1em!important;
}
.gift_special {
    margin-bottom: min(calc(48 * 100vw / 1000), 48px);
    display: grid;
    grid-template-columns: auto min(calc(480 * 100vw / 1000), 480px);
    gap: min(calc(88 * 100vw / 1000), 88px);
    padding-top: min(calc(44 * 100vw / 1000), 44px);
}

.gift_btn a {
    margin: 0 auto;
    padding: min(calc(16 * 100vw / 1000), 16px);
    width: min(calc(335 * 100vw / 1000), 335px);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: min(calc(17 * 100vw / 1000), 17px);
    border-radius: min(calc(100 * 100vw / 1000), 100px);
    background: #333;
    color: #fff;
    transition: 0.4s;
}

/* 食べ方 */
.box_recipe {
    margin-bottom: min(calc(180 * 100vw / 1000), 180px);
}
.recipe-list {
    display: flex;
    justify-content: space-between;
    gap: min(calc(36 * 100vw / 1000), 36px);
}
.recipe-item {
    width: min(calc(481 * 100vw / 1000), 481px);
}
.recipe-item img { 
    border-radius: min(calc(12 * 100vw / 1000), 12px);
}


@media screen and (max-width: 750px){
/* 共通 */
.is-sp {
    display: block;
}
.is-pc {
    display: none;
}
.box_gift,
.box_recipe {
    padding: 0 15px;
}
.box_gift-title,
.box_recipe-title {
    margin-bottom: calc(80 * 100vw / 750)!important;
    font-size: calc(40 * 100vw / 750);
}
.gift_title {
    margin-bottom: calc(20 * 100vw / 750);
    font-size: calc(40 * 100vw / 750);
}
.gift_desc {
    font-size: calc(28 * 100vw / 750);
}

/* ギフト訴求 */
.box_gift {
    margin-bottom: calc(92 * 100vw / 750);
    font-size: calc(28 * 100vw / 750);
}
.gift_appal {
    margin-bottom: calc(56 * 100vw / 750);
}
.appal_list {
    display: flex;
    flex-direction: column;
    gap: calc(64 * 100vw / 750);
}
.appal_item {
    display: flex;
    flex-direction: column;
    gap: min(calc(14 * 100vw / 1000), 14px);
}
.appal_item-image {
    width: 100%;
}
/* .gift_special-text {
    padding-top: calc(40 * 100vw / 750);
} */
.gift_special-image::before {
    width: calc(158 * 100vw / 750);
    height: calc(158 * 100vw / 750);
    right: calc(10 * 100vw / 750);
    top: calc(-45 * 100vw / 750);
}
.gift_special .gift_desc p {
    font-size: calc(28 * 100vw / 750);
}
.gift_special {
    margin-bottom: calc(72 * 100vw / 750);
    display: flex;
    flex-direction: column;
    gap: calc(96 * 100vw / 750);
}

.gift_btn a {
    padding: calc(30 * 100vw / 750);
    width: 100%;
    font-size: calc(32 * 100vw / 750);
    border-radius: calc(120 * 100vw / 750);
}

/* 食べ方 */
.box_recipe {
    margin-bottom: calc(120 * 100vw / 750);
}
.recipe-list {
    display: flex;
    flex-direction: column;
    gap: calc(48 * 100vw / 750);
}
.recipe-item {
    width: 100%;
}
.recipe-item img { 
    border-radius: calc(16 * 100vw / 750);
}
}