@charset "UTF-8";
/*----------
	鍋なび 〆まで美味しい鍋つゆ インデックス
----------*/
.page_shimemade_top__inner {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5.3333333333%;
	padding-right: 5.3333333333%;
}
@media (min-width: 768px) {
	.page_shimemade_top__inner {
		padding-left: 40px;
		padding-right: 40px;
	}
}

.page_shimemade_top-subtitle {
	text-align: center;
}
.page_shimemade_top-subtitle > img {
	display: block;
	height: 30px;
	width: auto;
	margin: 0 auto;
}
.page_shimemade_top-subtitle > span {
	display: inline-block;
	margin-top: 18px;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	color: #B27D2F;
}
@media (min-width: 768px) {
	.page_shimemade_top-subtitle > img {
		height: 47px;
	}
	.page_shimemade_top-subtitle > span {
		font-size: 22px;
	}
}

/* KV */
.page_shimemade_top-kv {
	background-color: #FFF5D9;
	padding-bottom: 50px;
}
.page_shimemade_top-kv img {
	width: 100%;
	max-width: 100%;
}
.page_shimemade_top-kv > p {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5.3333333333%;
	padding-right: 5.3333333333%;
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 1.4;
	color: #B27D2F;
}
@media (min-width: 768px) {
	.page_shimemade_top-kv > p {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media (min-width: 768px) {
	.page_shimemade_top-kv {
		padding-bottom: 132px;
	}
	.page_shimemade_top-kv > p {
		font-size: 14px;
	}
}

/* lead */
.page_shimemade_top-lead {
	background: #FFF5D9 url("/nabe/product/shimemade/images/index/lead_bg_sp.jpg") no-repeat center 40px/411px auto;
}
.page_shimemade_top-lead h2 {
	min-height: 26px;
	position: relative;
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	color: #B27D2F;
}
.page_shimemade_top-lead h2::before, .page_shimemade_top-lead h2::after {
	content: "";
	display: block;
	width: 50%;
	height: 26px;
	position: absolute;
	top: calc(50% - 13px);
	left: -115px;
	opacity: 0.4;
	background: url("/nabe/product/shimemade/images/index/lead_title_bg.svg") repeat-x right -1px center/26px;
}
.page_shimemade_top-lead h2::after {
	left: auto;
	right: -115px;
	background-position: left -13px center;
}
.page_shimemade_top-lead__text {
	margin-top: 48px;
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 2.2;
	color: #B27D2F;
}
.page_shimemade_top-lead__image {
	display: block;
	width: 100%;
	max-width: 250px;
	margin: 200px auto 0;
	border-radius: 40px;
	overflow: hidden;
}
.page_shimemade_top-lead__image img {
	width: 100%;
	max-width: 100%;
}
@media (min-width: 768px) {
	.page_shimemade_top-lead {
		background: #FFF5D9 url("/nabe/product/shimemade/images/index/lead_bg_pc.jpg") no-repeat center 127px/1270px auto;
	}
	.page_shimemade_top-lead h2 {
		min-height: 100px;
		font-size: 60px;
	}
	.page_shimemade_top-lead h2::before, .page_shimemade_top-lead h2::after {
		height: 100px;
		top: calc(50% - 50px);
		left: -440px;
		background-size: 100px;
	}
	.page_shimemade_top-lead h2::after {
		left: auto;
		right: -440px;
		background-position: left -50px center;
	}
	.page_shimemade_top-lead__text {
		margin-top: 20px;
		font-size: 20px;
	}
	.page_shimemade_top-lead__image {
		max-width: 400px;
		margin-top: 60px;
	}
}

/* 最新情報 */
.page_shimemade_top-news {
	padding-top: 68px;
	padding-bottom: 100px;
	background: linear-gradient(#FFF5D9, #fff);
}
.page_shimemade_top-news__content {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 30px;
}
.page_shimemade_top-news__content img {
	width: 100%;
	max-width: 100%;
}
@media (min-width: 768px) {
	.page_shimemade_top-news {
		padding-top: 140px;
		padding-bottom: 138px;
	}
	.page_shimemade_top-news__content {
		grid-template-columns: repeat(2, 1fr);
		gap: 50px;
	}
}

/* 商品ラインナップ */
.page_shimemade_top-lineup {
	padding-top: 140px;
	background: linear-gradient(#FFF5D9 0, #fff 70px);
}
@media (min-width: 768px) {
	.page_shimemade_top-lineup {
		padding-top: 208px;
		background: linear-gradient(#FFF5D9 0, #fff 100px);
	}
}

.page_shimemade_top-product {
	padding-top: 30px;
	position: relative;
}
.page_shimemade_top-product::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.page_shimemade_top-product img {
	width: 100%;
	max-width: 100%;
}
.page_shimemade_top-product__image {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.page_shimemade_top-product__content {
	margin-top: 16px;
	position: relative;
	z-index: 5;
}
.page_shimemade_top-product__content h3 {
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4;
	color: #1A1311;
}
.page_shimemade_top-product__text {
	margin-top: 26px;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 2.2;
	color: #1A1311;
}
.page_shimemade_top-product__text > span {
	font-size: 0.8em;
}
.page_shimemade_top-product__recipelink {
	max-width: 480px;
	margin: 36px auto 0;
}
.page_shimemade_top-product__recipelink > a {
	display: block;
	min-height: 90px;
	padding: 22px 25px 22px 15px;
	border-radius: 20px;
	position: relative;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.2;
	color: #fff;
}
.page_shimemade_top-product__recipelink > a > span {
	display: block;
	margin-top: 10px;
	font-size: 17px;
}
.page_shimemade_top-product__recipelink > a::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	right: 13px;
	background: url("/nabe/product/shimemade/images/index/chev-right.svg") no-repeat center/contain;
}
.page_shimemade_top-product__figure {
	display: block;
	width: 100%;
	margin-top: 10px;
	position: relative;
	z-index: 2;
}
@media (max-width: 1279px) {
	.page_shimemade_top-product__content {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media (min-width: 1280px) {
	.page_shimemade_top-product {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	.page_shimemade_top-product .page_shimemade_top__inner {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.page_shimemade_top-product__image {
		margin: 0;
		flex: 0 0 50%;
	}
	.page_shimemade_top-product__image > img {
		translate: -60px 0;
	}
	.page_shimemade_top-product__content {
		max-width: 480px;
		flex: 1 1 auto;
		margin-top: 0;
	}
	.page_shimemade_top-product__content h3 {
		font-size: 46px;
	}
	.page_shimemade_top-product__text {
		margin-top: 20px;
		font-size: 19px;
		line-height: 2;
	}
	.page_shimemade_top-product__recipelink > a {
		min-height: 112px;
		padding: 22px 50px 22px 30px;
		font-size: 19px;
	}
	.page_shimemade_top-product__recipelink > a > span {
		font-size: 25px;
	}
	.page_shimemade_top-product__figure {
		position: absolute;
		right: 0;
	}
}
@media (hover: hover) {
	.page_shimemade_top-product__recipelink > a {
		transition: opacity 0.2s;
	}
	.page_shimemade_top-product__recipelink > a:hover {
		opacity: 0.75;
	}
}

/* ごま豆乳鍋つゆ */
#gomatounyu {
	margin-top: 40px;
	background: #FBF7CF;
}
#gomatounyu::before {
	opacity: 0.6;
	background-image: url("/nabe/product/shimemade/images/index/lineup_gomatounyu_bg_sp.png");
}
#gomatounyu .page_shimemade_top-product__recipelink > a {
	background: linear-gradient(90deg, #E58A16, #B27122);
}
@media (min-width: 1280px) {
	#gomatounyu::before {
		background-image: url("/nabe/product/shimemade/images/index/lineup_gomatounyu_bg_pc.png");
	}
	#gomatounyu .page_shimemade_top-product__text {
		max-width: 350px;
	}
	#gomatounyu .page_shimemade_top-product__figure {
		width: 700px;
		top: 50%;
		translate: 0 -50%;
	}
	#gomatounyu .page_shimemade_top-product__figure > img {
		translate: 280px 0;
	}
}

/* キムチ鍋つゆ */
#kimuchi {
	background: linear-gradient(#d78230 0%, #d44b30 10.3%, #c0372d 24.1%, #561918 47.8%, #511717 100%);
}
#kimuchi::before {
	mix-blend-mode: multiply;
	background-image: url("/nabe/product/shimemade/images/index/lineup_kimuchi_bg_sp.png");
}
#kimuchi .page_shimemade_top-product__content h3 {
	color: #fff;
}
#kimuchi .page_shimemade_top-product__recipelink > a {
	background: linear-gradient(90deg, #FD642C, #E6180F);
}
#kimuchi .page_shimemade_top-product__text {
	color: #fff;
}
@media (min-width: 1280px) {
	#kimuchi::before {
		background-image: url("/nabe/product/shimemade/images/index/lineup_kimuchi_bg_pc.png");
	}
	#kimuchi .page_shimemade_top-product__text {
		max-width: 330px;
	}
	#kimuchi .page_shimemade_top-product__figure {
		width: 500px;
		bottom: 0;
	}
}

