@charset "UTF-8";

@font-face {
	font-family: LINESeedJPStd;
	font-style: normal;
	font-weight: 100;
	src:
		local("※"),
		url(../../fonts/woff/LINESeedJP_OTF_Th.woff) format("woff"),
		url(../../fonts/woff2/LINESeedJP_OTF_Th.woff2) format("woff2");
}
@font-face {
	font-family: LINESeedJPStd;
	font-style: normal;
	font-weight: 300;
	src:
		local("※"),
		url(../../fonts/woff/LINESeedJP_OTF_Rg.woff) format("woff"),
		url(../../fonts/woff2/LINESeedJP_OTF_Rg.woff2) format("woff2");
}
@font-face {
	font-family: LINESeedJPStd;
	font-style: normal;
	font-weight: 600;
	src:
		local("※"),
		url(../../fonts/woff/LINESeedJP_OTF_Bd.woff) format("woff"),
		url(../../fonts/woff2/LINESeedJP_OTF_Bd.woff2) format("woff2");
}
@font-face {
	font-family: LINESeedJPStd;
	font-style: normal;
	font-weight: 800;
	src:
		local("※"),
		url(../../fonts/woff/LINESeedJP_OTF_Eb.woff) format("woff"),
		url(../../fonts/woff2/LINESeedJP_OTF_Eb.woff2) format("woff2");
}

:root {
	/* 色追加 */
	--text: #000000;
	--kinkan: #ea972c;
	--hinata: #ffe800;
	--orange: #f29f2c;
	--yellow: #ffde00;
	--white: #ffffff;
	--red: #dd0a00;
	--black: #000000;
	--back-color: #fef4d7;
	/* 透明判定 */
	--transparent: rgba(255, 255, 255, 0);
	/* ※以下色がいらない箇所はvar(--transparent)か、rgba(255, 255, 255, 0)を入力してください。 */
	/* ----- まとめて指定したい方向け ----- */
	--color_base: ;
	--color_main: ;
	/* -----/////----- 色:（最大4色） ----/////----- */
	/* 最低基準 */
	--sentence: #333;
	--body_background: #fafafa;
	--text_link: ;
	/* ヘッダー */
	--header: #fff;
	--hamburger_background: #333;
	--hamburger_span: #fafafa;
	--nav-wrap_bg: #33333382;
	--nav-link_bg: #fff;
	--nav-link_color: #222;
	--nav-link_bg-hover: #222;
	--nav-link_color-hover: #fff;
	/* メインヘッダー */
	--home-main-header_bg: #f2f2f2;
	--main-header_bg: #fafafa;
	/* メインコンテンツ */
	--main_sentence: #333;
	--post-cat: #e1e1e1;
	--post-cat-color: #333;
	--ul: #ccc;
	/* collapse（空白あり） or separate（空白無し） */
	--table--collapse: separate;
	--table_head: #ccc;
	--table_head-th: #f4f4f4;
	--table_head-td: #f4f4f4;
	--table_th: #f4f4f4;
	--table_td: #f4f4f4;
	--table_td-odd: #f4f4f4;
	--table_td-even: #ccc;
	--table_foot-th: #f4f4f4;
	--table_foot-td: #f4f4f4;

	--blockquote: #f7f7f7;
	--blockquote_border: #ccc;

	--breadcrumb_color: #000;
	--breadcrumb_color-active: #f2f2f2;
	--breadcrumb_list: #000;

	--footer: #ccc;

	--header_h: clamp(33.625rem, 24.8125rem + 37.6vw, 48.3125rem);
	--copy_h: calc(clamp(14.6875rem, 13.9rem + 3.36vw, 16rem) + 70px);

	/* エラー */
	--alert: #eb004e;

	/* -----/////----- フォントファミリー -----/////----- */
	/* サンセリフ（通常） */
	--font_sanserif: LINESeedJPStd, "Hiragino Sans", Hiragino Sans, "メイリオ",
		Meiryo, "Yu Gothic", 游ゴシック, YuGothic, "Helvetica Neue", Arial,
		sans-serif;
	/* セリフ（通常） */
	--font_serif: "Hiragino Mincho ProN", "Yu Mincho", "游明朝", YuMincho,
		"MS PMincho", "Times New Roman", serif;
	/* サンセリフ（游フォント優先気味） */
	--font_sanserif02: LINESeedJPStd, "Hiragino Sans", Hiragino Sans, "Yu Gothic",
		"游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Arial,
		sans-serif;
	/* -----/////----- フォントサイズ -----/////----- */
	/* 最低基準 */
	--standard-size: 16px;

	/* -----/////----- width・height最大値: -----/////----- */
	--min-laptop: 768px;
	--min-desktop: 768px;

	--sm-header: 60px;
	--tab-header: 70px;
	--dsk-header: 90px;
	/* ----- 空白 ------*/
	--table-gap-column: 2px;
	--table-gap-row: 2px;

	--sm_gutter-x: 0.875rem;
	--lpt_gutter-x: 1.25rem;
	--dsk_gutter-x: 1.875rem;
	/* Grid・カラム空白（ヨコ） */
	--sm_column: 1.875rem;
	--dsk_column: 1.875rem;
	/* Grid・カラム空白（タテ） */
	--sm_row: 1.875rem;
	--dsk_row: 1.875rem;
}
/* ========== ========== */
/* ベース
/* ========== ========== */
* {
	margin: 0;
	padding: 0;
}
*,
*::before,
*::after {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html,
body,
html body {
	color: var(--text);
	font-family: var(--font_sanserif) !important;
	font-size: var(--standard-size);
	font-style: normal;
	font-weight: 300;
	height: 100%;
	line-break: strict;
	line-height: clamp(28px, 3vw, 30px);
	-webkit-overflow-scrolling: touch;
	overflow-wrap: break-word;
	width: 100%;
	word-break: break-word;
	word-wrap: break-word;
}
html body {
	background-color: unset !important;
	overflow-x: hidden;
}

*:focus-visible {
	box-shadow:
		0 0 0 2px #fff,
		0 0 0 4px #333;
	outline: none;
}
.font_serif {
	font-family: var(--font_serif);
}
.sr_only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	white-space: nowrap;
	width: 1px;
}
body.open {
	overflow-y: hidden;
}
#over {
	overflow: hidden;
	position: relative;
}
em,
address {
	font-style: normal;
}
button,
#over input {
	font-family: var(--font-normal);
}
#over a {
	text-decoration: none;
}
.over a {
	color: var(--sentence);
}
img {
	height: auto;
	width: 100%;
}
/* ========== ========== */
/* コンテナ共通
/* ========== ========== */
.container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	width: min(
		100% - clamp(2.5rem, 0.4808rem + 9.2308vw, 6.25rem),
		-1.375rem + 95.2vw
	);
}
.container_body {
	/* background: var(--white);
    background: #ff5656; */
	/* background: linear-gradient(
		270deg,
		#ffe200 0%,
		#ffe200 50%,
		#f4a12c 50%,
		#f4a12c 100%
	); */
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
	overflow: hidden;
	position: relative;
}

