第11回ふるさとチョイス大感謝祭2025

<> /* ===== ===== ===== ===== ===== 編集画面用css ===== ===== ===== ===== ===== */ .contents_wide.contents_wide880 #navigation { right: -330px; } .contents_wide .navigation-box { right: 15%; top: 10%; width: 10%; } .ch-container .mv-wrap { display: none; } form { z-index: 100; position: relative; } <> .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 } <> *:where( :not(htmliframecanvasimgsvgvideoaudio):not(svg *symbol *) ) { all: unset; display: revert; } *, *::before, *::after { box-sizing: border-box; } html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } a, button { cursor: revert; } ol, ul, menu, summary { list-: none; } ol { counter-reset: revert; } img { max-inline-size: 100%; max-block-size: 100%; } table { border-collapse: collapse; } input, textarea { -webkit-user-select: auto; } textarea { white-space: revert; } meter { -webkit-appearance: revert; appearance: revert; } :where(pre) { all: revert; box-sizing: border-box; } ::placeholder { color: unset; } :where([hidden]) { display: none; } :where([contenteditable]:not([contenteditable='false'])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } :where([draggable='true']) { -webkit-user-drag: element; } :where(dialog:modal) { all: revert; box-sizing: border-box; } ::-webkit-details-marker { display: none; } <> /* 右袖なしベース　ここから --------------------------------------------------------------*/ /* ----- タイトルとサイドバーの非表示 ----- */ .ttl-h1, .feature-sidebar { display: none; } /* ----- 常にパンくずの非表示 ----- */ nav.nv-bread { display: none; } /* ----- SP時パンくずの非表示 ----- */ /* @media (max-width: 834px)(max-device-width: 834px) { nav.nv-bread { display: none; } } */ /* ----- コンテンツを左右100%表示 ----- */ .page-feature > .inner:not(.nv-bread), .feature-contents { width: 100%; } .feature_body { padding: 0; } .feature_body > :not(:first-child) { margin: 0; } .feature-contents { margin-bottom: 0; } .feature_body sup { font-size: 60%; vertical-align: super; } /* ----- ヘッダーとフッターの余白調整 ----- */ .page-feature > .inner { margin-top: 8px; } @media (max-width: 834px)(max-device-width: 834px) { .page-feature > .inner { margin-top: -6px; } } .footer-global { margin-top: 120px; } @media (max-width: 834px)(max-device-width: 834px) { .footer-global { margin-top: 80px; } } /* 右袖なしベース　ここまで --------------------------------------------------------------*/ <> /* NOヘッダーここから --------------------------------------------------------------*/ header { display: none; } .nv-bread { display: none !important; } #main { margin-top: 0 !important; } div.inner { margin-top: 0 !important; } /* NOフッターここから --------------------------------------------------------------*/ footer > *:not(#ex-link) { display: none; } .footer-global { margin: 0 !important; padding: 0 !important; } /* NOお知らせ欄ここから --------------------------------------------------------------*/ .info-wrap { display: none !important; } <> /* ===== ===== ===== ===== ===== 全体 ===== ===== ===== ===== ===== */ * { font-family: 'Zen Kaku Gothic New'sans-serif; font-weight: 500; font-: normal; } body { background-color: #f2f2e7; } .feature_body { position: relative; display: grid; grid-template-columns: 1fr; } #start, #end { display: none; } /* ===== ===== ===== ===== ===== 使い回すもの ===== ===== ===== ===== ===== */ /* ・・・フォント・・・ */ .lato { font-family: 'Lato'sans-serif; } /* ・・・フォントウェイト・・・ */ .fw-bold { font-weight: 700; } .fw-black { font-weight: 900; } /* ・・・セクション・・・ */ .daikanshasai-section { position: relative; } .daikanshasai-floatillust { position: absolute; } /* イラストの個別制御は下で記述 */ /* ・・・セクションヘッダー・・・ */ .daikanshasai-header { display: grid; } .daikanshasai-header.-left { grid-template-columns: 1fr 8fr; } .daikanshasai-header.-right { grid-template-columns: 8fr 1fr; } /* ・・・セクションヘッダー - 見出し画像の順・・・ */ .daikanshasai-header > .-left { grid-column: 1 / 2; } .daikanshasai-header-image.-right div { left: 0; text-align: start; } /* ・・・セクションヘッダー - 画像見出しの順・・・ */ .daikanshasai-header > .-right { grid-column: 2 / 3; } .daikanshasai-header-image.-left div { right: 0; text-align: end; } /* ・・・セクションヘッダー - 見出し・・・ */ .daikanshasai-header-title { width: fit-content; grid-row: 1 / 2; margin: 32px 16px 0px; font-fauture-settings: initial; writing-mode: vertical-rl; } .daikanshasai-header-title span { display: block; font-size: 44px; font-weight: 900; text-align: end; line-height: 1.2; } /* ・・・セクションヘッダー - 画像・・・ */ .daikanshasai-header-image { position: relative; grid-row: 1 / 2; overflow: hidden; } .daikanshasai-header-image div { position: absolute; width: 155%; overflow: hidden; } .daikanshasai-header-image img { border: solid 3px #000000; border-radius: 20px; box-sizing: border-box; } /* ・・・子ぺーじ大見出し・・・ */ .daikanshasai-simple-header { padding-top: 68px; text-align: center; font-size: 38px; font-weight: 700; color: #ad0003; letter-spacing: -2px; } /* ===== ===== ===== ===== ===== ナビゲーション ===== ===== ===== ===== ===== */ #navigation { position: fixed; top: 40px; right: 0; display: flex; width: 280px; max-width: 86vw; transform: translateX(calc(100% - 35px)); transition: transform 0.3s ease; z-index: 10; } #navigation.is-open { transform: translateX(30px); } .navigation-switch { height: 97px; padding: 10px; border-top: 2px solid #000000; border-bottom: 5px solid #000000; border-left: 2px solid #000000; border-radius: 9px 0 0 9px; background-color: #ad0003; } .navigation-switch-deco { display: flex; flex-direction: column; align-items: flex-end; width: 13px; height: 10px; } .navigation-switch-deco span { transition: 0.5s; } .navigation-switch-deco span:nth-child(1) { display: block; width: 13px; height: 2px; border-radius: 1px; background-color: #ffffff; } .navigation-switch-deco span:nth-child(2) { display: block; width: 10px; height: 2px; margin-top: 2px; border-radius: 1px; background-color: #ffffff; } .navigation-switch-deco span:nth-child(3) { display: block; width: 8px; height: 2px; margin-top: 2px; border-radius: 1px; background-color: #ffffff; } #navigation.is-open .navigation-switch-deco span:nth-child(1) { transform: translate(2px4px) rotate(45deg); width: 15px; } #navigation.is-open .navigation-switch-deco span:nth-child(2) { opacity: 0; } #navigation.is-open .navigation-switch-deco span:nth-child(3) { transform: translate(2px-4px) rotate(-45deg); width: 15px; } .navigation-switch-text { margin-top: 5px; font-size: 13px; color: #ffffff; font-fauture-settings: initial; writing-mode: vertical-rl; text-orientation: upright; line-height: 1; pointer-events: none; } .navigation-box { padding: 28px 16px; border: 2px solid #000000; border-bottom: 5px solid #000000; border-bottom-left-radius: 9px; background-color: #ffffff; } .navigation-inner ul:first-child { padding-bottom: 22px; font-size: 16px; } .navigation-inner ul:first-child li:not(:first-child) { margin-top: 14px; } .navigation-inner ul:last-child { padding-top: 22px; border-top: 1px solid #ad0003; font-size: 14px; } .navigation-inner ul:last-child li:not(:first-child) { margin-top: 10px; } .navigation-inner li { position: relative; } .navigation-inner li.active::before { display: none; content: ''; position: absolute; left: -14px; top: 57%; transform: translateY(-50%); width: 0; height: 0; border: none; width: 8px; height: 10px; background: #000000; clip-path: polygon(0 0100% 50%0 100%); } .material-symbols-outlined { display: inline-block; transform: translateY(4px); padding-left: 4px; font-size: 18px; } .navigation-footer { display: none; } /* ===== ===== ===== ===== ===== メインビジュアル ===== ===== ===== ===== ===== */ #main-visual { position: fixed; z-index: 1; /* display: flex; align-items: center; */ width: 100%; height: 100vh; background-color: #f2f2e7; } .mv-wrap { position: relative; width: 100%; height: 100%; /* aspect-ratio: 125 / 183; */ overflow: hidden; } .mv-wrap img { width: 100%; object-fit: cover; } /* 834px以上 */ @media screen and (min-width: 834px) { .mv-wrap img { height: 100%; margin-top: 0px; } } .mv-content { opacity: 0; position: absolute; transform: translate(-50%-50%) scale(0.5); } /* ・・・ MV - 個別イラスト制御・・・ */ #mv-bg1 { top: 50%; left: 50%; z-index: 1; width: 100%; } #mv-bg2 { top: 50%; left: 50%; z-index: 2; width: 100%; } #mv-bg3 { top: 50%; left: 50%; z-index: 3; width: 100%; } #mv-logo { top: 50%; left: 50%; z-index: 4; width: 100%; } /* 申し込みボタンのCSSは下で記述 */ /* 通常アニメーション */ .show:not(#mv-logo) { animation: bounceIn 1s ease-out forwards, loop 1.8s ease-in-out infinite alternate-reverse 1.8s; } .show#mv-logo { animation: bounceIn 1s ease-out forwards; } /* 大感謝祭LP内遷移用アニメーション */ .show-ref:not(#mv-logo) { opacity: 1; transform: translate(-50%-50%) scale(1); animation: loop 1.8s ease-in-out infinite alternate-reverse 1.8s; } .show-ref#mv-bg2 { animation-delay: 1200ms; } .show-ref#mv-bg3 { animation-delay: 2000ms; } .show-ref#mv-logo { opacity: 1; transform: translate(-50%-50%) scale(1); } @keyframes bounceIn { 0% { opacity: 0; transform: translate(-50%-60%) scale(0.5); } 50% { opacity: 1; transform: translate(-50%-50%) scale(1.15); } 70% { opacity: 1; transform: translate(-50%-50%) scale(0.95); } 100% { opacity: 1; transform: translate(-50%-50%) scale(1); } } @keyframes loop { /* 上←→下 */ 0% { transform: translate(-50%-51%); } 100% { transform: translate(-50%-50%); } } /* ===== ===== ===== ===== ===== 申し込みボタン ===== ===== ===== ===== ===== */ /* ・・・ MVとフロート共通・・・ */ .apply-button-wrap { display: flex; align-items: flex-end; } .apply-button { border: 2px solid #000000; border-bottom: 6px solid #000000; box-sizing: border-box; background: #ad0003; color: #ffffff; line-height: 1; text-align: center; animation: 300ms; } .apply-button.disabled { pointer-events: none; background-color: #999999; line-height: 36px; } /* ・・・ MV ・・・ */ #mv-apply { position: absolute; display: none; bottom: 40px; /* bottom: -30px; */ left: 50%; z-index: 5; transform: translate(-50%-50%); } #mv-apply .apply-button-wrap { width: 413px; height: 75px; } #mv-apply .apply-button { display: flex; flex-direction: column; justify-content: center; width: 413px; height: 75px; padding: 12px; border-radius: 36px; font-size: 22px; } #mv-apply .apply-button span { display: block; margin-top: 8px; font-size: 14px; } #mv-apply .apply-button:hover { height: 73px; border-bottom: 2px solid #000000; } #mv-apply .apply-button-note p { margin-top: 16px; font-size: 12px; text-align: center; } /* ・・・フロート・・・ */ #apply { position: fixed; bottom: 2%; left: 50%; z-index: 20; transform: translateX(-50%); transition: 0.3s; } #apply.apply-button-wrap { align-items: center; flex-direction: column; justify-content: flex-end; } #apply .apply-button { display: block; width: 300px; height: 72px; padding: 14px; border-radius: 40px; font-size: 16px; } #apply .apply-button:hover { height: 70px; border-bottom: 2px solid #000000; } #apply .apply-button-note { display: block; margin-top: 8px; line-height: 1.2em; font-size: 12px; text-align: center; } /* ===== ===== ===== ===== ===== モーダル ===== ===== ===== ===== ===== */ .-feature-modal { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; visibility: hidden; opacity: 0; transition: 0.5s; } .-feature-modal.is-open { visibility: visible; opacity: 1; } .-feature-modal__bg { background-color: rgba(0000.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .-feature-modal__content { background-color: #fff; box-sizing: border-box; width: min(560px80%); max-height: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%-50%); box-shadow: 0 0 10px rgba(0000.8); border: 2px solid #ad0003; border-radius: 32px; z-index: 1; } .-feature-modal__inner { box-sizing: border-box; height: 100%; padding: 32px 24px; overflow-y: auto; } .-feature-modal__close { background-color: transparent; width: 32px; height: 32px; border: none; position: absolute; top: 10px; right: 10px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: 0.3s; } .-feature-modal__close::before, .-feature-modal__close::after { content: ''; width: 80%; border-top: 3px solid #666; position: absolute; top: 50%; left: 50%; transform: translate(-50%-50%) rotate(45deg); } .-feature-modal__close::after { transform: translate(-50%-50%) rotate(-45deg); } .-feature-modal__close:hover { opacity: 0.7; } html[data-modal-open='true'] body { width: 100%; position: fixed; overflow: hidden; } @media only screen and (min-width: 835px)(min-device-width: 835px) { .-feature-modal__inner { padding: 65px; } .-feature-modal__close { width: 40px; height: 40px; } .-feature-modal__close::before, .-feature-modal__close::after { border-top-width: 4px; } } /* 中身 */ .-feature-modal__inner h2 { margin-top: 16px; text-align: center; font-size: 24px; color: #ad0003; } .-feature-modal__inner > *:not(:first-child) { margin-top: 24px; } .-feature-modal__inner div span { display: block; font-size: 18px; text-align: center; } .-feature-link-modal { position: relative; } /* ===== ===== ===== ===== ===== メインコンテンツ ===== ===== ===== ===== ===== */ #main-content { position: relative; z-index: 2; width: 100vw; padding-top: 80px; overflow: clip; } /* 子ページではpadding-topをなくす */ #main-content.-subpage { padding-top: 0px; } #spacer { height: calc(100vh - 80px); min-height: 650px; /* aspect-ratio: 15 / 19; */ pointer-events: none; } .fade-in { opacity: 0; transform: translateY(30px); transition: opacity 0.8s easetransform 0.8s ease; } .fade-in.visible { opacity: 1; transform: translateY(0); } /* ===== ===== ===== ===== ===== 個別イラスト制御 ===== ===== ===== ===== ===== */ #fisherman { top: -74px; left: 122px; animation: animation-a 1.8s ease-in-out infinite alternate-reverse; } #farmer { top: -15px; left: -35px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; animation-delay: 0.3s; } #hero { top: 8px; right: -12px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; } #tasting { top: -87px; right: 25px; animation: animation-c 1.8s ease-in-out infinite alternate-reverse; } #microphone { top: -100px; right: -24px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; } #fun { top: -62px; right: 92px; } #attracting { top: -86px; left: 46px; animation: animation-a 1.8s ease-in-out infinite alternate-reverse; } #yuruchara { top: -58px; left: 15px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; animation-delay: -1.8s; } #camera { top: -38px; right: -12px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; } #find { top: 8px; left: 16px; } #jk { top: -72px; right: 90px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; animation-delay: -0.9s; } #family { top: 27px; right: -27px; animation: animation-b 1.8s ease-in-out infinite alternate-reverse; } #look { top: 6px; left: 26px; } #crab { top: -38px; right: 29px; animation: animation-a 1.8s ease-in-out infinite alternate-reverse; animation-delay: -0.9s; } @keyframes animation-a { /* 右上←→左下 */ 0% { transform: translate(2px-2px); } 100% { transform: translate(03px); } } @keyframes animation-b { /* 左上←→右下 */ 0% { transform: translate(2px3px); } 100% { transform: translate(0-3px); } } @keyframes animation-c { /* 上←→下 */ 0% { transform: translate(0-3px); } 100% { transform: translate(01px); } } /* ===== ===== ===== ===== ===== ふるさとチョイス大感謝祭とは ===== ===== ===== ===== ===== */ #about { background-color: #00b0ce; color: #ffffff; scroll-margin-top: 80px; } #about-lastyear { background-color: #179cb1; } /* 終了表示 */ #about-finished { padding-top: 160px; } .about-finished-wrap { margin-inline: 16px; padding: 32px 16px; border-radius: 20px; background-color: #ffffff; } .about-finished-wrap p { color: #000000; } .about-finished-wrap p:not(:first-child) { margin-top: 16px; } /* メインのところ */ .about-text-wrap { padding: 26px 16px 60px; } .about-text-lead { font-size: 22px; } .about-text { margin-top: 20px; } .about-text p { margin-top: 14px; line-height: 22px; } /* 昨年の様子のところ */ .about-lastyear-text { position: relative; padding: 85px 16px 0px; } .about-lastyear-text span { display: block; text-align: center; } .about-lastyear-text::before { content: url('/_custom/img/check.png'); position: absolute; top: -5px; left: -3%; display: block; transform: scale(0.5); } .about-lastyear-youtube { width: calc(100% - 32px); padding: 18px 16px 100px; aspect-ratio: 16 / 9; box-sizing: content-box; } .about-lastyear-youtube iframe { width: 100%; height: 100%; } /* ===== ===== ===== ===== ===== 大感謝祭の楽しみ方 ===== ===== ===== ===== ===== */ #enjoy { background-color: #41bd86; color: #ffffff; scroll-margin-top: 92px; } #enjoy-main { position: relative; margin-top: 54px; } /* カルーセル */ .enjoy-carousel-wrap { overflow: hidden; } .enjoy-carousel { position: relative; display: flex; width: 92%; margin-left: 4%; transition: transform 0.5s ease; } /* カード */ .enjoy-card { flex: 0 0 100%; box-sizing: border-box; padding-inline: 2%; } .enjoy-card-inner { border: 3px solid #000000; border-radius: 20px; overflow: hidden; } .enjoy-card-imagebox { border-bottom: 3px solid #000000; } .enjoy-card-imagebox img { width: -webkit-fill-available; } .enjoy-card-textbox { height: 408px; padding: 20px 24px 0px; background-color: #ffffff; } .enjoy-card-title { font-size: 30px; color: #29a87f; } .enjoy-card-lead { font-size: 22px; letter-spacing: -0.1px; color: #000000; } .enjoy-card-text { margin-top: 8px; font-size: 16px; color: #000000; } /* 前へ後ろへボタン */ .enjoy-prev, .enjoy-next { position: absolute; top: 40%; transform: translateY(-50%); width: 40px; height: 40px; border: none; border-radius: 50%; background: rgba(0000.6); cursor: pointer; z-index: 10; display: flex; align-items: center; justify-content: center; } .enjoy-prev { left: 8px; } .enjoy-next { right: 8px; } .enjoy-prev::before, .enjoy-prev::after, .enjoy-next::before, .enjoy-next::after { content: ''; position: absolute; display: block; width: 12px; height: 2px; background-color: #ffffff; border-radius: 1px; } .enjoy-prev::before { bottom: 39%; right: 37%; transform: rotate(45deg); } .enjoy-prev::after { top: 39%; right: 37%; transform: rotate(-45deg); } .enjoy-next::before { top: 39%; left: 37%; transform: rotate(45deg); } .enjoy-next::after { bottom: 39%; left: 37%; transform: rotate(-45deg); } .enjoy-prev::before { margin-left: 2px; } .enjoy-next::before { margin-right: 2px; } .enjoy-prev:disabled, .enjoy-next:disabled { opacity: 0.3; cursor: default; } /* ページネーション */ .enjoy-pagination { text-align: center; margin-top: 26px; } .enjoy-pagination button { width: 12px; height: 12px; margin: 0 6px; border-radius: 50%; border: none; background: #d9d9d9; cursor: pointer; } .enjoy-pagination button.active { background: #ffffff; } /* ===== ===== ===== ===== ===== キャンペーン ===== ===== ===== ===== ===== */ #enjoy-campaign { margin-top: 80px; padding-inline: 16px; padding-bottom: 60px; } /* タイトル */ .campaign-title { text-align: center; font-size: 24px; line-height: 34px; } .campaign-lead { margin-top: 20px; font-size: 14px; line-height: 22px; } .campaign-image { margin-top: 20px; box-sizing: border-box; border: 3px solid #000000; border-radius: 20px; overflow: hidden; } .campaign-image img { width: 100%; } /* 参加方法 */ .campaign-howto-heading { text-align: center; } .campaign-howto-heading h4 { margin-top: 16px; font-size: 22px; color: #ad0003; } .campaign-howto-heading p { margin-top: 8px; letter-spacing: 0px; } .campaign-howto-note { margin-top: 8px; font-size: 12px; text-align: center; letter-spacing: 0px; } .campaign-howto-image { margin-top: 24px; padding-inline: 16px; } /* アプリ */ .campaign-app-box h4 { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 32px; margin-bottom: 32px; font-size: 22px; letter-spacing: -1px; } .feature-format__box.-bg { border-radius: 20px; } .feature-format__title-m { position: relative; text-align: center; color: #ad0003; } .feature-format__title-m::before, .feature-format__title-m::after { content: ''; position: absolute; display: block; width: 0; height: 30px; border-left: #ad0003 3px solid; } .feature-format__title-m::before { top: 4px; left: 240px; transform: rotate(-30deg); } .feature-format__title-m::after { top: 4px; right: 240px; transform: rotate(30deg); } .app-download__container { display: flex; justify-content: space-around; margin-top: 40px; } .campaign-app-box div:nth-child(3) { margin-top: 24px; } .app-download__box { display: flex; align-items: center; } .app-download__qr { display: block; width: 104px; margin-inline: auto; } .app-download__button { display: flex; align-items: center; justify-content: center; gap: 16px; } .app-download__button:hover { opacity: 0.85; } .title__wrap { width: fit-content; margin-inline: auto !important; } @media only screen and (max-width: 834px) and (max-device-width: 834px) { .feature-format__title-m::before { left: -16px; } .feature-format__title-m::after { right: -16px; } } .app-download__area { width: 80%; margin-inline: auto !important; text-align: center; } /* キャンペーン概要 */ .enjoy-campaign-about-box { margin-top: 20px; padding: 30px 26px; border-radius: 16px; background-color: #ffffff; } .enjoy-campaign-about-box .campaign-about-title { text-align: center; font-size: 20px; line-height: 34px; color: #000000; } .enjoy-campaign-about-box .campaign-about-text { padding-top: 8px; font-size: 14px; line-height: 28px; color: #000000; } .enjoy-campaign-about-box .campaign-about-text dt { margin-top: 28px; font-weight: 700; } /* ボタン */ .campaign-button-wrap { display: flex; align-items: flex-end; width: 273px; height: 54px; margin-top: 32px; margin-inline: auto; } .campaign-button { position: relative; display: block; width: 100%; height: 54px; padding-block: 7px; border: 2px solid #000000; border-bottom: 6px solid #000000; border-radius: 27px; box-sizing: border-box; background: #ffffff; color: #000000; font-size: 20px; line-height: 32px; text-align: center; animation: 300ms; } .campaign-button::before, .campaign-button::after { content: ''; position: absolute; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #000000; } .campaign-button::before { top: calc(50% - 4px); right: 18px; transform: rotate(45deg); } .campaign-button::after { right: 18px; bottom: calc(50% - 4px); transform: rotate(-45deg); } .campaign-button:hover { height: 52px; border-bottom: 2px solid #000000; } /* ===== ===== ===== ===== ===== タイムテーブル ===== ===== ===== ===== ===== */ #enjoy-timetable { padding-top: 60px; padding-bottom: 100px; background-color: #29a87f; color: #ffffff; } .timetable-title { margin-inline: 16px; text-align: center; color: #ffffff; font-size: 24px; line-height: 34px; } .timetable-lead { margin-top: 20px; margin-inline: 16px; color: #ffffff; font-size: 14px; line-height: 22px; } .timetable { position: relative; width: 375px; margin-top: 28px; margin-inline: auto; overflow: clip; } /* ボタン */ .timetable-buttons { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: flex-end; height: 54px; padding: 12px 16px; box-sizing: content-box; background-color: #29a87f; } .timetable-button { display: flex; flex-direction: row; justify-content: center; align-items: baseline; width: 162px; height: 46px; text-align: center; background-color: #29a87f; box-sizing: content-box; border: 2px solid #000000; border-bottom: 6px solid #000000; border-radius: 10px; color: #ffffff; cursor: pointer; user-select: none; } .timetable-button.active { border-bottom: 2px solid #000000; background-color: #ffffff; color: #29a87f; font-weight: bold; } .timetable-button span:first-child { padding-left: 12px; font-size: 26px; line-height: 45px; } .timetable-button span:last-child { font-size: 10px; line-height: 45px; } /* 時間 */ .timetable-background-time { width: 54px; margin-top: 72px; padding-top: 18px; border-block: 3px solid #000000; background-color: #ffffff; text-align: center; color: #000000; } .timetable-background-time span { display: block; line-height: 64px; font-size: 18px; font-family: 'Lato'sans-serif; font-weight: 700; } /* 箱 */ .timetable-content-wrap { display: flex; width: 626px; margin-top: 28px; transition: transform 0.3s ease; } .timetable-content { width: 286px; box-sizing: border-box; } .timetable-content:first-child { padding-left: 16px; } .timetable-content:last-child { padding-right: 16px; } /* 中身 */ .timetable-date { text-align: center; } .timetable-date span:first-child { font-size: 36px; line-height: 64px; } .timetable-date span:last-child { font-size: 14px; line-height: 64px; } .timetable-inner { position: relative; width: 270px; border: 3px solid #000000; border-radius: 20px; background-color: #ffffff; } .timetable-content:first-child .timetable-inner { border-right: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .timetable-content:last-child .timetable-inner { border-left: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* 罫線 */ .timetable-background { display: flex; pointer-events: none; } .timetable-content:first-child .timetable-background { padding-inline: 20px 8px; } .timetable-content:last-child .timetable-background { padding-inline: 8px 20px; } .timetable-background-line { margin-block: 50px; } .timetable-background-line div { width: 240px; height: 64px; border-bottom: 1px solid #afaeae; } .timetable-background-line div:first-child { height: 0px; } /* 中身 */ .timetable-event { position: absolute; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding-block: 50px; } .timetable-content:first-child .timetable-event { padding-inline: 24px 10px; } .timetable-content:last-child .timetable-event { padding-inline: 10px 24px; } .timetable-event div { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-inline: 4px; border-radius: 5px; } .timetable-event div span:first-child { display: inline-block; height: 23px; line-height: 23px; font-size: 14px; font-family: 'Lato'sans-serif; font-weight: 700; } .timetable-event div span:last-child { display: inline-block; width: 176px; height: 23px; line-height: 23px; font-size: 12px; letter-spacing: -0.5px; } /* 注意事項 */ .timetable-note { margin-top: 20px; margin-inline: 16px; text-align: center; font-size: 12px; line-height: 18px; } /* ===== ===== ===== ===== ===== 参加自治体・企業一覧 ===== ===== ===== ===== ===== */ #participants { scroll-margin-top: 88px; } /* 見出しのところ */ #participants-header { background-color: #ffd400; } #participants-header .daikanshasai-header { padding-bottom: 70px; } /* 中身のところ */ #participants-list { background-color: #eaab1f; } .participants-list { position: relative; padding-top: 52px; } .participants-list-item { padding: 20px 16px 0px; border-bottom: 6px solid #ffffff; } .participants-list-inner { overflow: hidden; border-radius: 10px 10px 0 0; background-color: #ffffff; } .participants-list-header { display: flex; align-items: center; justify-content: space-between; padding: 18px 16px 12px; } .participants-list-title { font-size: 24px; } /* アコーディオンのボタン */ .participants-list-button { position: relative; width: 28px; height: 28px; } .participants-list-button:hover .participants-list-icon { top: 2px; } .participants-list-icon { position: relative; top: 0; z-index: 2; width: 28px; height: 28px; box-sizing: border-box; border: 2px solid #000000; border-radius: 50%; transition: 150ms cubic-bezier(0.510.891); } .participants-list-icon span { position: absolute; top: 50%; left: 50%; width: 12px; height: 2px; border-radius: 1px; background-color: #ffffff; transition: transform 0.3s cubic-bezier(0.510.891); } .participants-list-icon span:first-child { transform: translate(-50%-50%) rotate(90deg); } .participants-list-icon span:last-child { transform: translate(-50%-50%); } .participants-list-bg::before { content: '開く'; position: absolute; top: 40%; right: 10px; transform: translate(-50%-50%); display: block; width: 48px; font-size: 14px; font-weight: 700; text-align: end; transition: opacity 150ms cubic-bezier(0.510.891); } .participants-list-bg::after { content: '閉じる'; position: absolute; top: 40%; right: 10px; transform: translate(-50%-50%); display: block; width: 48px; font-size: 14px; font-weight: 700; text-align: end; color: #eaab1f; opacity: 0; transition: opacity 150ms cubic-bezier(0.510.891); } .participants-list-bg { position: absolute; top: 2px; left: 0; z-index: 1; width: 28px; height: 28px; box-sizing: border-box; border: 2px solid #000000; border-radius: 50%; background-color: #000000; } /* 個別色 */ .-hokkaido .participants-list-icon { background-color: #6c5bb2; } .-hokkaido .participants-list-bg::before, .-hokkaido .participants-list-bg::after { color: #6c5bb2; } .-tohoku .participants-list-icon { background-color: #2b9dc1; } .-tohoku .participants-list-bg::before, .-tohoku .participants-list-bg::after { color: #2b9dc1; } .-kanto .participants-list-icon { background-color: #30c4c4; } .-kanto .participants-list-bg::before, .-kanto .participants-list-bg::after { color: #30c4c4; } .-chubu .participants-list-icon { background-color: #41bd86; } .-chubu .participants-list-bg::before, .-chubu .participants-list-bg::after { color: #41bd86; } .-kinki .participants-list-icon { background-color: #97c41e; } .-kinki .participants-list-bg::before, .-kinki .participants-list-bg::after { color: #97c41e; } .-chugoku .participants-list-icon { background-color: #eaab1f; } .-chugoku .participants-list-bg::before, .-chugoku .participants-list-bg::after { color: #eaab1f; } .-shikoku .participants-list-icon { background-color: #e76c06; } .-shikoku .participants-list-bg::before, .-shikoku .participants-list-bg::after { color: #e76c06; } .-kyushu .participants-list-icon { background-color: #e56e9a; } .-kyushu .participants-list-bg::before, .-kyushu .participants-list-bg::after { color: #e56e9a; } /* アコーディオンが開いてる時 */ .participants-list-inner[open] .participants-list-icon span:first-child { transform: translate(-50%-50%) rotate(135deg); } .participants-list-inner[open] .participants-list-icon span:last-child { transform: translate(-50%-50%) rotate(45deg); } .participants-list-inner[open] .participants-list-bg::before { opacity: 0; } .participants-list-inner[open] .participants-list-bg::after { opacity: 1; } /* アコーディオン中身 */ .participants-list-text { padding: 0 16px 30px; } /* 企業 */ #company-list { padding: 80px 16px 94px; } .company-title { text-align: center; color: #ffffff; font-size: 24px; line-height: 34px; } .company-lead { margin-top: 20px; color: #ffffff; font-size: 14px; line-height: 22px; } .company-list-item { margin-top: 36px; padding: 32px 14px; background-color: #ffffff; border-radius: 20px; } .company-list-item:first-child { margin-top: 20px; } .company-list-item dt { text-align: center; } .company-list-item dt img { width: 186px; } .company-list-item dd { margin-top: 24px; font-size: 16px; line-height: 24px; } .company-list-item dd .feature-anchor { margin-top: 16px; } /* ===== ===== ===== ===== ===== これまでの大感謝祭 ===== ===== ===== ===== ===== */ #archives { scroll-margin-top: 80px; } #archives-header { padding-bottom: 26px; background-color: #f79100; color: #ffffff; } #archives-list { padding: 60px 51px; background-color: #e76c06; } /* ボタン */ .archives-button-wrap { display: flex; align-items: flex-end; width: 100%; height: 54px; margin-top: 10px; } .archives-button { position: relative; display: block; width: 100%; height: 54px; padding-block: 7px; border: 2px solid #000000; border-bottom: 6px solid #000000; border-radius: 27px; box-sizing: border-box; background: #ffffff; color: #000000; font-size: 20px; line-height: 32px; text-align: center; animation: 300ms; } .archives-button::before, .archives-button::after { content: ''; position: absolute; display: block; width: 10px; height: 2px; border-radius: 1px; background-color: #000000; } .archives-button::before { top: calc(50% - 4px); right: 18px; transform: rotate(45deg); } .archives-button::after { right: 18px; bottom: calc(50% - 4px); transform: rotate(-45deg); } .archives-button:hover { height: 52px; border-bottom: 2px solid #000000; } /* ===== ===== ===== ===== ===== フッター ===== ===== ===== ===== ===== */ #footer { padding-top: 66px; padding-bottom: 120px; background-color: #f2f2e7; } .footer-choice { width: fit-content; margin-inline: auto; } .footer-choice img { width: 183px; } .footer-sns { width: 292px; margin-inline: auto; padding-top: 40px; } .footer-sns ul { display: flex; gap: 44px; } .footer-sns img { width: 40px; } .footer-link { display: block; width: fit-content; margin-inline: auto; padding-top: 50px; font-size: 12px; line-height: 26px; } .footer-copyright { display: block; width: fit-content; margin-inline: auto; font-size: 12px; line-height: 26px; } /* ===== ===== ===== ===== ===== モーダル ===== ===== ===== ===== ===== */ body.modal-open { overflow: hidden; } .external-modal { position: fixed; inset: 0; background: rgba(0000.5); z-index: 1000; display: flex; justify-content: center; align-items: center; opacity: 0; pointer-events: none; transition: opacity 0.5s ease; } .external-modal.modal-open { opacity: 1; pointer-events: auto; } .external-modal-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%-50%); } .external-modal-close-button { position: absolute; top: 20px; right: 16px; z-index: 99; padding: 16px; border: 0; cursor: pointer; overflow: hidden; background: none; } .external-modal-close-button::before { content: ''; position: absolute; top: 0; right: 12px; width: 2px; height: 16px; background-color: #16160e; transform: rotate(-45deg); } .external-modal-close-button::after { content: ''; position: absolute; top: 0; right: 12px; width: 2px; height: 16px; background-color: #16160e; transform: rotate(45deg); } .external-modal-close-button > span { font-size: 10px; white-space: nowrap; position: absolute; z-index: -1; opacity: 0; } .external-modal-body { box-sizing: border-box; width: calc(100vw - 32px); max-width: 480px; border-radius: 32px; overflow-y: auto; background: #ffffff; text-align: center; } .external-modal-header { padding: 16px; border-bottom: 1px solid #e5e5e5; position: relative; box-sizing: border-box; } .external-modal-title { font-size: 20px; font-weight: bold; text-align: center; } .external-modal-main { position: relative; padding: 24px 0 40px; } .external-modal-text { margin-top: 0 !important; margin-bottom: 0 !important; } .external-modal-text p { font-size: 14px; text-align: center; } .external-modal-footer { box-sizing: border-box; padding: 0 24px 24px; overflow: hidden; } .external-modal-button { display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 100%; height: 48px; background-color: #ad0003; color: #ffffff; line-height: 48px; font-size: 14px; font-weight: bold; border-radius: 24px; transition: all 0.3s; box-sizing: border-box; text-align: center; } .external-modal-button:hover { opacity: 0.85; } .external-modal-button .material-symbols-outlined { transform: translateY(0px); } /* ===== ===== ===== ===== ===== メディアクエリ ===== ===== ===== ===== ===== */ /* 高さが700px以上 */ @media screen and (min-height: 700px) and (max-width: 500px) { @keyframes bounceIn { 0% { opacity: 0; transform: translate(-50%-60%) scale(0.6); } 50% { opacity: 1; transform: translate(-50%-50%) scale(1.25); } 70% { opacity: 1; transform: translate(-50%-50%) scale(1.05); } 100% { opacity: 1; transform: translate(-50%-50%) scale(1.1); } } @keyframes loop { /* 上←→下 */ 0% { transform: translate(-50%-51%) scale(1.1); } 100% { transform: translate(-50%-50%) scale(1.1); } } #spacer { height: calc(100vh - 20px); } } /* 高さが800px以上 */ @media screen and (min-height: 800px) and (max-width: 500px) { @keyframes bounceIn { 0% { opacity: 0; transform: translate(-50%-60%) scale(0.7); } 50% { opacity: 1; transform: translate(-50%-50%) scale(1.35); } 70% { opacity: 1; transform: translate(-50%-50%) scale(1.15); } 100% { opacity: 1; transform: translate(-50%-50%) scale(1.2); } } @keyframes loop { /* 上←→下 */ 0% { transform: translate(-50%-51%) scale(1.2); } 100% { transform: translate(-50%-50%) scale(1.2); } } #spacer { height: calc(100vh - 40px); } } /* 高さが900px以上 */ @media screen and (min-height: 900px) and (max-width: 500px) { @keyframes bounceIn { 0% { opacity: 0; transform: translate(-50%-60%) scale(0.75); } 50% { opacity: 1; transform: translate(-50%-50%) scale(1.4); } 70% { opacity: 1; transform: translate(-50%-50%) scale(1.2); } 100% { opacity: 1; transform: translate(-50%-50%) scale(1.25); } } @keyframes loop { /* 上←→下 */ 0% { transform: translate(-50%-51%) scale(1.25); } 100% { transform: translate(-50%-50%) scale(1.25); } } #spacer { height: calc(100vh - 30px); } } /* 380px以上 */ @media screen and (min-width: 380px) { .daikanshasai-header { height: 115vw; } } /* 480px以上 */ @media screen and (min-width: 480px) { #main-visual { width: 375px; /* padding-bottom: 0; */ } /* #spacer { height: calc(100vh - 80px); } */ #main-content { width: 375px; } .daikanshasai-header { height: unset; } #navigation { top: 0; right: 0; display: block; width: calc(100% - 375px); height: 100%; transform: unset; background-color: #f2f2e7; } .navigation-switch { display: none; } .navigation-box { display: flex; flex-direction: column; justify-content: space-between; height: 100vh; padding: 100px 16px 40px 32px; border: none; border-radius: unset; background-color: #f2f2e7; } .navigation-inner { max-width: 185px; } .navigation-inner li.active::before { display: block; } .navigation-footer { display: block; margin-top: 24px; } .navigation-footer-choice { width: 160px; } .navigation-footer-sns { width: 160px; padding-top: 22px; } .navigation-footer-sns ul { display: flex; gap: 24px; } .navigation-footer-sns img { width: 22px; } .navigation-footer-link { display: block; width: fit-content; padding-top: 22px; font-size: 12px; line-height: 26px; } .navigation-footer-copyright { display: block; width: fit-content; font-size: 12px; line-height: 26px; } #apply { left: calc(375px / 2); } #spacer { width: 375px; } #archives-list { padding-bottom: 120px; } section#footer { display: none; } } /* 700px以上 */ @media screen and (min-width: 700px) { #main-visual { width: 425px; } .mv-wrap { height: unset; aspect-ratio: 125 / 248; } #spacer { width: 425px; height: unset; aspect-ratio: 1 / 2; } #main-content { width: 425px; } #navigation { width: calc(100% - 425px); } #mv-apply { display: block; } #mv-apply .apply-button-wrap.sp { width: 300px; height: 54px; } #apply { left: calc(425px / 2); } #apply.is-hidden { opacity: 0; visibility: hidden; } } /* 834px以上 */ @media screen and (min-width: 834px) { .feature_body { grid-template-columns: 1fr 375px; } #main-visual { grid-column: 1/2; position: relative; width: 100%; height: 100%; min-width: calc(1120px - 375px); } .mv-wrap { position: sticky; top: 0; max-width: 120vh; height: 100vh; margin-left: auto; } .mv-content { width: 100%; height: 100%; padding: 40px 0 140px; } #main-content { grid-column: 2 / 3; width: 375px; padding-top: 104px; } #navigation { right: -100%; } #spacer, #apply { display: none; } #navigation { top: 117px; right: 0; display: flex; width: 280px; max-width: 86vw; transform: translateX(calc(100% - 35px)); background-color: inherit; } .navigation-switch { display: block; } .navigation-box { display: block; height: fit-content; padding: 28px 16px; border: 2px solid #000000; border-bottom: 5px solid #000000; border-bottom-left-radius: 9px; background-color: #ffffff; } .navigation-inner li.active::before { display: none; } .navigation-footer { display: none; } #mv-apply { display: block; } .enjoy-prev, .enjoy-next { display: block; } #archives-list { padding-bottom: 60px; } section#footer { display: block; } } /* 1200px以上 */ @media screen and (min-width: 1200px) { .feature_body { grid-template-columns: 3fr 375px 1fr; } #main-visual { position: fixed; width: calc((100% - 375px) * 3 / 4); min-width: unset; } #main-content { width: 375px; } .mv-wrap { height: 100%; } #navigation { position: relative; grid-column: 3/4; top: 0; right: unset; display: block; width: auto; height: 100%; transform: unset; background-color: #f2f2e7; } .navigation-switch { display: none; } .navigation-box { position: fixed; display: flex; flex-direction: column; justify-content: space-between; height: 100vh; padding: 100px 16px 40px 32px; border: none; border-radius: unset; background-color: #f2f2e7; } .navigation-inner { max-width: 190px; } .navigation-inner li.active::before { display: block; } .navigation-footer { display: block; margin-top: 24px; } .navigation-footer-choice { width: 160px; } .navigation-footer-sns { width: 160px; padding-top: 22px; } .navigation-footer-sns ul { display: flex; gap: 24px; } .navigation-footer-sns img { width: 22px; } section#footer { display: none; } }

