@charset "utf-8";
/* CSS Document */

a img {
    transition: 0.4s;
}
.p-page_content__inner a:hover, .p-page_content__inner a img:hover {
        opacity: 1;
}
@media (min-width: 1100px) {
    .p-page_content__inner a:hover, .p-page_content__inner a img:hover img {
        opacity: 0.75;
    }
}

/*--------------------------------------
全体調整 / 共通パーツ
--------------------------------------*/
body {
    counter-reset: number 0;
}
figure{
    margin: 0;
}

/* テキスト基本 */
.u-text--body :is(h2,h3,h4,p,span,a){
    font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    margin: 0;
}
.u-text--body h2,
.u-text--body h3,
.u-text--body h4,
.u-text--body p,
.u-text--body span,
.u-text--body a {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    margin: 0;
}
.p-page_content__inner h1, .p-page_content__inner .h1, .p-page_content__inner h2, .p-page_content__inner .h2, .p-page_content__inner h3, .p-page_content__inner .h3, .p-page_content__inner h4, .p-page_content__inner .h4, .p-page_content__inner h5, .p-page_content__inner .h5, h6, .p-page_content__inner .h6, .p-page_content__inner p {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    margin: 0;
}
.u-text--body * {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 400;
    margin: 0;
}
.u-text--body :is(h2,h3,h4){
    font-weight: 600;
}
/* 共通h1無効 */
main #top h1 {
    position: absolute;
    left: -200%;
    z-index: -100;
}
.p-page_header__inner .img {
    display: none! important;
}
/* 全体の左右を全面に拡げる */
.p-page_content__inner {
    width: 100%;
    max-width: 100%;
}
/* 全体の左右余白を削除 */
.p-page_content{
    padding:0;
}
/* footer上の余白を削除 */
.page_main {
    font-weight: 500;
    margin-bottom: 0;
}
/* p-page_content リセット */
/* .p-page_content__inner {
width: 100%;
max-width: 100%;
} */
/* .p-page_content__inner p {
font-size: initial;
line-height: 1.6;
margin-top: initial;
} */
.p-page_content__inner dl {
margin: 0;
padding-left: 0;
}
.p-page_content {
padding: 0;
}



/*--------------------------------------
ページ共通パーツ
--------------------------------------*/
/* 共通コンテンツ幅 */
.content_wrapper{
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
@media screen and (max-width: 750px) {
    .content_wrapper{
        padding: 0 30px;
    }
}

/*共通 ----------*/
/* #plist{
    margin-bottom: 0;
    position: absolute;
} */


/*--------------------------------------
スクリーン別display
--------------------------------------*/
.pc {
    display: none !important;
}
.tb {
    display: none !important;
}

/*--------------------------------------
ページ共通パーツ
--------------------------------------*/
/* 共通コンテンツ幅 */
.mb_content_wrapper{
    padding: 0 15px;
}
@media screen and (min-width: 751px) {
    .mb_content_wrapper{
        padding: 0 30px;
    }
}

/*--------------------------------------
フォント指定
--------------------------------------*/
/* Zen Kaku GothicAntique */
.ZenKakuAnt {
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
}

/*--------------------------------------
セクション共通見出しエリア
--------------------------------------*/
.mb_content_wrapper .mb_content_read {
    text-align: center;
}
/* 共通h2見出し */
.mb_content_wrapper h2 {
    font-weight: 700;
    font-size: calc(50 * 100vw / 750) !important;
    line-height: 1.5;
    margin: 0 auto calc(46 * 100vw / 750);
    text-align: center;
}
@media screen and (min-width: 751px) {
    .mb_content_wrapper h2 {
        font-size: 32px !important;
        margin: 0 auto 40px;
    }
}
/* 共通h2見出し下部テキスト */
/* .mb_content_read p {
    line-height: 2;
    text-align: center;
    margin-bottom: min(calc(64 * 100vw / 1200), 64px);
}
@media screen and (max-width: 750px) {
    .mb_content_read p {
        margin-bottom: calc(96 * 100vw / 750);
    }
} */

/* 基本テキスト */
.mb_content_wrapper p {
    font-size: calc(30 * 100vw / 750);
    line-height: 1.6;
    font-weight: 500;
}
.mb_content_wrapper p.ZenKakuAnt {
    font-size: calc(28 * 100vw / 750);
}
@media screen and (min-width: 751px) {
    .mb_content_wrapper p {
        font-size: 20px;
    }
    .mb_content_wrapper p.ZenKakuAnt {
        font-size: 18px;
    }
}

/*--------------------------------------
セクション共通ボタン
--------------------------------------*/
.mb_content_wrapper .btn {
    display: flex;
    padding: 0;
}
.mb_content_wrapper .btn a {
    background: #333;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: calc(34* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    color: #FFF;
    line-height: 0.9;
    letter-spacing: 0.05em;
    text-decoration: none;
    border-radius: 50px;
    position: relative;
    padding: calc(45* 100vw / 750);
    margin: 0 auto;
    box-sizing: border-box;
    transition: opacity .3s;
    border: #333333 solid 1px;
    border-radius: 50px;
    width: calc(642* 100vw / 750);
}
.mb_content_wrapper .btn a::after {
    content: '';
    width: calc(15* 100vw / 750);
    height: calc(15* 100vw / 750);
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    position: absolute;
    margin: auto;
    right: calc(70* 100vw / 750);
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
}
.mb_content_wrapper .btn.top a::after {
    transform: rotate(-45deg);
    margin-top: 33px;
}
.mb_content_wrapper .btn.bottom a::after {
    transform: rotate(135deg);
    margin-top: 27px;
}
@media screen and (min-width: 751px) {
    .mb_content_wrapper .btn a {
        font-size: 22px;
        padding: 25px;
        width: 446px;
    }
    .mb_content_wrapper .btn a::after {
        width: 12px;
        height: 12px;
        right: 60px;
    }
}


/*--------------------------------------
パンくず
--------------------------------------*/
#plist {
    width: 100%;
    position: sticky;
}

/*--------------------------------------
下部ページ共通
--------------------------------------*/
/* @media screen and (min-width: 751px) {
    #media,#voice,#reason,#gift,.ranking{
        padding: 63px 0 80px;
    }
} */

/*--------------------------------------
キービジュアル
--------------------------------------*/
#kv {
    position: relative;
}