.container_body_inner {
	position: relative;
}
.container_body_inner::before {
	/* background: var(--white);
	bottom: 0;
	content: "";
	height: 100%;
	left: 50%;
	position: absolute;
	right: 0;
	top: 0;
	translate: -50% 0 0;
	width: clamp(9.375rem, -0.0481rem + 43.0769vw, 26.875rem); */
}
.container_body_inner > * {
	position: relative;
	z-index: 0;
}
.over {
	/* background: #f4a12c;
	background: #ffe897; */
	background: #fff3c7;
	overflow: hidden;
	position: relative;
}
/* ========== ========== */
/* ヘッダー
/* ========== ========== */
header {
	height: var(--header_h);
	position: relative;
	z-index: 0 !important;

	& .header_container_inner {
		padding-top: 35px;
		position: relative;
	}
	& .header_logo {
		left: clamp(1.25rem, 0.6875rem + 2.4vw, 2.1875rem);
		max-width: 7.3125rem;
		position: absolute;
		top: 35px;
		/* width: clamp(3.4375rem, 1.15rem + 9.76vw, 7.25rem); */
		width: clamp(4.1875rem, 2.3125rem + 8vw, 7.3125rem);
		width: min(18vw, 2.3125rem + 8vw);
		z-index: 10;
	}
	& .header_title {
		margin: 0 auto;
		margin-top: clamp(3.125rem, 3.0125rem + 0.48vw, 3.3125rem);
		/* max-width: 23.125rem; */
		max-width: 25.5rem;
		/* width: clamp(10.625rem, 3.2212rem + 33.8462vw, 24.375rem);
		width: min(100%, 3.6538rem + 31.1538vw); */
		width: clamp(15.5rem, 9.5rem + 25.6vw, 25.5rem);
		width: min(100% - 40px, 9.5rem + 25.6vw);
	}
	& .header_title a {
		display: grid;
	}
	& .header_title img {
		height: 100%;
		width: 100%;
	}
	& .header_img_cover {
		bottom: auto;
		height: auto;
		left: 0;
		position: absolute;
		right: auto;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	& .header_img_cover::before {
		background-image: url(../../images/2026/header/header_img_bg-sm.png?date=20250106);
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		height: 100%;
		left: 0;
		mix-blend-mode: multiply;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
	}
	& .header_container_inner {
		z-index: 2;
	}
	& .header_img_cover {
		z-index: 1;
	}
	& .header_bg {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;

		& .header_bg_hyuga {
			left: 100px;
			/* left: -102px; */
			left: -175px;
			left: calc(-1 * clamp(6.25rem, 3.4375rem + 12vw, 10.9375rem));
			position: relative;
			position: absolute;
			top: 190px;
			top: 212px;
			top: clamp(11.875rem, 11.05rem + 3.52vw, 13.25rem);
			width: clamp(15.1875rem, 2.3625rem + 54.72vw, 36.5625rem);

			& img {
				position: relative;
				z-index: 1;
			}
		}
		& .header_bg_hyuga::before {
			background-image: url(../../images/2026/header/header_hyuga-bg.png?mssver=20240117);
			background-repeat: no-repeat;
			background-size: contain;
			/* box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5); */
			content: "";
			/* filter: drop-shadow(5px 5px 5px #aaa); */
			height: 100%;
			mix-blend-mode: multiply;
			position: absolute;
			right: 0;
			top: 0;
			width: 100%;
		}
		& .header_bg_tamatama {
			position: relative;
			position: absolute;
			right: -29px;
			right: clamp(-1.8125rem, -3.575rem + 7.52vw, 1.125rem);
			right: calc(-29px + clamp(0rem, -1.3875rem + 5.92vw, 2.3125rem));
			/* top: 190px;
			top: 212px; */
			top: 250px;
			top: clamp(15.625rem, 13rem + 11.2vw, 20rem);
			width: clamp(8.9375rem, 0.95rem + 34.08vw, 22.25rem);

			& img {
				position: relative;
				rotate: 7deg;
				z-index: 1;
			}
		}
		& .header_bg_tamatama::before {
			background-image: url(../../images/2026/header/header_tamatama-bg.png?mssver=20240117);
			background-repeat: no-repeat;
			background-size: contain;
			/* box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.5); */
			content: "";
			/* filter: drop-shadow(5px 5px 5px #aaa); */
			height: 100%;
			mix-blend-mode: multiply;
			position: absolute;
			right: 0;
			rotate: 7deg;
			top: 0;
			width: 100%;
		}
	}
}
header::before {
	background: #f4a12c;
	/* background: linear-gradient(
		180deg,
		#f4a12c 0%,
		#f4a12c 40%,
		var(--white) 100%
	); */
	background: linear-gradient(
		0deg,
		var(--white) 0%,
		20%,
		#f4a12c 40%,
		#f4a12c 100%
	);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: calc(var(--header_h) + var(--copy_h));
	left: 0;
	position: absolute;
	right: auto;
	top: calc(-1 * var(--header_h));
	top: 0;
	width: 50%;
	z-index: -1;
}
header::after {
	background: #ffe200;
	/* background: linear-gradient(
		180deg,
		#ffe200 0%,
		#ffe200 40%,
		var(--white) 100%
	); */
	background: linear-gradient(
		0deg,
		var(--white) 0%,
		20%,
		#ffe200 40%,
		#ffe200 100%
	);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: calc(var(--header_h) + var(--copy_h));
	left: auto;
	position: absolute;
	right: 0;
	top: calc(-1 * var(--header_h));
	top: 0;
	width: 50%;
	z-index: -1;
}
.child_container {
	& header::before,
	& header::after {
		display: none;
	}
}

/* ========== ========== */
/* ヘッダー（HOME以外）
/* ========== ========== */

/* ========== ========== */
/* 【HOME】リード文
/* ========== ========== */
.home_text {
	font-size: clamp(0.9375rem, 0.675rem + 1.12vw, 1.375rem);
	font-weight: 600;
	height: var(--copy_h);
	line-height: clamp(1.5rem, 0.9rem + 2.56vw, 2.5rem);
	position: relative;
	text-align: center;
	/* z-index: 51; */
	z-index: 2 !important;

	& .container_white_medium {
		/* background: var(--white);
		padding-top: clamp(1.5625rem, 1.0577rem + 2.3077vw, 2.5rem);
		width: 100%; */
	}
	& .conainer_home_text {
		margin: 0 auto;
		max-width: 25.625rem;
		width: min(100% - 40px, 14.0865rem + 18.4615vw);
	}
}

/* .home_text::before {
	background: #f4a12c;
	background: linear-gradient(
		180deg,
		#f4a12c 0%,
		#f4a12c 40%,
		var(--white) 100%
	);
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: calc(var(--header_h) + var(--copy_h));
	left: 0;
	position: absolute;
	right: auto;
	top: calc(-1 * var(--header_h));
	width: 50%;
	z-index: -1;
}
.home_text::after {
	background: #ffe200;
	background: linear-gradient(
		180deg,
		#ffe200 0%,
		#ffe200 40%,
		var(--white) 100%
	);
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: calc(var(--header_h) + var(--copy_h));
	left: auto;
	position: absolute;
	right: 0;
	top: calc(-1 * var(--header_h));
	width: 50%;
	z-index: -1;
} */

/* ========== ========== */
/* 【HOME】あなたはどっち推し！？
/* ========== ========== */
.item_brand {
	/* background: var(--white); */
	background: var(--transparent);
	margin-top: calc(-26px + clamp(0rem, -0.7125rem + 3.04vw, 1.1875rem));
	/* overflow: hidden; */
	padding-bottom: calc(75px - clamp(0rem, -1.3125rem + 5.6vw, 2.1875rem));
	/* padding-top: clamp(1.5625rem, 1.0577rem + 2.3077vw, 2.5rem); */
	position: relative;
	z-index: 2;

	& .item_brand_boundary {
		background: #ffe800;
		border-radius: 15px;
		padding: clamp(0.9375rem, 0.5625rem + 1.6vw, 1.5625rem);
	}

	& .brand_heading {
		margin: 0 auto;
		margin-bottom: clamp(1.875rem, 0.75rem + 4.8vw, 3.75rem);
		margin-top: clamp(1.5625rem, 0.8125rem + 3.2vw, 2.8125rem);
		max-width: 30.625rem;
		position: relative;
		/* width: clamp(15.3125rem, 6.125rem + 39.2vw, 30.625rem); */
		width: min(100%, 6.125rem + 39.2vw);
		z-index: 1;
	}

	& .item_brand_column {
		display: grid;
		/* row-gap: 35px; */
		row-gap: 50px;
	}
	& .item_brand_hyuganatsu,
	& .item_brand_kinkan {
		row-gap: 0px;
	}

	/* ---------- 日向夏 ---------- */
	& .item_brand_hyuganatsu {
		display: grid;
		grid-row: span 4;
		grid-template-rows: subgrid;
		position: relative;
		row-gap: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem);

		& .bg_hyuga {
			left: -10px;
			position: absolute;
			top: 0;
			top: calc(-1 * clamp(3.875rem, 1.4375rem + 10.4vw, 7.9375rem));
			width: clamp(6.375rem, 3.825rem + 10.88vw, 10.625rem);
		}
		& .bg_photo_hyuga {
			grid-area: 1 / 1 / 2 / 2;
			/* margin-bottom: calc(
			clamp(1.5625rem, -1.2981rem + 13.0769vw, 6.875rem) * -1
		);
		margin-right: calc(clamp(0rem, -6.3942rem + 29.2308vw, 11.875rem) * -1);
		margin-top: calc(clamp(1.25rem, 1.1154rem + 0.6154vw, 1.5rem) * -1); */
			position: relative;
		}
		& .bg_photo_hyuga > * {
			display: grid;
			width: 100%;
		}
		& .bg_photo_hyuga img {
			position: relative;
			z-index: 1;
		}
		& .bg_photo_hyuga::after {
			/* background-image: url(../../images/2026/info/photo_hyuga_bg.png?mssver=20240117);
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		height: 100%;
		mix-blend-mode: multiply;
		position: absolute;
		right: 0;
		top: 0;
		width: 100%; */
		}
		& .item_brand_heading_wrapper {
			display: grid;
			row-gap: clamp(0.9375rem, 0.825rem + 0.48vw, 1.125rem);
		}
		& .heading_hyuga_wrap {
			display: grid;
			/* max-width: 104px; */
			justify-items: center;
			margin: 0 auto;
			row-gap: clamp(0.9375rem, 0.825rem + 0.48vw, 1.125rem);

			& > * {
				display: grid;
			}

			& small {
				max-width: 12.3125rem;
				/* width: clamp(10.0625rem, 8.7125rem + 5.76vw, 12.3125rem); */
				width: min(100%, 8.7125rem + 5.76vw);
			}
			& .heading_hyuga {
				max-width: 7.8125rem;
				width: min(100%, 5.3125rem + 4vw);
			}
		}
		& .item_brand_txtem {
			/* display: grid; */
			margin: 0 auto;
			max-width: 18.125rem;
			width: clamp(14.8125rem, 12.825rem + 8.48vw, 18.125rem);
			width: min(100%, 12.825rem + 8.48vw);
		}
	}

	/* ---------- 完熟きんかん ---------- */
	& .item_brand_kinkan {
		display: grid;
		grid-row: span 4;
		grid-template-rows: subgrid;
		position: relative;
		position: relative;
		row-gap: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem);

		& .bg_tamatama {
			position: absolute;
			right: -5px;
			top: 0;
			top: calc(-1 * clamp(2.9375rem, 2.225rem + 3.04vw, 4.125rem));
			width: clamp(4.25rem, 3.4625rem + 3.36vw, 5.5625rem);
		}
		& .bg_photo_tamatama {
			grid-area: 1 / 1 / 2 / 2;
			/* left: clamp(2rem, 0.7212rem + 5.8462vw, 4.375rem);
		margin-top: clamp(-0.625rem, -3.3846rem + 12.6154vw, 4.5rem); */
			position: relative;
		}
		& .bg_photo_tamatama > * {
			display: grid;
			width: 100%;
		}
		& .bg_photo_tamatama img {
			position: relative;
			z-index: 1;
		}
		& .bg_photo_tamatama::after {
			background-image: url(../../images/2026/info/photo_tamatama_bg.png?mssver=20240117);
			background-repeat: no-repeat;
			background-size: contain;
			content: "";
			height: 100%;
			mix-blend-mode: multiply;
			position: absolute;
			right: 0;
			top: 0;
			width: 100%;
		}
		& .item_brand_heading_wrapper {
			column-gap: 5px;
			display: grid;
			row-gap: 15px;
		}
		& .heading_kinkan_small {
			/* align-items: center; */
			background: var(--white);
			border: 2px solid var(--black);
			border-radius: 10px;
			column-gap: 10px;
			display: grid;
			grid-area: 1 / 1 / 2 / 2;
			justify-content: center;
			/* grid-template-columns: auto auto; */
			margin: 0 auto;
			/* max-width: 230px; */
			padding: 10px;
			row-gap: 7px;
			width: 100%;

			& p {
				display: grid;
				max-width: 9.625rem;
				width: clamp(7.6875rem, 6.525rem + 4.96vw, 9.625rem);
				width: min(100%, 6.525rem + 4.96vw);

				/* & img {
					height: 100%;
					width: auto;
				} */
			}
		}
		& .heading_kinkan_small {
			/* height: clamp(1.5625rem, 1.375rem + 0.8vw, 1.875rem); */
		}
		& .heading_kinkan_wrap {
			/* align-items: baseline; */
			align-items: end;
			column-gap: clamp(0.625rem, 0.4375rem + 0.8vw, 0.9375rem);
			display: grid;
			grid-template-columns: 180fr 135fr;
			row-gap: clamp(0.9375rem, 0.825rem + 0.48vw, 1.125rem);
		}
		& .heading_kinkan {
			grid-area: auto / 1 / auto / 3;
			/* grid-area: 1 / 1 / 2 / 3; */

			& small {
				grid-area: 1 / 2 / 2 / 3;
				/* height: clamp(1.5625rem, 1.375rem + 0.8vw, 1.875rem); */

				/* & img {
					height: 100%;
					width: auto;
				} */
			}
			& > img {
				grid-area: 2 / 1 / 3 / 3;
			}
		}
		& .item_brand_txtem {
			margin: 0 auto;
			max-width: 16.625rem;
			width: clamp(13.5625rem, 11.725rem + 7.84vw, 16.625rem);
			width: min(100%, 11.725rem + 7.84vw);
		}
	}
}
.item_brand::before {
	background: var(--white);
	content: "";
	height: 100%;
	left: 0;
	/* margin-top: -2vw; */
	position: absolute;
	top: calc(26px - clamp(0rem, -0.7125rem + 3.04vw, 1.1875rem));
	width: 100%;
	z-index: -1;
}
/* ========== ========== */
/* 【HOME】ひなたフルーツフェア応募概要
/* ========== ========== */
.item_campaign::before {
	background: #f4a12c;
	background: linear-gradient(
		0deg,
		var(--white) 0%,
		20%,
		#f4a12c 40%,
		#f4a12c 100%
	);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	right: auto;
	top: 0;
	width: 50%;
	z-index: -1;
}
.item_campaign::after {
	background: #ffe200;
	/* background: linear-gradient(180deg, #ffe200 0%, #ffe200 40%, var(--white) 100%); */
	background: linear-gradient(
		0deg,
		var(--white) 0%,
		20%,
		#ffe200 40%,
		#ffe200 100%
	);
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-size: 200% auto;
	bottom: 0;
	content: "";
	height: 100%;
	left: auto;
	position: absolute;
	right: 0;
	/* top: calc(-1 * var(--header_h)); */
	top: 0;
	width: 50%;
	z-index: -1;
}
.item_campaign {
	/* background: var(--back-color);
	background: linear-gradient(
		90deg,
		#ffe200 0%,
		#ffe200 50%,
		#f4a12c 50%,
		#f4a12c 100%
	); */
	background: var(--white);
	padding-bottom: 60px;
	padding-top: clamp(2.1875rem, 2rem + 0.8vw, 2.5rem);
	/* overflow: hidden; */
	position: relative;
	z-index: 2;
	/* padding-bottom: clamp(1.25rem, -0.7692rem + 9.2308vw, 5rem);
	padding-top: clamp(1.25rem, 0.9135rem + 1.5385vw, 1.875rem); */

	/* 白背景 -------------------- */
	& .item_campaign_boundary {
		background: var(--white);
		border-radius: 20px;
		padding: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem);
	}

	& .box_campaign_contents {
	}

	& .item_campaign_fukidashi {
		height: clamp(6.6875rem, 3.0875rem + 15.36vw, 12.6875rem);
		margin-left: -30px;
		margin-top: -15px;
		margin-top: -100px;
		width: clamp(6.6875rem, 3.0875rem + 15.36vw, 12.6875rem);
	}

	/* 食べて当てちゃおう！ -------------------- */
	& .box_campaign_call {
		background: linear-gradient(90deg, #f4a12c 0%, #ffe200 78%);
		background: var(--black);
		border-radius: 20px;
		color: var(--white);
		position: relative;
	}
	& .box_campaign_call_inner {
		display: grid;
		padding: 15px;
		padding-top: 25px;
		position: relative;
		row-gap: clamp(0.5rem, 0.2375rem + 1.12vw, 0.9375rem);
	}
	& .box_campaign_call_inner::after {
	}
	& .box_campaign_call_inner > * {
		position: relative;
		z-index: 1;
	}
	& .box_campaign_img {
		left: 50%;
		margin: 0 auto;
		position: absolute;
		top: -138px;
		translate: -50% 0 0;
		width: min(100%, 20rem - clamp(0.625rem, 0.1202rem + 2.3077vw, 1.5625rem));
	}
	& .box_campaign_text {
		margin: 0 auto;
		max-width: 33.75rem;
		width: min(100%, 7.7885rem + 41.5385vw);
	}
	& .box_campaign_outline {
		text-align: center;
		& span {
			display: block;

			& > * {
				display: inline-block;
			}
		}
	}
	/* 応募商品 -------------------- */
	& .item_campaign_contents {
		margin-top: clamp(0.5rem, -0.1375rem + 2.72vw, 1.5625rem);

		& .item_campaign_list {
			border: 2px solid var(--black);
			border-radius: 10px;
			column-gap: clamp(0.9375rem, -6rem + 29.6vw, 12.5rem);
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			list-style-type: none;
			padding: 10px;

			& .list_campaign_1cel {
				display: grid;
				grid-area: auto / 1 / auto / 3;
				grid-template-columns: repeat(2, 1fr);
			}

			& .list_campaign_heading {
				height: clamp(2.375rem, 0.875rem + 6.4vw, 4.875rem);
				width: clamp(2.375rem, 0.875rem + 6.4vw, 4.875rem);
			}

			& .list_campaign_heading {
				margin-bottom: calc(-1 * clamp(1.875rem, 0.3rem + 6.72vw, 4.5rem));
				margin-left: -7px;
				position: relative;
			}

			& .list_campaign_contents {
				align-items: flex-end;
				display: flex;
				justify-content: space-between;
			}

			& .block_a {
				& .list_campaign_title {
					width: clamp(3.625rem, 2.725rem + 3.84vw, 5.125rem);
				}
				& .list_campaign_prize {
					width: clamp(2.5625rem, 1.25rem + 5.6vw, 4.75rem);
				}
			}
			& .block_b {
				& .list_campaign_title {
					width: clamp(3.75rem, 2.25rem + 6.4vw, 6.25rem);
				}
				& .list_campaign_prize {
					width: clamp(2.5625rem, 1.25rem + 5.6vw, 4.75rem);
				}
			}
			& .block_c {
				& .list_campaign_title {
					width: clamp(5.625rem, 3.7125rem + 8.16vw, 8.8125rem);
				}
				& .list_campaign_prize {
					width: clamp(2.5rem, 1.225rem + 5.44vw, 4.625rem);
				}
			}
		}
		& .list_campaign_plus {
			display: grid;
			margin: 0 auto;
			margin-bottom: 7px;
			margin-top: 5px;
			width: clamp(2.125rem, 1.3375rem + 3.36vw, 3.4375rem);
		}
		& .item_campaign_anniversary {
			border: 2px solid var(--black);
			border-radius: 10px;
			padding: clamp(0.625rem, 0.4375rem + 0.8vw, 0.9375rem);

			& h3 {
				/* align-content: center; */
				align-items: center;
				background: linear-gradient(
					0deg,
					#d3ab56 0%,
					#d3ab56 8%,
					46%,
					#ddbd7b 100%
				);
				border-radius: 999px;
				display: grid;
				height: clamp(1.75rem, 1.225rem + 2.24vw, 2.625rem);
				/* justify-content: center; */
				/* align-items: center;
				justify-items: center; */
				justify-items: center;
				margin-bottom: 10px;
				padding: 0 15px;
				position: relative;

				& img {
					max-width: 20.125rem;
					position: relative;
					/* width: clamp(12.4375rem, 7.825rem + 19.68vw, 20.125rem); */
					width: min(100%, 7.825rem + 19.68vw);
					z-index: 2;
				}
			}
			& h3::before {
				background: linear-gradient(
					0deg,
					#d3ab56 0%,
					41.5%,
					#d3ab56 91%,
					#d3ab56 100%
				);
				border-radius: 999px;
				content: "";
				height: calc(100% - clamp(0.1875rem, 0.1125rem + 0.32vw, 0.3125rem));
				left: 50%;
				position: absolute;
				top: 50%;
				translate: -50% -50% 0;
				width: calc(100% - clamp(0.1875rem, 0.1125rem + 0.32vw, 0.3125rem));
			}
			& h3::after {
				background: linear-gradient(
					135deg,
					rgba(255, 255, 255, 0.6) 0%,
					50%,
					rgba(255, 255, 255, 0) 100%
				);
				border-radius: 999px;
				content: "";
				height: calc(100% - clamp(0.3125rem, 0.2rem + 0.48vw, 0.5rem));
				left: 50%;
				position: absolute;
				top: 50%;
				translate: -50% -50% 0;
				width: calc(100% - clamp(0.3125rem, 0.2rem + 0.48vw, 0.5rem));
			}
			& .list_campaign_contents {
				column-gap: 20px;
				display: grid;
				grid-template-columns: 1fr auto;
			}
			& .list_campaign_title {
				width: max(100%, 174px);
			}
			& .list_campaign_prize {
				width: clamp(2.625rem, 1.275rem + 5.76vw, 4.875rem);
			}
		}
	}
	/* ---------- 応募方法 ---------- */
	& .item_campaign_app {
		/* background: var(--white); */
		/* border: 5px solid var(--yellow); */
		border-radius: 15px;
		column-gap: 10px;
		display: grid;
		padding-bottom: 25px;
		/* margin-bottom: 45px; */
		/* padding: 25px 0px; */
		padding-top: clamp(1.25rem, 0.125rem + 4.8vw, 3.125rem);
	}
	& .heading_campaign_app {
		position: relative;
	}
	& .heading_campaign_app::before {
		background: #000;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		top: 50%;
		translate: 0 -50% 0;
		width: 100%;
	}
	& .heading_campaign_app span {
		background: var(--white);
		display: grid;
		margin: 0 auto;
		padding: 0 clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
		position: relative;
		width: clamp(7.125rem, 3rem + 17.6vw, 14rem);
	}
	& .list_wrap_campaign {
		counter-reset: num;
		display: grid;
		font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
		line-height: 18px;
		list-style-type: none;
		margin-bottom: 20px;
		margin-bottom: 15px;
		margin-top: 15px;
		position: relative;

		& h6 {
			color: #d3ab56;
			font-size: clamp(1.25rem, 1.175rem + 0.32vw, 1.375rem);
			font-weight: 600;
			line-height: clamp(1.5rem, 1.395rem + 0.448vw, 1.675rem);
			margin-bottom: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
		}
		& p {
			font-size: clamp(0.875rem, 0.8rem + 0.32vw, 1rem);
			line-height: clamp(1.1875rem, 1rem + 0.8vw, 1.5rem);
		}
		& div {
			display: none;
		}
	}
	& .list_wrap_campaign li {
		margin-bottom: 15px;
		padding-left: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
		position: relative;
	}
	& .list_wrap_campaign li::before {
		align-content: center;
		background: var(--black);
		border-radius: 50%;
		color: var(--white);
		content: counter(num);
		counter-increment: num;
		display: inline-grid;
		font-family: var(--font_serif);
		font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
		font-weight: 600;
		height: clamp(1.375rem, 1.075rem + 1.28vw, 1.875rem);
		justify-items: center;
		left: 0;
		line-height: clamp(1.375rem, 1.15rem + 0.96vw, 1.75rem);
		position: absolute;
		text-align: center;
		top: 0;
		width: clamp(1.375rem, 1.075rem + 1.28vw, 1.875rem);
	}
	& .text_campaign_notes {
		font-size: clamp(0.625rem, 0.55rem + 0.32vw, 0.75rem);
		line-height: clamp(0.8125rem, 0.625rem + 0.8vw, 1.125rem);
		padding-top: 5px;

		& ul li {
			list-style-type: none;
			padding-left: clamp(0.625rem, 0.0625rem + 2.4vw, 1.5625rem);
			position: relative;
		}
		& ul li::before {
			background: #000;
			background-repeat: no-repeat;
			background-size: contain;
			border-radius: 50%;
			content: "";
			height: clamp(0.5rem, 0.35rem + 0.64vw, 0.75rem);
			left: 0;
			position: absolute;
			top: 2px;
			width: clamp(0.5rem, 0.35rem + 0.64vw, 0.75rem);
		}
		& .list_none li {
			padding-left: 0;
		}
		& .list_none li::before {
			display: none;
		}
	}
	/* ---------- 応募メッセージ ---------- */
	& .item_campaign_message {
		margin: 0 auto;
		max-width: 200px;
	}
	/* ---------- LINEリンク ---------- */
	& .scope_line {
		display: grid;
		justify-items: center;

		& .line_link {
			background: linear-gradient(0deg, #d42879 0%, 81.5%, #ea95bd 100%);
			border-radius: 999px;
			color: var(--white);
			display: block;
			font-size: clamp(1.25rem, 0.8rem + 1.92vw, 2rem);
			font-weight: 600;
			line-height: 1.45rem;
			padding: 15px 20px;
			padding-bottom: clamp(0.9375rem, 0.675rem + 1.12vw, 1.375rem);
			padding-left: clamp(2.1875rem, 1.625rem + 2.4vw, 3.125rem);
			padding-right: clamp(2.1875rem, 1.625rem + 2.4vw, 3.125rem);
			padding-top: clamp(0.9375rem, 0.675rem + 1.12vw, 1.375rem);
			position: relative;
			text-align: center;
			text-decoration: none;

			& span {
				position: relative;
			}
		}
		& .line_link::before {
			background: linear-gradient(0deg, #ea95bd 0%, 18.5%, #d42879 100%);
			border-radius: 999px;
			content: "";
			height: calc(100% - clamp(0.1875rem, 0.1125rem + 0.32vw, 0.3125rem));
			left: 50%;
			position: absolute;
			top: 50%;
			translate: -50% -50% 0;
			width: calc(100% - clamp(0.1875rem, 0.1125rem + 0.32vw, 0.3125rem));
		}
		& .line_link.noactive {
			background: linear-gradient(0deg, #3d3d3d 0%, 81.5%, #969696 100%);
			opacity: 0.2;
			pointer-events: none;
		}
		& .line_link.noactive::before {
			background: linear-gradient(0deg, #969696 0%, 18.5%, #3d3d3d 100%);
		}
		/* & .line_link::after {
			background: linear-gradient(
				135deg,
				rgba(255, 255, 255, 0.6) 0%,
				50%,
				rgba(255, 255, 255, 0) 100%
			);
			border-radius: 999px;
			content: "";
			height: calc(100% - clamp(0.3125rem, 0.2rem + 0.48vw, 0.5rem));
			left: 50%;
			position: absolute;
			top: 50%;
			translate: -50% -50% 0;
			width: calc(100% - clamp(0.3125rem, 0.2rem + 0.48vw, 0.5rem));
		} */
		& .line_text {
			font-size: clamp(0.75rem, 0.6rem + 0.64vw, 1rem);
			font-weight: 600;
			margin-top: clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
		}
	}
}

/* ========== ========== */
/* 【HOME】参加店舗一覧
/* ========== ========== */
.store_tab,
.store_tab_02 {
	column-gap: clamp(1px, 1vw, 5px);
	display: flex;
	/* display: none; */
	margin-bottom: clamp(1.875rem, 1.402rem + 2.0182vw, 3.125rem);
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	max-width: max-content;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 10px;
	padding-top: 10px;

	& li {
		list-style-type: none;
	}

	& button {
		background: var(--black);
		border: none;
		border-radius: 999px;
		color: var(--white);
		cursor: pointer;
		display: grid;
		font-size: clamp(0.8125rem, 0.4rem + 1.76vw, 1.5rem);
		font-weight: 600;
		justify-items: center;
		letter-spacing: clamp(0.2rem, 0.02rem + 0.768vw, 0.5rem);
		line-height: clamp(1.5rem, -0.2262rem + 4.7619vw, 2.75rem);
		list-style-type: none;
		min-width: clamp(4.0625rem, 1.1rem + 12.64vw, 9rem);
		padding-left: clamp(0.2rem, 0.02rem + 0.768vw, 0.5rem);
		transition: 0.3s ease-out;
	}

	& .active button {
		background: #d3ab56;
		color: #000;
	}
}
.store_tab_02 {
	margin-top: clamp(1.875rem, 1.402rem + 2.0182vw, 3.125rem);
}

.item_store {
	background: var(--white);
	overflow: hidden;
	padding-top: clamp(3.75rem, 3.5817rem + 0.7692vw, 4.0625rem);

	& .store_open {
		display: grid;
		row-gap: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);
	}

	& .list_tab {
		display: flex;
		justify-content: flex-end;
	}

	& .list_tab_list {
	}

	& .list_tab_list .list_tab_button {
		background: #f6f6ff;
		border: 2px solid blue;
		border-radius: 6px;
		padding: 5px 5px;
	}

	& .list_tab_list .material-symbols-outlined {
		color: blue;
	}

	& .list_tab_list p {
		color: royalblue;
		font-size: clamp(0.75rem, 0.6rem + 0.64vw, 1rem);
		font-weight: 600;
	}

	& .list_tab_list,
	& .list_tab_pin {
		display: block;
	}

	& .list_tab_list .list_tab_button,
	& .list_tab_pin .list_tab_button {
		cursor: pointer;
	}

	& .list_tab_list.active,
	& .list_tab_pin.active {
		display: none;
	}

	& .list_tab_pin .list_tab_button {
		background: #fff3f3;
		border: 2px solid red;
		border-radius: 6px;
		padding: 5px 5px;
	}

	& .list_tab_pin .material-symbols-outlined {
		color: red;
	}

	& .list_tab_pin p {
		color: royalblue;
		font-size: clamp(0.75rem, 0.6rem + 0.64vw, 1rem);
		font-weight: 600;
	}

	& .material-symbols-outlined {
		display: grid;
		font-size: 30px;
		font-variation-settings:
			"FILL" 0,
			"wght" 300,
			"GRAD" 0,
			"opsz" 24;
		height: 32px;
		margin: 0 auto;
		width: 30px;
	}

	& .tab_miyazaki_child,
	& .tab_tokyo_child,
	& .tab_osaka_child,
	& .tab_fukuoka_child {
		display: grid;
		height: 0;
		opacity: 0;
		transition: 0.3s;
		visibility: hidden;
	}

	& .tab_miyazaki_child.active,
	& .tab_tokyo_child.active,
	& .tab_osaka_child.active,
	& .tab_fukuoka_child.active {
		display: grid;
		height: auto;
		opacity: 1;
		transition: 0.3s;
		visibility: visible;
	}

	& .heading_store_large {
		position: relative;
		& span {
			background: var(--white);
			display: grid;
			margin: 0 auto;
			padding: 0 clamp(0.3125rem, 0.125rem + 0.8vw, 0.625rem);
			position: relative;
			width: clamp(10.125rem, 5.6625rem + 19.04vw, 17.5625rem);
		}
	}
	& .heading_store_large::before {
		background: #000;
		content: "";
		height: 2px;
		left: 0;
		position: absolute;
		top: 50%;
		translate: 0 -50% 0;
		width: 100%;
	}
	& .heading_store {
		/* align-content: center;
		align-items: center;
		background: #008f3a;
		border-radius: 5px;
		color: var(--white);
		display: grid;
		font-weight: 600;
		height: 60px;
		margin-bottom: 20px;
		margin-top: 40px;
		position: relative;
		text-align: center;
		width: 100%; */
	}
	& .heading_store > img {
		height: clamp(1.625rem, 1.55rem + 0.32vw, 1.75rem);
		position: relative;
		z-index: 1;
	}

	& .heading_store_sub {
		align-items: center;
		background: var(--yellow);
		border-radius: 5px;
		display: grid;
		font-family: var(--font_serif);
		font-size: clamp(1.125rem, 0.975rem + 0.64vw, 1.375rem);
		font-weight: 600;
		height: 38px;
		justify-content: center;
		margin-bottom: clamp(0.9375rem, 0.75rem + 0.8vw, 1.25rem);
	}

	& .store_list {
		display: grid;
		list-style-type: none;

		& .iframe {
			column-gap: 15px;
			display: grid;
			grid-template-columns: 3fr 7fr;
			text-decoration: none;
		}
		& .iframe:hover {
			text-decoration: underline;
		}
		& .store_img {
			& img {
				aspect-ratio: 1 / 1;
				object-fit: contain;
			}
		}
		& .store_title {
			font-size: clamp(0.75rem, 0.675rem + 0.32vw, 0.875rem);
		}
	}

	& .item_store_block {
		display: none;
	}
	& .item_store_block.active {
		animation: tabfadeIn 0.6s forwards;
		display: grid;
		opacity: 1;
		position: relative;
	}

	& .store_banner {
		margin-top: 40px;
		padding-bottom: clamp(1.25rem, 0.875rem + 1.6vw, 1.875rem);

		& .list_banner {
			display: flex;
			justify-content: center;
			list-style-type: none;
		}
	}
}
@keyframes tabfadeIn {
	0% {
		opacity: 0;
		top: 1vw;
	}
	70% {
		top: 0;
	}
	100% {
		display: grid;
		opacity: 1;
	}
}

@keyframes tabfadeOut {
	0% {
		opacity: 1;
	}

	100% {
		display: none;
		opacity: 0;
	}
}

/* ========== ========== */
/* フッター
/* ========== ========== */
footer {
	/* ---------- 公式SNS ---------- */
	& .footer_sns {
		background: var(--back-color);
	}
	/* ---------- その他 ---------- */
	& .footer_address {
		background: var(--hinata);
		padding-bottom: 50px;
		padding-top: 30px;
	}
	& .footer_address_inner {
	}
	& .contact_head {
		background: var(--black);
		border-radius: 5px;
		color: var(--white);
		font-size: 1rem;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.75rem;
		margin: 0 auto;
		margin-bottom: 25px;
		padding: 6px 12px;
		width: max-content;
	}
	& .footer_address_contents {
		display: grid;
		font-style: normal;
		font-weight: 600;
		justify-items: center;
		text-align: center;
	}
	& .footer_address_company {
		font-size: 1.25rem;
		font-size: 22px;
		line-height: clamp(1.5625rem, 1.1875rem + 1.6vw, 2.1875rem);
		line-height: 20px;
		margin-bottom: 5px;
	}
	& .footer_address_company span {
		display: inline-block;
		font-size: 0.875rem;
		line-height: 0.90625rem;
	}
	& .footer_address_location {
		font-size: 18px;
	}
	& .footer_address_location span {
		display: inline-block;
		font-size: 0.875rem;
		line-height: 0.90625rem;
	}
}

/* ========== ========== */
/* ライトボックス
/* ========== ========== */
#colorbox,
#cboxOverlay,
#cboxWrapper {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 9999;
}

#cboxOverlay {
	height: 100%;
	position: fixed;
	width: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,
#cboxLoadingGraphic {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	border: 0;
	display: block;
	float: left;
	-ms-interpolation-mode: bicubic;
	margin: auto;
	max-width: none;
}

.cboxIframe {
	border: 0;
	display: block;
	height: 100%;
	width: 100%;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

#cboxOverlay {
	background: #000;
}

#colorbox {
	outline: 0;
}

