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

/*共通 ----------*/
figure{
	margin: 0;
}
.page_main{
	margin-bottom: 0;
}

.u-text--body :is(h2,h3,h4,p,span,a){
	font-family: "Shippori Mincho B1", serif;
	font-weight: 600;
	margin: 0;
	color: #fff;
}
.u-text--body :is(h2,h3,h4){
	font-weight: 800;
}
main #top h1 {
	position: absolute;
	left: -200%;
	z-index: -100;
}
.p-page_content__inner {
	width: 100%;
	max-width: 100%;
}
.p-page_content{
    padding:0;
}
#plist{
    margin-bottom: 0;
    position: absolute;
}

.pc {
	display: inherit !important;
}
.sp {
	display: none !important;
}

/*ボタン*/
.item_btn{
	width:calc(400*100vw/1512);	
	position: relative;
	text-align: center;
}
.item_btn a{
	display: block;
	width: 100%;
	font-size:calc(22*100vw/1512);
	letter-spacing: -0.04em;
	padding:calc(19* 100vw / 1512) 0;
    background: #fff;
    border-radius: 60px;
    line-height: 1;
	font-weight: 800;
	position: relative;
	color: #333;
	transition: .3s;
}
.item_btn a::after{
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    content: '\f054';
    font-size:calc(18* 100vw / 1512);
    top: 50%;
    right: 23px;
    transform:translateY(-50%);
}
.item_btn:hover a {
    background: #F2A842;
    box-shadow: 0 8px 16px rgba(0,0,0,35%);
    transform: translateY(-10px);
}

/* コンテンツ内共通 */
.content_wrapper{
	max-width: 1240px;
    width: 100%;
    margin: 0 auto;
    padding: 0 min(calc(20* 100vw / 1200), 20px);
}
.u-text--body .cont_ttl{
	font-size:min(calc(44*100vw/1512),44px);
	letter-spacing: 0.1em;
	line-height: 1.7;
	margin-bottom:min(calc(40*100vw/1512),40px);
}
.u-text--body .cont_sub_txt{
	font-size: min(calc(24* 100vw / 1512), 24px);
    letter-spacing: 0.1em;
    line-height: 1;
	margin-bottom:min(calc(96*100vw/1512),96px);
}
@media screen and (max-width: 750px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: inherit !important;
	}
	.content_wrapper{
		padding: 0;
	}
	/*ボタン*/
	.item_btn{
		width: calc(600*100vw/750);
	}
	.item_btn a{
		font-size: calc(40* 100vw / 750);
		padding: calc(28* 100vw / 750) 0;
	}
	.item_btn a::after {
		font-size: calc(28* 100vw / 750);
	}
	.item_btn:hover a{
		transform: unset;
		box-shadow: none;
		/* background: #fff; */
	}
	/*タイトル共通*/
	.u-text--body .cont_ttl{
		font-size:calc(64* 100vw / 750);
		line-height: 1.8;
		margin-bottom: calc(43* 100vw / 750);
	}
	.u-text--body .cont_sub_txt{
		font-size:calc(32* 100vw / 750);
		line-height: 2.25;
		margin-bottom: calc(79* 100vw / 750);
	}
}
/*--------------------------------------
パンくず
--------------------------------------*/
#plist {
    width: 100%;
    position: sticky;
}
/*--------------------------------------
キービジュアル
--------------------------------------*/

#kv {
    position: relative;
}
#kv .manpuku_log{
    width:calc(405*100vw/1512);
    margin: 0;
    position: absolute;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    z-index: 10;
}
#kv_btn{
	position: absolute;
	bottom:calc(52*100vw/1512);
	left: 50%;
	transform: translateX(-50%);
	transition: .3s;
}
#kv #kv_btn:hover {
    bottom: calc(62* 100vw / 1512);
}
#kv #kv_btn:hover a {
    box-shadow: 0 8px 16px rgba(0,0,0,35%);
	background: #F2A842;
	transform: unset;
}
/* ABC切替 */
#kv.-patternA .manpuku_log,
#kv.-patternB .manpuku_log
{
	width:calc(405*100vw/1512);
	margin: 0;
	position: absolute;
	left: 50%;
	top:0;
	transform: translateX(-50%);
	z-index: 10;
}
#kv.-patternC .manpuku_log{
	width:calc(346*100vw/1512);
	margin: 0;
	position: absolute;
	left: calc(50% + calc(375*100vw/1512));
	top:0;
	transform: translateX(-50%);
	z-index: 10;
}
#kv.-patternC .kv_desc{
	width:calc(228*100vw/1512);
	margin: 0;
	position: absolute;
	left: calc(50% - calc(502*100vw/1512));
	top:calc(180*100vw/1512);
	transform: translateX(-50%);
	z-index: 10;
}

@media screen and (max-width: 750px){
	#kv .manpuku_log{
		width: calc(517* 100vw / 750);
		top: calc(22* 100vw / 750);
	}
	#kv_btn{
		bottom: calc(72* 100vw / 750);
	}
	#kv #kv_btn:hover{
		background: none;
		bottom: calc(72* 100vw / 750);
	}
	#kv #kv_btn:hover a{
		background: #fff;
	}