第11回「ふるさとチョイス大感謝祭」は閉幕いたしました。

全国から集まった160以上の自治体や地域の皆さまと、様々なふるさととの出会いを楽しみに会場にお越しいただいた皆さまのおかげで、今年も無事盛況のうちに終了することができました。ありがとうございます。

今年のテーマである「つたえる想い、つながる未来」。
それぞれの想いを伝え合い、交流し、地域への新たな発見やつながりを感じていただけていたら幸いです。

ふるさと納税が“ふるさと”のどんな未来を描いていくのか。
その物語を、これからもふるさとチョイスと一緒につくっていきましょう。

ふるさとチョイス大感謝祭とは

ふるさと納税を通じた
想いが循環する特別な2日間

「ふるさとチョイス大感謝祭」は、地域で頑張る人と、それを応援する人が直接ふれあい、心を通わせるための特別な2日間です。

第11回のテーマは「つたえる想い、つながる未来」。

地域を「応援したい」という想い、そして感謝の気持ちの「ありがとう」が行き交う場です。

それぞれの想いを伝え合い、交流し、地域への新たな発見やつながりを感じていただけたら嬉しいです。

そして、そこで生まれたつながりが、これからも続いていくことを願っています。

「ふるさとチョイス大感謝祭」には全国160以上の自治体が集結。ぜひ会場でふれあいながら、地域の魅力を感じてみてください。