/* 焼きあごだし鍋つゆ */
#yakiagodashi {
	background: url("/nabe/product/shimemade/images/index/lineup_yakiagodashi_basebg_sp.png") no-repeat center/cover;
}
#yakiagodashi::before {
	opacity: 0.6;
	background-image: url("/nabe/product/shimemade/images/index/lineup_yakiagodashi_bg_sp.png");
}
#yakiagodashi .page_shimemade_top-product__recipelink > a {
	background: linear-gradient(90deg, #2165B5, #1F518D);
}
@media (min-width: 1280px) {
	#yakiagodashi {
		background-image: url("/nabe/product/shimemade/images/index/lineup_yakiagodashi_basebg_pc.png");
	}
	#yakiagodashi::before {
		background-image: url("/nabe/product/shimemade/images/index/lineup_yakiagodashi_bg_pc.png");
	}
	#yakiagodashi .page_shimemade_top-product__text {
		max-width: 350px;
	}
	#yakiagodashi .page_shimemade_top-product__figure {
		width: 500px;
		top: 0;
	}
	#yakiagodashi .page_shimemade_top-product__figure > img {
		translate: 120px 0;
	}
}

/* 寄せ鍋つゆ */
#yosenabe {
	background: url("/nabe/product/shimemade/images/index/lineup_yosenabe_basebg_sp.png") no-repeat center/cover;
}
#yosenabe::before {
	background-image: url("/nabe/product/shimemade/images/index/lineup_yosenabe_bg_sp.png");
}
#yosenabe .page_shimemade_top-product__content h3 {
	color: #fff;
}
#yosenabe .page_shimemade_top-product__recipelink > a {
	background: linear-gradient(90deg, #8D3C2F, #542420);
}
#yosenabe .page_shimemade_top-product__text {
	color: #fff;
}
@media (min-width: 1280px) {
	#yosenabe {
		background-image: url("/nabe/product/shimemade/images/index/lineup_yosenabe_basebg_pc.png");
	}
	#yosenabe::before {
		background-image: url("/nabe/product/shimemade/images/index/lineup_yosenabe_bg_pc.png");
	}
	#yosenabe .page_shimemade_top-product__text {
		max-width: 380px;
	}
	#yosenabe .page_shimemade_top-product__figure {
		width: 500px;
		top: 0;
	}
	#yosenabe .page_shimemade_top-product__figure > img {
		translate: 138px 0;
	}
}

