@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 :where(h2,h3,h4){
    font-weight: 800;
}

/* 共通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%;
}
.p-page_content__inner dl {
margin: 0;
padding-left: 0;
}
.p-page_content {
padding: 0;
}
.p-page_content__inner p{
    line-height: 100%;
    margin: 0;
}
/*--------------------------------------
パンくず
--------------------------------------*/
#plist {
    width: 100%;
    position: sticky;
}
/*--------------------------------------
スクリーン別display
--------------------------------------*/
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
@media screen and (max-width: 750px) {
    .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
}
/*--------------------------------------
フォント指定
--------------------------------------*/
/* Zen Kaku GothicAntique */
.ZenKakuAnt {
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal;
}
/*--------------------------------------
縦書きフォント
--------------------------------------*/
.font_vertical{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
/*--------------------------------------
訴求バナー群
--------------------------------------*/
.snippets-c_bnr .appeal{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: min(calc(20 * 100vw / 1000), 20px);
}
.mb-snippets-c_bnr{
    padding: 0 !important;
}
.mb-snippets-c_bnr ul li{
    width:100% !important;
}
.cam_banner_box{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(calc(20 * 100vw / 1000), 20px);
}
.cam_banner_box img{
    border-radius: min(calc(10 * 100vw / 1000), 10px);
    display: block;
    width: 100%;
}
.snippets-c_bnr {
    padding: 0;
}
.p-page_content__inner .campaign_area .btn_link{
	margin-top: min(calc(100 * 100vw / 1000), 100px);
}
@media screen and (max-width: 750px) {
    .snippets-c_bnr .appeal{
        grid-template-columns: repeat(2, 1fr);
        gap:calc(36 * 100vw / 750);
    }
    .cam_banner_box{
        grid-template-columns: repeat(1, 1fr);
        gap: calc(36 * 100vw / 750);
    }
    .snippets-c_bnr ul li a img,
    .cam_banner_box img{
        border-radius: calc(16 * 100vw / 750);
    }
	.p-page_content__inner .campaign_area .btn_link{
		margin-top: calc(100 * 100vw / 750);
	}
}
/*--------------------------------------
ページ共通パーツ
--------------------------------------*/
.container_wrapper > section{
	padding: min(calc(100 * 100vw / 1000), 100px) 0 min(calc(150 * 100vw / 1000), 150px);
}
/* 共通コンテンツ幅 */
.content_wrapper{
    max-width: 1040px;
    margin: 0 auto;
    padding: 0 min(calc(20 * 100vw / 1000), 20px);
    box-sizing: border-box;
}
@media screen and (max-width: 750px) {
    .content_wrapper{
        padding: 0 calc(20 * 100vw / 750);
    }
}
.-bg_black{
    background: #2A2525;
}
/*--------------------------------------
タイポグラフィ
--------------------------------------*/
.p-page_content__inner .content_title {
    font-size: min(calc(38 * 100vw / 1000), 38px) !important;
    letter-spacing: 0.1em;
    font-weight: 800;
	margin-bottom: min(calc(80 * 100vw / 1000), 80px);
	text-align: center;
}
.p-page_content__inner .content_subtitle {
    font-size: min(calc(32 * 100vw / 1000), 32px) !important;
    letter-spacing: 0.06em;
    font-weight: 800;
}
.p-page_content__inner .-bg_black :where(p,.content_title,.content_subtitle) {
	color: #fff;
}
.p-page_content__inner p{
	font-size: min(calc(20 * 100vw / 1000), 20px) !important;
	line-height: 160%;
	font-weight: 600;
}
@media screen and (max-width: 750px) {
    .p-page_content__inner .content_title {
        font-size: calc(48 * 100vw / 750) !important;
        margin-bottom: calc(80 * 100vw / 750);
    }
    .p-page_content__inner .content_subtitle {
        font-size: calc(48 * 100vw / 750) !important;
    }
    .p-page_content__inner p{
        font-size: calc(30 * 100vw / 750) !important;
    }
}
/*--------------------------------------
汎用ボタン
--------------------------------------*/
.btn {
    padding: 0;
}
.btn a {
    background: #333333;
	color: #fff;
    display: block;
    border-radius: 60px;
    font-size: min(calc(22 * 100vw / 1000), 22px);
    padding: min(calc(25 * 100vw / 1000), 25px);
    line-height: 100%;
    width: min(calc(460 * 100vw / 1000), 460px);
    margin-inline: auto;
    font-weight: 600;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
	box-sizing: border-box;
	position: relative;
}
.btn_arrow{
	position: absolute;
	top: 50%;
	right: min(calc(20 * 100vw / 1000), 20px);
	transform: translateY(-50%);
}
.btn_arrow::after {
    content: "";
    display: inline-block;
    width: min(calc(20 * 100vw / 1000), 20px);
    height: min(calc(15 * 100vw / 1000), 15px);
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0604/icon_arrow.svg) no-repeat 0 0 / contain;
    transform: rotate(-90deg);
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(52deg) brightness(102%) contrast(101%);
}
@media screen and (max-width: 750px) {
	.btn {
		width: 90%;
	}
	.btn a {
        font-size: calc(34 * 100vw / 750);
        padding: calc(45 * 100vw / 750) 0;
        width: 100%;
    }
	.btn_arrow{
		right: calc(40 * 100vw / 750);
	}
	.btn_arrow::after {
		width:calc(24 * 100vw / 750);
		height:calc(20 * 100vw / 750);
	}
}
/*--------------------------------------
カラムボックス　2列(画像テキスト横並び)
--------------------------------------*/
.column_box{
    display: flex;
    gap:0 min(calc(60 * 100vw / 1000), 60px);
}
.column_box + .column_box{
    margin-top: min(calc(100 * 100vw / 1000), 100px);
}
.column_box .column_img{
    width: min(calc(470 * 100vw / 1000), 470px);
    flex-shrink: 0;
}
.column_box .column_img img{
    display: block;
    width: 100%;
}
.column_box.-reverse{
    flex-direction: row;
}
.u-text--body .column_title{
    font-size: min(calc(32 * 100vw / 1000), 32px);
    font-weight: 800;
    margin-bottom: min(calc(60 * 100vw / 1000), 60px);
}
.u-text--body .-bg_black .column_title{
	color: #fff;
}
.column_box .column_text{
    width: calc(100% - min(calc(470 * 100vw / 1000), 470px));
}
/*--------------------------------------
カラムボックス　2列(画像テキスト縦並び)
--------------------------------------*/
.column_wrap{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(calc(80 * 100vw / 1000), 80px) min(calc(52 * 100vw / 1000), 52px);
}
.column_wrap .column_img{
	margin-bottom: min(calc(40 * 100vw / 1000), 40px);
}
.u-text--body .column_wrap .column_title{
	margin-bottom: min(calc(40 * 100vw / 1000), 40px);
	text-align: center;
}
@media screen and (max-width: 750px){
    .column_box{
        flex-direction: column-reverse;
        gap: calc(30 * 100vw / 750) 0;
    }
	.column_box.-reverse {
		flex-direction: column;
	}
    .column_box .column_img,
    .column_box .column_text{
        width: 100%;
    }
	.column_box .column_text p {
		line-height: 2;
	}
    .u-text--body .column_title{
        font-size: calc(48 * 100vw / 750);
        margin-bottom: calc(46 * 100vw / 750);
		text-align: center;
    }
    .column_box + .column_box{
        margin-top: calc(100 * 100vw / 750);
    }
/*--------------------------------------
カラムボックス　2列(画像テキスト縦並び)
--------------------------------------*/
	.column_wrap{
		grid-template-columns: repeat(1, 1fr);
		gap: calc(100 * 100vw / 750) 0;
	}
	.column_wrap .column_img{
		margin-bottom: calc(30 * 100vw / 750);
	}
	.u-text--body .column_wrap .column_title{
		margin-bottom: calc(30 * 100vw / 750);
		text-align: center;
	}
}
/*--------------------------------------
商品リンクボタン
--------------------------------------*/
/* 共通設定 */
.p-page_content__inner .btn_link {
    margin: min(calc(36 * 100vw / 1000), 36px) auto 0;
    width: min(calc(460 * 100vw / 1000), 460px);
}
.p-page_content__inner .btn_link-inner {
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    position: relative;
    padding: min(calc(20 * 100vw / 1000), 20px) 0;
    font-size: min(calc(22 * 100vw / 1000), 22px) !important;
    font-weight: 600 !important;
    line-height: 100% !important;
    text-decoration: none;
    border-radius: 60px;
    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 8px 8px rgba(0,0,0,25%);
}
.p-page_content__inner .btn_link-arrow {
    content: "";
    position: relative;
    width: min(calc(15 * 100vw / 1000), 15px);
    height: min(calc(15 * 100vw / 1000), 15px);
    border-bottom: min(calc(5 * 100vw / 1000), 5px) solid #fff;
    border-right: min(calc(5 * 100vw / 1000), 5px) solid #fff;
    left: min(calc(16 * 100vw / 1000), 16px);
	transform: rotate(-45deg);
}
@media screen and (max-width: 750px) {
	.p-page_content__inner .btn_link {
		margin:calc(36 * 100vw / 750) auto;
		width: 90%;
	}
    .p-page_content__inner .btn_link-inner {
        padding: calc(30 * 100vw / 750) 0;
        box-shadow: 0 calc(8 * 100vw / 750) calc(8 * 100vw / 750) rgba(0,0,0,25%);
		font-size: calc(38 * 100vw / 750) !important;
		letter-spacing: .08em;
    }
    .p-page_content__inner .btn_link-arrow {
        width: calc(22 * 100vw / 750);
        height: calc(22 * 100vw / 750);
        border-bottom: calc(7 * 100vw / 750) solid #fff;
        border-right: calc(7 * 100vw / 750) solid #fff;
        left: calc(16 * 100vw / 750);
    }
}