ふるさと納税が“ふるさと”のどんな未来を描いていくのか——その物語を、私たちと一緒につくっていきませんか？

皆さまのご参加を、心よりお待ちしています！

昨年の様子を動画でチェック

大感謝祭の楽しみ方

地域の魅力を知る

全国160以上の地域の魅力に触れよう

＜ふるさとチョイス大感謝祭＞は地域で頑張る人たちや、ふるさと納税でつながった地域の魅力に直接触れ合う場でもあります。会場では地域の特産品や体験、魅力を、そこに込める想いやこだわりに触れながら知ることができます。知らなかった地域との新しい出逢いも、きっと待っているはずです！
想いをつたえる

直接交流して想いを伝え、「ふるさと」を見つけよう

自治体ブースやステージでは、ふるさと納税を活かした取り組みもご紹介！直接の交流は「もっと知りたい」「応援したい」そんな想いにしてくれるものばかり。そして、そんな想いの先に「ふるさと納税の本来の意義や可能性」が見えてくるかもしれません。あなたの応援したい「ふるさと」をぜひ、見つけてみてください！
未来につながる

今日の出会いから、地域とあなたの未来をひらこう

想いを伝えられたなら、もうそこから新しい関係が始まっています。ふるさとチョイスで継続的に応援する、実際に訪れてみる、何かの形で関わってみる。その先には、誰かの挑戦が続いていたり、新しい物語が待っているかもしれません。「つたえる想い、つながる未来」。この場が、その第一歩になりますように。

