@charset "utf-8";
/* CSS Document */
.Roboto {
    font-family: 'Roboto', sans-serif !important;
    display: inline-block;
}
/*余白周り*/
#unagi_list-content #main_lead {
    margin-bottom: min(calc(76 * 100vw / 1000), 76px);
}
#unagi_list-content #campaign_top {
    margin-bottom: 0;
}
#campaign_top .unagi_list_cam_bnr{
    margin-bottom:min(calc(40 * 100vw / 1000), 40px);
}
/*キャンペーンバナー*/
.unagi_list_cam_bnr-list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:0 min(calc(24 * 100vw / 1000), 24px);
}
@media screen and (max-width: 719px){
    /*訴求バナー*/
    .snippets-c_bnr{
        padding: 0;
    }
}
@media screen and (max-width: 750px) {
   /*余白周り*/
    #unagi_list-content #main_lead {
        margin-bottom: calc(156 * 100vw / 750);
        padding: 0 calc(48 * 100vw / 750);
    }
    #campaign_top .unagi_list_cam_bnr{
        margin-bottom: calc(50 * 100vw / 750);
    }
    /*訴求バナー*/
    .snippets-c_bnr .appeal {
        flex-wrap: wrap;
        gap: calc(24 * 100vw / 750);
        margin-bottom: calc(52 * 100vw / 750);
    }
    .snippets-c_bnr ul li {
        width: calc(100% / 2 - 12px);
    }
    /*キャンペーンバナー*/
    .unagi_list_cam_bnr-list{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap:calc(32 * 100vw / 750) 0;
    }
}

/*商品一覧周り タイトル
--------------------------------------*/
.content_product h2:not(.product_nav-ttl){
    margin-bottom: 0;
}

.content_read.flower_ttl{
    margin-bottom: min(calc(40 * 100vw / 1000), 40px);
}
.content_read.flower_ttl h2 {
    display: flex;
    align-items: center;
}
.content_product .cam_present_txt {
    font-weight: bold;
    margin-left: auto;
    color: #E83E2B;
    padding-right: min(calc(20 * 100vw / 1000), 20px);
}
@media screen and (max-width: 750px) {
    .content_product h2:not(.product_nav-ttl){
        margin-bottom: 0;
    }
    .content_read.flower_ttl{
        margin-bottom:calc(40 * 100vw / 750);
    }
    .content_product .cam_present_txt {
        margin-left: 0;
        padding-right:0;
        font-size: calc(40 * 100vw / 750);
        padding-left: calc(40 * 100vw / 750);
        margin-top: calc(25 * 100vw / 750);
    }
}
/*ボタン周り    
--------------------------------------*/
.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{
    width: min(calc(700 * 100vw / 1000), 700px);
    margin-inline: auto;
    margin-bottom: min(calc(61.5 * 100vw / 1000), 61.5px);
}
.main_lead_box p{
    font-size: min(calc(17 * 100vw / 1000), 17px);
    line-height: 200%;
    font-weight: 700;
    letter-spacing: 0.04em;
}
.main_lead_box p+p{
    margin-top: min(calc(24 * 100vw / 1000), 24px);
}
.main_lead_box .line_r{
    display: inline-block;
    /* background: #E00000; */
    color: #fff;
    font-weight: 700;
    line-height: 120%;
    background: linear-gradient(transparent 0%, #E00000 0);
}
.main_lead_box .line_r rt {
    line-height: 2;
    letter-spacing: 0.04em;
}

/*firefox用*/
@-moz-document url-prefix(){
    .main_lead_box .line_r{
        background: linear-gradient(transparent 10%, #E00000 0);
    }
    .main_lead_box .line_r rt{
        position: relative;
        top: 5px;
    }
}
/*safari用*/
@supports (hanging-punctuation: first){
    .main_lead_box .line_r{
        background: linear-gradient(transparent 17%, #E00000 0);
    }
    .main_lead_box .line_r rt {
        translate: 0 0.5em;
    }
}
@media screen and (max-width: 750px){
    .main_lead_box {
        margin-bottom: calc(96 * 100vw / 750);
        width: 100%;
    }
    .main_lead_box p {
        text-align: left;
        font-size: calc(32 * 100vw / 750);
    }
    .main_lead_box p+p{
        margin-top:calc(40 * 100vw / 750);
    }
}
/* 豆知識
--------------------------------------*/
.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/unagi_list/images/20260611/r_arrow.svg) no-repeat 0 0 / cover;
    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);
    }
}