/*--------------------------------------
共通商品一覧 1カラム
--------------------------------------*/
.content_product .content_product_wrap {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
    gap: min(calc(80 * 100vw / 1000), 80px) min(calc(52 * 100vw / 1000), 52px);
    padding: 0 0 min(calc(60 * 100vw / 1000), 60px);
    margin: 0 auto;
    width: 100%;
}
.content_product .content_product_wrap + .content_product_wrap {
    margin-bottom: min(calc(80 * 100vw / 1000), 80px);
}
.content_product .content_product_box {
    width: 100%;
	height: 100%;
    position: relative;
    background: #333;
    color: #FFF;	
}
.content_product .content_product_box a{
	display: flex;
    flex-direction: column;
    height: 100%;
	padding-bottom: min(calc(30 * 100vw / 1000), 30px);
}
.content_product .content_product_box .pic {
    margin-bottom: min(calc(25 * 100vw / 1000), 25px);
    position: relative;
    height: min(calc(393 * 100vw / 1000), 393px);
    overflow: hidden;
}
.content_product .content_product_box .pic::before {
    display: block;
    text-align: center;
    width: min(calc(60 * 100vw / 1000), 60px);
    height: min(calc(60 * 100vw / 1000), 60px);
    font-family: "Roboto", sans-serif;
    font-size: min(calc(60 * 100vw / 1000), 60px);
    font-weight: 700;
    color: #fff;
    line-height: min(calc(60 * 100vw / 1000), 60px);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.content_product .content_product_box h4 {
    font-size: min(calc(22 * 100vw / 1000), 22px);
    font-weight: 600;
    text-align: left;
    letter-spacing: -.0001em;
    margin-bottom: min(calc(10 * 100vw / 1000), 10px);
    margin-left: min(calc(20 * 100vw / 1000), 20px);
    margin-right: min(calc(20 * 100vw / 1000), 20px);
}
.content_product .content_product_box .state {
    font-size: min(calc(14 * 100vw / 1000), 14px);
    font-weight: 500;
    text-align: left;
    padding-left: min(calc(20 * 100vw / 1000), 20px);
}
.content_product .content_product_box .price_wrap {
    margin: 0 min(calc(24 * 100vw / 1000), 24px) min(calc(10 * 100vw / 1000), 10px);
    padding-left: min(calc(60 * 100vw / 1000), 60px);
    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: min(calc(58 * 100vw / 1000), 58px);
    height: min(calc(58 * 100vw / 1000), 58px);
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-content: center;
    font-size: min(calc(16 * 100vw / 1000), 16px);
    padding: min(calc(8 * 100vw / 1000), 8px) 0 min(calc(8 * 100vw / 1000), 8px) min(calc(13 * 100vw / 1000), 13px);
    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: min(calc(16 * 100vw / 1000), 16px);
    padding-left: min(calc(10 * 100vw / 1000), 10px);
    margin-bottom: min(calc(3 * 100vw / 1000), 3px);
    text-decoration: line-through;
}
.content_product .content_product_box .price {
    font-size: min(calc(32 * 100vw / 1000), 32px);
    font-weight: 600;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    line-height: min(calc(26 * 100vw / 1000), 26px);
    margin: 0 min(calc(10 * 100vw / 1000), 10px) 0;
    padding-bottom: min(calc(6 * 100vw / 1000), 6px);
}
.content_product .content_product_box::before {
    width: min(calc(52 * 100vw / 1000), 52px);
    height: min(calc(40 * 100vw / 1000), 40px);
    margin-bottom: min(calc(16 * 100vw / 1000), 16px);
}
.content_product .content_product_box .price .money {
    /* font-family: 'Roboto'; */
    font-size: min(calc(36 * 100vw / 1000), 36px);
    font-weight: 600;
}
.content_product .content_product_box .price .label {
    font-size: min(calc(32 * 100vw / 1000), 32px);
    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: min(calc(28 * 100vw / 1000), 28px);
}
.content_product .content_product_box .tax {
    display: inline-block;
    font-size: min(calc(18 * 100vw / 1000), 18px);
    font-weight: 500;
    order: 2;
}
.content_product .content_product_box .notes {
    border-bottom: 1px solid #fff;
    font-size: min(calc(18 * 100vw / 1000), 18px);
    line-height: 1.5;
    font-weight: 500;
    padding-bottom: min(calc(20 * 100vw / 1000), 20px);
    margin-left: min(calc(20 * 100vw / 1000), 20px);
    margin-right: min(calc(20 * 100vw / 1000), 20px);
    margin-bottom: min(calc(40 * 100vw / 1000), 40px);
}
.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(8 * 100vw / 1000), 8px);
}
.content_product .content_product_box .notes span:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #FFF;
    margin-left: .5em;
}
.content_product .content_product_box .btn_link{
	width: 90%;
	margin: auto auto 0;
}
@media screen and (max-width: 750px) {
    .content_product .content_product_wrap {
		grid-template-columns: repeat(1, 1fr);
        gap: calc(80 * 100vw / 750) 0 ;
        padding: calc(0 * 100vw / 750) 0 calc(120 * 100vw / 750);
    }
    .content_product .content_product_wrap + .content_product_wrap {
        margin-bottom: calc(88 * 100vw / 750);
    }
	.content_product .content_product_box a{
		padding-bottom: calc(36 * 100vw / 750);
	}
    .content_product .content_product_box .pic {
        margin-bottom: calc(27 * 100vw / 750);
        height: calc(590 * 100vw / 750);
    }
    .content_product .content_product_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);
    }
    .content_product .content_product_box h4 {
        font-size: calc(36 * 100vw / 750);
        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);
        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);
    }
    .content_product .content_product_box .price_wrap::before {
        width: calc(94 * 100vw / 750);
        height: calc(94 * 100vw / 750);
        font-size: calc(26 * 100vw / 750);
        padding: calc(15 * 100vw / 750) calc(20 * 100vw / 750);
    }
    .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);
    }
    .content_product .content_product_box .price {
        font-size: calc(56 * 100vw / 750);
        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 .price .money {
        font-size: calc(56 * 100vw / 750);
    }
    .content_product .content_product_box .price::after {
        font-size: calc(40 * 100vw / 750);
    }
    .content_product .content_product_box .tax {
        font-size: calc(30 * 100vw / 750);
    }
    .content_product .content_product_box .notes {
        font-size: calc(30 * 100vw / 750);
        padding-bottom: calc(40 * 100vw / 750);
        margin-left: calc(48 * 100vw / 750);
        margin-right: calc(48 * 100vw / 750);
    }
    .content_product .content_product_box .notes span {
        margin-bottom: min(calc(5 * 100vw / 1200), 5px);
    }
}
/*--------------------------------------
KV
--------------------------------------*/
#kv {
    position: relative;
    height: calc(600 * 100vw / 1512);
    padding: 0;
    background: #2a2525;
}
#kv .notes {
    font-size: min(calc(11 * 100vw / 1000), 11px) !important;
    color: #fff;
    padding: min(calc(10 * 100vw / 1000), 10px) 0 0;
    text-align: right;
}
@media screen and (max-width: 750px) {
	#kv {
		height:auto;
	}
    #kv .notes {
        font-size: calc(18 * 100vw / 750) !important;
        padding: calc(15 * 100vw / 750) 0 0;
    }
}
/*--------------------------------------
おすすめスライド
--------------------------------------*/
#recommend_slider h4 {
    font-size: min(calc(18 * 100vw / 1280), 18px) !important;
    font-weight: bold;
}
#recommend_slider .pic{
	margin-bottom: min(calc(20 * 100vw / 1280), 20px);
}
#recommend_slider .price {
    font-size: min(calc(16 * 100vw / 1000), 16px) !important;
    font-weight: bold !important;
    margin-top: 4px;
}
#recommend_slider .price span{
	font-size: min(calc(12 * 100vw / 1000), 12px) !important;
	font-weight: 500;
}