地域の特産品がもらえる！
当日会場限定キャンペーン

当日ご来場の上、スタンプラリーに参加すると抽選で地域の特産品がもらえる！

CHECK！

事前に「ふるさとチョイスアプリ」の
ダウンロードとログインをしておくと
当日会場でスタンプラリー1マスをスムーズにゲット！

※会場でアプリからのチェックインが必要です

詳細はこちら

※ふるさとチョイスアプリをダウンロードしなくても、
スタンプラリーにはご参加いただけます。
ただし、一部の参加条件として、アプリでのログインや
チェックインが必要となります。

さっそくアプリを
ダウンロード！

エラーが表示されたり、ログインできない場合は以下のリンクをご確認、お試しいただけますようお願いいたします。ログインできない／会員登録済みか確認したい

キャンペーン概要

応募期間: 2025年11月8日（土）・9日（日）
ふるさとチョイス大感謝祭開催時間
賞品: ふるさとチョイスに掲載されているお礼の品（出展自治体の特産品、その他特産品）
応募条件: ふるさとチョイス大感謝祭へ来場の上、スタンプラリーに参加。
抽選: 抽選結果は会場にて発表され、当選した方はその場で賞品を受け取ることができます。当選されなかった方には参加賞があります。

賞品一覧はこちら

地域の魅力にふれる
ステージプログラム