/* 貝だし */
#kaidashi {
	background: #91CFCA;
}
#kaidashi::before {
	background-image: url("/nabe/product/shimemade/images/index/lineup_kaidashi_bg_sp.png");
}
#kaidashi .page_shimemade_top-product__recipelink > a {
	background: linear-gradient(90deg, #0088B4, #00698B);
}
@media (max-width: 1279px) {
	#kaidashi .page_shimemade_top-product__image {
		width: 83%;
	}
	#kaidashi .page_shimemade_top-product__image > img {
		translate: 8% 0;
	}
}
@media (min-width: 1280px) {
	#kaidashi::before {
		background-image: url("/nabe/product/shimemade/images/index/lineup_kaidashi_bg_pc.png");
	}
	#kaidashi .page_shimemade_top-product__text {
		max-width: 460px;
	}
	#kaidashi .page_shimemade_top-product__figure {
		width: 500px;
		top: 0;
	}
	#kaidashi .page_shimemade_top-product__figure > img {
		translate: 154px 0;
	}
}

/* 味づくりのこだわり */
.page_shimemade_top-kodawari {
	padding-top: 80px;
	background-color: #FFF5D9;
}
.page_shimemade_top-kodawari h2 {
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.2;
	color: #B27D2F;
}
.page_shimemade_top-kodawari__content {
	margin-top: 40px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 48px;
}
.page_shimemade_top-kodawari__content > li figure {
	border-radius: 20px;
	overflow: hidden;
}
.page_shimemade_top-kodawari__content > li figure > img {
	width: 100%;
}
.page_shimemade_top-kodawari__content > li dl {
	margin-top: 30px;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	color: #B27D2F;
}
.page_shimemade_top-kodawari__content > li dl dt {
	font-size: 22px;
	line-height: 1.2;
}
.page_shimemade_top-kodawari__content > li dl dd {
	margin-top: 18px;
	font-size: 15px;
	line-height: 2;
}
@media (min-width: 768px) {
	.page_shimemade_top-kodawari {
		padding-top: 120px;
	}
	.page_shimemade_top-kodawari h2 {
		font-size: 50px;
	}
	.page_shimemade_top-kodawari__content {
		margin-top: 60px;
		grid-template-columns: repeat(3, 1fr);
	}
	.page_shimemade_top-kodawari__content > li dl dt {
		font-size: 26px;
	}
	.page_shimemade_top-kodawari__content > li dl dd {
		font-size: 17px;
	}
}