#recommend_slider .swiper_pickup{
    overflow: hidden;
}
#recommend_slider .swiper-pagination-bullet-active{
    background: #9C0000;
}
#recommend_slider .swiper-pagination-bullet {
    width: min(calc(15 * 100vw / 1000), 15px);
    height: min(calc(15 * 100vw / 1000), 15px);
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
    text-align: center;
    margin-top: min(calc(60 * 100vw / 1000), 60px);
}

@media screen and (max-width: 750px) {
	#recommend_slider h4 {
		font-size: calc(24 * 100vw / 750) !important;
	}
	#recommend_slider .pic{
		margin-bottom: calc(20 * 100vw / 750);
	}
	#recommend_slider .price {
		font-size: calc(28 * 100vw / 750) !important;
	}
	#recommend_slider .price span{
		font-size: calc(20 * 100vw / 750) !important;
	}

	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		margin-top: calc(30 * 100vw / 750);
	}
	
	#recommend_slider .swiper-pagination-bullet {
        margin: 0 calc(15 * 100vw / 750);
        width: calc(22 * 100vw / 750);
        height: calc(22 * 100vw / 750);
    }
	#recommend_slider .btn_link {
		margin-top: calc(80 * 100vw / 750);
	}
}
/*--------------------------------------
KV↓リード文
--------------------------------------*/
#main_lead {
    padding-top: 0;
}
#main_lead .content_subtitle{
	margin-bottom: min(calc(47 * 100vw / 1000), 47px);
}
#main_lead .content_subtitle small {
    font-size: 10px;
    vertical-align: text-top;
    letter-spacing: -0.9em;
}
#main_lead .main_lead_wrap{
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap:0 min(calc(40 * 100vw / 1000), 40px);
}
#main_lead .main_lead_box{
	width: min(calc(615 * 100vw / 1000), 615px);
}
#main_lead .main_lead_wrap::before{
	content: "";
	display: block;
	width:min(calc(375 * 100vw / 1000), 375px);
	height:min(calc(534 * 100vw / 1000), 534px);
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/unagi_logo.svg) no-repeat center center / cover;
}
#main_lead .campaign_note{
	margin-top: min(calc(40 * 100vw / 1000), 40px);
	font-size: min(calc(11 * 100vw / 1000), 11px) !important;
}
@media screen and (max-width: 750px) {
	#main_lead .content_subtitle {
		margin-bottom: calc(40 * 100vw / 750);
		line-height: 170%;
	}
	#main_lead .main_lead_box{
		width: 100%;
	}
	#main_lead p{
		line-height: 2.25;
	}
	#main_lead .main_lead_wrap {
		flex-direction: column;
		gap: calc(80 * 100vw / 750) 0;
	}
	#main_lead .main_lead_wrap::before {
		content: "";
		display: block;
		width: 100%;
		height: calc(534 * 100vw / 750);
		background-size: contain;
	}
	#main_lead .campaign_note{
		margin-top: calc(40 * 100vw / 750);
        font-size: calc(19 * 100vw / 750) !important;
        text-indent: -1em;
        padding-left: 1em;
		line-height: 1.75;
	}
    #main_lead .content_subtitle small {
        font-size: calc(20 * 100vw / 750);
        position: relative;
        top: calc(-30 * 100vw / 750);
    }
}
/*--------------------------------------
大隅産うなぎのおいしさの秘密
--------------------------------------*/
#quality {
	padding-top: 0;
}
#quality .header_quality_bg{
	min-height: min(calc(600 * 100vw / 1000), 600px);
	padding-top: min(calc(120 * 100vw / 1000), 120px);
	margin-bottom: min(calc(120 * 100vw / 1000), 120px);
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/img_quality_bg.webp) no-repeat center center / cover;
}
#quality .header_quality_bg .content_wrapper{
	position: relative;
}
#quality .header_quality_bg .content_wrapper::after{
	content: "";
	display: block;
	width:min(calc(275 * 100vw / 1000), 275px);
	height:min(calc(400 * 100vw / 1000), 400px);
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/quality_map.svg) no-repeat center center / cover;
	position: absolute;
	right: min(calc(30 * 100vw / 1000), 30px);
	top: 50%;
	transform: translateY(-50%);
}
#quality .header_quality_bg .header_quality_text{
	width: min(calc(475 * 100vw / 1000), 475px);
    filter: drop-shadow(0px 0px 11px rgba(0, 0, 0, 0.8));
}
#quality .header_quality_bg .header_quality_ttl{
	font-size: min(calc(32 * 100vw / 1000), 32px) !important;
	font-weight: 600;
	letter-spacing: 0.06em;
	margin-bottom: min(calc(60 * 100vw / 1000), 60px);
	color: #fff;
}
#quality .header_quality_bg p{
	color: #fff;
}
@media screen and (max-width: 750px) {
	#quality .header_quality_bg{
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/bg_kodawari_top.webp) no-repeat right bottom / cover;
		min-height: calc(1164 * 100vw / 750);
		padding: calc(120 * 100vw / 750) 0 calc(120 * 100vw / 750);
	}
	#quality .header_quality_bg .content_wrapper::after{
		content: none;
	}
	#quality .header_quality_bg .header_quality_ttl{
		font-size: calc(40 * 100vw / 750) !important;
		-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);
	}
	#quality .header_quality_bg .header_quality_text{
		width: 100%;
        filter: none;
	}
	#quality .header_quality_bg p{
		font-size: calc(30 * 100vw / 750);
		line-height: 2;
	}
}
/*--------------------------------------
みさらイチオシ商品
--------------------------------------*/
#big_eel {
	padding-top: 0;
}
#big_eel .header_big_eel .content_title {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/bg_gold.webp) repeat-x center / contain;
    min-height: min(calc(128 * 100vw / 1000), 128px);
	margin-bottom: 0;
    color: #333;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#big_eel .header_big_eel .-kv{
	margin-bottom: min(calc(64 * 100vw / 1000), 64px);
}
#big_eel .lead_text{
	margin-bottom: min(calc(60 * 100vw / 1000), 60px);
	line-height: 2;
}
#big_eel .column_wrap{
	margin-bottom: min(calc(100 * 100vw / 1000), 100px);
}
@media screen and (max-width: 750px) {
	#big_eel .header_big_eel .content_title {
		min-height: calc(126 * 100vw / 750);
        background-size: cover;
	}
	#big_eel .header_big_eel .-kv{
		margin-bottom: calc(64 * 100vw / 750);
	}
	#big_eel .lead_text{
		margin-bottom: calc(60 * 100vw / 750);
	}
	#big_eel .column_wrap{
		margin-bottom: calc(100 * 100vw / 750);
        grid-template-columns: repeat(2, 1fr);
        gap: 0 calc(15 * 100vw / 750);
	}
	#big_eel .column_wrap .column_img{
		margin-bottom: calc(10 * 100vw / 750);
	}
	#big_eel .column_text p {
		font-size: calc(28 * 100vw / 750) !important;
		line-height: 1.65;
	}
}
/*--------------------------------------
炭白焼き 炭蒲焼き
--------------------------------------*/
#sumishiro-kaba{
	padding-top: 0;
    position: relative;
    z-index: 0;
}
#sumishiro-kaba .sumishiro-kaba_wrapper{
    position: relative;
}
#sumishiro-kaba .sumishiro-kaba_wrapper::before{
	content: "";
	display: block;
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/sumishiro-kaba-bg.webp) no-repeat center center / cover;
    height: min(calc(880 * 100vw / 1000), 880px);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#sumishiro-kaba .header_orver_box {
    max-width: 1512px;
    margin-inline: auto;
	margin-bottom: min(calc(100 * 100vw / 1000), 100px);
	position: relative;
	z-index: 0;
}
#sumishiro-kaba .header_orver_item {
    display: flex;
    gap: 0 min(calc(59 * 100vw / 1000), 59px);
    justify-content: flex-end;
}
#sumishiro-kaba .header_orver_item .header_orver_box_txt {
    width: min(calc(440 * 100vw / 1000), 440px);
    letter-spacing: .08em;
	margin: min(calc(80 * 100vw / 1000), 80px) 0 min(calc(60 * 100vw / 1000), 60px);
	padding-left: min(calc(20 * 100vw / 1000), 20px);
	flex-shrink: 0;
}
#sumishiro-kaba .header_orver_item .header_orver_box_txt span{
	font-weight: 700;
	font-size: min(calc(40 * 100vw / 1000), 40px);
	line-height: 110%;
	letter-spacing: 2%;
	margin-bottom: min(calc(42 * 100vw / 1000), 42px);
}
#sumishiro-kaba .header_orver_item .header_orver_ttl {
    font-size: min(calc(100 * 100vw / 1000), 100px) !important;
    line-height: 119%;
    letter-spacing: .02em;
	margin-bottom: min(calc(60 * 100vw / 1000), 60px);
}