参加自治体が魅力をご紹介するプログラムやご当地キャラクターのショー、地域の地酒の振る舞いステージなど楽しい企画が盛りだくさん！

11/8（土）

9:30鏡開き＆ふるまい酒セレモニー

10:10ふるさと納税プチ講座

11:00まちのすごいところベスト3

12:00まちのすごいところベスト3

13:00まちのすごいところベスト3

14:00ご当地キャラSHOW

15:00ネクストジェネレーショントーク

16:00まちのすごいところベスト3

11/9（日）

10:00鏡開き＆ふるまい酒セレモニー

10:40ふるさと納税プチ講座

11:30まちのすごいところベスト3

12:30まちのすごいところベスト3

13:30ご当地キャラSHOW

14:30ネクストジェネレーショントーク

15:30まちのすごいところベスト3

※ステージの時間・内容は変更になる可能性がございます。

自治体・企業一覧

北海道

北海道旭川市・北海道厚岸町・北海道池田町・北海道浦河町・北海道枝幸町・北海道上士幌町・北海道白老町・北海道白糠町・北海道標茶町・北海道標津町・北海道千歳市・北海道月形町・北海道鶴居村・北海道当麻町・北海道洞爺湖町・北海道苫前町・北海道豊富町・北海道沼田町・北海道根室市・北海道登別市・北海道函館市・北海道羽幌町・北海道浜中町・北海道深川市・北海道富良野市・北海道別海町・北海道森町・北海道紋別市・北海道むかわ町・北海道利尻富士町・北海道留萌市
東北

