: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)縺九€〉gba(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;

	/* 繧ｨ繝ｩ繝ｼ */
	--alert: #eb004e;

	/* -----/////----- 繝輔か繝ｳ繝医ヵ繧｡繝溘Μ繝ｼ -----/////----- */
	/* 繧ｵ繝ｳ繧ｻ繝ｪ繝包ｼ磯€壼ｸｸ�� */
    --font_sanserif: "Noto Sans JP", "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: "Hiragino Sans", Hiragino Sans, "Yu Gothic", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Arial, sans-serif;

    --base-font: var(--font_sanserif);
	/* -----/////----- 繝輔か繝ｳ繝医し繧､繧ｺ -----/////----- */
	/* 譛€菴主渕貅� */
	--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 {
	box-shadow: none;
	box-sizing: border-box;
	outline: none;
	-webkit-tap-highlight-color: rgb(0 0 0 / 0%);
}
*: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,
.acc_text {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
html,
body,
html body {
	color: var(--text);
	font-family: var(--base-font) !important;
	font-size: var(--standard-size);
	font-style: normal;
	font-weight: 400;
	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 {
	overflow-x: hidden;
	background-color: unset !important;
}
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;
    width: min(100% - clamp(2.5rem, 0.4808rem + 9.2308vw, 6.25rem), -1.375rem + 95.2vw);
    max-width: 1000px;
}
.container_small {
    margin-left: auto;
    margin-right: auto;
    width: min(100%, 4.399rem + 68.4615vw);
    max-width: 755px;
}
.container_body {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
	/* background: var(--white);
    background: #ff5656; */
    background: linear-gradient(90deg, #ffe200 0%, #ffe200 50%, #f4a12c 50%, #f4a12c 100%);
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.container_body::before {
    background: url(/images/2025/body_bg.png?date=20250109);
    background-repeat: no-repeat;
    background-size: 200% auto;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    mix-blend-mode: plus-lighter;
    opacity: 0.40;
    z-index: -2;
}
.container_body::after {
    background: url(/images/2025/body_bg.png?date=20250109);
    background-repeat: no-repeat;
    background-size: 200% auto;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    mix-blend-mode: plus-lighter;
    opacity: 0.25;
    z-index: -2;
}

.container_body_inner {
    position: relative;
}
.container_body_inner::before {
    background: var(--white);
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    width: clamp(9.375rem, -0.0481rem + 43.0769vw, 26.875rem);
    height: 100%;
    translate: -50% 0 0;
}
.container_body_inner > * {
    position: relative;
    /* z-index: 1; */
}
.over {
	background: #f4a12c;
    overflow: hidden;
    position: relative;
}
/* ---------- ---------- ヘッダー ---------- ---------- */
.header_container_inner {
    position: relative;
    padding-top: 35px;
}
.header_logo {
    /* bottom: -30px; */
    top: clamp(1.25rem, 0.6875rem + 2.4vw, 2.1875rem);
    /* bottom: calc(clamp(1.875rem, -1.6875rem + 15.2vw, 7.8125rem)* -1); */
    /* left: calc(clamp(0rem, -2.625rem + 11.2vw, 4.375rem)* -1); */
    left: clamp(1.25rem, 0.6875rem + 2.4vw, 2.1875rem);
    /* left: clamp(1.25rem, 0.6875rem + 2.4vw, 2.1875rem); */
    position: absolute;
    width: clamp(3.4375rem, 1.15rem + 9.76vw, 7.25rem);
    /* top: clamp(1.25rem, 0.6875rem + 2.4vw, 2.1875rem); */
    z-index: 10;
}
.header_title {
    width: clamp(10.625rem, 3.2212rem + 33.8462vw, 24.375rem);
    margin: 0 auto;
    width: min(100%, 3.6538rem + 31.1538vw);
    max-width: 23.125rem;
}
.header_title a {
    display: grid;
}
.header_title img {
    height: 100%;
    width: 100%;
}

.header_img_cover {
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    bottom: auto;
    z-index: 0;
    width: 100%;
    height: auto;
    translate: -50% 0 0;
}
.header_img_cover::before {
    background-image: url(/images/2025/header/header_img_bg-sm.png?date=20250109);
    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%;
    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;
}


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



/* ---------- ---------- 【HOME】リード文 ---------- ---------- */
.container_white_medium {
    /* width: min(100%, 14.0865rem + 18.4615vw);
    max-width: 25.625rem;
    margin: 0 auto; */
    width: 100%;
    background: var(--white);
    padding-top: clamp(1.5625rem, 1.0577rem + 2.3077vw, 2.5rem);
}
.conainer_home_text {
    width: min(100% - 40px, 14.0865rem + 18.4615vw);
    max-width: 25.625rem;
    margin: 0 auto;
}
.home_text {
    position: relative;
    z-index: 51;
    text-align: center;
    font-weight: 600;
	font-size: clamp(0.9375rem, 0.675rem + 1.12vw, 1.375rem);
	line-height: clamp(1.5rem, 0.9rem + 2.56vw, 2.5rem);
}


/* ---------- ---------- 【HOME】日向夏と完熟きんかんの紹介  ---------- ---------- */
.item_brand {
    background: var(--white);
    overflow: hidden;
    padding-top: clamp(1.5625rem, 1.0577rem + 2.3077vw, 2.5rem);
    padding-bottom: clamp(0.9375rem, 0.0962rem + 3.8462vw, 2.5rem);
    position: relative;
    z-index: 1;
}
.item_brand_column {
    display: grid;
    row-gap: 35px;
}
.item_brand_txt {
    font-weight: 600;
    margin-top: clamp(0.625rem, 0.2885rem + 1.5385vw, 1.25rem);
}
.item_brand_hyuganatsu,
.item_brand_kinkan {
    row-gap: 0px;
}
/* ---------- 日向夏 ---------- */
.item_brand_hyuganatsu {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}
.bg_photo_hyuga {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
    margin-top: calc(clamp(1.25rem, 1.1154rem + 0.6154vw, 1.5rem)* -1);
    margin-right: calc(clamp(0rem, -6.3942rem + 29.2308vw, 11.875rem)* -1);
    margin-bottom: calc(clamp(1.5625rem, -1.2981rem + 13.0769vw, 6.875rem)* -1);
}
.bg_photo_hyuga > * {
    display: grid;
    width: 100%;
}
.bg_photo_hyuga img {
    position: relative;
    z-index: 1;
}
.bg_photo_hyuga::after {
    background-image: url(/images/2025/info/photo_hyuga_bg.png?date=20250109);
    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%;
}
.bg_photo_hyuga_bg {
    display: none;
    position: absolute;
    /* top: 180px;
    left: 50px; */
    top: clamp(8.4375rem, -0.8728rem + 19.3966vw, 11.25rem);
    left: clamp(2.8125rem, 1.778rem + 2.1552vw, 3.125rem);
    z-index: -1;
    /* width: 280px; */
    width: clamp(12.5rem, -4.0517rem + 34.4828vw, 17.5rem);
}
.bg_photo_hyuga_bg::after {
    background-image: url(/images/2025/info/photo_hyuga_sub_bg.png?date=20250109);
    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%;
}
.heading_hyuga {
    margin: 0 auto;
    display: grid;
    /* max-width: 104px; */
}
/* ---------- 完熟きんかん ---------- */
.item_brand_kinkan {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
}
.bg_photo_tamatama {
	position: relative;
	grid-area: 1 / 1 / 2 / 2;
    margin-top: clamp(-0.625rem, -3.3846rem + 12.6154vw, 4.5rem);
    left: clamp(2rem, 0.7212rem + 5.8462vw, 4.375rem);
}
.bg_photo_tamatama > * {
    display: grid;
    width: 100%;
}
.bg_photo_tamatama img {
    position: relative;
    z-index: 1;
}
.bg_photo_tamatama::after {
    background-image: url(/images/2025/info/photo_tamatama_bg.png?date=20250109);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.bg_photo_tamatama_bg {
    display: none;
    position: absolute;
    /* top: 125px;
    left: 150px; */
    top: clamp(5.9375rem, -0.2694rem + 12.931vw, 7.8125rem);
    left: clamp(6.875rem, -1.4009rem + 17.2414vw, 9.375rem);
    z-index: -1;
    /* width: 160px; */
    width: clamp(8.75rem, 4.6121rem + 8.6207vw, 10rem);
}
.bg_photo_tamatama_bg::after {
    background-image: url(/images/2025/info/photo_tamatama_sub_bg.png?date=20250109);
    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%;
}
.heading_kinkan {
    margin: 0 auto;
    display: grid;
    /* max-width: 104px; */
}
.item_brand_heading_wrapper {
    display: grid;
    row-gap: 15px;
    column-gap: 5px;
}
.heading_kinkan_small {
    background: var(--orange);
    border-radius: 5px;
    padding: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 7px;
    grid-area: 1 / 1 / 2 / 2;
    max-width: 230px;
    margin: 0 auto;
}



/* ---------- ---------- 【HOME】ひなたフルーツフェア応募概要  ---------- ---------- */
.item_campaign {
	background: var(--back-color);
    overflow: hidden;
    /* padding-top: clamp(1.25rem, 0.9135rem + 1.5385vw, 1.875rem); */
    padding-top: clamp(1.25rem, -0.601rem + 8.4615vw, 4.6875rem);
    padding-bottom: clamp(1.25rem, -0.7692rem + 9.2308vw, 5rem);
}
/* ---------- 食べて当てちゃおう！ ---------- */
.box_campaign_call {
    /* background: linear-gradient(30deg, #f4a12c 0%, #ffe200 100%); */
    background: linear-gradient(90deg, #f4a12c 0%, #ffe200 78%);
    border-radius: 20px;
    position: relative;
    margin-bottom: clamp(1.5625rem, 0.8894rem + 3.0769vw, 2.8125rem);
}
.box_campaign_call_inner {
    position: relative;
    padding: 15px;
    padding-top: 25px;
    margin-top: 130px;
}
.box_campaign_call_inner::before {
    background-image: url(/images/2025/body_bg.png?date=20250109);
    /* background-size: contain; */
    background-size: cover;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 20px;
    mix-blend-mode: plus-lighter;
    opacity: 0.25;
}
.box_campaign_call_inner::after {
    background-image: url(/images/2025/campaign/box_deco.png?date=20250109);
    /* background-size: 155px 165px; */
    background-size: clamp(8.125rem, 2.9526rem + 10.7759vw, 9.6875rem) clamp(8.625rem, 3.0388rem + 11.6379vw, 10.3125rem);
    background-position: top -15px right -20px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 20px;
    display: none;
    /* mix-blend-mode: plus-lighter;
    opacity: 0.25; */
}

.box_campaign_call_inner > * {
    position: relative;
    /* z-index: 1; */
    z-index: auto;
}
.box_campaign_img {
    /* width:  min(100%, 20rem - clamp(0.625rem, 0.1202rem + 2.3077vw, 1.5625rem)); */
    width: min(100%, 320px - clamp(0rem, -0.3365rem + 1.5385vw, 0.625rem));
    margin: 0 auto;
    position: absolute;
    top: -138px;
    /* left: 0; */
    left: 50%;
    translate: -50% 0 0;
}
.box_campaign_img::before {
    background-image: url(/images/2025/campaign/photo_bg.png?date=20250109);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 100%;
    mix-blend-mode: multiply;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}
.box_campaign_text {
    width: min(100%, 7.7885rem + 41.5385vw);
    max-width: 33.75rem;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
/* ---------- 応募賞品 ---------- */
.item_campaign_contents {
    margin-bottom: 30px;
}
.item_campaign_contents ul {
    display: grid;
    /* background: var(--yellow);
    border-radius: 20px;
    display: grid;
    margin-top: 20px;
    padding: 10px; */
}
.item_campaign_contents ul li {
    list-style-type: none;
}
/* ---------- 応募方法 ---------- */
.item_campaign_app {
	display: grid;
    /* grid-template-columns: auto auto; */
    background: var(--white);
    border: 5px solid var(--yellow);
    border-radius: 15px;
    padding: 25px 25px;
    margin-bottom: 45px;
    column-gap: 10px;
}
.heading_campaign_app {
    background: var(--yellow);
    border-radius: 5px;
    display: grid;
    justify-content: center;
    align-content: center;
    padding: 10px 20px;
    /* padding-top: 10px; */
    margin: 0 auto;
    /* width: max-content; */
    width: 100%;
    max-width: 120px;
    max-height: 39px;
    height: 100vw;
}
.heading_campaign_app > * {
    max-width: 80px;
    width: 100%;
    height: auto;
    position: absolute;
	display: grid
}
.list_wrap_campaign {
    font-size: clamp(0.875rem, 0.725rem + 0.64vw, 1.125rem);
    line-height: 18px;
    font-weight: 600;
    list-style-type: none;
    margin-bottom: 20px;
    position: relative;
    counter-reset: num;
    margin-top: 15px;
    margin-bottom: 15px;
}
.list_wrap_campaign li {
    position: relative;
    padding-left: clamp(1.875rem, 1.5rem + 1.6vw, 2.5rem);
    margin-bottom: 15px;
}
.list_wrap_campaign li::before {
    position: absolute;
    content: counter(num);
    counter-increment: num;
    display: inline-grid;
    background: var(--yellow);
    font-size: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
    line-height: clamp(1.375rem, 1.15rem + 0.96vw, 1.75rem);
    font-weight: 600;
    font-family: var(--font_serif);
    border-radius: 50%;
    top: 0;
    left: 0;
    width: clamp(1.375rem, 1.075rem + 1.28vw, 1.875rem);
    height: clamp(1.375rem, 1.075rem + 1.28vw, 1.875rem);
    text-align: center;
    justify-items: center;
    align-content: center;
}
.text_campaign_notes {
    /* border-top: 1px solid #000; */
    /* font-size: clamp(0.5625rem, 0.375rem + 0.8vw, 0.875rem); */
    font-size: clamp(0.8125rem, 0.775rem + 0.16vw, 0.875rem);
    /* line-height: clamp(0.8125rem, 0.55rem + 1.12vw, 1.25rem); */
    line-height: clamp(1rem, 0.85rem + 0.64vw, 1.25rem);
    padding-top: 5px;
}
.text_campaign_notes ul li {
    list-style-type: none;
    /* padding-left: clamp(0.625rem, 0.0625rem + 2.4vw, 1.5625rem); */
    position: relative;
}
/* .text_campaign_notes 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);
} */
/* ---------- 応募メッセージ ---------- */
.item_campaign_message {
    max-width: 200px;
    margin: 0 auto;
}

/* ---------- ---------- 【HOME】参加店舗一覧  ---------- ---------- */
.heading_store_large {
    margin: 0 auto;
    max-width: clamp(16.875rem, 11.4904rem + 24.6154vw, 26.875rem);
}
.item_store {
    background: var(--white);
    overflow: hidden;
    padding-top: clamp(3.75rem, 3.5817rem + 0.7692vw, 4.0625rem);
    padding-bottom: 55px;
}
.heading_store {
    width: 100%;
    height: 60px;
    /* margin-top: 40px; */
    margin-bottom: 20px;
    text-align: center;
    background: #008f3a;
    border-radius: 5px;
    position: relative;
    display: grid;
    align-content: center;
    align-items: center;
    color: var(--white);
    font-weight: 600;
}
.heading_store > img {
    /* height: clamp(1.625rem, 1.55rem + 0.32vw, 1.75rem); */
    position: relative;
    z-index: 1;
    width: clamp(3.75rem, 3.2788rem + 2.1538vw, 4.625rem);
    height: auto;
    /* margin: 0 auto; */
}
/* ---------- タブ切り替え ---------- */
.tab_miyazaki {

}
.tab_miyazaki ul {

}
.tab_miyazaki ul li {
    list-style-type: none;
}
.list_tab {
    display: flex;
    justify-content: flex-end;
}
.list_tab_list {

}
.list_tab_list .list_tab_button {
    border: 2px solid blue;
    border-radius: 6px;
    padding: 5px 5px;
    background: #f6f6ff;
}
.list_tab_list .material-symbols-outlined {
    color: blue;
}
.list_tab_list p {
    color: royalblue;
    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 {
    border: 2px solid red;
    border-radius: 6px;
    padding: 5px 5px;
    background: #fff3f3;
}
.list_tab_pin .material-symbols-outlined {
    color: red;
}
.list_tab_pin p {
    color: royalblue;
    font-weight: 600;
}
.material-symbols-outlined {
    font-variation-settings:
        'FILL' 0,
        'wght' 300,
        'GRAD' 0,
        'opsz' 24;
    font-size: 30px;
    display: grid;
    width: 30px;
    height: 32px;
    margin: 0 auto;
}
/* ---------- 店舗一覧レイアウト ---------- */
.ul_list_store_wrapper .item_store_block:first-child .heading_store {
    margin-top: 0;
}
.item_store_block .heading_store {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
}
.home_provisional .item_store_block .heading_store {
    cursor: auto;
}
.heading_store small {
     /* display: none;
    position: absolute;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 5px 4px 5px; */
    /* 仮ローンチ */
    display: block;
    font-size: clamp(0.875rem, 0.7404rem + 0.6154vw, 1.125rem);
    font-weight: 400;
}
.heading_store small img {
    height: clamp(2.5rem, 2.35rem + 0.64vw, 2.75rem);
}
.heading_store_sub {
    font-family: var(--font_serif);
    background: var(--yellow);
    border-radius: 5px;
    display: grid;
    justify-content: center;
    align-items: center;
    height: 38px;
    font-weight: 600;
    font-size: clamp(1.125rem, 0.975rem + 0.64vw, 1.375rem);
}
/* ---------- 店舗一覧グリッド ---------- */
.store_open {
    display: grid;
    row-gap: clamp(2.5rem, 1.75rem + 3.2vw, 3.75rem);

    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden; /* 必須 */
    transition: all 0.3s ease;
}
.store_list {
    margin-bottom: 25px;
}
.store_list li {
    position: relative;
    list-style-type: none;
    border-bottom: 1px dotted #000;
}
.store_list li p {
    text-align: end;
}
.store_list li::before {
    content: "";
    position: absolute;
    background: #00913c;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
}
.store_title {
    font-size: clamp(1.125rem, 1.05rem + 0.32vw, 1.25rem);
    line-height: 30px;
    font-weight: 600;
    font-style: normal;
    font-size: 15px;
    line-height: 20px;
    color: var(--black);

    font-size: clamp(0.78125rem, 0.6466rem + 0.6154vw, 1.03125rem);
    line-height: clamp(0.84375rem, 0.6755rem + 0.7692vw, 1.15625rem);
    line-height: 1.45;
}
.store_list {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: clamp(0.625rem, -0.6696rem + 3.5714vw, 1.5625rem);
    column-gap: clamp(0.9375rem, 0.0744rem + 2.381vw, 1.5625rem);
    display: none;
    opacity: 0;
    animation: tabfadeOut 0.5s forwards;
    column-gap: 40px;
}
.store_list li {
    border-bottom: none;
}
.store_list.active {
    display: grid;
    opacity: 1;
    animation: tabfadeIn 0.8s forwards;
}

@keyframes tabfadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
        display: grid;
    }
}

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

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

.store_list>li::after {
    display: none;
}
.store_list li::before {
    display: none;
}
.store_list li a {
    display: grid;
    /* background: #fff;
      border-radius: 20px;
      padding: 0 10px 15px 10px; */
    text-decoration: none;
    row-gap: 5px;
    transition: 0.3s ease-out;
}
.store_list li a:hover {
    opacity: 0.8;
    transition: 0.3s ease-out;
}
.store_cat {
    font-size: clamp(1.25rem, 1.2027rem + 0.2018vw, 1.375rem);
    line-height: 40px;
    background: #00913c;
    display: inline-block;
    border-radius: 20px 0 20px 0;
    width: 190px;
    margin-top: 5px;
    margin-left: -5px;
    padding: 10px 10px 5px 10px;
    color: #f9f17f;
    font-weight: 600;
    position: relative;
    text-align: center;
}
.store_cat::after {
    content: "";
    position: absolute;
    background: url(/images/2025/span_after.svg?date=20250109);
    background-size: cover;
    width: 48px;
    height: 100%;
    top: 0;
    right: -24px;
}
.store_info {
    display: grid;
    grid-template-columns: calc(50% - 10px) calc(50% - 10px);
    column-gap: 20px;
}
.store_info {
    font-size: 1rem;
}
.store_img {
    position: relative;
    /* background: #c4c4c4; */
    background: #ffef80;
    object-fit: cover;
    aspect-ratio: 4 / 3;
    min-width: 100%;
    overflow: hidden;
}
.store_img img {
    object-fit: cover;
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
}
/* ---------- ライトボックス ---------- */
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

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

#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

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

#cboxTitle {
  margin: 0;
}

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

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

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

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

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

#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

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

.cboxIframe {
  background: #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

body #cboxContent {
  background: none;
}

body #cboxLoadedContent {
  border-radius: 20px;
  overflow: hidden;
}
/* ---------- アクティブ ---------- */
.a_block:hover {
    transition: .3s;
    opacity: .6;
}
.a_block_text {
    text-align: center;
    color: var(--black);
    font-weight: 600;
}
.a_block_strong {
    font-family: var(--font_serif);
    color: var(--black);
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    font-style: normal;
    text-align: center;
    display: block;
}
.a_block_small {
    font-size: 14px;
    line-height: 22px;
    grid-area: auto;
    margin: 0 auto;
}
.tab_miyazaki_child {
    display: grid;
    visibility: hidden;
    height: 0;
    transition: .3s;
    opacity: 0;
}
.tab_miyazaki_child.active {
    display: grid;
    visibility: visible;
    height: auto;
    transition: .3s;
    opacity: 1;
}
.tab_tokyo_child.active,
.tab_osaka_child.active,
.tab_fukuoka_child.active {
    display: grid;
}
.tab_tokyo_child,
.tab_osaka_child,
.tab_fukuoka_child {
    display: none;
}

/* ---------- ---------- マップ追記 ---------- ---------- */
.list_box li a {
    display: block;
}

/* ---------- ---------- バナーリンク追加 ---------- ---------- */
.store_banner {
    margin-top: 40px;
}
.list_banner li {
    list-style-type: none;
    display: grid;
}
/* .list_banner li a {

} */

/* ---------- ---------- フッター ---------- ---------- */
/* ---------- 公式SNS ---------- */
.footer_sns {
	background: var(--back-color);
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer_sns_inner {
	background: var(--white);
    width: min(100% - clamp(2.5rem, 0.4808rem + 9.2308vw, 6.25rem), -1.375rem + 95.2vw);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
    /* display: grid;
    grid-template-columns: 75px auto; */
    display: flex;
    column-gap: 15px;
    align-items: center;
    padding: 0 20px;
}
.footer_sns_inner p {
    font-size: 18px;
    line-height: 31px;
    font-weight: 600;
}
.list_sns {
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.list_sns li {
    /* width: 39px;
    height: 39px;
    display: grid; */
    list-style-type: none;
}
.list_sns li a {
    display: grid;
    padding: 10px 5px;
}
.list_sns li a img {
    width: 39px;
    height: 39px;
}
/* ---------- その他 ---------- */
.footer_address {
	background: var(--hinata);
	padding-top: 30px;
    padding-bottom: 50px;
}
.footer_address_inner {

}
.contact_head {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 600;
    background: var(--white);
    border-radius: 5px;
    padding: 6px 12px;
    margin: 0 auto;
    width: max-content;
    font-size: 18px;
    margin-bottom: 25px;
}
.footer_address_contents {
    display: grid;
    font-style: normal;
    justify-items: center;
    text-align: center;
    font-weight: 600;
}
.footer_address_company {
	font-size: 1.25rem;
    line-height: clamp(1.5625rem, 1.1875rem + 1.6vw, 2.1875rem);
    font-size: 22px;
    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;
}


/* ---------- ---------- 【店舗詳細（子）】情報一覧  ---------- ---------- */
/* .page_child .header_title,
.page_child .home_main_date,
.page_child .home_main_date .title_date,
.page_child .home_main_fruit,
.page_child .home_main_fruit_shadow,
.page_child .home_main_bg {
    height: clamp(12.5rem, 5rem + 32vw, 25rem);
    margin: 0 auto;
}
.page_child .header_title img,
.page_child .home_main_date .title_date img,
.page_child .home_main_fruit img,
.page_child .home_main_fruit_shadow img,
.page_child .home_main_bg img {
    height: 100%;
    width: auto;
} */
/* .page_child .home_main_mss {
    background: var(--white);
} */
.page_child .header_title {
    max-width: 260px;
    width: min(100% - 1.25rem, 2.25rem + 22.4vw);
}
.page_child .header_img_cover {
    max-width: 520px;
    width: min(100%, 5.5769rem + 43.0769vw);
    /* clamp(15rem, 5.5769rem + 43.0769vw, 32.5rem); */
}



/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（540px） ---------- ---------- */
@media screen and (min-width: 540px) {
    .header_img_cover::before {
        background-image: url(/images/2025/header/header_img_bg.png?date=20250109);
        background-repeat: no-repeat;
        background-size: contain;
    }
}

/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（768px） ---------- ---------- */
@media screen and (min-width: 768px) {
	/* ---------- ---------- 【HOME】日向夏と完熟きんかんの紹介  ---------- ---------- */
    .item_brand_column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: clamp(1.875rem, -0.375rem + 9.6vw, 5.625rem);
    }
    /* ---------- 日向夏 ---------- */
    .bg_photo_hyuga_bg {
        display: grid;
    }
    .heading_hyuga {
        margin: auto 0 0;
        display: grid;
        width: 25vw;
        max-width: 263px;
        /* max-width: 104px; */
    }
	/* ---------- 完熟きんかん ---------- */
    .bg_photo_tamatama_bg {
        display: grid;
    }
	.item_brand_heading_wrapper {
        display: grid;
        grid-template-columns: auto auto;
        align-items: center;
    }
    .heading_kinkan {
        margin: 0 0 0 auto;
        display: grid;
        width: 25vw;
        max-width: 263px;
    }
	.heading_kinkan_small {
        padding: 5px 10px;
        grid-template-columns: none;
    }
	/* ---------- ---------- 【HOME】ひなたフルーツフェア応募概要  ---------- ---------- */
    .box_campaign_call_inner {
        display: flex;
        display: grid;
        /* grid-template-columns: min(100%, 20rem - clamp(0.625rem, 0.1202rem + 2.3077vw, 1.5625rem)) auto; */
        /* grid-template-columns: min(100%, 25px + 20rem - clamp(0.625rem, 0.1202rem + 2.3077vw, 1.5625rem)) auto; */
        grid-template-columns: min(100%, 25px + clamp(14.375rem, -2.1767rem + 34.4828vw, 19.375rem)) auto;
        /* width: clamp(14.375rem, -2.1767rem + 34.4828vw, 19.375rem); */
        margin-top: 0;
    }
    /* ---------- 食べて当てちゃおう！ ---------- */
    .box_campaign_call_inner::after {
        display: block;
    }
    .box_campaign_contents {
        grid-area: 1 / 2 / 1 / 3;
    }
    .box_campaign_img {
        /* position: relative; */
        margin: 0;
        top: -48px;
        translate: none;
        left: 25px;
        width: clamp(14.375rem, -2.1767rem + 34.4828vw, 19.375rem);
    }
    .box_campaign_img::before {
        background-image: url(/images/2025/campaign/photo_bg_lap.png?date=20250109);
        background-repeat: no-repeat;
        background-size: contain;
    }
    /* ---------- 応募賞品 ---------- */
    .item_campaign_contents ul {
        background: none;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
    }
	/* ---------- 応募方法 ---------- */
    .item_campaign_app {
        display: grid;
        grid-template-columns: auto auto;
        background: var(--white);
        border: 5px solid var(--yellow);
        border-radius: 15px;
        padding: 25px 25px;
        margin-bottom: 45px;
        column-gap: 10px;
    }
	.heading_campaign_app {
        border-radius: 50%;
        aspect-ratio: 1 / 1;
        width: 100vw;
        max-width: 130px;
        height: 100vw;
        max-height: 130px;
        position: relative;
    }
	.heading_campaign_app > * {
        max-width: 65px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        display: grid;
    }
    /* ---------- ---------- 【HOME】参加店舗一覧  ---------- ---------- */
    /* ---------- 店舗一覧レイアウト ---------- */
    /* .store_wrapper {
        border: 2.5px solid var(--yellow);
        padding-bottom: 20px;
    } */
    .heading_store_large {
        max-width: 430px;
        /* margin-bottom: -36px; */
        position: relative;
        z-index: 1;
    }
    /* .heading_store {
        margin-top: 20px;
    } */
    /* .store_open {
        padding-bottom: 30px;
    } */
    .heading_store small {
        display: block;
    }
    /* ---------- 店舗一覧グリッド ---------- */
    .store_list {
        grid-template-columns: repeat(4, 1fr);
    }

	/* ---------- ---------- フッター ---------- ---------- */
	/* ---------- その他 ---------- */
	.footer_address {
		padding-top: 20px;
        padding-bottom: 25px;
	}
	.footer_address_inner {
		display: grid;
		grid-template-columns: max-content auto;
		justify-content: start;
		column-gap: 20px;
	}
	.contact_head {
        margin-bottom: 0;
    }
	.footer_address_contents {
        justify-items: start;
	}
	.footer_address_company {
		margin-bottom: 0;
	}
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（930px） ---------- ---------- */
@media screen and (min-width: 930px) {
    /* ---------- ---------- 【HOME】リード文 ---------- ---------- */
    .container_white_medium {
        width: min(100%, 14.0865rem + 18.4615vw);
        max-width: 25.625rem;
        margin: 0 auto;
        background: var(--white);
    }
    /* ---------- ---------- ヘッダー ---------- ---------- */
    /* .header_container_inner {
        z-index: 2;
    }
    .header_img_cover {
        z-index: 1;
    } */
    .home_text {
        z-index: 0;
    }
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（992px） ---------- ---------- */
@media screen and (min-width: 992px) {
    /* ---------- ---------- フッター ---------- ---------- */
    footer {
        background: var(--hinata);
    }
    /* ---------- その他 ---------- */
    .footer_address_inner {
        margin: 0;
        display: flex;
        width: 100%;
        align-items: center;
    }
    .footer_address_company {
        display: flex;
        align-items: baseline;
    }
    .footer_address_location {
        display: flex;
        align-items: baseline;
    }
    /* ---------- 公式SNS ---------- */
    .container_footer {
        display: grid;
        grid-template-columns: auto max-content;
        column-gap: 40px;

        margin-left: auto;
        margin-right: auto;
        width: min(100% - clamp(2.5rem, 0.4808rem + 9.2308vw, 6.25rem), -1.375rem + 95.2vw);
        max-width: 1000px;
        align-items: baseline;
    }
    .footer_sns_inner {
        width: 100%;
    }
    .footer_sns {
        background: var(--hinata);
        grid-area: 1 / 2 / 2 / 3;
        /* padding-left: 20px;
        padding-right: 20px; */
    }
}
/* ---------- ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- レスポンシブ（1200px） ---------- ---------- */
@media screen and (min-width: 1200px) {
	body.open {
		overflow-y: auto;
	}
}