/* みさらスタッフおすすめ*/
#recommend_gift{
    background: #F2F2F2;
    padding: min(calc(110 * 100vw / 1000), 110px) 0 min(calc(100 * 100vw / 1000), 100px);
    margin-bottom: min(calc(120 * 100vw / 1000), 120px);
    position: relative;
    z-index: 0;
}
#recommend_gift::before{
    content: "";
    display: block;
    width: min(calc(111 * 100vw / 1000), 111px);
    height:min(calc(110 * 100vw / 1000), 110px);
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi_list/images/20260611/recommend_ttl-icon.webp) no-repeat 0 0 / contain;
    position: absolute;
    top: max(calc(-18 * 100vw / 1000), -18px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    filter: drop-shadow(11px 11px 16px rgba(0, 0, 0, 0.36));
}
#recommend_gift .recommend_gift-ttl img {
    width:min(calc(320 * 100vw / 1000), 320px);
    margin-inline: auto;
    margin-bottom: min(calc(62 * 100vw / 1000), 62px);
}
#recommend_gift .recommend_gift-box{
    max-width: 1040px;
    width: 100%;
    margin-inline: auto;
    padding: 0 min(calc(20 * 100vw / 1000), 20px);
}
.gift-selected-item + .gift-selected-item{
    margin-top: min(calc(62 * 100vw / 1000), 62px);
}
#recommend_gift .gift_set{
    display: flex;
    justify-content: space-between;
    gap: min(calc(40 * 100vw / 1000), 40px);
}
#recommend_gift .gift-img {
    width: min(calc(320 * 100vw / 1000), 320px);
    flex-shrink: 0;
}
#recommend_gift .gift-ttl{
    font-weight: 700;
    font-size: min(calc(22 * 100vw / 1000), 22px);
    line-height: 150%;
    letter-spacing: .04em;
}
#recommend_gift .gift-ttl .Roboto{
    font-weight: 700;
}
/* 参考価格 */
#recommend_gift .regular_price{
    font-size: min(calc(14 * 100vw / 1000), 14px);
    line-height: 175%;
    letter-spacing: .04em;
    font-weight: 700;
    position: relative;
}
#recommend_gift .regular_price::before,
#recommend_gift .regular_price::after{
    content: "";
    display: block;
    height: min(calc(2 * 100vw / 1000), 2px);
    background: #E00000;
    width: 95%;
    position: absolute;
    left: 0;
}
#recommend_gift .regular_price::after {
    bottom: min(calc(10 * 100vw / 1000), 10px);
}
#recommend_gift .regular_price::before {
    top: min(calc(10 * 100vw / 1000), 10px);
}
#recommend_gift .regular_price span{
    font-size: min(calc(23 * 100vw / 1000), 23px);
    display: inline-block;
    font-weight: 700;
}
#recommend_gift .regular_price .yen{
    font-size: min(calc(16 * 100vw / 1000), 16px);
}
/* 販売価格 */
#recommend_gift .gift-price {
    display: flex;
    align-items: center;
}
#recommend_gift .gift-price .price{
    font-size: min(calc(18 * 100vw / 1000), 18px);
    line-height: 100%;
    letter-spacing: 0;
    font-weight: 700;
    color: #E00000;
}
#recommend_gift .gift-price .price span{
    display: inline-block;
    font-size: min(calc(30 * 100vw / 1000), 30px);
    letter-spacing: .04em;
    font-weight: 700;
    line-height: 175%;
}

#recommend_gift .set_content p,
#recommend_gift .gift-desc{
    font-size: min(calc(16 * 100vw / 1000), 16px);
    line-height: 175%;
    letter-spacing: .02em;
    font-weight: 500;
}