青森県三戸町・秋田県男鹿市・秋田県大館市・秋田県大仙市・秋田県由利本荘市・岩手県奥州市・岩手県西和賀町・岩手県花巻市・岩手県宮古市・岩手県山田町・宮城県岩沼市・宮城県大河原町・宮城県亘理町・山形県大江町・山形県尾花沢市・山形県上山市・山形県庄内町・山形県天童市・山形県東根市・山形県村山市・福島県柳津町
関東

茨城県かすみがうら市・茨城県境町・茨城県古河市・茨城県常陸大宮市・茨城県日立市・茨城県龍ケ崎市・埼玉県北本市・千葉県富津市・神奈川県鎌倉市
中部

新潟県三条市・新潟県燕市・新潟県南魚沼市・新潟県妙高市・石川県小松市・福井県福井市・山梨県甲斐市・山梨県甲府市・山梨県韮崎市・山梨県富士吉田市・長野県白馬村・岐阜県可児市・岐阜県瑞浪市・静岡県西伊豆町・静岡県沼津市・静岡県東伊豆町・静岡県富士市・静岡県焼津市・愛知県幸田町・愛知県常滑市・愛知県西尾市
近畿

三重県紀北町・三重県多気町・三重県鳥羽市・滋賀県近江八幡市・京都府綾部市・京都府宇治田原町・京都府京丹波町・京都府精華町・京都府南丹市・京都府八幡市・京都府舞鶴市・京都府福知山市・大阪府泉佐野市・大阪府泉南市・兵庫県朝来市・兵庫県市川町・兵庫県香美町・兵庫県西脇市・兵庫県豊岡市・奈良県奈良市・和歌山県橋本市・和歌山県湯浅町
中国