/* ABC切替 */
	#kv.-patternA .manpuku_log{
		width: calc(538* 100vw / 750);
		top: calc(210* 100vw / 750);
	}
	#kv.-patternB .manpuku_log{
		width: calc(538* 100vw / 750);
		top: calc(22* 100vw / 750);
	}
	#kv.-patternC .manpuku_log{
		width: calc(428* 100vw / 750);
		top: calc(22* 100vw / 750);
		left: 50%;
	}
	#kv.-patternC .kv_desc{
    width: calc(270* 100vw / 750);
    top: calc(726* 100vw / 750);
		left: 50%;
	}
}
/*--------------------------------------
リード文
--------------------------------------*/
/* 期間限定キャンペーンエリア */
.snippets_bnr-wide {
	padding-bottom: 100px;
	margin: auto;
	max-width: 704px;
	width:70%;
}
.snippets_bnr-wide h3 {
	font-size:min(calc(24*100vw/1512),24px);
	text-align: center;
	margin-bottom:min(calc(40*100vw/1512),40px);
}
.snippets_bnr-wide img {
	border-radius: 12px;
}
@media screen and (max-width: 750px){
	.snippets_bnr-wide {
		padding-bottom: calc(120* 100vw / 750);
		max-width: inherit;
		width: 100%;
	}
	.snippets_bnr-wide h3 {
		font-size:calc(48* 100vw / 750);
		margin-bottom:calc(40* 100vw / 750);
	}
}
#main_lead{
	background:#282B46;
	padding:min(calc(120*100vw/1512),120px) 0;
	position: relative;
}
#main_lead .bg_lead {
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/main_lead_pc.webp) no-repeat right center / contain;
	width: min(calc(1432* 100vw / 1512), 1432px);
    min-height: min(calc(1040* 100vw / 1512), 1040px);
    margin: auto;
    position: relative;
}
#main_lead .main_lead {
    position: absolute;
	top: min(calc(112* 100vw / 1512), 112px);
    left: min(calc(120* 100vw / 1512), 120px);
}
#main_lead .lead_ttl{
	font-size: min(calc(56*100vw/1512),56px);
	font-weight: 600;
	margin-bottom:min(calc(55*100vw/1512),55px);
	letter-spacing: 0.1em;
}
#main_lead .lead_txt p{
	font-size:min(calc(24*100vw/1512),24px);
	letter-spacing: 0.06em;
	line-height: 2.4;
}
#main_lead .lead_txt p + p{
	font-size: min(calc(28*100vw/1512),28px);
	line-height: 2.2;
	margin-top:min(calc(40*100vw/1512),40px);
}
@media screen and (max-width: 750px){
	#main_lead{
		padding: calc(120* 100vw / 750) calc(35* 100vw / 750);
	}
	#main_lead .lead_ttl {
		font-size: calc(72* 100vw / 750);
		line-height: 1.6;
		margin-bottom: calc(80* 100vw / 750);
	}
	#main_lead .lead_txt p{
		font-size: calc(32* 100vw / 750);
	}
	#main_lead .lead_txt p + p{
		font-size: calc(38* 100vw / 750);
		margin-top:calc(47* 100vw / 750);
	}
	#main_lead .bg_lead {
		background: none;
		margin: 0;
		width: 100%;
		min-height: auto;
	}
	#main_lead .main_lead {
		position: static;
		margin-bottom:calc(105* 100vw / 750);
	}
	#main_lead .bg_lead::after {
		content: "";
		display: block;
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/main_lead_sp.webp) no-repeat right center / contain;
		min-height:calc(768* 100vw / 750);
		width: 100%;
	}
}
/*--------------------------------------
下部ページ共通
--------------------------------------*/
#media,#voice,#reason,#gift,.ranking{
	padding:min(calc(120*100vw/1512),120px) 0;
}
@media screen and (max-width: 750px){
	#media,#voice,#reason,#gift,.ranking{
		padding:calc(126*100vw/750) calc(35*100vw/750) calc(160*100vw/750);
	}
}
/*--------------------------------------
メディア実績
--------------------------------------*/
#media{
	background:#1F2133;	
}
#media .media_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#media .media_list li{
	min-width: min(calc(175* 100vw / 1200), 175px);
    max-height: min(calc(144* 100vw / 1200), 144px);
    background: #fff;
    border-radius: 12px;
    display: flex;
    padding: min(calc(16* 100vw / 1200), 16px) 0;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
}
#media .media_list li a {
    display: flex;
    width: 100%;
    height: 100%;
    padding: min(calc(16* 100vw / 1200), 16px) 0;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
}
#media .media_list li img{
	margin:0 auto;
}
/*各メディア*/
#media .media_list .otona img{
	width:auto;
	height:min(calc(112*100vw/1200),112px);
}
#media .media_list :is(.urakawa,.milkboy,.manday,.bizstyle,.kaidoki) img{
	width:min(calc(140*100vw/1200),140px);
	height:auto;
}
@media screen and (max-width: 750px){
	#media .media_list li {
		width: calc(323* 100vw / 750);
		min-height: calc(258* 100vw / 750);
		max-width: 47%;
	}
	#media .media_list {
		justify-content: center;
		gap:calc(48* 100vw / 750) calc(34* 100vw / 750);
	}
	/*各メディア*/
	#media .media_list .otona img {
		height: calc(200* 100vw / 750);
	}
	#media .media_list :is(.urakawa,.milkboy,.manday,.bizstyle,.kaidoki) img{
		width: calc(250* 100vw / 750);
	}
}
/*--------------------------------------
お客様の声
--------------------------------------*/
#voice{
	background:#282B46;
}
#voice .voice_wrap p{
	font-size:min(calc(18*100vw/1200),18px);
	letter-spacing: 0.06em;
	color: #333;
	line-height: 1.7;
}
#voice .voice_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap:min(calc(48*100vw/1200),48px);
}
#voice .voice_wrap .voice_box{
	width:calc(50% -  min(calc(24*100vw/1200),24px));
	min-height:min(calc(340*100vw/1200),340px);
	display: flex;
	flex-direction: column;
	border-radius: calc(12*100vw/1200);
	padding:min(calc(38*100vw/1200),38px) min(calc(31*100vw/1200),31px) min(calc(48*100vw/1200),48px) min(calc(40*100vw/1200),40px);
	background: #fff;
}
#voice .voice_btn {
	padding-top: min(calc(60*100vw/1200),60px);
	display: flex;
	justify-content: center;
}
#voice h4{
	font-size:min(calc(28*100vw/1200),28px);
	color: #333;
	letter-spacing: 0.08em;
	width: 100%;
}
#voice :is(.hoshi_five,.hoshi_four){
	margin-bottom:min(calc(25*100vw/1200),25px);
}
#voice .hoshi_five{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/hoshi_five.svg) 0 0 / contain;
	width:187px;
	height: 24px;
}
#voice .hoshi_four{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/hoshi_four.svg) 0 0 / contain;
	width:187px;
	height:24px;
}
#voice .coment_ttl {
	padding-left: 74px;
}
#voice .aeg{
	font-size:min(calc(20*100vw/1200),20px);
	font-weight: 800;
	width: 100%;
}
#voice :is(._man,._woman){
	margin-bottom:min(calc(23*100vw/1200),23px);
}
#voice :is(._man,._woman) .coment_ttl{
	position: relative;
}
#voice :is(._man,._woman) .coment_ttl::before{
	content: "";
	display: inline-block;
	position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
	width:min(calc(64*100vw/1200),64px);
	height:min(calc(64*100vw/1200),64px);
}
/*男性*/
#voice ._man .coment_ttl::before{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/voice_man.svg) no-repeat 0 0 / contain;
}
/*女性*/
#voice ._woman .coment_ttl::before{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/voice_woman.svg) no-repeat 0 0 / contain;
}