#cboxContent {
	background: #000;
	margin-top: 20px;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	border: 1px solid #ccc;
	padding: 50px;
}

#cboxLoadedContent {
	/* border: 5px solid #000; */
	background: #fff;
	margin: 5px;
}

#cboxTitle {
	color: #ccc;
	left: 0;
	position: absolute;
	top: -20px;
}

#cboxCurrent {
	color: #ccc;
	position: absolute;
	right: 0px;
	top: -20px;
}

#cboxLoadingGraphic {
	background: url(images/loading.gif?date=20250109) no-repeat center center;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
	background: none;
	border: 0;
	margin: 0;
	overflow: visible;
	padding: 0;
	width: auto;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
	outline: 0;
}

#cboxSlideshow {
	color: #fff;
	position: absolute;
	right: 90px;
	top: -20px;
}

#cboxPrevious {
	background: url(/images/controls.png?date=20250109) no-repeat top left;
	height: 65px;
	left: 5px;
	margin-top: -32px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}

#cboxPrevious:hover {
	background-position: bottom left;
}

#cboxNext {
	background: url(/images/controls.png?date=20250109) no-repeat top right;
	height: 65px;
	margin-top: -32px;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 50%;
	width: 28px;
}

#cboxNext:hover {
	background-position: bottom right;
}