鳥取県倉吉市・鳥取県日吉津村・島根県奥出雲町・島根県出雲市・島根県飯南町・島根県大田市・島根県安来市・島根県浜田市・岡山県新見市・広島県大竹市・広島県三原市・山口県下関市・山口県周南市・山口県長門市・山口県山陽小野田市
四国

徳島県海陽町・香川県高松市・愛媛県庁・愛媛県愛南町・愛媛県今治市・愛媛県伊方町・愛媛県上島町・愛媛県鬼北町・愛媛県砥部町・高知県四万十町・高知県室戸市・高知県日高村
九州

福岡県赤村・福岡県宇美町・福岡県行橋市・福岡県北九州市・福岡県太宰府市・福岡県飯塚市・佐賀県神埼市・佐賀県唐津市・佐賀県吉野ヶ里町・長崎県佐世保市・長崎県波佐見町・熊本県上天草市・熊本県玉名市・熊本県熊本市・熊本県八代市・大分県杵築市・大分県佐伯市・宮崎県小林市・宮崎県西都市・宮崎県都城市・宮崎県美郷町・鹿児島県奄美市・鹿児島県出水市・鹿児島県大崎町・鹿児島県鹿屋市・鹿児島県喜界町・鹿児島県枕崎市・鹿児島県志布志市・鹿児島県曽於市・鹿児島県長島町・鹿児島県指宿市・鹿児島県徳之島町

参加企業

特別な2日間を盛り上げてくれる企業も出展予定！各社の取り組みを通して地域の魅力に触れよう！

: 日本各地の自治体や生産者と協業して、オリジナルウェアやプロデュース商品をふるさと納税のお礼の品として展開中のビームスが、今回初出展！ふるさとチョイス限定品も多数ありますので、ぜひご来場ください！
ビームスのふるさと納税
: YAMAPとふるさとチョイスGCF®がタッグを組み、アウトドア愛好家の皆さんに新たな社会貢献の機会をご提供します。登山道の整備から廃校の再生まで、一人一人の支援で山と地域の未来を変えていきます。
YAMAPふるさと納税