#sumishiro-kaba .header_orver_item.-reverse{
	flex-direction: row-reverse;
	margin-right: auto;
	margin-left: 0;
    position: relative;
}
#sumishiro-kaba .header_orver_item.-reverse .header_orver_box_img{
    width: min(calc(880 * 100vw / 1000), 880px);
}
#sumishiro-kaba .header_orver_item.-reverse .header_orver_box_txt {
    margin-bottom: 0;
    padding: 0;
    position: relative;
    height: auto;
    width: min(calc(632 * 100vw / 1512), 632px);
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: end;
    white-space: nowrap;
}

/*--------------------------------------
フォント縦書き
--------------------------------------*/
#sumishiro-kaba .header_orver_subtitle{
    font-weight: 600;
    font-size: min(calc(44 * 100vw / 1000), 44px) !important;
    margin-left: min(calc(25 * 100vw / 1000), 25px);
    letter-spacing: 0.15em;
    line-height: 175%;
}
#sumishiro-kaba .header_orver_lead{
	font-weight: 600;
	font-size: min(calc(30 * 100vw / 1000), 30px) !important;
	letter-spacing: .06em;
}
@media screen and (max-width: 750px) {
	#sumishiro-kaba .header_orver_box {
		margin-bottom: calc(100 * 100vw / 750);
	}
	#sumishiro-kaba .sumishiro-kaba_wrapper::before{
		height: 100%;
	}
	#sumishiro-kaba .header_orver_item {
		flex-direction: column-reverse;
	}
	#sumishiro-kaba .header_orver_item .header_orver_box_txt {
		width: 100%;
		padding: 0 calc(15 * 100vw / 750);
		margin: calc(80 * 100vw / 750) 0;
	}
	#sumishiro-kaba .header_orver_box_txt p{
        font-size: calc(26 * 100vw / 750) !important;
        font-weight: 500 !important;
        line-height: 175%;
        letter-spacing: .02em;
	}
	#sumishiro-kaba .header_orver_item .header_orver_box_txt :is(span, .header_orver_ttl) {
		display: none;
	}
	#sumishiro-kaba .header_orver_item.-reverse {
        width: 100%;
        min-height: calc(676 * 100vw / 750);
        background:url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0604/products_luxury-bt_bg.webp) no-repeat center center / cover;
        position: relative;
		display: block;
    }
	#sumishiro-kaba .header_orver_item.-reverse .header_orver_box_txt {
		width: auto;
        margin: 0;
        padding: 0;
        color: #fff;
        position: absolute;
        left: calc(46 * 100vw / 750);
        bottom: calc(18 * 100vw / 750);
	}
	/*--------------------------------------
	フォント縦書き
	--------------------------------------*/
	#sumishiro-kaba .header_orver_subtitle{
		font-size: calc(40 * 100vw / 750) !important;
		line-height: 160%;
		margin-left: calc(28 * 100vw / 750);
	}
	#sumishiro-kaba.header_orver_lead{
		font-size: calc(26 * 100vw / 750) !important;
		letter-spacing: 0.06em;
		line-height: 140%;
	}
}
/*--------------------------------------
おすすめ料理法
--------------------------------------*/
#enjoy_section{
	padding: 0;
}
#enjoy_section .content_title{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0604/enjoy_section-bg.webp) no-repeat 0 0 /cover;
	min-height: min(calc(185 * 100vw / 1000), 185px);
	color: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#enjoy_section .enjoy_section_wrap{
	display: flex;
	gap:0 min(calc(33 * 100vw / 1000), 33px);
}
#enjoy_section .enjoy_box{
	width: calc(100% - min(calc(33 * 100vw / 1000), 33px)/2);
}
/*アコーディオンのスタイル調整（FAQ流用）*/
#enjoy_section .content_toggle {
    margin-top:min(calc(32 * 100vw / 1000), 32px);
}
#enjoy_section .content_toggle,
#enjoy_section .content_toggle dl {
    padding: 0;
	border: 0;
	text-align: center;
	font-size: inherit;
}
#enjoy_section .content_toggle_item_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
	border-bottom:2px solid #333;
	cursor: pointer;
}
#enjoy_section .content_toggle_item_btn p {
	font-size: min(calc(20 * 100vw / 1000), 20px) !important;
    align-items: center;
    padding: 0;
    font-family: inherit !important;
}
#enjoy_section .content_toggle_item_btn p::after {
    content: "";
    display: inline-block;
    width: min(calc(20 * 100vw / 1000), 20px) !important;
    height: min(calc(14 * 100vw / 1000), 14px) !important;
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0604/icon_arrow.svg) no-repeat 0 0 / contain;
    margin-left: calc(11 * 100vw / 750);
    transition: 0.4s;
}
#enjoy_section .content_toggle_item_btn.is-open p::after {
	transform: rotate(180deg);
}
/*アコーディオンの中身*/
#enjoy_section .content_toggle dl dd {
	padding: min(calc(44 * 100vw / 1000), 44px) min(calc(20 * 100vw / 1000), 20px) 
}
#enjoy_section .enjoy_recipe p,
#enjoy_section .enjoy_recipe_make li {
    font-size: min(calc(14 * 100vw / 1000), 14px) !important;
	align-items: center;
}
#enjoy_section .enjoy_recipe {
    display: flex;
    text-align: left;
}
#enjoy_section .enjoy_recipe_material {
	width: min(calc(187 * 100vw / 1000), 187px);
	border-right: min(calc(1 * 100vw / 1000), 1px) solid #AFAFAF;
	flex-shrink: 0;
}
#enjoy_section .enjoy_recipe_make {
	padding-left: min(calc(36 * 100vw / 1000), 36px);
}
#enjoy_section .enjoy_recipe_make li {
    list-style: decimal;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