@media screen and (max-width: 750px){
	#voice .voice_wrap .voice_box {
		width: 100%;
		min-height: calc(524* 100vw / 750);
		padding:calc(56* 100vw / 750) calc(48* 100vw / 750);
		border-radius:calc(22* 100vw / 750);
	}
	#voice .voice_btn {
		padding-top: calc(60* 100vw / 750);
	}
	#voice h4{
		font-size:calc(40* 100vw / 750);
	}
	#voice .voice_wrap p{
		font-size:calc(28* 100vw / 750);
		letter-spacing: 0.04em;
	}
	#voice .aeg{
		font-size:calc(26* 100vw / 750);
	}
	#voice :is(.hoshi_five,.hoshi_four){
		width:calc(239* 100vw / 750);
		height:calc(31* 100vw / 750);
	}
	#voice .coment_ttl{
		padding-left:calc(96* 100vw / 750);
	}
	#voice :is(._man,._woman) .coment_ttl::before{
		width:calc(80* 100vw / 750);
		height:calc(80* 100vw / 750);
	}
	#voice :is(._man,._woman){
		margin-bottom:calc(22* 100vw / 750);
	}
	
}
/*--------------------------------------
選ばれる理由
--------------------------------------*/
#reason{
	background:#1F2133;
}
#reason .reason_box:not(:last-child){
	margin-bottom:min(calc(96*100vw/1200),96px);
}
#reason .reason_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	gap:0 min(calc(64*100vw/1200),64px);
}
#reason .reason_box:nth-child(even) {
    flex-direction: row-reverse;
}
#reason .pic{
	width:50%;
}
#reason .txt_area {
    width:calc(50% - min(calc(64*100vw/1200),64px));
}

#reason .txt_area h4{
	font-size: min(calc(32*100vw/1200),32px);
	letter-spacing: 0.1em;
	margin-bottom: min(calc(44*100vw/1200),44px);
}
#reason .txt_area p{
	font-size: min(calc(20*100vw/1200),20px);
	letter-spacing: 0.08em;
}
#reason .txt_area p:not(:last-child){
	margin-bottom:min(calc(19*100vw/1200),19px);
}
@media screen and (max-width: 750px){
	#reason .reason_box:not(:last-child){
		margin-bottom: calc(85* 100vw / 750);
	}
	#reason .pic,#reason .txt_area{
		width: 100%;
	}
	#reason .pic{
		margin-bottom: calc(55*100vw/750);
	}
	#reason .txt_area h4{
		font-size: calc(48*100vw/750);
		line-height: 1.8;
		letter-spacing:0.04em;
	}
	#reason .txt_area p{
		font-size: calc(30*100vw/750);
	}
	#reason .txt_area p:not(:last-child) {
		margin-bottom: calc(26* 100vw / 750);
	}
}
/*--------------------------------------
うなぎへのこだわり
--------------------------------------*/
#kodawari{
	background:#282B46;
	padding:min(calc(120*100vw/1200),120px) 0 min(calc(183*100vw/1200),183px);
}
#kodawari h4{
	font-size: min(calc(36*100vw/1200),36px);
	letter-spacing: 0.06em;
	line-height: 2.1;
	margin-bottom: min(calc(48*100vw/1200),48px);
}
#kodawari .kodawari_wrap{
	position: relative;
}
.kodawari_wrap::before {
    content: "";
    display: block;
    background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/kyushu_map.svg) no-repeat right bottom / contain;
    position: absolute;
    width: 100%;
    height: min(calc(651* 100vw / 1200), 651px);
    bottom: -24%;
    right: 0;
}
#kodawari .kodawari_wrap p{
	font-size: min(calc(20*100vw/1200),20px);
	letter-spacing: 0.08em;
	line-height: 2.4;
}
@media screen and (max-width: 750px){
	#kodawari{
		padding:calc(120*100vw/750) calc(35*100vw/750);
	}
	.kodawari_wrap::before {
		position: static;
		height: calc(640* 100vw / 750);
		background-position: center top;
		margin-bottom: calc(67* 100vw / 750);
	}
	#kodawari h4{
		font-size:calc(52*100vw/750);
		line-height: 1.9;
		margin-bottom: calc(46* 100vw / 750);
	}
	#kodawari .kodawari_wrap p{
		font-size:calc(30*100vw/750);
		letter-spacing: 0.04em;
	}
}
/*--------------------------------------
おいしさの秘密
--------------------------------------*/
#point{
	background:#1F2133;
	padding:min(calc(88*100vw/1200),88px) 0 min(calc(120*100vw/1200),120px);
	position: relative;
	z-index: 1;
}
#point .point_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#point .cont_ttl{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
    margin: 0;
	font-size: min(calc(40* 100vw / 1200), 40px);
	line-height: 1;
}
#point .point_list{
	width:min(calc(1080* 100vw / 1200), 1080px);
}
#point .point_list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: min(calc(72* 100vw / 1200), 72px) min(calc(48* 100vw / 1200), 48px);
}
#point .point_list .point_item{
	width:min(calc(516* 100vw / 1200), 516px);
}