/*--------------------------------------
割引
--------------------------------------*/
#kv_discount {
    background: #9C0000;
    color: #fff;
    padding: 2px 0 15px;
    padding:calc(10* 100vw / 750) 0 calc(25* 100vw / 750);
    text-align: center;
}
#kv_discount h2 {
    font-size: calc(42* 100vw / 750) !important;
    font-weight: 800;
    line-height: 1;
}
#kv_discount h2 span {
    font-size: calc(42* 100vw / 750);
    font-weight: 700;
}
#kv_discount h2 span strong {
    font-size: calc(76* 100vw / 750);
    font-weight: 700;
}
#kv_discount h2 span b {
    font-size: calc(50* 100vw / 750);
    font-weight: 700;
}
#kv_discount p.period {
    background: #fff;
    color: #9C0000;
    font-size: calc(36* 100vw / 750);
    font-weight: 800;
    line-height: 1;
    padding: calc(6* 100vw / 750) 0 calc(10* 100vw / 750);
    margin: calc(20* 100vw / 750) auto calc(25* 100vw / 750);
    min-width: 182px;
    width: 48%;
}
#kv_discount .kv_discount_btn {
    background: #790101;
    padding: calc(20* 100vw / 750) 0;
}
#kv_discount a {
    color: #fff;
    display: inline-block;
    font-size: calc(30* 100vw / 750);
    font-weight: 800;
    line-height: 1;
    padding-right: calc(40* 100vw / 750);
    position: relative
}
#kv_discount a::after {
    content: "";
    display: inline-block;
    width: calc(20* 100vw / 750);
    height: calc(20* 100vw / 750);
    margin-left: auto;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
    position: absolute;
    bottom: calc(6* 100vw / 750);
    right: 0;
}
@media screen and (min-width: 751px) {
    #kv_discount {
        padding: 2px 0 15px;
    }
    #kv_discount h2 {
        font-size: 29px !important;
    }
    #kv_discount h2 span {
        font-size: 34px;
    }
    #kv_discount h2 span strong {
        font-size: 52px;
    }
    #kv_discount h2 span b {
        font-size: 38px;
    }
    #kv_discount p.period {
        font-size: 22px;
        padding: 6px 0 10px;
        margin: 12px auto 15px;
        min-width: 252px;
        width: 252px;
    }
    #kv_discount .kv_discount_btn {
        padding: 10px
    }
    #kv_discount a {
        font-size: 21px;
        padding-right: 30px;
    }
    #kv_discount a::after {
        width: 11px;
        height: 11px;
        bottom: 6px;
    }
}
/*--------------------------------------
カウントダウン
--------------------------------------*/
#count_down {
    padding:calc(50 * 100vw / 750) 0 calc(63 * 100vw / 750);
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_reason_top.webp?25061802) no-repeat 0 0 / cover;
    position: relative;
    z-index: 0;
}
#count_down::after {
    content: "";
    display: block;
    background: #793E3E;
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#count_down .count_down_text{
    font-size: calc(34 * 100vw / 750);
    letter-spacing: .06em;
    line-height: 160%;
    text-align: center;
    margin-bottom: calc(15 * 100vw / 750);
    font-weight: bold;
    color: #fff;
}
#count_down .timer{
    font-weight: 700;
    font-size: calc(53 * 100vw / 750);
    margin-bottom:calc(50 * 100vw / 750);
    color: #fff;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
}
#count_down span{
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .06em;
    text-align: center;
    vertical-align: bottom;
}
#count_down .cont_num{
    font-size: calc(80 * 100vw / 750);
}
#count_down .cont_num-min{
    font-size: calc(66 * 100vw / 750);
}
#count_down .btn_link{
    width:calc(512 * 100vw / 750) !important;
}
@media screen and (min-width: 751px){
    #count_down{
        padding: 35px 0 44px;
    }
    #count_down .count_down_text{
        font-size:24px;
        margin-bottom:21px;
    }
    #count_down .timer {
        font-size: 37px;
        margin-bottom: 27px;
    }
    #count_down .cont_num{
        font-size: 56px;
    }
    #count_down .cont_num-min{
        font-size:46px;
    }
    #count_down .btn_link {
        width:360px !important;
    }
}
/*--------------------------------------
お中元承っております
--------------------------------------*/
#kiribako_cont{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/kiribako_bg.webp) no-repeat 0 0 /cover;
    padding:calc(115 * 100vw / 750) 0;
}
#kiribako_cont .kiribako_cont-inner{
    padding:0 calc(37 * 100vw / 750);
}
#kiribako_cont h2{
    font-weight: 700;
    font-size: calc(50 * 100vw / 750) !important;
    line-height: 1.5;
    margin: 0 auto calc(46 * 100vw / 750);
    text-align: center;
    color: #fff;
}
#kiribako_cont h3 {
    font-size: calc(34 * 100vw / 750);
    text-align: left;
    color: #fff;
    line-height: 135%;
    margin-bottom: calc(25 * 100vw / 750);
    position: relative;
    display: flex;
    align-items: center;
    gap: 0 10px;
}
#kiribako_cont .col02{
    display: flex;
    justify-content: space-between;
}
#kiribako_cont .col02.-revers{
    flex-direction:row-reverse;
}
#kiribako_cont p{
    color: #fff;
    text-align: left;
    line-height: 150%;
    letter-spacing: .04em;
    font-size: calc(23 * 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
}
#kiribako_cont .cap_txt{
    font-size: calc(17 * 100vw / 750);
}
#kiribako_cont .kiribako-box1 {
    margin-bottom:calc(57 * 100vw / 750);
}
#kiribako_cont .kiribako-box1 .pic{
    width:calc(291 * 100vw / 750);
    margin-right:calc(20 * 100vw / 750);
}
#kiribako_cont .kiribako-box1 .pic img{
    box-shadow: 8px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#kiribako_cont .kiribako-box1 .text_box{
    width:calc(350 * 100vw / 750);
}
#kiribako_cont .kiribako-box2 .pic{
    width:calc(372 * 100vw / 750);
    margin-left: calc(20 * 100vw / 750);
}
#kiribako_cont .kiribako-box2 .text_box{
    width:calc(263 * 100vw / 750);
}
#kiribako_cont .free_t-icon {
    background: #E83E2B;
    color: #FFF;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    width: calc(83 * 100vw / 750);
    height: calc(83 * 100vw / 750);
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: calc(28 * 100vw / 750);
    letter-spacing: .001em;
    font-weight: bold;
}
@media screen and (min-width: 751px){
    #kiribako_cont{
        padding: 68px 0 80px;
    }
    #kiribako_cont .kiribako_cont-inner{
        padding: 0 26px;
    }
    #kiribako_cont h2{
        font-size: 32px !important;
        letter-spacing: .08em;
        margin-bottom: 25px;
    }
    #kiribako_cont h3{
        font-size: 24px;
        line-height: 150%;
        letter-spacing: .08em;
        margin-bottom: 14px;
    }
    #kiribako_cont p{
        font-size: 16px;
    }
    #kiribako_cont .kiribako-box1{
        margin-bottom: 40px;
    }
    #kiribako_cont .kiribako-box1 .pic{
        width: 202px;
        margin-right: 20px;
    }
    #kiribako_cont .kiribako-box1 .text_box{
    width: 243px; 
    }
    #kiribako_cont .cap_txt{
        font-size: 12px;
    }
    #kiribako_cont .kiribako-box2 .pic{
        width: 258px;
        margin-left: 27px;
    }
    #kiribako_cont .kiribako-box2 .text_box{
        width: 183px;
    }
    #kiribako_cont .free_t-icon{
        width: 58px;
        height: 58px;
        font-size:20px;
    }
}
/*--------------------------------------
導入
--------------------------------------*/
#intro {
    background: #333333;
    color: #FFFFFF;
    text-align: center;
    padding: calc(24* 100vw / 750) 0 0;
}
#intro p {
    font-size: calc(34* 100vw / 750);
    font-weight: 600;
    line-height: 2;
    letter-spacing:  -.02em;
}
#intro p.notes {
    font-size: calc(16* 100vw / 750);
    /* margin-top: calc(30* 100vw / 750); */
    text-align: left;
}
#intro .intro_ranking {
    margin-top: calc(64* 100vw / 750);
}
#intro .intro_ranking h3 {
    font-size: calc(44* 100vw / 750);
    font-weight: 700;
    margin-bottom: calc(44* 100vw / 750);
}
#intro .intro_ranking p {
    font-size: calc(28* 100vw / 750);
    font-weight: 400;
    line-height: 1.75;
}

/* ランキング・おすすめスライダー */
.ranking,
.pickup {
    margin: 20px;
    position: relative;
}
.swiper_ranking {
    overflow: visible;
    width: 100%;
    height: auto;
}
.swiper_ranking .swiper-wrapper{
    list-style: none;
    background: #fff;
}
.swiper_ranking .swiper-slide,
.swiper_pickup .swiper-slide {
    padding: 0;
}
.swiper_ranking .swiper-slide a,
.swiper_pickup .swiper-slide a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.swiper_ranking .swiper-slide a h4,
.swiper_pickup .swiper-slide a h4 {
    font-size: calc(28 * 100vw / 750);
    font-weight: 600;
    margin-top: calc(20 * 100vw / 750);
    text-align: left;
}
.swiper_ranking .swiper-slide a .price,
.swiper_pickup .swiper-slide a .price {
    font-size: calc(28 * 100vw / 750);
    font-weight: 600 !important;
}
.swiper_ranking .swiper-slide a .price .tax,
.swiper_pickup .swiper-slide a .price .tax {
    font-size: calc(20 * 100vw / 750);
    font-weight: 600;
}
/*ランク１*/
.swiper_ranking .swiper-slide .pic::before {
    content: "";
    color: #FFF;
    font-size: calc(36 * 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    display: block;
    width:calc(60 * 100vw / 750);
    height:calc(60 * 100vw / 750);
    position: absolute;
    top: 0;
    left: 0;
}
.swiper_ranking .swiper-slide:nth-child(1) .pic::before {
    content: "1";
    background:#CEAD52;
}
/*ランク２*/
.swiper_ranking .swiper-slide:nth-child(2) .pic::before {
    content: "2";
    background: #AAAAAA;
}
/*ランク３*/
.swiper_ranking .swiper-slide:nth-child(3) .pic::before {
    content: "3";
    background: #844A28;
}
/*ランク4*/
.swiper_ranking .swiper-slide:nth-child(4) .pic::before {
    content: "4";
    background: #333;
}
/*ランク4*/
.swiper_ranking .swiper-slide:nth-child(5) .pic::before {
    content: "5";
    background: #333;
}
/* ページネーション */
#ranking .swiper-pagination {
    margin-top: calc(60 * 100vw / 750);
    position: relative;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(16 * 100vw / 750);
}
#ranking .swiper-pagination-bullet,
#pickup .swiper-pagination-bullet {
    /* すべてのページネーションを同じサイズに */
    width: calc(28 * 100vw / 750);
    height: calc(28 * 100vw / 750);
    background: #D9D9D9;
    opacity: 1;
    transform: scale(1) !important;  /* 強制的に同じサイズ */
}
#ranking .swiper-pagination-bullet-active,
#pickup .swiper-pagination-bullet-active {
    background: #667eea;
    opacity: 1;
    transform: scale(1) !important;  /* アクティブも同じサイズ */
}
#ranking .swiper-pagination-bullet-active,
#pickup .swiper-pagination-bullet-active {
    background:#9C0000 !important;
}

/* みさらおすすめ商品 */
#pickup {
    padding: calc(56* 100vw / 750) 0;
    position: relative;
    background: #fff;
}
#pickup h2 {
    font-size: calc(44* 100vw / 750) !important;
    font-weight: 700;
    text-align: center;
    margin-bottom: calc(44* 100vw / 750);
} 
.pickup-pagination {
    text-align: center;
}

@media screen and (min-width: 751px) {
    #intro {
        padding: 40px 0 0;
    }
    #intro p {
        font-size: 22px;
    }
    #intro p.notes {
        font-size: 11px;
        /* margin-top: 30px; */
    }
    #intro .intro_ranking {
        margin-top: 32px;
    }
    #intro .intro_ranking h3 {
        font-size: 30px;
        margin-bottom: 22px;
    }
    #intro .intro_ranking p {
        font-size: 18px;
    }
    /* ランキング */
    .swiper_ranking {
        width: 100%;
        height: auto;
    }
    .swiper_ranking .swiper-wrapper{
        list-style: none;
        background: #fff;
        border-radius: 8px;
        padding: 0;
        text-align: center;
    }
    .swiper_ranking .swiper-slide,
    .swiper_pickup .swiper-slide {
        padding: 0;
    }
    .swiper_ranking .swiper-slide a h4,
    .swiper_pickup .swiper-slide a h4 {
        font-size: 19px;
        margin-top: 10px;
    }
    .swiper_ranking .swiper-slide a .price,
    .swiper_pickup .swiper-slide a .price {
        font-size: 19px;
    }
    .swiper_ranking .swiper-slide a .price .tax,
    .swiper_pickup .swiper-slide a .price .tax {
        font-size: 14px;
    }
    /*ランク１*/
    .swiper_ranking .swiper-slide .pic::before {
        font-size: 24px;
        width: 40px;
        height: 40px;
    }
    /* ページネーション */
    #ranking .swiper-pagination,
    #pickup .swiper-pagination {
        margin-top: 20px;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
    }
    #ranking .swiper-pagination-bullet,
    #pickup .swiper-pagination-bullet {
        width: 20px;
        height: 20px;
    }

    /* みさらおすすめ商品 */
    #pickup {
        padding: 40px 0 56px;
    }
    #pickup h2 {
        font-size: 30px !important;
        margin-bottom: 22px;
    } 
}