#enjoy_section .material_list p::before {
    content: "";
    display: inline-block;
	width: min(calc(8 * 100vw / 1000), 8px);
	height: min(calc(8 * 100vw / 1000), 8px);
	margin-right: min(calc(4 * 100vw / 1000), 4px);
    background: #333;
    border-radius: 50%;
}
@media screen and (max-width: 751px) {
	#enjoy_section {
		margin-bottom: calc(80 * 100vw / 750);
	}
	#enjoy_section .content_title {
		min-height: calc(200 * 100vw / 750);
	}
	#enjoy_section .enjoy_section_wrap{
		flex-direction: column;
		gap:calc(80 * 100vw / 750) 0;
	}
	#enjoy_section .content_toggle_item_btn p {
		font-size: calc(28 * 100vw / 750) !important;
	}
	#enjoy_section .enjoy_recipe p,
	#enjoy_section .enjoy_recipe_make li,
	#enjoy_section .point_item {
		font-size: calc(20 * 100vw / 750) !important;
	}
	#enjoy_section .enjoy_box .-txt {
		font-size: calc(24 * 100vw / 750) !important;
		margin-bottom: calc(40 * 100vw / 750);
	}
	#enjoy_section .enjoy_recipe_material {
		width: calc(270 * 100vw / 750);
		flex-shrink: 0;
		border-right: calc(2 * 100vw / 750) solid #AFAFAF;
	}
	#enjoy_section .enjoy_recipe_make {
		padding-left: calc(55 * 100vw / 750);
	}
}
/*--------------------------------------
ポイント
--------------------------------------*/
#enjoy_section .point_box {
    margin-top: min(calc(32 * 100vw / 1000), 32px);
    background: #F9F9F9;
    border-radius: min(calc(8 * 100vw / 1000), 8px);
    overflow: hidden;
}
#enjoy_section .point_box .point_txt {
    font-size: min(calc(16 * 100vw / 1000), 16px)c;
    letter-spacing: .08em;
    line-height: min(calc(40 * 100vw / 1000), 40px);
    font-weight: 700;
    height: min(calc(40 * 100vw / 1000), 40px);
    background: #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: center;
}
#enjoy_section .point_box .point_txt::before {
    content: "";
    width: min(calc(14 * 100vw / 1000), 14px);
    height: min(calc(24 * 100vw / 1000), 24px);
    display: inline-block;
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0604/icon_notice.svg) no-repeat center center / contain;
}
#enjoy_section .point_list {
    padding: min(calc(20 * 100vw / 1000), 20px) min(calc(24 * 100vw / 1000), 24px);
}
#enjoy_section .point_item {
    padding-left: min(calc(17 * 100vw / 1000), 17px);
	font-size: min(calc(14 * 100vw / 1000), 14px) !important;
    position: relative;
	text-align: left;
}
#enjoy_section .point_item::before {
    content: "＊";
    display: block;
    position: absolute;
    left: 0;
}
#enjoy_section .point_item:not(:last-child) {
    border-bottom: 1px solid #AFAFAF;
    padding-bottom: min(calc(16 * 100vw / 1000), 16px);
    margin-bottom: min(calc(16 * 100vw / 1000), 16px);
}
@media screen and (max-width: 750px) {
    #enjoy_section .point_box {
        margin-top: calc(46 * 100vw / 750);
        border-radius: calc(11 * 100vw / 750);
    }
    #enjoy_section .point_box .point_txt {
        font-size: calc(23 * 100vw / 750);
        line-height: calc(57 * 100vw / 750);
        height: calc(57 * 100vw / 750);
    }
    #enjoy_section .point_box .point_txt::before {
        width: calc(20 * 100vw / 750);
        height: calc(34 * 100vw / 750);
    }
    #enjoy_section .point_list {
        padding: calc(34 * 100vw / 750);
    }
    #enjoy_section .point_item {
        padding-left: calc(24 * 100vw / 750);
		font-size: calc(20 * 100vw / 750) !important;
    }
    #enjoy_section .point_item:not(:last-child) {
        border-bottom: calc(1.5 * 100vw / 750) solid #AFAFAF;
        padding-bottom: calc(26 * 100vw / 750);
        margin-bottom: calc(26 * 100vw / 750);
    }
}