/* その他ラインナップ */
.page_shimemade_top-other {
	padding-top: 100px;
	background-color: #FFF5D9;
}
.page_shimemade_top-other__product {
	margin-top: 40px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 48px 30px;
}
.page_shimemade_top-other__product img {
	width: 100%;
}
.page_shimemade_top-other__product > li figure figcaption {
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4;
	color: #B27D2F;
}
.page_shimemade_top-other__link {
	max-width: 400px;
	margin: 40px auto 0;
}
.page_shimemade_top-other__link > a {
	display: grid;
	place-items: center start;
	min-height: 80px;
	padding: 20px 30px;
	border-radius: 20px;
	position: relative;
	background: linear-gradient(-90deg, #B27D2F, #D58B1F);
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	color: #fff;
}
.page_shimemade_top-other__link > a::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: calc(50% - 10px);
	right: 15px;
	background: url("/nabe/product/shimemade/images/index/chev-right.svg") no-repeat center/contain;
}
@media (min-width: 768px) {
	.page_shimemade_top-other {
		padding-top: 138px;
	}
	.page_shimemade_top-other__product {
		margin-top: 50px;
		grid-template-columns: repeat(5, 1fr);
	}
	.page_shimemade_top-other__product > li figure figcaption {
		font-size: 17px;
	}
	.page_shimemade_top-other__link {
		margin-top: 80px;
	}
	.page_shimemade_top-other__link > a {
		min-height: 100px;
		padding: 30px 40px;
	}
}
@media (hover: hover) {
	.page_shimemade_top-other__link > a {
		transition: opacity 0.2s;
	}
	.page_shimemade_top-other__link > a:hover {
		opacity: 0.75;
	}
}

.page_shimemade_top-banner365 {
	padding-top: 70px;
	background-color: #FFF5D9;
}
.page_shimemade_top-banner365 a {
	display: block;
	max-width: 400px;
	margin: 0 auto;
}
.page_shimemade_top-banner365 a img {
	width: 100%;
}
@media (min-width: 768px) {
	.page_shimemade_top-banner365 {
		padding-top: 120px;
	}
	.page_shimemade_top-banner365 a {
		max-width: 800px;
	}
}
@media (hover: hover) {
	.page_shimemade_top-banner365 a {
		transition: opacity 0.2s;
	}
	.page_shimemade_top-banner365 a:hover {
		opacity: 0.8;
	}
}

/* EC */
.page_shimemade_top-ec {
	padding: 80px 0;
	background-color: #FFF5D9;
}
.page_shimemade_top-ec__ecset {
	border-radius: 30px;
	border: 2px solid #ddd;
}
.page_shimemade_top-ec__title {
	margin-bottom: 16px;
	text-align: center;
	font-family: "zen maru gothic", sans-serif;
	font-weight: bold;
	font-size: 22px;
	line-height: 1.2;
	color: #1A1311;
}
@media (min-width: 768px) {
	.page_shimemade_top-ec {
		padding: 100px 0;
	}
	.page_shimemade_top-ec__ecset {
		border-radius: 30px;
	}
	.page_shimemade_top-ec__title {
		margin-bottom: 32px;
		font-size: 28px;
	}
}
/*# sourceMappingURL=product_shimemade_index.css.map */