/*--------------------------------------
リード文
--------------------------------------*/
#main_lead{
    background:#2A2525;
    color: #fff;
}
#main_lead .lead_txt {
    padding: calc(56* 100vw / 750) 0 calc(96* 100vw / 750);
}
#main_lead .lead_txt p {
    font-size: calc(30* 100vw / 750) !important;
    line-height: 2.25;
}
#main_lead .lead_txt p.notes {
    font-size: calc(20* 100vw / 750) !important;
    font-weight: 400;
    line-height: 1.75;
    margin-top: calc(40* 100vw / 750);
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (min-width: 751px) {
    #main_lead .lead_txt {
        padding: 40px 0 60px;
    }
    #main_lead .lead_txt p {
        font-size: 20px !important;
    }
    #main_lead .lead_txt p.notes {
        font-size: 11px !important;
        margin-top: 10px;
    }
}

/*--------------------------------------
キャンペーン
--------------------------------------*/
#campaign {
    background: #333;
    color: #fff;
    padding: calc(64* 100vw / 750) 0 calc(128* 100vw / 750);
    text-align: center;
}
#campaign h2 {
    font-size: calc(56* 100vw / 750) !important;
}
#campaign p.period {
    background: #FFF;
    color: #333;
    font-size: calc(48* 100vw / 750);
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1;
    border: 1px solid #fff;
    margin: 0 auto calc(50* 100vw / 750);
    padding: calc(12* 100vw / 750) 0 calc(16* 100vw / 750);
    width: 80%;
}
#campaign p.period small {
    font-size: calc(36* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
}
#campaign ul {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 15px;
}
#campaign ul li {
    width: calc((100% - 15px) / 2);
}
#campaign ul li a img {
    border-radius: 12px;
}

/* 期間限定キャンペーンエリア */
.snippets_bnr-wide {
    padding-bottom: 60px;
    margin: auto;
    width: 100%;
}
.snippets_bnr-wide h3 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.snippets_bnr-wide img {
    border-radius: 12px;
}
@media screen and (min-width: 751px) {
    #campaign {
        padding: 40px 0 80px;
    }
    #campaign h2 {
        font-size: 38px !important;
        margin-bottom: 20px;
    }
    #campaign p.period {
        font-size: 32px;
        margin: 0 auto 46px;
        padding: 6px 0 8px;
        width: 400px;
    }
    #campaign p.period small {
        font-size: 24px;
    }
    #campaign ul {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
    }
    #campaign ul li {
        width: calc((100% - 24px) / 2);
    }
    /* 期間限定キャンペーンエリア */
    .snippets_bnr-wide {
        padding-bottom: 60px;
        margin: auto;
        width: 100%;
    }
    .snippets_bnr-wide h3 {
        font-size: 20px;
        text-align: center;
        margin-bottom: 20px;
    }
    .snippets_bnr-wide img {
        border-radius: 12px;
    }
}

/*--------------------------------------
選ばれる理由
--------------------------------------*/
#reason {
    background:#fff;
}
#reason .reason_wrap {
    margin: calc(90* 100vw / 750) 0 calc(90* 100vw / 750);
    text-align: center;
}
#reason .reason_box h3 {
    font-size: calc(44* 100vw / 750);
    font-weight: 600;
    line-height: 2;
    margin-bottom: calc(48* 100vw / 750);
}
#reason .reason_box p {
    letter-spacing: .08em;
    line-height: 2;
}
#reason .reason_box.rare {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-rare.webp) no-repeat right bottom / cover;
    color: #fff;
    padding: calc(120* 100vw / 750) 0 calc(120* 100vw / 750);
}
#reason .reason_box.texture {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-texture.webp) no-repeat right bottom / cover;
    padding: calc(120* 100vw / 750) 0 calc(454* 100vw / 750);
}
#reason .reason_box.skill {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-skill.webp) no-repeat right bottom / cover;
    color: #fff;
    padding: calc(120* 100vw / 750) 0 calc(120* 100vw / 750);
}
@media screen and (min-width: 751px) {
    #reason h2 {
        line-height: 1.75;
    }
    #reason .reason_wrap {
        margin: 60px 0 70px;
    }
    #reason .reason_box h3 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    #reason .reason_box p {
        font-size: 18px;
        letter-spacing: .06em;
        line-height: 2;
    }
    #reason .reason_box.rare {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-rare.webp) no-repeat right bottom / 100%;
        color: #fff;
        padding: 60px 0 60px;
    }
    #reason .reason_box.texture {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-texture.webp) no-repeat right bottom / 100%;
        padding: 60px 0 240px;
    }
    #reason .reason_box.skill {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_reason-skill.webp) no-repeat right bottom / cover;
        color: 100%;
        padding: 60px 0 60px;
    }
}

/*--------------------------------------
うなぎへのこだわり
--------------------------------------*/
#kodawari {
    background:#fff;
}
#kodawari .kodawari_wrap {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_kodawari_top.webp) no-repeat right bottom / cover;
    color: #fff;
    min-height: calc(1164* 100vw / 750);
    padding: calc(120* 100vw / 750) 0 calc(120* 100vw / 750);
}
#kodawari .kodawari_wrap p {
    line-height: 2;
}
#kodawari .kodawari_wrap h2 {
    font-size: calc(40* 100vw / 750) !important;
    font-weight: 600;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    line-height: 1.8;
    letter-spacing: .25em;
    text-align: left;
    margin: 0 0 calc(80* 100vw / 750) calc(50* 100vw / 750);
}
#kodawari h3 {
    font-size: calc(48* 100vw / 750);
    font-weight: 600;
    margin-top: calc(90* 100vw / 750);
    text-align: center;
}
#kodawari .kodawari_list {
    margin-top: calc(90* 100vw / 750);
    padding: 0 0 calc(120* 100vw / 750);
}
#kodawari .kodawari_list li {
    text-align: center;
}
#kodawari .kodawari_list li + li {
    margin-top: calc(90* 100vw / 750);
}
#kodawari .kodawari_list li h4 {
    font-size: calc(38* 100vw / 750);
    font-weight: 600;
    padding: calc(40* 100vw / 750) 0 calc(30* 100vw / 750);
}
#kodawari .kodawari_list li p {
    font-size: calc(28* 100vw / 750);
    font-weight: 400;
    text-align: left;
}
@media screen and (min-width: 751px) {
    #kodawari .kodawari_wrap {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_kodawari_top.webp) no-repeat right bottom / 100%;
        min-height: 807px;
        padding: 60px 0 60px;
    }
    #kodawari .kodawari_wrap h2 {
        font-size: 28px !important;
        margin: 0 0 80px 30px;
    }
    #kodawari h3 {
        font-size: 32px;
        margin-top: 60px;
    }
    #kodawari .kodawari_list {
        margin-top: 60px;
        padding: 0 0 80px;
    }
    #kodawari .kodawari_list li + li {
        margin-top: 70px;
    }
    #kodawari .kodawari_list li h4 {
        font-size: 27px;
        padding: 30px 0 20px;
    }
    #kodawari .kodawari_list li p {
        font-size: 18px;
    }
}

/*--------------------------------------
商品一覧
--------------------------------------*/
#products_list {
    background: #FFF;
    padding-bottom: calc(120 * 100vw / 750);
}
#products_list .products_list_wrap {
    background: #F8F7EF;
    padding: calc(100* 100vw / 750) 0 calc(60* 100vw / 750);
}
#products_list .products_list_wrap ul.products_link {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}
#products_list .products_list_wrap ul.products_link li {
    border-radius: 8px;
    min-height: calc(200* 100vw / 750);
    width: calc((100% - 15px) / 2);		align-items: center;
}
#products_list .products_list_wrap ul.products_link li a {
    font-family: "Shippori Mincho B1", serif;
    font-weight: 600;
    margin: 0;
    border-radius: 8px;
    display: block;
    color: #fff;
    font-size: calc(38* 100vw / 750);
    font-weight: 600;
    padding-bottom: calc(20* 100vw / 750);
    min-height: calc(200 * 100vw / 750);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