/*--------------------------------------
満腹うなぎのおいしい食べ方
--------------------------------------*/
#box_recipe .recipe-list {
	display: flex;
	gap:0 min(calc(33 * 100vw / 1000), 33px);
}
#box_recipe .recipe-item img {
	border-radius: min(calc(10 * 100vw / 750), 10px);
}

@media screen and (max-width: 750px) {
	#box_recipe .recipe-list {
		display: flex;
		flex-direction: column;
		gap: calc(48 * 100vw / 750);
	}
	#box_recipe .recipe-item img {
		border-radius: calc(16 * 100vw / 750);
	}
}
/*--------------------------------------
ギフト対応
--------------------------------------*/
#gift{
	padding-top: 0;
}
#gift .title_box{
	min-height: min(calc(230 * 100vw / 750), 230px);
	margin-bottom: min(calc(100 * 100vw / 750), 100px);
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/img_gift_bg.webp) no-repeat center center / cover;
}
#gift .title_box .content_title {
    margin-bottom: 0;
    line-height: 130%;
	color: #fff;
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.6));
}
#gift .title_box .content_title::before{
	content: "";
	display: block;
	width: min(calc(45 * 100vw / 750), 45px);
	height: min(calc(50 * 100vw / 750), 50px);
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/gift_icon.svg) no-repeat center center / contain;
	margin-bottom: min(calc(10 * 100vw / 750), 10px);
	margin-inline: auto;
}
#gift .special_gift_box {
    background: #ECEDEF;
    border-radius: 10px;
    position: relative;
    padding:min(calc(23 * 100vw / 1000), 23px) min(calc(42 * 100vw / 1000), 42px) min(calc(23 * 100vw / 1000), 23px) min(calc(42 * 100vw / 1000), 42px);
	min-height: min(calc(290 * 100vw / 1000), 290px);
	margin-top: min(calc(100 * 100vw / 1000), 100px);
}
#gift .special_gift_wrap{
	display: flex;
	position: relative;
	align-items: center;
	gap: 0 min(calc(40 * 100vw / 1000), 40px);
}
#gift .special_gift_box::before{
	content: "";
	display: block;
	width: min(calc(123 * 100vw / 1000), 123px);
	height: min(calc(123 * 100vw / 1000), 123px);
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/limited_icon.webp) no-repeat center center / contain;
	position: absolute;
	top: min(calc(-40 * 100vw / 1000), -40px);
	left: min(calc(24 * 100vw / 1000), 24px);
    z-index: 1;
}
#gift .special_gift_wrap .special_gift_img{
	width: min(calc(435 * 100vw / 1000), 435px);
	flex-shrink: 0;
}
#gift .special_gift_wrap .content_subtitle{
	margin-bottom: min(calc(26 * 100vw / 1000), 26px);
	font-weight: 600;
}
#gift .gift_btn {
    text-align: center;
	margin-top: min(calc(120 * 100vw / 1000), 120px);
}
@media screen and (max-width: 750px) {
	#gift .title_box{
		min-height: calc(300 * 100vw / 750);
		margin-bottom: calc(80 * 100vw / 750);
	}
	#gift .title_box .content_title::before{
		width: calc(60 * 100vw / 750);
        height: calc(55 * 100vw / 750);
		margin-bottom: calc(10 * 100vw / 750);
	}
	#gift .special_gift_box {
		border-radius:calc(16 * 100vw / 750);
		padding:calc(60 * 100vw / 750) calc(40 * 100vw / 750);
		min-height: calc(240 * 100vw / 750);
		margin-top: calc(180 * 100vw / 750);	
	}
	#gift .special_gift_wrap{
		flex-direction: column;
		gap: calc(40 * 100vw / 750) 0
	}
	#gift .special_gift_box::before{
        width: calc(158 * 100vw / 750);
        height: calc(158 * 100vw / 750);
        top: calc(-105 * 100vw / 750);
        right: calc(10 * 100vw / 750);
	}
	#gift .special_gift_wrap .special_gift_img{
		width: 100%;
	}
	#gift .special_gift_wrap .content_subtitle{
		margin-bottom: calc(40 * 100vw / 750);
	}
	#gift .gift_btn {
		margin-top: calc(100 * 100vw / 750);
	}
}
/*--------------------------------------
お客様の声
--------------------------------------*/
#voice {
	background: #E9E4CD;
}
#voice .content_read {
    text-align: center;
    font-weight: 600;
    margin-bottom: min(calc(94 * 100vw / 1000), 94px);
}
#voice .voice_wrapper{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 min(calc(42 * 100vw / 1000), 42px);
	margin-bottom: min(calc(120 * 100vw / 1000), 120px);
}
#voice .content_voice_box {
	background: #fff;
    position: relative;
    padding: min(calc(59 * 100vw / 1000), 59px) min(calc(25 * 100vw / 1000), 25px) min(calc(30 * 100vw / 1000), 30px);
    box-sizing: border-box;
	display: flex;
    flex-direction: column;
}
#voice .content_voice_box::before,
#voice .content_voice_box::after{
    content: "";
    display: block;
    width: min(calc(48 * 100vw / 1000), 48px);
    height: min(calc(40 * 100vw / 1000), 40px);
    position: absolute;
}
#voice .content_voice_box::before {
    background: url("https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/gift/images/20251023/voice_ico01.svg") no-repeat 0 0 / contain;
    top: -4%;
    left: min(calc(20 * 100vw / 1000), 20px);
}
#voice .content_voice_box::after {
    background: url("https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/gift/images/20251023/voice_ico02.svg") no-repeat 0 0 / contain;
    bottom: -5%;
    right: min(calc(20 * 100vw / 1000), 20px);
}

#voice .content_voice_box .coment_ttl{
    font-family: "Shippori Mincho B1", serif;
    font-weight: 800;
    font-size: min(calc(22 * 100vw / 1000), 22px);
    line-height: 1.6;
    letter-spacing: .04em;
    margin-bottom: min(calc(25 * 100vw / 1000), 25px);
}
#voice .content_voice_box p{
    line-height: 2;
    letter-spacing: .06em;
	font-size: min(calc(16 * 100vw / 1000), 16px) !important;
	font-weight: 500;
	text-align: justify;
}
#voice .content_voice_box .point{
    margin-top:min(calc(22 * 100vw / 1000), 22px);
    letter-spacing: .12em;
	color: #9C0000;
    font-weight: 700;
}
#voice .content_voice_box .ico{
    width: min(calc(100 * 100vw / 1000), 100px);
    height: min(calc(100 * 100vw / 1000), 100px);
    position: absolute;
    top: -8%;
    right: min(calc(32 * 100vw / 1000), 32px);
}