#recommend_gift .set_content{
    border-bottom: min(calc(1.5 * 100vw / 1000), 1.5px) solid #333333;
    margin-bottom: min(calc(6 * 100vw / 1000), 6px);
    padding-bottom: min(calc(6 * 100vw / 1000), 6px);
    box-sizing: border-box;
}
#recommend_gift .set_content-ttl{
    display: flex;
    align-items: center;
}
#recommend_gift .set_content-ttl span{
    display: block;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 100%;
    padding-bottom: min(calc(6 * 100vw / 1000), 6px);
}
#recommend_gift .set_content-ttl::after {
    content: "";
    display: block;
    height:min(calc(1.5 * 100vw / 1000), 1.5px);
    width: 100%;
    background: #333333;
    margin-left: min(calc(12 * 100vw / 1000), 12px);
}
#recommend_gift .gift-desc{
    margin-bottom: min(calc(16 * 100vw / 1000), 16px);
}
/* おすすめボタン周り */
#recommend_gift .btn-m a{
    width: min(calc(277 * 100vw / 1000), 277px);
    height: min(calc(40 * 100vw / 1000), 40px);
    line-height: min(calc(40 * 100vw / 1000), 40px);
    font-size: min(calc(18 * 100vw / 1000), 18px);
}
#recommend_gift .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(13 * 100vw / 1000), 13px);
    height: min(calc(11 * 100vw / 1000), 11px);
    transform: rotate(270deg);
    margin-left: min(calc(5 * 100vw / 1000), 5px);
}
@media screen and (max-width: 750px) {
    /* みさらスタッフおすすめ*/
    #recommend_gift{
        padding: calc(152 * 100vw / 750) 0 calc(160 * 100vw / 750);
        margin-bottom: calc(68 * 100vw / 750);
    }
    #recommend_gift::before{
        width: calc(178 * 100vw / 750);
        height:calc(176 * 100vw / 750);
        position: absolute;
        top: calc(-66 * 100vw / 750);
    }
    #recommend_gift .recommend_gift-box{
        padding: 0 calc(42 * 100vw / 750);
    }
    #recommend_gift .recommend_gift-ttl img {
        width: calc(548 * 100vw / 750);
        margin-inline: auto;
        margin-bottom: calc(108 * 100vw / 750);
    }
    .gift-selected-item + .gift-selected-item{
        margin-top: calc(108 * 100vw / 750);
    }
    #recommend_gift .gift_set{
        flex-direction: column;
        gap: calc(56 * 100vw / 750) 0;
    }
    #recommend_gift .gift-img {
        width: 100%;
    }
    #recommend_gift .gift-ttl{
        font-size: calc(42 * 100vw / 750);
        margin-bottom: calc(22 * 100vw / 750);
    }
    /* 参考価格 */
    #recommend_gift .regular_price{
        font-size: calc(28 * 100vw / 750);
    }
    #recommend_gift .regular_price::before,
    #recommend_gift .regular_price::after{
        height: calc(4 * 100vw / 750);
    }
    #recommend_gift .regular_price::after {
        bottom:calc(19 * 100vw / 750);
    }
    #recommend_gift .regular_price::before {
        top:calc(19 * 100vw / 750);
    }
    #recommend_gift .regular_price span{
        font-size: calc(40 * 100vw / 750);
        line-height: 120%;
    }
    #recommend_gift .regular_price .yen{
        font-size: calc(32 * 100vw / 750);
    }
    /* 販売価格 */
    #recommend_gift .gift-price {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: calc(30 * 100vw / 750);
    }
    #recommend_gift .gift-price .price{
        font-size:calc(40 * 100vw / 750);
    }
    #recommend_gift .gift-price .price span{
        font-size:calc(64 * 100vw / 750);
        line-height: 120%;
    }

    #recommend_gift .set_content p,
    #recommend_gift .gift-desc{
        font-size:calc(32 * 100vw / 750);
    }

    #recommend_gift .set_content{
        border-bottom: calc(3 * 100vw / 750) solid #333333;
        margin-bottom: calc(35 * 100vw / 750);
        padding-bottom: calc(20 * 100vw / 750);
    }
    #recommend_gift .set_content-ttl span{
        padding-bottom: calc(12 * 100vw / 750);
    }
    #recommend_gift .set_content-ttl::after {
        height:calc(3 * 100vw / 750);
        margin-left: calc(21 * 100vw / 750);
    }
    #recommend_gift .gift-desc{
        margin-bottom:calc(48 * 100vw / 750);
    }
    /* おすすめボタン周り */
    #recommend_gift .btn-m a{
        width:100%;
        height: calc(96 * 100vw / 750);
        line-height: calc(96 * 100vw / 750);
        font-size: calc(40 * 100vw / 750);
        border-radius: calc(16 * 100vw / 750);
    }
    #recommend_gift .btn-m a::after {
        width: calc(28 * 100vw / 750);
        height: calc(28 * 100vw / 750);
        margin-left: calc(14 * 100vw / 750);
    }
}



/* ギフト訴求追加
--------------------------------------*/
/* 共通 */
.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;
    padding-top: min(calc(30 * 100vw / 1000), 30px);
    padding-right: min(calc(60 * 100vw / 1000), 60px);
}
.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: 0;
    top: max(calc(-10 * 100vw / 1000), -10px);
}
.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);
    letter-spacing: 0;
}
.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(36 * 100vw / 1000), 26px);
    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 {
    padding: 0;
}
.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);
}
}