#products_list .products_list_wrap ul.products_link li a::after {
    content: "";
    display: inline-block;
    width: calc(20 * 100vw / 750);
    height: calc(20 * 100vw / 750);
    margin-left: auto;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
    position: absolute;
    margin: auto;
    bottom: calc(24 * 100vw / 750);
    right: 0;
    left: 0;
}
#products_list .products_list_wrap ul.products_link li.special,
#products_list .products_list_wrap ul.products_link li.campaign {
    width: 100%;
}
#products_list .products_list_wrap ul.products_link li.special a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_special.webp) no-repeat right bottom / cover;
    padding-right: calc(330 * 100vw / 750);
}
#products_list .products_list_wrap ul.products_link li.special a::after {
    margin-right: calc(520 * 100vw / 750);
}
#products_list .products_list_wrap ul.products_link li.kabayaki a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_kabayaki.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.sumikabayaki a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_sumikabayaki.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.sumishiroyaki a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_sumishiroyaki.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.kohaku a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_kohaku.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.manpuku a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_manpuku.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.gift a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_gift.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.other a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_other.webp) no-repeat right bottom / cover;
}
#products_list .products_list_wrap ul.products_link li.campaign a {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_gift-campaign.webp) no-repeat right top / 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-height: calc(270 * 100vw / 750);
    padding: calc(40 * 100vw / 750) calc(48 * 100vw / 750);
}
#products_list .products_list_wrap ul.products_link li.campaign a span {
    border-radius: 0 0 8px 8px;
    color: #fff;
    font-size: calc(32 * 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    background: #F1A23B;
    background: linear-gradient(180deg,rgba(241, 162, 59, 1) 0%, rgba(204, 115, 0, 1) 100%);
    display: block;
    padding: calc(8 * 100vw / 750) 0 calc(12 * 100vw / 750);
    margin-top: calc(24 * 100vw / 750);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
}
#products_list .products_list_wrap ul.products_link li.campaign a::after {
    transform: rotate(-45deg);
    right: calc(170 * 100vw / 750);
    left: auto;
}

@media screen and (min-width: 751px) {
    #products_list .products_list_wrap {
        padding-bottom: 88px;
    }
    #products_list .products_list_wrap {
        padding: 60px 0 88px;
    }
    #products_list .products_list_wrap ul.products_link {
        gap: 26px 24px;
    }
    #products_list .products_list_wrap ul.products_link li {
        min-height: 140px;
        width: calc((100% - 30px) / 2);
    }
    #products_list .products_list_wrap ul.products_link li a {
        font-size: 26px;
        padding-bottom: 10px;
        min-height: 140px;
    }
    #products_list .products_list_wrap ul.products_link li a::after {
        width: 14px;
        height: 14px;
        bottom: 18px;
    }
    #products_list .products_list_wrap ul.products_link li.special a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_special.webp) no-repeat right bottom / 100%;
        padding-right: 230px;
    }
    #products_list .products_list_wrap ul.products_link li.special a::after {
        margin-right: 350px;
    }
    #products_list .products_list_wrap ul.products_link li.kabayaki a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_kabayaki.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.sumikabayaki a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_sumikabayaki.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.sumishiroyaki a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_sumishiroyaki.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.kohaku a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_kohaku.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.manpuku a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_manpuku.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.gift a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_gift.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.other a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_other.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.campaign a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_campaign.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_list_wrap ul.products_link li.campaign a {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/btn_product_gift-campaign.webp) no-repeat right top / 100%;
        min-height: 188px;
        padding: 30px 30px;
    }
    #products_list .products_list_wrap ul.products_link li.campaign a span {
        font-size: 22px;
        padding: 8px 0 9px;
        margin-top: 20px;
    }
    #products_list .products_list_wrap ul.products_link li.campaign a::after {
        right: 120px;
    }
}

/* 共通タイトル */
#products_list h3 {
    color: #fff;
    font-size: calc(48* 100vw / 750);
    font-weight: 600;
    margin-bottom: calc(102* 100vw / 750);
    min-height: calc(238 * 100vw / 750);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
#products_list #products_special h3.special_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_gold.webp) no-repeat right bottom / cover;
    color: #333;
    min-height: calc(126* 100vw / 750);
    margin-bottom: 0;
    font-weight: 700;
}
#products_list #products_special h3.unagyuju_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_unagyuju.webp) no-repeat right bottom / cover;
    color: #333;
    min-height: calc(380* 100vw / 750);
    margin-bottom: calc(60 * 100vw / 750);
    padding-bottom: calc(160 * 100vw / 750);
}
#products_list #products_special h3.unagyuju_ttl span {
    font-size: calc(40* 100vw / 750);
    display: block;
}
#products_list h3.kabayaki_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_kabayaki.webp) no-repeat right bottom / cover;
}
#products_list h3.sumikabayaki_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_sumikabayaki.webp) no-repeat right bottom / cover;
}
#products_list h3.sumishiroyaki_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_sumishiroyaki.webp) no-repeat right bottom / cover;
}
#products_list h3.kohaku_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_kohaku.webp) no-repeat right bottom / cover;
}
#products_list h3.manpuku_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_manpuku.webp) no-repeat right bottom / cover;
}
#products_list h3.gift_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_gift.webp) no-repeat right bottom / cover;
}
#products_list h3.other_ttl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_other.webp) no-repeat right bottom / cover;
}
#products_list .products_wrap {
    padding-bottom: calc(60* 100vw / 750);
}
/* みさら人気ギフト */
#products_list #products_special {
    background: #2A2525;
    color: #fff;
}
#products_list #products_special p.special_top {
    font-size: calc(30* 100vw / 750);
    font-weight: 400;
    line-height: 2;
    margin-top: calc(60 * 100vw / 750);
    margin-bottom: calc(60 * 100vw / 750);
}
#products_list #products_special ul.oversized {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    padding: calc(20* 100vw / 750) 0 calc(120* 100vw / 750);
}
#products_list #products_special ul.oversized li {
    width: 100%;
}
#products_list #products_special ul.oversized li p {
    font-size: calc(28* 100vw / 750);
    line-height: 1.65;
    margin-top: calc(10* 100vw / 750);
}

@media screen and (min-width: 751px) {
    #products_list h3 {
        font-size: 33px;
        margin-bottom: 64px;
        min-height: 166px;
    }
    #products_list #products_special h3.special_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_gold.webp) no-repeat right bottom / 100%;
        min-height: 88px;
    }
    #products_list #products_special h3.unagyuju_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_unagyuju.webp) no-repeat right bottom / 100%;
        min-height: 275px;
        margin-bottom: 40px;
        padding-bottom: 100px;
    }
    #products_list #products_special h3.unagyuju_ttl span {
        font-size: 28px;
    }
    #products_list h3.kabayaki_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_kabayaki.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.sumikabayaki_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_sumikabayaki.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.sumishiroyaki_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_sumishiroyaki.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.kohaku_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_kohaku.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.manpuku_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_manpuku.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.gift_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_gift.webp) no-repeat right bottom / 100%;
    }
    #products_list h3.other_ttl {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_product_other.webp) no-repeat right bottom / 100%;
    }
    #products_list .products_wrap {
        padding-bottom: 60px;
    }
    /* みさら人気ギフト */
    #products_list #products_special p.special_top {
        font-size: 20px;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #products_list #products_special ul.oversized {
        gap: 30px;
        padding: 0 0 60px;
    }
    #products_list #products_special ul.oversized li p {
        font-size: 16px;
        margin-top: 10px;
    }
}