#point .point_list .point_item h4{
	font-size: min(calc(30* 100vw / 1200), 30px);
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
	margin: min(calc(25* 100vw / 1200), 25px) 0 min(calc(9* 100vw / 1200), 9px);
}
#point .point_list .point_item p{
	font-size: min(calc(20* 100vw / 1200), 20px);
	letter-spacing: 0.04em;
}
@media screen and (max-width: 750px){
	#point{
		padding:calc(136*100vw/750) calc(35*100vw/750) calc(160*100vw/750);
	}
	#point .cont_ttl {
		writing-mode: unset;
		font-size: calc(52* 100vw / 750);
		margin-bottom: calc(88* 100vw / 750);
		letter-spacing: 0.06em;
	}
	#point .point_list {
		width: 100%;
	}
	#point .point_list ul{
		gap:calc(69* 100vw / 750) 0;
	}
	#point .point_list .point_item {
		width: 100%;
	}
	#point .point_list .point_item h4{
		font-size: calc(44* 100vw / 750);
		margin: calc(37* 100vw / 750) 0  calc(17* 100vw / 750);
	}
	#point .point_list .point_item p{
		font-size: calc(30* 100vw / 750);
		/* letter-spacing */
	}
}
/*--------------------------------------
特別な贈り物
--------------------------------------*/
#gift{
	background:#282B46;
}
#gift .gift_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: end;
}
#gift .gift_wrap .pic{
	width: 50%;
}
#gift .gift_wrap .txt_area{
	width: calc(50% - 64px);
}
#gift .txt_area h4{
	font-size: min(calc(32* 100vw / 1200), 32px);
	letter-spacing: 0.1em;
	line-height: 2;
	margin-bottom:min(calc(27* 100vw / 1200), 27px);
}
#gift .txt_area p{
	font-size: min(calc(20* 100vw / 1200), 20px);
	letter-spacing: 0.08em;
	margin-bottom:min(calc(27* 100vw / 1200), 27px);
}
#gift .txt_area .caption{
	font-size: min(calc(18* 100vw / 1200), 18px);
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0;
}

@media screen and (max-width: 750px){
	#gift .gift_wrap .pic,
	#gift .gift_wrap .txt_area{
		width: 100%;
	}
	#gift .gift_wrap .pic{
		margin-bottom:calc(56* 100vw / 750);
	}
	#gift .txt_area h4 {
		font-size: calc(48* 100vw / 750);
		line-height: 1.8;
		letter-spacing: 0.06em;
		margin-bottom: calc(44* 100vw / 750);
	}
	#gift .txt_area p{
		font-size: calc(30* 100vw / 750);
		letter-spacing: 0.04em;
		margin-bottom:calc(45* 100vw / 750);
	}
	#gift .txt_area .caption{
		font-size: calc(28* 100vw / 750);
	}
	
}
/*父の日ページに設置　他ページ共通を見越して*/
#gift .gift_btn_box{
	display: flex;
    justify-content: center;
    align-items: center;
	gap: 0 min(calc(48* 100vw / 1200), 48px);
	padding-top:min(calc(120* 100vw / 1200), 120px);
}
#gift .gift_btn_box li{
	width:min(calc(476* 100vw / 1200), 476px);
}
#gift .gift_btn_box li a {
    font-size: min(calc(24* 100vw / 1200), 24px);
	font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1.448em;
    padding:min(calc(22* 100vw / 1200), 22px) 0;
    display: block;
    color: #333;
    background: #fff;
    border-radius: min(calc(16* 100vw / 1200), 16px);
    display: flex;
    align-items: center;
    justify-content: center;
	position: relative;
}
#gift .gift_btn_box li:hover a {
    background: #F2A842;
}
#gift .gift_btn_box li a::after{
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    content: '\f054';
    font-size:min(calc(16* 100vw / 1200), 16px);
    top: 51%;
    right: min(calc(72* 100vw / 1200), 72px);
    transform: translateY(-50%);
    color: #333;
	line-height: normal;
}
#gift .gift_btn_box li a::before{
	content: "";
	display:inline-block;
	height:min(calc(59* 100vw / 1200), 59px);
}
#gift .gift_btn_box .myself a::before{
	background: url(../images/g-myself_icon.svg) no-repeat 0 0 / contain;
	width:min(calc(56* 100vw / 1200), 56px);
	margin-right:min(calc(32* 100vw / 1200), 32px);
}
#gift .gift_btn_box .forgift a::before{
	background: url(../images/g-forgift_icon.svg) no-repeat 0 0 / contain;
	width:min(calc(56* 100vw / 1200), 55px);
	margin-right:min(calc(40* 100vw / 1200), 40px);
}
@media screen and (max-width: 750px){
	#gift .gift_btn_box {
		flex-direction: column;
		gap: calc(64* 100vw / 750) 0;
	}
	#gift .gift_btn_box li{
		width:calc(680* 100vw / 750);
	}
	#gift .gift_btn_box li a{
        font-size: calc(40* 100vw / 750);
        padding: calc(31* 100vw / 750) 0 calc(32* 100vw / 750) calc(88* 100vw / 750);
        border-radius: calc(16* 100vw / 750);
        justify-content: start;
        text-align: center;
	}
	#gift .gift_btn_box .myself a::before{
		width:calc(80* 100vw / 750);
		height:calc(84* 100vw / 750);
		margin-right:calc(38* 100vw / 750);
	}
	#gift .gift_btn_box .forgift a::before{
		width:calc(80* 100vw / 750);
		height:calc(85* 100vw / 750);
		margin-right:calc(38* 100vw / 750);
	}
	#gift .gift_btn_box li a::after{
		font-size: calc(28* 100vw / 750);
		right:calc(88* 100vw / 750);
	}
}
/*--------------------------------------
人気ランキング
--------------------------------------*/
.ranking{
	background:#1F2133;
}
.ranking .cont_ttl{
	text-align: center;
	margin-bottom: min(calc(73* 100vw / 1200), 73px);
}
.ranking .ranking_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:min(calc(97* 100vw / 1200), 97px);
}
.ranking .ranking_box{
	width: calc(100% / 4 - 23px);
	position: relative;
}
.ranking .ranking_box .pic{
	margin-bottom:min(calc(23* 100vw / 1200), 23px);
	position: relative;
}
.ranking .ranking_box .pic::before{	
	display: block;
	text-align: center;
	width:min(calc(40* 100vw / 1200), 40px);
	height:min(calc(40* 100vw / 1200), 40px);
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	color: #fff;
	line-height: min(calc(40* 100vw / 1200), 40px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.ranking .ranking_box .red_line{
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: min(calc(22* 100vw / 1200), 22px);
    letter-spacing: 0.04em;
    text-align: center;
    background: #9C0000;
    color: #fff;
    padding: min(calc(3* 100vw / 1200), 3px) 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.ranking .ranking_box h4{
	font-size: min(calc(24* 100vw / 1200), 24px);
}
.ranking .ranking_box .price{
    font-size: min(calc(34* 100vw / 1200), 34px);
    display: flex;
    align-items: baseline;
    line-height: normal;
}
.ranking .ranking_box .price::after{
	content: "円";
	display: inline-block;
	font-size:min(calc(24* 100vw / 1200), 24px);
}
.ranking .ranking_box .tax{
	display: inline-block;
	font-size:min(calc(22* 100vw / 1200), 22px);
	font-weight:500;
	order: 2;
}

/*ランク１*/
.ranking .ranking_box::before{
	content: "";
	display: block;
	width:min(calc(41* 100vw / 1200), 41px);
	height:min(calc(32* 100vw / 1200), 32px);
	margin:0 auto min(calc(12* 100vw / 1200), 12px);
}
.ranking .ranking_box:nth-child(1)::before{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/icon_crown01.svg) no-repeat 0 0 / contain;
}
.ranking .ranking_box:nth-child(1) .pic::before{
	content: "1";
	background:#CEAD52;
}
/*ランク２*/
.ranking .ranking_box:nth-child(2)::before{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/icon_crown02.svg) no-repeat 0 0 / contain;
}
.ranking .ranking_box:nth-child(2) .pic::before{
	content: "2";
	background: #AAAAAA;
}
/*ランク３*/
.ranking .ranking_box:nth-child(3)::before{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/icon_crown03.svg) no-repeat 0 0 / contain;
}
.ranking .ranking_box:nth-child(3) .pic::before{
	content: "3";
	background: #844A28;
}
/*ランク4*/
.ranking .ranking_box:nth-child(4) .pic::before{
	content: "4";
	background: #333;
}