#voice .content_voice_box :is(.star_5,.star_4,.star_4_5) {
	margin:0 0 min(calc(30 * 100vw / 1000), 30px);
	width: min(calc(137 * 100vw / 1000), 137px);
	height: min(calc(16 * 100vw / 1000), 16px);
}
#voice .content_voice_box .star_5{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/star_5.svg) 0 0 / contain;
    background-repeat: no-repeat;
}
#voice .content_voice_box .star_4{
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/star_4.svg) 0 0 / contain;
    background-repeat: no-repeat;
}
#voice .content_voice_box .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;
}
#voice .content_voice_box .age {
    font-weight: 500;
    margin-top: auto;
    margin-left: auto;
	text-align: right;
	padding-top: min(calc(20 * 100vw / 1000), 20px);
}
@media screen and (max-width: 750px){
	#voice .content_read {
		margin-bottom: calc(130 * 100vw / 750);
	}
	#voice .voice_wrapper{
		grid-template-columns: repeat(1, 1fr);
		gap:0;
	}
    #voice .content_read{
        margin-bottom: calc(130 * 100vw / 750);
    }
    #voice .content_voice_box {
        padding: calc(85 * 100vw / 750) calc(44 * 100vw / 750);
        height: auto;
    }
	#voice .content_voice_box + .content_voice_box {
		margin-top: calc(120 * 100vw / 750);
	}
    #voice .content_voice_box :is(.star_5,.star_4,.star_4_5) {
        width: calc(226 * 100vw / 750);
        height: calc(27 * 100vw / 750);
        flex-shrink: 0;
		margin-bottom: calc(40 * 100vw / 750);
    }
    #voice .content_voice_box .coment_ttl{
        font-size: calc(36.48* 100vw / 750);
        line-height: 1.65;
        letter-spacing: .04em;
		margin-bottom: calc(25 * 100vw / 750);
    }
	#voice .content_voice_box p{
		font-size: calc(28 * 100vw / 750) !important;
		letter-spacing: 0.04em;
	}
    #voice .content_voice_box .point{
        line-height: 2;
        letter-spacing: .05em;
    }
    #voice .content_voice_box .age{
        line-height: 2;
        letter-spacing: .06em;
		margin-top: calc(40 * 100vw / 750);
    }
    #voice .content_voice_box .ico{
        width: calc(150 * 100vw / 750);
        height: calc(150 * 100vw / 750);
		right: calc(40 * 100vw / 750);
    }
    #voice .content_voice_box::before, #voice .content_voice_box::after{
        width: calc(80 * 100vw / 750);
        height: calc(60 * 100vw / 750);
    }
    #voice .content_voice_box::after{
        bottom: -5%;
    }
}
/*--------------------------------------
お取り寄せネット　メディア実績	
--------------------------------------*/
.delivery{
	margin-bottom:min(calc(90 * 100vw / 1000), 90px);
}
.delivery .delivery_ttl{
	font-weight: 600;
	font-size: min(calc(20 * 100vw / 1000), 20px);
}
.delivery_logo {
    text-align: center;
    margin-bottom: min(calc(64 * 100vw / 1000), 64px);
}
.delivery_logo .delivery_logo_img{
	width: min(calc(367 * 100vw / 1000), 367px);
	height: min(calc(54 * 100vw / 1000), 54px);
	margin-inline: auto;
	margin-top: min(calc(10 * 100vw / 1000), 10px);
}
.delivery .content_subtitle .color_point{
	color:#D3AF37;
}
.delivery .delivery_lead{
	font-weight: 600;
}

.delivery .content_subtitle,
.media_box .content_subtitle{
	text-align: center;
	margin-bottom: min(calc(50 * 100vw / 1000), 50px);
}