/*--------------------------------------
共通商品一覧 1カラム
--------------------------------------*/
.content_product .content_product_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(80*100vw/750) 0 !important;
    padding: calc(0*100vw/750) 0 calc(120*100vw/750);
    margin: 0 auto;
    width: 100%;
}
.content_product .content_product_wrap + .content_product_wrap {
    margin-bottom:calc(88*100vw/750) ;
}
.content_product .content_product_box {
    width: 100%;
    position: relative;
    background: #333;
    color: #FFF;
}
.content_product .content_product_box .pic {
    margin-bottom:calc(27*100vw/750);
    position: relative;
}
.content_product .content_product_box .pic::before {
    display: block;
    text-align: center;
    width: calc(48*100vw/750);
    height: calc(48*100vw/750);
    font-family: "Roboto", sans-serif;
    font-size:calc(24*100vw/750);
    font-weight: 700;
    color: #fff;
    line-height: calc(48*100vw/750);;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.content_product .content_product_box .detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.content_product .content_product_box h4 {
    font-size:calc(36*100vw/750);
    font-weight:600;
    text-align: left;
    margin-bottom: calc(20* 100vw / 750);
    margin-left: calc(48*100vw/750);
    margin-right: calc(48 * 100vw / 750);
}
.content_product .content_product_box .state {
    font-size:calc(32*100vw/750);
    font-weight: 500;
    text-align: left;
    padding-left: calc(48*100vw/750);
}
.content_product .content_product_box .price_wrap {
    margin: 0 calc(48 * 100vw / 750) calc(20 * 100vw / 750);
    padding-left: calc(100 * 100vw / 750);
    position: relative;
}
.content_product .content_product_box .price_wrap::before {
    content: "特別価格";
    background: #E83E2B;
    color: #FFF;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    width: calc(94 * 100vw / 750);
    height: calc(94 * 100vw / 750);
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-content: center;
    font-size: calc(26 * 100vw / 750);
    padding: calc(15 * 100vw / 750) calc(20 * 100vw / 750);
    line-height: 1.2;
    letter-spacing: .001em;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.content_product .content_product_box .regular_price {
    font-size:calc(26*100vw/750);
    padding-left: calc(10 * 100vw / 750);
    margin-bottom: calc(15 * 100vw / 750);
    text-decoration: line-through;
}
.content_product .content_product_box .price {
    font-size:calc(56*100vw/750);
    font-weight:600;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    line-height: min(calc(44* 100vw / 1200), 44px);
    margin: 0 min(calc(20* 100vw / 1200), 20px) 0;
    padding-bottom: calc(20 * 100vw / 750);
}
.content_product .content_product_box::before {
    width:calc(52*100vw/750);
    height:calc(40*100vw/750);
    margin-bottom:calc(16*100vw/750);
}
.content_product .content_product_box .price .money {
    /* font-family: 'Roboto'; */
    font-size:calc(56*100vw/750);
    font-weight:600;
}
.content_product .content_product_box .price .label {
    font-size:calc(32*100vw/750);
    font-weight:500;
}
.content_product .content_product_box .price::after {
    content: "円";
    display: inline-block;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-size:calc(40*100vw/750);
}
.content_product .content_product_box .tax {
    display: inline-block;
    font-size:calc(30*100vw/750);
    font-weight:500;
    order: 2;
}
.content_product .content_product_box .notes {
    border-bottom: 1px solid #fff;
    font-size:calc(30*100vw/750);
    line-height: 1.5;
    font-weight:500;
    padding-bottom: calc(40*100vw/750);
    margin-left: calc(48*100vw/750);
    margin-right: calc(48 * 100vw / 750);
    width: 100%;
}
.content_product .content_product_box .notes span {
    display: flex;
    align-items: center;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    margin-bottom: min(calc(5* 100vw / 1200), 5px);
}
.content_product .content_product_box .notes span:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #FFF;
}
.content_product .content_product_box .notes span:after {
    margin-left: .5em;
}
.content_product .content_product_box .link {
    font-size:calc(40* 100vw / 750);
    line-height: 1.5;
    margin-top: calc(44*100vw/750);
    padding: calc(20* 100vw / 750) 0;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight:600;
    font-style: normal;
    background: #FFF;
    color: #333;
    text-align: center;
    width: 100%;
}
@media screen and (min-width: 751px) {
    .content_product .content_product_wrap {
        gap: 64px 0 !important;
        padding: 0 0 60px;
    }
    .content_product .content_product_wrap + .content_product_wrap {
        margin-bottom: 80px;
    }
    .content_product .content_product_box .pic {
        margin-bottom: 25px;
    }
    .content_product .content_product_box .pic::before {
        width: 60px;
        height: 60px;
        font-size:60px;
        line-height: 60px;
    }
    .content_product .content_product_box h4 {
        font-size: 22px;
        letter-spacing: -.0001em;
        margin-bottom: 10px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .content_product .content_product_box .state {
        font-size: 14px;
        padding-left: 20px;
    }
    .content_product .content_product_box .price_wrap {
        margin: 0 24px 10px;
        padding-left: 60px;
    }
    .content_product .content_product_box .price_wrap::before {
        width: 58px;
        height: 58px;
        font-size: 16px;
        padding: 8px 0 8px 13px;;
    }
    .content_product .content_product_box .regular_price {
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 3px;
    }
    .content_product .content_product_box .price {
        font-size: 32px;
        line-height: 26px;
        margin: 0 10px 0;
        padding-bottom: 6px;
    }
    .content_product .content_product_box::before {
        width:calc(52*100vw/750);
        height:calc(40*100vw/750);
        margin-bottom:calc(16*100vw/750);
    }
    .content_product .content_product_box .price .money {
        font-size: 36px;
    }
    .content_product .content_product_box .price .label {
        font-size:calc(32*100vw/750);
    }
    .content_product .content_product_box .price::after {
        content: "円";
        font-size: 28px;
    }
    .content_product .content_product_box .tax {
        font-size: 18px;
    }
    .content_product .content_product_box .notes {
        font-size: 18px;
        padding-bottom: 20px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .content_product .content_product_box .notes span {
        margin-bottom: 8px;
    }
    .content_product .content_product_box .notes span:after {
        margin-left: .5em;
    }
    .content_product .content_product_box .link {
        font-size: 22px;
        margin-top: 38px;
        padding: 7px 0 10px;
    }

}


/*--------------------------------------
商品一覧 2カラム
--------------------------------------*/
.products_wrap {
    background: #FFF;
}
.products_wrap .f-products_wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom:calc(96* 100vw / 750);
}
.products_wrap .f-products_box{
    width: calc((100% - 32px) / 2);
    position: relative;
}
/* .products_wrap .f-products_box::before{
    width:calc(52*100vw/750);
    height:calc(40*100vw/750);
    margin-bottom:calc(16*100vw/750);
} */
.products_wrap .f-products_box:nth-child(even) {
    margin-left: 32px;
}
.products_wrap .f-products_box:nth-child(n+3) {
    margin-top: calc(60*100vw/750);
}
.products_wrap .f-products_box .pic{
    margin-bottom:calc(27*100vw/750);
    position: relative;
}
/* .products_wrap .f-products_box .pic::before{
    width: calc(48*100vw/750);
    height: calc(48*100vw/750);
    font-size:calc(24*100vw/750);
    line-height: calc(48*100vw/750);;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
} */
.products_wrap .f-products_box .pic::before{
    display: block;
    text-align: center;
    width:min(calc(40* 100vw / 1512), 40px);
    height:min(calc(40* 100vw / 1512), 40px);
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: min(calc(40* 100vw / 1512), 40px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.products_wrap .f-products_box .red_line{
    display: block;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size:calc(26*100vw/750);
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    background: #9C0000;
    color: #fff;
    padding:calc(14*100vw/750) 0 calc(15*100vw/750);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.products_wrap .f-products_box h4{
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size:calc(28*100vw/750);
    margin-bottom: calc(3* 100vw / 750);
}
.products_wrap .f-products_box .regular_price{
    font-size:calc(22*100vw/750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    display: flex;
    align-items: baseline;
    line-height: normal;
    text-decoration: line-through;
}
.products_wrap .f-products_box .price{
    font-size:calc(42*100vw/750);
    font-family: Roboto;
    display: flex;
    align-items: baseline;
    line-height: normal;
}
.products_wrap .f-products_box .price::after{
    content: "円";
    display: inline-block;
    font-size:calc(28*100vw/750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
}
.products_wrap .f-products_box .tax{
    display: inline-block;
    font-size:calc(26*100vw/750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    order: 2;
}
.products_wrap .item_btn{
    margin: auto;
}
@media screen and (min-width: 751px) {
    .products_wrap .f-products_wrap{
        margin-bottom: 30px;
    }
    .products_wrap .f-products_box{
        width: calc((100% - 24px) / 2);
        position: relative;
    }
    .products_wrap .f-products_box:nth-child(even) {
        margin-left: 24px;
    }
    .products_wrap .f-products_box:nth-child(n+3) {
        margin-top: calc(30*100vw/750);
    }
    .products_wrap .f-products_box .pic{
        margin-bottom: 14px;
    }
    /* .products_wrap .f-products_box .pic::before{
        display: block;
        text-align: center;
        width:min(calc(40* 100vw / 1512), 40px);
        height:min(calc(40* 100vw / 1512), 40px);
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        color: #fff;
        line-height: min(calc(40* 100vw / 1512), 40px);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    } */
    /* .products_wrap .f-products_box .red_line{
        display: block;
        font-family: "Zen Kaku Gothic Antique", sans-serif !important;
        font-weight: 500;
        font-style: normal;
        font-size:calc(26*100vw/750);
        line-height: 1;
        letter-spacing: 0.04em;
        text-align: center;
        background: #9C0000;
        color: #fff;
        padding:calc(14*100vw/750) 0 calc(15*100vw/750);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    } */
    .products_wrap .f-products_box h4{
        font-size: 16px;
        margin-bottom: 5px;
    }
    .products_wrap .f-products_box .regular_price{
        font-size: 14px;
    }
    .products_wrap .f-products_box .price{
        font-size: 28px;
    }
    .products_wrap .f-products_box .price::after{
        font-size: 18px;
    }
    .products_wrap .f-products_box .tax{
        font-size: 14px;
    }
}


/*--------------------------------------
商品を選ぶ
--------------------------------------*/
#product_list .product_list_btn {
    background: #fff;
}

/*--------------------------------------
コンテンツリンク
--------------------------------------*/
.link_contents {
    background: #fff;
    padding: calc(120*100vw/750) 0;
}
.link_contents ul li {
    width: 100%;
}
.link_contents ul li + li {
    margin-top: calc(46*100vw/750);
}
.link_contents ul li a {
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: calc(192*100vw/750);
}
.link_contents ul li.link_campaign {
    margin-bottom: calc(100*100vw/750);
}
.link_contents ul li.link_amakara a {
    min-height: calc(354*100vw/750);
}
@media screen and (min-width: 751px) {
    .link_contents {
        padding: 88px 0;
    }
    .link_contents ul li + li {
        margin-top: 32px;
    }
    .link_contents ul li.link_campaign {
        margin-bottom: 88px
    }
    .link_contents ul li a {
        min-height: 133px;
    }
    .link_contents ul li.link_amakara a {
        min-height: 248px;
    }
}


/*--------------------------------------
ギフト
--------------------------------------*/
#gift {
    background:#F8F7EF;
}
#gift h2 {
    font-size: calc(48* 100vw / 750);
    font-weight: 600;
    line-height: 1.75;
    padding-top: calc(90* 100vw / 750);
    text-align: center;
}
#gift p {
    line-height: 2;
    text-align: center;
}
#gift p.gift_img {
    margin: calc(70* 100vw / 750) 0 calc(40* 100vw / 750);
}
#gift .gift_list {
    margin-top: calc(90* 100vw / 750);
    padding: 0 0 calc(120* 100vw / 750);
}
#gift .gift_list li {
    text-align: center;
}
#gift .gift_list li + li {
    margin-top: calc(90* 100vw / 750);
}
#gift .gift_list li h4 {
    font-size: calc(38* 100vw / 750);
    font-weight: 600;
    margin: calc(40* 100vw / 750) 0 calc(30* 100vw / 750);
}
#gift .gift_list li p {
    font-size: calc(30* 100vw / 750);
    font-weight: 400;
    text-align: left;
}
#gift .gift_list li p.notes {
    font-size: calc(24* 100vw / 750);
    margin-top: calc(10 * 100vw / 750);
}
#gift .season_ochugen {
    background: #FFF;
}
#gift .season_ochugen .gift_btn {
    padding-top: calc(40* 100vw / 750);
}
@media screen and (min-width: 751px) {
    #gift h2 {
        font-size: 32px;
        padding-top: 60px;
    }
    #gift p.gift_img {
        margin: 60px 0 30px;
    }
    #gift .gift_list {
        margin-top: 60px;
        padding: 0 0 80px;
    }
    #gift .gift_list li + li {
        margin-top: 60px;
    }
    #gift .gift_list li h4 {
        font-size: 28px;
        margin: 30px 0 20px;
    }
    #gift .gift_list li p {
        font-size: 18px;
    }
    #gift .gift_list li p.notes {
        font-size: 11px;
        margin-top: 10px;
    }
    #gift .season_ochugen .gift_btn {
        padding-top: 30px;
    }
}