.ranking .item_btn{
	margin: auto;
}
@media screen and (max-width: 750px){
	.ranking .ranking_wrap{
		gap:calc(64*100vw/750) calc(34*100vw/750);
		margin-bottom:calc(96* 100vw / 750);
	}
	.ranking .ranking_box {
		width: calc(100% / 2 - 17px);
	}
	.ranking .ranking_box .pic{
		margin-bottom:calc(27*100vw/750);
	}
	.ranking .ranking_box h4{
		font-size:calc(28*100vw/750);
		margin-bottom: calc(3* 100vw / 750);
	}
	.ranking .ranking_box .price{
		font-size:calc(42*100vw/750);		
	}
	.ranking .ranking_box .price::after{
		font-size:calc(28*100vw/750);
	}
	.ranking .ranking_box .tax{
		font-size:calc(26*100vw/750);
	}
	.ranking .ranking_box::before{
		width:calc(52*100vw/750);
		height:calc(40*100vw/750);
		margin-bottom:calc(16*100vw/750);
	}

	.ranking .ranking_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);;
	}

	.ranking .ranking_box .red_line{
		font-size:calc(26*100vw/750);
		line-height: 1;
		padding:calc(14*100vw/750) 0 calc(15*100vw/750);
	}
	
}




































/*--------------------------------------
下部コンテンツ
--------------------------------------*/

/*--------------------------------------
下部コンテンツ共通
--------------------------------------*/
/*タイトル共通*/
.u-text--body h3.f-cont_ttl{
	font-size:min(calc(44*100vw/1512),44px);
	letter-spacing: 0.1em;
	line-height: 1.7;
	margin-bottom:min(calc(60*100vw/1512),60px);
	text-align: center;
}
.u-text--body h4.f-cont_ttl{
	font-size:min(calc(36*100vw/1512),36px);
	letter-spacing: 0.1em;
	line-height: 1.7;
	margin-bottom:min(calc(40*100vw/1512),40px);
}
.u-text--body .f-cont_sub_txt{
	font-size: min(calc(24* 100vw / 1512), 24px);
    letter-spacing: 0.1em;
    line-height: 1;
	margin-bottom:min(calc(96*100vw/1512),96px);
}
#contents_products,#contents_eat,#contents_column,#contents_voice{
	padding:min(calc(120*100vw/1512),120px) 0;
}
@media screen and (max-width: 750px){
	#contents_products,#contents_eat,#contents_column,#contents_voice{
		padding:calc(126*100vw/750) calc(35*100vw/750) calc(160*100vw/750);
	}
}
@media screen and (max-width: 750px) {
	/*タイトル共通*/
	.u-text--body h3.f-cont_ttl{
		font-size:calc(64* 100vw / 750);
		line-height: 1.6;
		margin-bottom: calc(100* 100vw / 750);
	}
	.u-text--body h4.f-cont_ttl{
		font-size:calc(48* 100vw / 750);
		line-height: 1.6;
		margin-bottom: calc(70* 100vw / 750);
	}
	.u-text--body .f-cont_sub_txt{
		font-size:calc(32* 100vw / 750);
		line-height: 2.25;
		margin-bottom: calc(79* 100vw / 750);
	}
}