.media_box img{
	width: min(calc(670 * 100vw / 1000), 670px);
	margin-inline:auto;
}
@media screen and (max-width: 750px) {
	.delivery{
		margin-bottom:calc(60 * 100vw / 750);
	}
	.delivery .delivery_ttl{
		font-size: calc(38 * 100vw / 750);
	}
	.delivery_logo {
		margin-bottom:calc(40* 100vw / 750);
	}
	.delivery_logo .delivery_logo_img{
		width:90%;
		height:auto;
		margin-inline: auto;
		margin-top: calc(20 * 100vw / 750);
	}
	.delivery .content_subtitle,
	.media_box .content_subtitle{
		margin-bottom:calc(30* 100vw / 750);
	}
	.media_box img{
		width:100%;
	}
}
/*--------------------------------------
うなぎに関する豆知識
--------------------------------------*/
#mame{
	padding-top: min(calc(100 * 100vw / 1000), 100px);
	padding-bottom: 0;
}
#mame .mame_top_img{
	margin-inline:auto;
	margin-bottom: min(calc(57 * 100vw / 1000), 57px);
}
#mame .content_title{
	margin-bottom: min(calc(64 * 100vw / 1000), 64px);	
}
#mame .mame_content {
    background: #F8F7EF;
    padding: min(calc(80 * 100vw / 1000), 80px) min(calc(45 * 100vw / 1000), 45px);
}
#mame .mame_lead{
	margin: min(calc(49 * 100vw / 1000), 49px) 0;
}
#mame .mame_content_box:not(:last-child){
	margin-bottom: min(calc(64 * 100vw / 1000), 64px);
}
#mame .mame_content_title {
    font-size: min(calc(32 * 100vw / 1000), 32px) !important;
    letter-spacing: 0.06em;
    font-weight: 800;
    padding-bottom: min(calc(18 * 100vw / 1000), 18px);
    margin-bottom: min(calc(28 * 100vw / 1000), 28px);
    border-bottom: 1px solid #9C0000;
}
@media screen and (max-width: 750px) {
	#mame{
		padding-top: calc(120 * 100vw / 750);
	}
	#mame .mame_top_img{
		margin-bottom: calc(99 * 100vw / 750);
	}
	#mame .content_title{
		margin-bottom: calc(64 * 100vw / 750);	
	}
	#mame .mame_content {
		padding:calc(80 * 100vw / 750) calc(26 * 100vw / 750)
	}
	#mame .mame_lead{
		margin: calc(30 * 100vw / 750) 0;
	}
	#mame .mame_content_box:not(:last-child){
		margin-bottom: calc(60 * 100vw / 750);
	}
	#mame .mame_content_title {
		font-size: calc(48 * 100vw / 750) !important;
		padding-bottom: calc(27 * 100vw / 750);
		margin-bottom: calc(42 * 100vw / 750);
	}
}
/*--------------------------------------
土用の丑の日のQA
--------------------------------------*/
#faq{
	padding-bottom: 0;
}
.content_toggle_item {
    border-bottom: 1px solid #DDD;
}
.content_toggle_item:first-child{
	border-top: 1px solid #DDD;
}
.content_toggle_item_btn {
    position: relative;
	cursor: pointer;
}
.content_toggle_item_btn span{
	color: #9C0000;
    font-size: min(calc(30 * 100vw / 1000), 30px);
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    margin-right: min(calc(20 * 100vw / 1000), 20px);
}
.content_toggle p {
    display: flex;
    align-items: flex-start;
    font-family: "Zen Kaku Gothic Antique", sans-serif !important;
    font-style: normal;
    line-height: 1.5;
}
.content_toggle dl dt p{
	font-weight: 800;
	font-size: min(calc(26 * 100vw / 1000), 26px) !important;
	padding: min(calc(30 * 100vw / 1000), 30px);
}
.content_toggle dl dd{
	display: none;
	padding: 0 min(calc(30 * 100vw / 1000), 30px) min(calc(30 * 100vw / 1000), 30px);
}
.content_toggle dl dd p{
	font-weight: 500;
	line-height: 2;
    display: block;
}
.content_toggle dl dd p a {
    text-decoration: underline;
    margin-top: min(calc(15 * 100vw / 1000), 15px);
    display: inline-block;
    position: relative;
}
.content_toggle dl dd p .-link::after {
    content: "";
    display: inline-block;
    width: min(calc(14 * 100vw / 1000), 14px);
    height: min(calc(14 * 100vw / 1000), 14px);
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    border-radius: 2px;
    transform: rotate(-45deg);
    margin-left: min(calc(6 * 100vw / 1000), 6px);
}
/*トグルアイコン*/
.content_toggle dl dt .u-icon--plus,
.content_toggle dl dt .u-icon--minus {
	font-size: min(calc(50 * 100vw / 1000), 50px);
    color: #DDD;
    position: absolute;
    right: min(calc(30 * 100vw / 1000), 30px);
    top: min(calc(30 * 100vw / 1000), 30px);
    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 (max-width: 750px) {
	.content_toggle_item_btn span{
		font-size: calc(40 * 100vw / 750);
		margin-right: calc(20 * 100vw / 750);
	}
	.content_toggle dl dt p{
		font-size: calc(36 * 100vw / 750) !important;
        padding:calc(40* 100vw / 750) calc(80* 100vw / 750) calc(40* 100vw / 750) calc(40* 100vw / 750);
	}
	.content_toggle dl dd{
		padding: 0 calc(22.5 * 100vw / 750) calc(22.5 * 100vw / 750);
	}
	.content_toggle dl dd p{
		font-size: calc(30 * 100vw / 750);
	}
    .content_toggle dl dd p a {
        margin-top: calc(20 * 100vw / 750);
    }
    .content_toggle dl dd p .-link::after{
        width: calc(20 * 100vw / 750);
        height: calc(20 * 100vw / 750);
        border-bottom: 4px solid #333333;
        border-right: 4px solid #333333;
        margin-left: calc(10 * 100vw / 750);
    }
	/*トグルアイコン*/
	.content_toggle dl dt .u-icon--plus,
	.content_toggle dl dt .u-icon--minus {
		font-size: calc(64 * 100vw / 750);
		right: calc(8 * 100vw / 750);
		top: calc(40 * 100vw / 750);
	}
}
/*--------------------------------------
うなぎの蒲焼きに魅了された文豪たち
--------------------------------------*/
#column_bungo .column_list{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap:min(calc(40 * 100vw / 1000), 40px);
}
#column_bungo .column_item{
	background: #ffffff;
    border-radius: min(calc(8 * 100vw / 1000), 8px);
    border: 1px solid #9C0000;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
	min-height: min(calc(174 * 100vw / 1000), 174px);
}
#column_bungo .column_item a {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    padding-left: min(calc(180 * 100vw / 1000), 180px);
}
#column_bungo .column_item li:hover{
	opacity: 0.75;
}
#column_bungo .column_item.fukuzawa{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_fukuzawa.webp) no-repeat center center / 100%;
    background-size: 100%;
}
#column_bungo .column_item.natsume{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_natsume.webp) no-repeat center center / 100%;
    background-size: 100%;
}
#column_bungo .column_item.dazai{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2025/images/img_dazai.webp) no-repeat center center / 100%;
    background-size: 100%;
}
#column_bungo .column_item_inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: min(calc(20 * 100vw / 1000), 20px);
    text-align: left;
    position: relative;
}
#column_bungo .column_item_inner dt{
	font-size: min(calc(26 * 100vw / 1000), 26px);
	font-weight: 600;
}
#column_bungo .column_item_inner dd{
	font-size: min(calc(18 * 100vw / 1000), 18px);
	font-weight: 500;
}
#column_bungo .-arrow_ico {
    border: 1px solid #333;
    width: min(calc(40 * 100vw / 1000), 40px);
    height: min(calc(40 * 100vw / 1000), 40px);
    border-radius: 50vw;
    text-align: right;
    position: absolute;
    right: min(calc(20 * 100vw / 1000), 20px);
}
#column_bungo .-arrow_ico::before{
	content: "";
    display:block;
    position: absolute;
    right: min(calc(12 * 100vw / 1000), 12px);
    top: min(calc(11 * 100vw / 1000), 11px);
    width: min(calc(18 * 100vw / 1000), 18px);
    height: min(calc(18 * 100vw / 1000), 18px);
    border-bottom: 3px solid #333333;
    border-right: 3px solid #333333;
    border-radius: 2px;
    transform: rotate(-45deg);
}
@media screen and (max-width: 750px) {
	#column_bungo .column_list{
		grid-template-columns: repeat(1, 1fr);
	}
	#column_bungo .column_item{
		border-radius:calc(16 * 100vw / 750);
		min-height: calc(252 * 100vw / 750);
	}
	#column_bungo .column_item a {
		padding-left: calc(280 * 100vw / 750);
	}
	#column_bungo .column_item_inner{
		gap: min(calc(20 * 100vw / 1000), 20px);
	}
	#column_bungo .column_item_inner dt{
		font-size: calc(40* 100vw / 750);
	}
	#column_bungo .column_item_inner dd{
		font-size:calc(28* 100vw / 750);
	}
	#column_bungo .-arrow_ico {
		right: calc(43 * 100vw / 750);
		width: calc(59 * 100vw / 750);
		height: calc(59 * 100vw / 750);
	}
	#column_bungo .-arrow_ico::before{
		right: calc(20 * 100vw / 750);
        top: calc(20 * 100vw / 750);
        width: calc(20 * 100vw / 750);
        height: calc(20 * 100vw / 750);
	}
}
/*--------------------------------------
みさらの「食体験でつながる幸せ」
--------------------------------------*/
#about-misara{
	background:#F6F4EF;
}
#about-misara .about_wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/about/images/img_benefits01.webp?2025020701) no-repeat right bottom / 90%;
    padding-bottom:0;
    margin-bottom: min(calc(80 * 100vw / 1000), 80px);
	height:min(calc(800 * 100vw / 1000), 800px);
	width: 100%;
}
#about-misara .content_subtitle {
    margin-left:min(calc(47* 100vw / 1000), 47px);
    letter-spacing: 0.15em;
    line-height: 2;
	flex-shrink: 0;
}
#about-misara .about_text{
	font-weight: 500;
    line-height: 2;
}
.about_btn {
    display: flex;
    flex-direction: column;
    margin-inline: auto;
    gap: min(calc(50 * 100vw / 1000), 50px) 0;
    width: min(calc(460 * 100vw / 1000), 460px);
}
.about_btn .btn:nth-child(1) a{
	background: #9C0000;
	color: #fff;
}
.about_btn .btn:nth-child(2) a{
	background: #333;
	color: #fff;
}
.about_btn .btn a:hover {
	opacity: 0.7;
	color: #fff !important;
}
@media screen and (max-width: 750px) {
	#about-misara .about_wrapper {
		margin-bottom: calc(80 * 100vw / 750);
		justify-content: center;
        height: calc(1000 * 100vw / 750);
		padding-bottom: 0;
	}
	#about-misara .content_title {
		margin-bottom: calc(60 * 100vw / 750);
	}
	#about-misara .content_subtitle {
		margin-left: calc(50 * 100vw / 750);
	}
	.about_btn {
		gap: calc(50 * 100vw / 750) 0;
		width:100%;
		align-items: center;
	}
}

/*--------------------------------------
footer
--------------------------------------*/
#content_footer{
	background: #120e0b;
}
#content_footer .footer_bg{
	height:min(calc(725 * 100vw / 1512), 725px);
	max-width: 100%;
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2026/images/0629/img_content_footer.webp) no-repeat center center/contain;
}
@media screen and (max-width: 750px) {
	#content_footer .footer_bg {
		height: calc(370 * 100vw / 750);
	}
}