/*--------------------------------------
お客様の声
--------------------------------------*/
#voice {
    background: #E9E4CD;
    padding-bottom: calc(120* 100vw / 750);
}
#voice .content_read h2 {
    margin-top: calc(50 * 100vw / 750) !important;
}
#voice .content_read p {
    text-align: center;
    margin-bottom: calc(110* 100vw / 750);
}
.content_voice .content_voice_wrap{
    flex-wrap: nowrap;
    justify-content: space-between;
    gap:min(calc(30*100vw/1200),30px);
}
.content_voice .content_voice_wrap {
    display: block;
}
.content_voice .content_voice_wrap p{
    font-size:calc(26* 100vw / 750);
    font-weight: 500 !important;
    letter-spacing: 0.04em;
    color: #333;
    line-height: 2 !important;
}
.content_voice .content_voice_wrap p .point {
    color: #9C0000;
    font-weight: 700;
}
.content_voice .content_voice_wrap .content_voice_box{
    background: #fff;
    width:calc(50% -  min(calc(24*100vw/1200),24px));
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    min-height: calc(524* 100vw / 750);
    padding:calc(87* 100vw / 750) calc(48* 100vw / 750);
}
.content_voice .content_voice_wrap .content_voice_box + .content_voice_box {
    margin-top: calc(120* 100vw / 750);
}
.content_voice .content_voice_wrap .content_voice_box::before, .content_voice .content_voice_wrap .content_voice_box::after{
    content: "";
    display: block;
    width: calc(78* 100vw / 750);
    height: calc(58* 100vw / 750);
    position: absolute;
}
.content_voice .content_voice_wrap .content_voice_box::before {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/voice_ico01.svg) 0 0 / contain;
    background-repeat: no-repeat;
    top: calc(-37* 100vw / 750);
    left: calc(36* 100vw / 750);
}
.content_voice .content_voice_wrap .content_voice_box::after {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/voice_ico02.svg) 0 0 / contain;
    background-repeat: no-repeat;
    bottom: calc(-37* 100vw / 750);
    right: calc(36* 100vw / 750);
}
.content_voice h4{
    font-size:calc(40* 100vw / 750);
    font-weight: 700;
    color: #333;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    margin-bottom: calc(40* 100vw / 750);
    min-height: min(calc(80*100vw/1200),80px);
    width: 100%;
}
#voice.content_voice .content_voice_wrap .content_voice_box .ico {
    position: absolute;
    width: calc(146* 100vw / 750);
    height: calc(146* 100vw / 750);
    top: calc(-73* 100vw / 750);
    right: calc(56* 100vw / 750);
}
#voice.content_voice .content_voice_wrap .content_voice_box .ico {
    }
.content_voice :is(.star_5,.star_4,.star_4_5){
    margin-bottom: calc(40* 100vw / 750);
    width:calc(248* 100vw / 750);
    height:calc(30* 100vw / 750);
}
.content_voice .star_5{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/star_5.svg) 0 0 / contain;
    background-repeat: no-repeat;
}
.content_voice .star_4{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/star_4.svg) 0 0 / contain;
    background-repeat: no-repeat;
}
.content_voice .star_4_5{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/star_4_5.svg) 0 0 / contain;
    background-repeat: no-repeat;
}
.content_voice .content_voice_wrap .age{
    font-size:calc(30* 100vw / 750) !important;
    font-weight: 500 !important;
    margin-top: calc(40* 100vw / 750);
    text-align: right;
    width: 100%;
}
/* お取り寄せのお声 */
#voice .voice_otoriyose dl {
    margin: calc(120* 100vw / 750) auto 0;
    width: 100%;
}
#voice .voice_otoriyose dl dt {
    margin-top:calc(60* 100vw / 750);
    width: 100%;
}
#voice .voice_otoriyose dl dt span {
    font-size: calc(34* 100vw / 750);
    font-weight: 600;
    line-height: 1;
    display: block;
    text-align: center;
}
#voice .voice_otoriyose dl dt .logo {
    margin:calc(20* 100vw / 750) auto;
    width: 90%;
}
#voice .voice_otoriyose dl dt .get {
    font-size: calc(40* 100vw / 750);
    font-weight: 600;
    line-height: 1.75;
    margin-top: calc(40* 100vw / 750);
}
#voice .voice_otoriyose dl dt .get img {
    display: inline;
    width: calc(160* 100vw / 750);
    height: calc(63* 100vw / 750);
    margin-right: calc(15 * 100vw / 750);
    margin-bottom: calc(-10 * 100vw / 750);
}
#voice .voice_otoriyose dl dt .text {
    font-size: calc(30* 100vw / 750);
    line-height: 2;
    margin-top: calc(30* 100vw / 750);
}
#voice .voice_otoriyose dl dd {
    width: 100%;
}
#voice .media {
    margin-top: calc(60* 100vw / 750);
}
#voice .media .media_ttl {
    font-size: calc(40* 100vw / 750);
    font-weight: 600;
    text-align: center;
    margin-bottom: calc(20* 100vw / 750);
}
#voice .media .media_txt {
    font-size: calc(30* 100vw / 750);
    margin-top: calc(30* 100vw / 750);
}
@media screen and (min-width: 751px) {
    #voice {
        padding-bottom: 100px;
    }
    #voice .content_read h2 {
        margin-top: 70px !important;
    }
    #voice .content_read p {
        margin-bottom: 80px;
    }
    .content_voice .content_voice_wrap p{
        font-size: 18px !important;
    }
    .content_voice .content_voice_wrap .content_voice_box{
        width: 100%;
        min-height: inherit;
        padding: 50px 30px;
    }
    .content_voice .content_voice_wrap .content_voice_box + .content_voice_box {
        margin-top: 84px;
    }
    .content_voice .content_voice_wrap .content_voice_box::before, .content_voice .content_voice_wrap .content_voice_box::after{
        width: 60px;
        height: 100px;
    }
    .content_voice .content_voice_wrap .content_voice_box::before {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/voice_ico01.svg) 0 0 / 100%;
        background-repeat: no-repeat;
        top: -32px;
        left: 27px;
    }
    .content_voice .content_voice_wrap .content_voice_box::after {
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/voice_ico02.svg) 0 0 / 100%;
        background-repeat: no-repeat;
        bottom: -82px;
        right: 27px;
    }
    .content_voice h4{
        font-size: 28px;
        margin-bottom: 24px;
        min-height: 50px
    }
    #voice.content_voice .content_voice_wrap .content_voice_box .ico {
        width: 100px;
        height: 100px;
        top: -50px;
        right: 40px;
    }
    .content_voice :is(.star_5,.star_4,.star_4_5){
        margin-bottom: 30px;
        width: 169px;
        height: 20px;
    }
    .content_voice .content_voice_wrap .age{
        font-size: 20px !important;
        margin-top: 20px;
    }
    /* お取り寄せのお声 */
    #voice .voice_otoriyose dl {
        margin: 80px auto 0;
    }
    #voice .voice_otoriyose dl dt {
        margin-top: 40px;
    }
    #voice .voice_otoriyose dl dt span {
        font-size: 20px;
    }
    #voice .voice_otoriyose dl dt .logo {
        margin: 10px auto;
        width: 444px
    }
    #voice .voice_otoriyose dl dt .get {
        font-size: 28px;
        margin-top: 30px;
    }
    #voice .voice_otoriyose dl dt .get img {
        width: 85px;
        height: 33px;
        margin-right: 10px;
        margin-bottom: -5px;
    }
    #voice .voice_otoriyose dl dt .text {
        font-size: 18px;
        margin-top: 15px;
    }
    #voice .media {
        margin-top: 64px;
    }
    #voice .media .media_ttl {
        font-size: 28px;
        margin-bottom: 30px;
    }
    #voice .media .media_txt {
        font-size: 18px;
        margin-top: 30px;
    }

}




/*--------------------------------------
豆知識
--------------------------------------*/
#mamechishiki {
    background: #F8F7EF;
    padding: calc(120* 100vw / 750) 0 calc(120* 100vw / 750);
}
#mamechishiki dl dt h2 {
    margin-bottom: calc(80 * 100vw / 750);
}
#mamechishiki dl dt p {
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: calc(30 * 100vw / 750);
    margin-top: calc(30 * 100vw / 750);
}
#mamechishiki dl dd h3 {
    border-bottom: 1px solid #9C0000;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: calc(32 * 100vw / 750);
    padding-bottom: calc(15 * 100vw / 750);
    margin-top: calc(60 * 100vw / 750);
    margin-bottom: calc(25 * 100vw / 750);
}
#mamechishiki dl dd p {
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: calc(28 * 100vw / 750);
    line-height: 1.75;
}
@media screen and (min-width: 751px) {
    #mamechishiki {
        padding: 70px 0;
    }
    #mamechishiki dl dt h2 {
        margin-bottom: 32px;
    }
    #mamechishiki dl dt p {
        font-size: 18px;
        margin-top: 40px;
    }
    #mamechishiki dl dd h3 {
        font-size: 22px;
        padding-bottom: 8px;
        margin-top: 40px;
        margin-bottom: 16px;
    }
    #mamechishiki dl dd p {
        font-size: 18px;
    }

}