#cboxClose {
	background: url(/images/controls.png?date=20250109) no-repeat top center;
	display: block;
	height: 19px;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 5px;
	width: 38px;
}

#cboxClose:hover {
	background-position: bottom center;
}

body #cboxWrapper {
	/* padding-top: 30px; */
}

body #cboxClose {
	background: url(/images/child/modal_close.svg?date=20250109);
	background-repeat: no-repeat;
	display: block;
	height: 60px;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: -20px;
	width: 60px;
}

body #cboxCurrent {
	right: 80px;
	top: -28px;
}

body #cboxPrevious {
	background: url(/images/child/modal_prev.svg?date=20250109);
	background-repeat: no-repeat;
	height: 60px;
	left: 5px;
	margin-top: -32px;
	position: absolute;
	text-indent: -9999px;
	top: 50%;
	width: 60px;
}

body #cboxNext {
	background: url(/images/child/modal_next.svg?date=20250109);
	background-repeat: no-repeat;
	height: 60px;
	margin-top: -32px;
	position: absolute;
	right: 5px;
	text-indent: -9999px;
	top: 50%;
	width: 60px;
}

body #cboxContent {
	background: none;
}

body #cboxLoadedContent {
	border-radius: 20px;
	overflow: hidden;
}

/* ---------- ---------- 【店舗詳細（子）】情報一覧  ---------- ---------- */