/*--------------------------------------
商品一覧
--------------------------------------*/
#contents_products {
	background: #282B46;
	/* padding:min(calc(120*100vw/1512),120px) 0; */
}
.f-products {
	background:#1F2133;
}
.f-products .f-products_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	margin-bottom:min(calc(97* 100vw / 1512), 97px);
}
.f-products .f-products_box{
	width: calc(100% / 4 - 23px);
	position: relative;
}
@media screen and (min-width: 751px) {
	.f-products .f-products_box:not(:nth-child(4n+1)) {
		margin-left: 23px;
	}
	.f-products .f-products_box:nth-child(n+5) {
		margin-top: 40px;
	}
}
.f-products .f-products_box .pic{
	margin-bottom:min(calc(23* 100vw / 1512), 23px);
	position: relative;
}
.f-products .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;
}
.f-products .f-products_box .red_line{
    display: block;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: min(calc(22* 100vw / 1512), 22px);
    letter-spacing: 0.04em;
    text-align: center;
    background: #9C0000;
    color: #fff;
    padding: min(calc(3* 100vw / 1512), 3px) 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.f-products .f-products_box h4{
	font-size: min(calc(20* 100vw / 1512), 24px);
	font-weight: 400;
}
.f-products .f-products_box .price{
    font-size: min(calc(30* 100vw / 1512), 34px);
    display: flex;
    align-items: baseline;
    line-height: normal;
}
.f-products .f-products_box .price::after{
	content: "円";
	display: inline-block;
	font-size:min(calc(20* 100vw / 1512), 24px);
}
.f-products .f-products_box .tax{
	display: inline-block;
	font-size:min(calc(18* 100vw / 1512), 22px);
	font-weight:500;
	order: 2;
}

.f-products .item_btn{
	margin: auto;
}
@media screen and (max-width: 750px){
	.f-products .f-products_wrap{
		/* gap:calc(64*100vw/750) calc(34*100vw/750); */
		margin-bottom:calc(96* 100vw / 750);
	}
	.f-products .f-products_box {
		width: calc((100% - 32px) / 2);
	}
	.f-products .f-products_box:nth-child(even) {
		margin-left: 32px;
	}
	.f-products .f-products_box:nth-child(n+3) {
		margin-top: calc(90*100vw/750);
	}
	.f-products .f-products_box .pic{
		margin-bottom:calc(27*100vw/750);
	}
	.f-products .f-products_box h4{
		font-size:calc(28*100vw/750);
		margin-bottom: calc(3* 100vw / 750);
	}
	.f-products .f-products_box .price{
		font-size:calc(42*100vw/750);
	}
	.f-products .f-products_box .price::after{
		font-size:calc(28*100vw/750);
	}
	.f-products .f-products_box .tax{
		font-size:calc(26*100vw/750);
	}
	.f-products .f-products_box::before{
		width:calc(52*100vw/750);
		height:calc(40*100vw/750);
		margin-bottom:calc(16*100vw/750);
	}
	.f-products .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);;
	}
	.f-products .f-products_box .red_line{
		font-size:calc(26*100vw/750);
		line-height: 1;
		padding:calc(14*100vw/750) 0 calc(15*100vw/750);
	}
	
}

/*--------------------------------------
召し上がり方
--------------------------------------*/
#contents_eat {
	background: #1F2133;
	/* padding:min(calc(120*100vw/1512),120px) 0; */
}
/* おいしい召し上がり方 */
#contents_eat #contents_eat_cooking {
	padding: 0 0 min(calc(50*100vw/1512),50px);
}
#contents_eat #contents_eat_cooking .cooking_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 48px;
}
#contents_eat #contents_eat_cooking .cooking_list li {
	width: calc((100% - 192px) / 5);
	text-align:center;
}
#contents_eat #contents_eat_cooking .cooking_list li a {
	display: block;
	width: 100%;
	height: auto;
}
#contents_eat #contents_eat_cooking .cooking_list li a dl {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: min(calc(10* 100vw / 1512), 10px);
}
#contents_eat #contents_eat_cooking .cooking_list li a dl dt {
	font-size: min(calc(24*100vw/1512),24px);
	line-height: 1.5;
	min-height: min(calc(80* 100vw / 1512), 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}
#contents_eat #contents_eat_cooking .cooking_list li a dl dt + dd {
	border: 1px solid #ffffff;
	font-size: min(calc(16*100vw/1512),16px);
	padding: min(calc(5*100vw/1512),5px);
    margin: auto;
	width: 80%;
}
/* おすすめレシピ */
#contents_eat #contents_eat_recipe {
	padding: min(calc(50*100vw/1512),50px) 0 0;
}
#contents_eat #contents_eat_recipe .recipe_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 48px;
}
#contents_eat #contents_eat_recipe .recipe_list li {
	width: calc((100% - 192px) / 5);
	text-align:center;
}
#contents_eat #contents_eat_recipe .recipe_list li a {
	display: block;
	width: 100%;
	height: auto;
}
#contents_eat #contents_eat_recipe .recipe_list li a dl {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: min(calc(10* 100vw / 1512), 10px);
}
#contents_eat #contents_eat_recipe .recipe_list li a dl dt {
	font-size: min(calc(18*100vw/1512),18px);
	line-height: 1.5;
}
/* あまから手帖 */
#contents_eat #contents_eat_amakara {
	margin: min(calc(120*100vw/1512),120px) auto 0;
	width: min(calc(885*100vw/1512),885px);
}
#contents_eat #contents_eat_amakara a {
	display: block;
	width: 100%;
}
@media screen and (max-width: 750px){
	/* #contents_eat {
		padding: calc(160* 100vw / 750) calc(35*100vw/750);
	} */
	/* おいしい召し上がり方 */
	#contents_eat #contents_eat_cooking {
		padding: 0 0 calc(80* 100vw / 750);
	}
	#contents_eat #contents_eat_cooking .cooking_list {
		gap: 0;
	}
	#contents_eat #contents_eat_cooking .cooking_list li {
		width: calc((100% - 15px) / 2);
		text-align:center;
	}
	#contents_eat #contents_eat_cooking .cooking_list li:nth-child(even) {
        margin-left: 15px;
    }
	#contents_eat #contents_eat_cooking .cooking_list li:nth-child(n+3) {
		margin-top: 40px;
	}
	#contents_eat #contents_eat_cooking .cooking_list li a dl {
		gap: calc(10* 100vw / 750);
	}
	#contents_eat #contents_eat_cooking .cooking_list li a dl dt {
		font-size: calc(28* 100vw / 750);
		min-height: inherit;
	}
	#contents_eat #contents_eat_cooking .cooking_list li a dl dt + dd {
		font-size: calc(24* 100vw / 750);
		padding: calc(5* 100vw / 750);
	}
	/* おすすめレシピ */
	#contents_eat #contents_eat_recipe {
		padding: calc(80* 100vw / 750) 0 0;
	}
	#contents_eat #contents_eat_recipe .recipe_list {
		gap: 0;
	}
	#contents_eat #contents_eat_recipe .recipe_list li {
		width: calc((100% - 15px) / 2);
	}
	#contents_eat #contents_eat_recipe .recipe_list li:nth-child(even) {
		margin-left: 15px;
	}
	#contents_eat #contents_eat_recipe .recipe_list li:nth-child(n+3) {
		margin-top: 32px;
	}
	#contents_eat #contents_eat_recipe .recipe_list li a dl {
		gap: calc(30* 100vw / 750);
	}
	#contents_eat #contents_eat_recipe .recipe_list li a dl dt {
		font-size: calc(27* 100vw / 750);
	}
	/* あまから手帖 */
	#contents_eat #contents_eat_amakara {
		margin: calc(120* 100vw / 750) auto 0;
		width: 100%;
	}

}