/*--------------------------------------
共通トグルデザイン
--------------------------------------*/
#ushinohi_faq {
    background: #FFF;
    padding: calc(120* 100vw / 750) 0 calc(120* 100vw / 750);
}
.content_toggle {
    border-top: 1px solid #DDD;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
}
.content_toggle dl {
    border-bottom: 1px solid #DDD;
    font-size: calc(40* 100vw / 750);
    line-height: 2;
    position: relative;
    transition: 0.4s;
    padding: calc(40* 100vw / 750);
    width: 100%;
}
/* .content_toggle dl + dl {
    margin-top: min(calc(43* 100vw / 1200), 43px);
} */
.content_toggle dl dt p {
    display: flex;
    align-items: flex-start;
    font-size: calc(36* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: 1.5;
}
.content_toggle dl dt p span {
    color: #9C0000;
    font-size: calc(40* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    margin-right: calc(20* 100vw / 750);
}

.content_toggle dl dd {
    display: none;
    font-size: calc(32* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: 2;
    position: relative;
    padding-top: calc(32* 100vw / 750);
}
.content_toggle dl dd p {
    font-size: calc(30* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: 2;
}
.content_toggle dl dd span {
    display: inline-block;
    font-size: calc(22* 100vw / 750);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
    margin-top: calc(22* 100vw / 750);
}
.content_toggle dl dd span + span {
    margin-top: 0;
}
/*トグルアイコン*/
.content_toggle dl dt .u-icon--plus,
.content_toggle dl dt .u-icon--minus {
    font-size: calc(64* 100vw / 750);
    color: #DDD;
    position: absolute;
    right: calc(8* 100vw / 750);
    top: calc(40* 100vw / 750);
    transition: 0.4s;
}
.content_toggle dl dt .u-icon--minus {
    opacity: 0;
    transform: scale(0);
}
.content_toggle dl dt.is-open .u-icon--plus {
    opacity: 0;
    transform: scale(0);
}
.content_toggle dl dt.is-open .u-icon--minus {
    opacity: 1;
    transform: scale(1);
}
@media screen and (min-width: 751px) {
    #ushinohi_faq {
        padding: 70px 0;
    }
    .content_toggle dl {
        font-size: 22px;
        padding: 34px 20px;
    }
    .content_toggle dl dt p {
        font-size: 22px;
    }
    .content_toggle dl dt p span {
        font-size:28px;
        margin-right: 15px;
    }
    .content_toggle dl dd {
        font-size: 15px;
        padding-top: 30px;
    }
    .content_toggle dl dd p {
        font-size: 18px;
    }
    .content_toggle dl dd span {
        font-size: 11px;
        margin-top: 10px;
    }
    /*トグルアイコン*/
    .content_toggle dl dt .u-icon--plus,
    .content_toggle dl dt .u-icon--minus {
        font-size: 48px;
        right: 26px;
        top: 30px;
    }
}



/*--------------------------------------
コラム
--------------------------------------*/
#literarygreat {
    background: #F8F7EF;
    padding: calc(120* 100vw / 750) 0 calc(80* 100vw / 750);
}
#literarygreat h3 {
    font-size: calc(40* 100vw / 750);
    margin-bottom: calc(60* 100vw / 750);
    text-align: center;
}
#literarygreat .literarygreat_list {
    gap: 48px;
    display: flex;
    flex-direction: column;
    max-width: inherit;
    gap: calc(64* 100vw / 750);
    width: 100%;
}
#literarygreat .literarygreat_list li {
    background: #ffffff;
    border-radius: 8px;
    border: 1px solid #9C0000;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-height: calc(252* 100vw / 750);
}
#literarygreat .literarygreat_list li a {
    display: block;
    width: 100%;
    height: auto;
    min-height: calc(252* 100vw / 750);
}
#literarygreat .literarygreat_list li a dl {
    color: #333333;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(20* 100vw / 750);
    padding: calc(40* 100vw / 750) calc(120* 100vw / 750) calc(40* 100vw / 750) calc(272* 100vw / 750);
    text-align: left;
    min-height: calc(252* 100vw / 750);
    position: relative;
}
#literarygreat .literarygreat_list li a dl dt {
    font-size: calc(40* 100vw / 750);
    font-weight: 600;
}
#literarygreat .literarygreat_list li a dl dd {
    font-size: calc(28* 100vw / 750);
}
#literarygreat .literarygreat_list li a dl::before {
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(43* 100vw / 750);
    top: calc(130* 100vw / 750);
    transform: translateY(-50%);
    width: calc(59* 100vw / 750);
    height: calc(59* 100vw / 750);
    border: 1px solid #333333;
    border-radius: 50%;
}
#literarygreat .literarygreat_list li a dl::after {
    content: "";
    display: inline-block;
    position: absolute;
    right: calc(66* 100vw / 750);
    top: calc(121* 100vw / 750);
    width: calc(20* 100vw / 750);
    height: calc(20* 100vw / 750);
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    border-radius: 2px;
    margin-left: calc(59* 100vw / 750);
    transform: rotate(-45deg);
}
/* 文豪 */
#literarygreat .literarygreat_list li.fukuzawa a dl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_fukuzawa.webp) no-repeat center center / 100%;
    background-size: 100%;
}
#literarygreat .literarygreat_list li.natsume a dl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_natsume.webp) no-repeat center center / 100%;
    background-size: 100%;
}
#literarygreat .literarygreat_list li.dazai a dl {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_dazai.webp) no-repeat center center / 100%;
    background-size: 100%;
}
@media screen and (min-width: 751px) {
    #literarygreat {
        padding: 70px 0 40px;
    }
    #literarygreat h3 {
        font-size: 28px;
        margin-bottom: 40px;
    }
    #literarygreat .literarygreat_list {
        gap: 24px;
    }
    #literarygreat .literarygreat_list li {
        min-height: 174px;
    }
    #literarygreat .literarygreat_list li a {
        min-height: 174px;
    }
    #literarygreat .literarygreat_list li a dl {
        gap: 14px;
        padding: 30px 50px 30px 190px;
        min-height: 174px;
    }
    #literarygreat .literarygreat_list li a dl dt {
        font-size: 26px;
    }
    #literarygreat .literarygreat_list li a dl dd {
        font-size: 18px;
    }
    #literarygreat .literarygreat_list li a dl::before {
        right: 28px;
        top: 88px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
    }
    #literarygreat .literarygreat_list li a dl::after {
        right: 44px;
        top: 83px;
        width: 11px;
        height: 11px;
        margin-left: calc(59* 100vw / 750);
    }
}


/*下部イメージ*/
#end_area{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/end_area.webp) bottom center no-repeat;
    background-size: 100%;
    position: relative;
    z-index: 1;
    color: #fff;
    min-height: calc(2620 * 100vw / 750);
}
#end_area .bnr_box_cam {
    margin: 0 auto;
    padding: calc(72 * 100vw / 750) 0;
}
#end_area .bottom_wrap .btn_g {
    margin-top: min(calc(120 * 100vw / 1200), 120px);
}
/* キャンペーンバナーボックス */
.bnr_box_cam > p {
    font-size: calc(40 * 100vw / 750);
    margin-bottom: calc(40 * 100vw / 750);
    text-align: center;
}
.site_btn {
    margin-top: calc(110 * 100vw / 750);
}
.site_btn .btn a {
    background: #FFF;
    color: #333;
}
.site_btn .btn a::after {
    border-top: solid 2px #333;
    border-right: solid 2px #333;
}

/*--------------------------------------
棒付き見出し
--------------------------------------*/
.deco_border::before,
.deco_border::after {
    content: "│";
    display: inline-block;
    transform-origin: center center;
}
.deco_border::before {
    transform: rotate(-35deg);
}
.deco_border::after {
    transform: rotate(35deg);
}
@media screen and (min-width: 751px) {
    #end_area{
        min-height: 1800px;
    }
    #end_area .bnr_box_cam {
        padding: 40px 0;
    }
    #end_area .bottom_wrap .btn_g {
        margin-top: min(calc(120 * 100vw / 1200), 120px);
    }
    /* キャンペーンバナーボックス */
    .bnr_box_cam > p {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .site_btn {
        margin-top: 80px;
    }
}

/*-------------------------------------*
* フローティングバナー
*-------------------------------------*/
#btn_floating {
    border-top: none;
    background: transparent;
}
.floating {
    /* background: #fff; */
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    min-height: 100px;
}
.floating a {
    display: block;
    margin: 0;
    position: absolute;
    left: 10px;
    bottom: calc(30 * 100vw / 750);
    display: block;
    width: calc(230 * 100vw / 750);
    height: calc(230 * 100vw / 750);
    filter: drop-shadow(0px calc(8 * 100vw / 750) calc(8 * 100vw / 750) rgba(0,0,0,0.4));
}
@media screen and (min-width: 750px) {
    #btn_floating {
        max-width: 520px;
    }
    .btn_box.floating {
        display: none !important;
        justify-content: flex-end;
        /* min-height: calc(170* 100vw / 750); */
    }
    .btn_box.floating a {
        display: block;
        bottom: 40px;
        left: 20px;
        width: 160px;
        height: 160px;
        filter: drop-shadow(0px 8px 8px rgba(0,0,0,0.4));
    }
}
/*--------------------------------------
モバイルファーストデザインレイアウト SP
--------------------------------------*/
/* 全体 */
.p-mb_column {
    background: #000;
}
.p-mb_column__center {
    margin: 0 auto;
    max-width: 520px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    width: 100%;
}
/* 左右要素は1100px以下で非表示 */
@media (max-width: 1100px) {
    .p-mb_column__left {
        display: none;
    }
    .p-mb_column__right {
        display: none;
    }
}