/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（540px） ---------- ---------- */
@media screen and (min-width: 540px) {
	.header_img_cover::before {
		background-image: url(../../images/2026/header/header_img_bg.png?date=20250106);
		background-repeat: no-repeat;
		background-size: contain;
	}
	/* ========== ========== */
	/* 【HOME】ひなたフルーツフェア応募概要
    /* ========== ========== */
	.item_campaign {
		/* ---------- 応募賞品 ---------- */

		& .item_campaign_contents {
			& .item_campaign_anniversary {
				& .item_campaign_column {
					column-gap: 20px;
					display: grid;
					grid-template-columns: 266fr 160fr;
				}
				& .list_campaign_contents {
					align-content: end;
					display: grid;
					grid-template-columns: auto;
					justify-items: end;
				}
			}
		}
	}
}

/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（768px） ---------- ---------- */
@media screen and (min-width: 768px) {
	/* ========== ========== */
	/* ヘッダー
/* ========== ========== */
	header {
		& .header_bg {
			& .header_bg_tamatama {
				& img {
					rotate: 20deg;
				}
			}
			& .header_bg_tamatama::before {
				rotate: 20deg;
			}
		}
	}
	/* ========== ========== */
	/* 【HOME】あなたはどっち推し！？
    /* ========== ========== */
	.item_brand {
		& .item_brand_column {
			column-gap: clamp(1.875rem, -0.375rem + 9.6vw, 5.625rem);
			display: grid;
			grid-template-columns: 1fr 1fr;
		}
		/* ---------- 完熟きんかん ---------- */
		& .heading_kinkan_small {
			grid-template-columns: none;
			padding: 5px 10px;
		}
	}
	/* ========== ========== */
	/* 【HOME】ひなたフルーツフェア応募概要
    /* ========== ========== */
	.item_campaign {
		& .box_campaign_contents {
			column-gap: 20px;
			display: grid;
			grid-template-columns: 200fr 300fr;
			justify-items: center;
			margin: auto;
			max-width: 530px;
		}
		& .item_campaign_fukidashi {
			margin: 0;
			width: 100%;
		}
		/* ---------- 応募賞品 ---------- */
		& .item_campaign_list {
			background: none;
			column-gap: 20px;
			grid-template-columns: 1fr 1fr 1fr;

			& h6 {
				background: var(--black);
			}
		}

		& .item_campaign_contents {
			& .item_campaign_list {
				background: none;
				column-gap: 20px;
				grid-template-columns: 1fr 1fr 1fr;

				& .list_campaign_1cel {
					grid-area: auto;
					grid-template-columns: none;
				}
			}
			/* & .item_campaign_anniversary {
				& .item_campaign_column {
					column-gap: 20px;
					display: grid;
					grid-template-columns: 266fr 160fr;
				}
			} */
		}
		/* ---------- 応募方法 ---------- */
		& .list_wrap_campaign {
			column-gap: 15px;
			grid-template-columns: 1fr 1fr 1fr;

			& h6 {
				align-content: center;
				background: var(--black);
				display: grid;
				height: 72px;
				justify-items: center;
				position: relative;
				z-index: 1;
			}
			& div {
				display: block;
				margin: 0 auto;
				margin-top: 20px;
			}
			& .block_01 {
				& h6 {
					border-radius: 12px 0 0 12px;
				}
				& h6::after {
					border: 36px solid var(--white);
					content: "";
					display: block;
					height: 48px;
					position: absolute;
					top: 0;
					z-index: -1;
				}
				& h6::after {
					border-left-color: var(--black);
					border-left-width: 15px;
					height: 100%;
					right: -40px;
				}
				& div {
					width: 123px;
				}
			}
			& .block_02 {
				& h6::before {
					border: 36px solid var(--black);
					content: "";
					display: block;
					height: 48px;
					position: absolute;
					top: 0;
					z-index: -1;
				}
				& h6::after {
					border: 36px solid var(--white);
					content: "";
					display: block;
					height: 48px;
					position: absolute;
					top: 0;
					z-index: -1;
				}
				& h6::before {
					border-left-color: var(--transparent);
					border-left-width: 15px;
					height: 100%;
					left: -15px;
				}
				& h6::after {
					border-left-color: var(--black);
					border-left-width: 15px;
					height: 100%;
					right: -40px;
				}
				& div {
					width: 133px;
				}
			}
			& .block_03 {
				& h6 {
					border-radius: 0 12px 12px 0;
				}
				& h6::before {
					border: 36px solid var(--black);
					content: "";
					display: block;
					height: 48px;
					position: absolute;
					top: 0;
					z-index: -1;
				}
				& h6::before {
					border-left-color: var(--transparent);
					border-left-width: 15px;
					height: 100%;
					left: -15px;
				}
				& div {
					width: 95px;
				}
			}
		}
		& .list_wrap_campaign li {
			padding-left: 0;
		}
		& .list_wrap_campaign li::before {
			display: none;
		}
		& .item_campaign_app {
			/* background: var(--white);
			border: 5px solid var(--yellow); */
		}
	}

	/* ========== ========== */
	/* 【HOME】応募店舗
	/* ========== ========== */
	& .item_store {
		& .store_list {
			column-gap: 40px;
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			row-gap: clamp(5px, -1.125rem + 4.8vw, 1.875rem);

			/* & .iframe {
				display: grid;
				grid-template-columns: 3fr 7fr;
			} */
		}
	}
	/* ========== ========== */
	/* フッター
    /* ========== ========== */
	footer {
		/* ---------- その他 ---------- */
		& .footer_address {
			padding-bottom: 25px;
			padding-top: 20px;
		}
		& .footer_address_inner {
			column-gap: 20px;
			display: grid;
			grid-template-columns: max-content auto;
			justify-content: start;
		}
		& .contact_head {
			margin-bottom: 0;
		}
		& .footer_address_contents {
			align-items: center;
			display: grid;
			grid-template-columns: auto auto;
		}
		& .footer_address_company {
			margin-bottom: 0;
		}
	}
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（880px） ---------- ---------- */
@media screen and (min-width: 880px) {
	/* ========== ========== */
	/* 【HOME】ひなたフルーツフェア応募概要
    /* ========== ========== */
	.item_campaign {
		/* ---------- 応募賞品 ---------- */

		& .item_campaign_contents {
			column-gap: 20px;
			display: grid;
			grid-template-columns: 475fr 260fr;

			& .item_campaign_list,
			& .list_campaign_plus {
				grid-area: auto / 1 / auto / 3;
			}
		}
	}
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（930px） ---------- ---------- */
@media screen and (min-width: 930px) {
	/* ========== ========== */
	/* 【HOME】リード文
    /* ========== ========== */
	.home_text {
		z-index: 0;

		& .container_white_medium {
			/* background: var(--white);
			margin: 0 auto;
			max-width: 25.625rem;
			width: min(100%, 14.0865rem + 18.4615vw); */
		}
	}
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（992px） ---------- ---------- */
@media screen and (min-width: 992px) {
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（1200px） ---------- ---------- */
@media screen and (min-width: 1200px) {
	/* ========== ========== */
	/* ベース
    /* ========== ========== */
	body.open {
		overflow-y: auto;
	}
}