/*--------------------------------------
コラム
--------------------------------------*/
#contents_column {
	background: #282B46;
	/* padding:min(calc(120*100vw/1512),120px) 0; */
}
/* 文豪たち */
#contents_column #contents_column_literarygreat {
	padding: 0 0 min(calc(50*100vw/1512),50px);
	width:100%;
}
#contents_column #contents_column_literarygreat .literarygreat_list {
	display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
	gap: 48px;
}
#contents_column #contents_column_literarygreat .literarygreat_list li {
	background: #ffffff;
	border-radius: 12px;
	font-family: "Shippori Mincho B1", serif;
	display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
	width: calc((100% - 96px) / 3);
	min-height: min(calc(240*100vw/1512),240px);
    margin: 0 auto;
}
#contents_column #contents_column_literarygreat .literarygreat_list li a {
	display: block;
	width: 100%;
	height: auto;
	min-height: min(calc(240*100vw/1512),240px);
}
#contents_column #contents_column_literarygreat .literarygreat_list li a dl {
	color: #333333;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: min(calc(20*100vw/1512),20px);
	padding: min(calc(60*100vw/1512),60px) min(calc(50*100vw/1512),73px) min(calc(60*100vw/1512),60px) min(calc(163*100vw/1512),163px);
	text-align: left;
	min-height: min(calc(240*100vw/1512),240px);
	position: relative;
}
#contents_column #contents_column_literarygreat .literarygreat_list li a dl dt {
	font-size: min(calc(28*100vw/1512),28px);
}
#contents_column #contents_column_literarygreat .literarygreat_list li a dl dd {
	font-size: min(calc(14*100vw/1512),14px);
}
#contents_column #contents_column_literarygreat .literarygreat_list li a dl::before {
	content: "";
    display: inline-block;
    position: absolute;
    right: min(calc(23*100vw/1512),23px);
    top: min(calc(120*100vw/1512),120px);
    transform: translateY(-50%);
    width: min(calc(32* 100vw / 1200), 32px);
    height: min(calc(32* 100vw / 1200), 32px);
	border: 1px solid #333333;
	border-radius: 50%;
}
#contents_column #contents_column_literarygreat .literarygreat_list li a dl::after {
	content: "";
    display: inline-block;
    position: absolute;
    right: min(calc(35*100vw/1512),35px);
    top: min(calc(115*100vw/1512),115px);
	width: min(calc(11* 100vw / 1512), 11px);
	height: min(calc(11* 100vw / 1512), 11px);
	border-bottom: min(calc(4* 100vw / 1512), 4px) solid #333333;
	border-right: min(calc(4* 100vw / 1512), 4px) solid #333333;
	border-radius: min(calc(2* 100vw / 1512), 2px);
	margin-left: min(calc(16* 100vw / 1512), 16px);
	transform: rotate(-45deg);
}