/*--------------------------------------
モバイルファーストデザインレイアウト SP
--------------------------------------*/
@media (max-width: 750px) {
    .p-mb_column__center {
        max-width: inherit;
    }
}

/*--------------------------------------
モバイルファーストデザインレイアウト PC
--------------------------------------*/
@media (min-width: 980px) {
    /* sticky対応 */
    .l-wrapper-none {
        overflow: visible !important;;
    }
    /* 全体 */
    .p-mb_column {
        /* background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_p.webp) no-repeat; */
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_p_midium.webp) no-repeat;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        display: grid;
        grid-template-columns: 1fr 520px 1fr;
        position:relative;
    }
    .p-mb_column__left,.p-mb_column__right {
        position: sticky;
        top: 76px;;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        align-content: stretch;
        flex-wrap: wrap;
        /* height: 100vh; */
        height: fit-content;
        min-height: 100vh;
        left: 0;
        /* overflow: hidden; */
        overflow-y: auto
    }

    /* 左カラム */
    .p-mb_column__left {
        gap: min(calc(40* 100vw / 1512), 40px);
        padding: min(calc(40* 100vw / 1512), 40px);
        align-content: flex-end;
    }
    .p-mb_column__left .column__left__log {
        margin-top: min(calc(-20* 100vw / 1512), -20px);
        max-width: 232px;
        width: 80%;
    }
    .p-mb_column__left .column__left__choice {
        max-width: 288px;
        width: 90%;
    }
    .p-mb_column__left .column__left__choice p {
        color: #fff;
        font-size: min(calc(20* 100vw / 1512), 20px);
        font-weight: 600;
        line-height: 1;
        margin-bottom: min(calc(16 * 100vw / 1512), 16px);
    }
    .p-mb_column__left .column__left__choice ul.column__left__products {
        display: flex;
        flex-wrap: nowrap;
        gap: 0 16px;
    }
    .p-mb_column__left .column__left__choice ul.column__left__products li {
        color: #fff;
        line-height: 1.2;
        text-align: center;
        width: 25%;
    }
    .p-mb_column__left .column__left__choice ul.column__left__products li a {
        font-size: 12px;
        font-size: min(calc(12* 100vw / 1512), 12px);
        letter-spacing: -.05em;
    }
    .p-mb_column__left .column__left__choice ul.column__left__link {
        max-width: 288px;
        width: 90%;
    }
    .p-mb_column__left ul.column__left__link li {
        color: #fff;
    }
    .p-mb_column__left ul.column__left__link li a {
        display: flex;
        align-items: center;
        font-size: 20px;
        font-size: min(calc(20* 100vw / 1512), 20px);
        letter-spacing: -.05em;
    }
    .p-mb_column__left ul.column__left__link li a::after {
        content: "";
        background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/ico_side_arrow.svg) no-repeat left center / contain;
        width: min(calc(40* 100vw / 1512), 40px);
        height: min(calc(40* 100vw / 1512), 40px);
        display: block;
    }

    /* 右カラム */
    .p-mb_column__right {
        gap: min(calc(20* 100vw / 1512), 20px);
        padding: min(calc(40* 100vw / 1512), 40px);
        justify-content: flex-start;
        align-content: flex-start;
    }
    .p-mb_column__right .column__right__ttl {
        margin-top: min(calc(-20* 100vw / 1512), -20px);
        max-width: 308px;
        width: 100%;
    }
    /* .p-mb_column__right .column__right__ttl {
        font-size: 48px;
        writing-mode: vertical-rl;
        height: 200px;
        letter-spacing: .6em;
    }
    .p-mb_column__right ul.column__right__data {
        width: 237px;
    } */
    .p-mb_column__right ul.column__right__bnr {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 295px;
        width: 90%;
        text-align: center;
    }
    .p-mb_column__right ul.column__right__bnr li.discount {
        max-width: 288px;
        width: 80%;
    }
    .p-mb_column__right ul.column__right__bnr li.point10 {
        max-width: 288px;
        width: 80%;
    }
    .p-mb_column__right ul.column__right__bnr li.campaign_link {
        max-width: 288px;
        width: 80%;
    }
    .p-mb_column__right ul.column__right__bnr li.campaign_link span {
        font-family: "Zen Kaku Gothic Antique", sans-serif;
        position: relative;
        padding: min(calc(16* 100vw / 1512), 8px) 0;
        font-size: min(calc(14* 100vw / 1512), 14px);
        font-weight: bold;
        line-height: 1;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: #F1A23B;
        background: linear-gradient(180deg,rgba(241, 162, 59, 1) 0%, rgba(204, 115, 0, 1) 100%);
        box-shadow: 0 calc(8 * 100vw / 520) calc(8 * 100vw / 520) rgba(0,0,0,25%);
    }
    .p-mb_column__right ul.column__right__bnr li.campaign_link span::after {
        content: "";
        position: relative;
        width: min(calc(8* 100vw / 1512), 8px);
        height: min(calc(8* 100vw / 1512), 8px);
        border-bottom: min(calc(3* 100vw / 1512), 3px) solid #fff;
        border-right: min(calc(3* 100vw / 1512), 3px) solid #fff;
        left: min(calc(3* 100vw / 1512), 3px);
        transform: rotate(-45deg);
    }

    .p-mb_column__right ul.column__right__bnr li.line {
        max-width: 295px;
        width: 80%;
    }
    .p-mb_column__right ul.column__right__bnr li + li {
        margin-top: 22px;
    }
}

/* 縦幅が狭い場合の追加対応 */
@media (min-width: 980px) and (max-height: 800px) {
    .p-mb_column__left .column__left__log {
        width: min(calc(150 * 100vw / 1512), 150px);
    }
    .p-mb_column__right .column__right__ttl {
        width: min(calc(200 * 100vw / 1512), 200px);
    }
    .p-mb_column__left ul.column__left__link li {
        height: 35px;
    }
    .p-mb_column__left, .p-mb_column__right {
        gap: min(calc(20* 100vw / 1512), 20px);
        padding-top: min(calc(20* 100vw / 1512), 20px);
    }
}

/* さらに縦幅が狭い場合 */
@media (min-width: 980px) and (max-height: 600px) {
    /* .p-mb_column__left, .p-mb_column__right {
        gap: 0;
        padding-top: v
    } */
    .p-mb_column__left ul.column__left__link li {
        height: min(calc(30* 100vw / 1512), 30px);
    }
    .p-mb_column__left ul.column__left__link li a {
        font-size: min(calc(18* 100vw / 1512), 18px);
    }
    .p-mb_column__right .column__right__ttl {
        font-size: min(calc(18* 100vw / 1512), 18px);
    }
    .p-mb_column__right ul.column__right__bnr li + li {
        margin-top: min(calc(10* 100vw / 1512), 10px);
    }
}



/* 特別価格で購入するボタン 
-------------------------------------------------------*/
/* 共通設定 */
:is(#campaign,#products_special,#count_down) {
.btn_link {
    margin-inline: auto;
    width: 90%;
}
.btn_link-inner {
    font-family: "Zen Kaku Gothic Antique", sans-serif;
    position: relative;
    padding: calc(16 * 100vw / 520) 0;
    font-size: calc(26 * 100vw / 520);
    font-weight: bold;
    line-height: 1;
    text-decoration: none;
    border-radius: calc(32 * 100vw / 520);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #F1A23B;
    background: linear-gradient(180deg,rgba(241, 162, 59, 1) 0%, rgba(204, 115, 0, 1) 100%);
    box-shadow: 0 calc(8 * 100vw / 520) calc(8 * 100vw / 520) rgba(0,0,0,25%);
}
.btn_link-arrow {
    content: "";
    position: relative;
    width: calc(15 * 100vw / 520);
    height: calc(15 * 100vw / 520);
    border-bottom: calc(5 * 100vw / 520) solid #fff;
    border-right: calc(5 * 100vw / 520) solid #fff;
    left: calc(16 * 100vw / 520);
}
}
/* 個別設定 */
#campaign .btn_link {
    margin-top: calc(56 * 100vw / 520);
}
#campaign .btn_link-inner {
    letter-spacing: .12em;
}
#campaign .btn_link-arrow {
    transform: rotate(45deg);
}
#products_special .btn_link {
    margin: calc(36 * 100vw / 520) auto;
}
#products_special .btn_link-inner {
    letter-spacing: .08em;
}
#products_special .btn_link-arrow {
    transform: rotate(315deg);
}
#count_down .btn_link-arrow {
    transform: rotate(45deg);
}
@media screen and (min-width: 751px) {
    :is(#campaign,#products_special,#count_down) {
        .btn_link-inner {
            padding: 20px 0;
            font-size: 22px;
            border-radius: 32px;
            box-shadow: 0 8px 8px rgba(0,0,0,25%);
        }
        .btn_link-arrow {
            width: 15px;
            height: 15px;
            border-bottom: 5px solid #fff;
            border-right: 5px solid #fff;
            left: 16px;
        }
    }
    /* 個別設定 */
    #campaign .btn_link {
        margin-top: 56px;
    }
    #products_special .btn_link {
        margin: 36px auto;
    }
}