/* 文豪 */
#contents_column #contents_column_literarygreat .literarygreat_list li.fukuzawa a dl {
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_fukuzawa.webp) no-repeat min(calc(10*100vw/1512),10px) min(calc(20*100vw/1512),20px) / contain;
	background-size: min(calc(150*100vw/1512),150px) min(calc(200*100vw/1512),200px);
}
#contents_column #contents_column_literarygreat .literarygreat_list li.natsume a dl {
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_natsume.webp) no-repeat min(calc(10*100vw/1512),10px) min(calc(25*100vw/1512),25px) / contain;
	background-size: min(calc(150*100vw/1512),150px) min(calc(200*100vw/1512),200px);
}
#contents_column #contents_column_literarygreat .literarygreat_list li.dazai a dl {
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_dazai.webp) no-repeat min(calc(15*100vw/1512),15px) min(calc(20*100vw/1512),20px) / contain;
	background-size: min(calc(150*100vw/1512),150px) min(calc(200*100vw/1512),200px);
}
/* 土用の丑の日 */
#contents_column #contents_column_doyou {
	color: #ffffff;
	padding:min(calc(50*100vw/1512),50px) 0;
}
#contents_column #contents_column_doyou dl.doyou_anecdote {
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap: min(calc(67*100vw/1512),67px);
}
#contents_column #contents_column_doyou dl.doyou_anecdote dt {
	background: #ffffff;
	display: flex;
	justify-content: flex-start;
	padding: min(calc(20*100vw/1512),20px) min(calc(43*100vw/1512),43px);
	width: min(calc(253*100vw/1512),253px);
}
#contents_column #contents_column_doyou dl.doyou_anecdote dt img {
	width: min(calc(168* 100vw / 1512), 168px);
}
#contents_column #contents_column_doyou dl.doyou_anecdote dd {
	font-family: "Shippori Mincho B1", serif;
	font-size: min(calc(16*100vw/1512),16px);
	line-height: 1.8;
	display: flex;
	flex-wrap: wrap;
}
@media screen and (max-width: 750px){
	/* #contents_column {
		padding: calc(80* 100vw / 750) calc(35*100vw/750);
	} */
	/* 文豪たち */
	#contents_column #contents_column_literarygreat {
		padding: 0 0 calc(80* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list {
		display: flex;
		flex-direction: column;
		max-width: inherit;
		gap: calc(64* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li {
		display: flex;
		flex-wrap: wrap;
		max-width: inherit;
		width: 100%;
		min-height: calc(308* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a {
		min-height: calc(308* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a dl {
		gap: calc(40* 100vw / 750);
		padding: calc(47* 100vw / 750) calc(120* 100vw / 750) calc(63* 100vw / 750) calc(252* 100vw / 750);
		min-height: calc(308* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a dl dt {
		font-size: calc(48* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a dl dd {
		font-size: calc(28* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a dl::before {
		right: calc(43* 100vw / 750);
		top: calc(155* 100vw / 750);
		width: calc(59* 100vw / 750);
		height: calc(59* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li a dl::after {
		right: calc(68* 100vw / 750);
		top: calc(148* 100vw / 750);
		width: calc(15* 100vw / 750);
		height: calc(15* 100vw / 750);
		border-bottom: calc(4* 100vw / 750) solid #333333;
		border-right: calc(4* 100vw / 750) solid #333333;
		margin-left: calc(59* 100vw / 750);
	}
	/* 文豪 */
	#contents_column #contents_column_literarygreat .literarygreat_list li.fukuzawa a dl {
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_fukuzawa.webp) no-repeat calc(25* 100vw / 750) calc(25* 100vw / 750) / contain;
		background-size: calc(189* 100vw / 750) calc(250* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li.natsume a dl {
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_natsume.webp) no-repeat calc(25* 100vw / 750) calc(25* 100vw / 750) / contain;
		background-size: calc(189* 100vw / 750) calc(250* 100vw / 750);
	}
	#contents_column #contents_column_literarygreat .literarygreat_list li.dazai a dl {
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/footer_contents/img_dazai.webp) no-repeat calc(25* 100vw / 750) calc(25* 100vw / 750) / contain;
		background-size: calc(189* 100vw / 750) calc(250* 100vw / 750);
	}
	/* 土用の丑の日 */
	#contents_column #contents_column_doyou {
		padding: calc(80* 100vw / 750) 0 0;
	}
	#contents_column #contents_column_doyou dl.doyou_anecdote {
		flex-direction: column;
		gap: calc(80* 100vw / 750);
	}
	#contents_column #contents_column_doyou dl.doyou_anecdote dt {
		flex-direction: column;
		padding: calc(30* 100vw / 750);
		width: 100%;
	}
	#contents_column #contents_column_doyou dl.doyou_anecdote dt img {
		margin: auto;
		width: calc(214* 100vw / 750);
	}
	#contents_column #contents_column_doyou dl.doyou_anecdote dd {
		font-size: calc(28* 100vw / 750);
		display: flex;
		flex-wrap: wrap;
		gap: inherit;
	}
}
/*--------------------------------------
お声
--------------------------------------*/
#contents_voice {
	background: #1F2133;
	/* padding:min(calc(120*100vw/1512),120px) 0; */
}
#contents_voice .cont_ttl{
	text-align: center;
	margin-bottom: min(calc(73* 100vw / 1200), 73px);
}
#contents_voice .voice_list {
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
#contents_voice .voice_list .voice_list_inner {
	border: 1px solid #FFFFFF;
	border-radius: 12px;
	color: #FFFFFF;
	padding: min(calc(20*100vw/1200),20px) min(calc(40*100vw/1200),40px);
	width: calc((100% - 40px) / 2);
}
#contents_voice .voice_list .voice_list_inner:nth-child(2n) {
	margin-left: 40px;
}
#contents_voice .voice_list .voice_list_inner:nth-child(n+3) {
	margin-top: 40px;
}
#contents_voice .voice_list .voice_list_inner dl {
	display: flex;
	flex-direction: column;
}
#contents_voice .voice_list .voice_list_inner dl dt, #contents_voice .voice_list .voice_list_inner dl dd {
	font-family: "Shippori Mincho B1", serif;
	font-size: min(calc(14* 100vw / 1200), 14px);
}
#contents_voice .voice_list .voice_list_inner dl dt {
	display: inline-block;
	text-align: right;
}
@media screen and (max-width: 750px){
	/* #contents_voice {
		padding: calc(160* 100vw / 750) calc(35* 100vw / 750);
	} */
	#contents_voice .cont_ttl{
		margin-bottom: calc(120* 100vw / 750);
	}
	#contents_voice .voice_list {
		display: block;
		max-width: inherit;
	}
	#contents_voice .voice_list .voice_list_inner {
		margin-top: calc(64* 100vw / 750);
		padding: calc(32* 100vw / 750) calc(32* 100vw / 750);
		width: 100%;
	}
	#contents_voice .voice_list .voice_list_inner:nth-child(n+3) {
		margin-top: calc(64* 100vw / 750);
	}
	#contents_voice .voice_list .voice_list_inner:nth-child(2n) {
		margin-left: 0;
	}
	#contents_voice .voice_list .voice_list_inner dl dt, #contents_voice .voice_list .voice_list_inner dl dd {
		font-size: calc(24* 100vw / 750);
	}
}




/*下部イメージ*/
#end_area{
	position: relative;
    z-index: 1;
}
/*パララックス設定*/
.l-wrapper-none {
    overflow: unset;
}
.parallax_bg{
	position: relative;
    height: 100%;
    width: 100%;
    z-index: 2;
    overflow: unset;
}
.parallax_wrap {
    position: relative;
    z-index: 1;
} 
.parallax {
	width: 100%;
	height:min(calc(575*100vw/1200),575px);
	position: sticky;
	top: 0;
	left: 0;
	z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
  }

/*お客様の声*/
.parallax01{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/voice_bg.webp) no-repeat;
	background-size: cover;
	background-position: center;
}

/*選ばれる理由*/
.parallax02{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/reason_bg.webp) no-repeat;
	background-size: cover;
	background-position: center;
}
/*こだわり*/
.parallax03{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/kodawari_bg.webp) no-repeat;
	background-size: cover;
	background-position:right bottom -1px;
}
/*ギフト*/
.parallax04{
	background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/gift_bg.webp) no-repeat;
	background-size: cover;
	background-position:center bottom -1px;
}

@media screen and (max-width: 750px){
	.parallax{
		height: calc(560*100vw/750);
	}

	/*お客様の声*/
	.parallax01{
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/voice_bg_s.webp) no-repeat;
		background-size: contain;
		background-color:#282B46;
	}
	/*選ばれる理由*/
	.parallax02{
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/reason_bg_s.webp) no-repeat;
		background-size: contain;
		background-color:#1f2133;
	}
	/*こだわり*/
	.parallax03{
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/kodawari_bg_s.webp) no-repeat;
		background-size: contain;
		background-color:#282b46;
	}
	/*ギフト*/
	.parallax04{
		background: url(https://d2w53g1q050m78.cloudfront.net/misaranoaru/uploads/pages/unagi/_2024/images/gift_bg_s.webp) no-repeat;
		background-size: contain;
		background-color:#282b46;
	}

}