▼今年はやまがたフルーツ150周年！山形のさくらんぼＰＲまつり2025 in 仙台
//* ベース設定 */.tukiyama-section { max-width: 800px; margin: 0 auto; padding: 1.5em; font-family: "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif; font-size: 16px; line-height: 1.8; color: #333; text-align: left;}/* 見出し */.tukiyama-section h2, /* .tukiyama-section内のh2全般 */.limited-title { /* limited-titleクラスがつくh2にも適用 */ position: relative; font-size: 1.2em; margin: 2em 0 0.5em; padding-bottom: 0.8em; border-bottom: 2px solid #d84f57; text-align: left; word-break: break-word; /* 長いテキストがはみ出さないように改行を許可 */ width: 100%; /* 親要素の幅いっぱいに設定 */ box-sizing: border-box; /* パディングとボーダーを幅に含める */ min-width: 0; /* フレックスやグリッドの子要素ではみ出しを防ぐための安全策 */}.tukiyama-section h2::before,.limited-title::before { /* limited-titleの擬似要素にも適用 */ content: "◆"; color: #d84f57; margin-right: 0.5em;}/* マルシェリスト（箇条書き） */.marche-list { padding-left: 1em;}.marche-list li { margin-bottom: 0.8em;}/* 出展者ブロック（カード）を中央揃えにするためのコンテナ */.marche-entry-container { display: flex; flex-wrap: wrap; /* カードが折り返すように設定 */ justify-content: center; /* カードを水平方向で中央揃えに */ gap: 1em; /* カード間の隙間 */ margin-bottom: 2em; /* コンテナの下余白 */}/* 出展者ブロック（個々のカード） */.marche-entry { display: flex; align-items: center; gap: 1em; padding: 1em; border: 1px solid #ccc; border-radius: 12px; background-color: #fafafa; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s ease; flex-basis: calc(50% - 0.5em); /* PC表示で2列にするための幅調整 */ max-width: calc(50% - 0.5em); /* PC表示で2列にするための幅調整 */ box-sizing: border-box; /* paddingとborderを幅に含める */}.marche-entry:hover { box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.marche-entry img { display: block; width: 120px; height: 120px; object-fit: cover; aspect-ratio: 1 / 1; border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.15); flex-shrink: 0;}.marche-entry p { margin: 0; flex-grow: 1; /* テキストが残りのスペースを埋めるように */ text-align: left; /* 各カード内のテキストは左揃え */}/* モバイル対応 */@media screen and (max-width: 600px) { .tukiyama-section { font-size: 15px; padding: 1em; } .tukiyama-section h2, .limited-title { /* モバイルでもh2のフォントサイズを調整 */ font-size: 1.1em; } .marche-entry-container { /* モバイルでは縦1列にする */ flex-direction: column; align-items: center; /* カード自体を中央揃え */ gap: 1em; } .marche-entry { flex-direction: column; /* カード内の要素を縦並びに */ text-align: center; /* カード内のテキストも中央揃え */ flex-basis: 100%; /* モバイルでは1列に */ max-width: 100%; /* モバイルでは1列に */ } .marche-entry img { width: 100px; height: 100px; } .marche-entry p { text-align: center; /* モバイルではカード内のテキストも中央揃え */ } /* 5月31日限定企画！のリストを左揃えに */ .limited-box li { text-align: left; /* 追加: モバイルでリスト項目を左揃えにする */ }}/* フェードイン（ふわっと表示） */.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s ease;}.fade-in.visible { opacity: 1; transform: translateY(0);}/* リンクを黒文字＋下線に固定 */.tukiyama-section a:link,.tukiyama-section a:visited,.tukiyama-section a:hover,.tukiyama-section a:active { color: #333 !important; text-decoration: underline !important;}/* 5月31日限定企画！ボックスのスタイル */.limited-box { background-color: #fff3cd; /* 背景色 */ border-left: 5px solid #ffa502; /* 左側のボーダー */ padding: 1em; margin-bottom: 1.5em;}.limited-box ul { list-style: none; /* リストのマークを削除 */ padding: 0; /* デフォルトのパディングをリセット */ margin: 0; /* デフォルトのマージンをリセット */}.limited-box li { margin-bottom: 0.5em; line-height: 1.5;}.limited-box li span { color: #ffa502; /* ★マークの色 */ font-weight: bold; margin-right: 0.3em;} 【お知らせ】5月31日（土）のイベントは天候悪化のため、14時30分で終了いたします。ご来場を予定されていた皆様には大変申し訳ありませんが、何卒ご了承ください。5月31日（土）、6月1日（日）に仙台市青葉区一番町四丁目商店街で『今年はやまがたフルーツ150周年！山形のさくらんぼPRまつり2025 in 仙台』を開催します！さくらんぼをはじめとする山形県村山地域の特産品を販売するマルシェや、山形県内の特産品などが当たる抽選会も実施予定です。5月31日（土）はきてけろくんも出演します！ぜひお気軽にご来場ください。5月31日限定企画！ ★さくらんぼ種吹きとばし @11：30〜 A14：00〜 各回先着100名限定！ ★蔵王の温泉教室 蔵王温泉の手湯が体験できます！主な出店内容天童市観光物産協会 将棋駒根付、せんべい、天童産野菜、天童産特産品尾花沢市観光物産協会 酒、缶ジュース、すいかカレーレトルトパック、芋煮レトルトパック株式会社甘口派（5/31のみ） 台湾カステラ、山形産フルーツ入り台湾カステラやケーキ三和罐詰株式会社 やまがたパインサイダー、ゼリー、玉こん大石田町物産交流推進委員会 雪国育ちの自然薯東根フルーツワイン グラスワイン、佐藤錦ワインなどタバコヤ商店（5/31のみ） グラスワイン、山形のワイン寒河江市観光キャンペーン推進協議会（5/31のみ） さくらんぼの種吹きとばし蔵王温泉観光協会 温泉教室（5/31のみ）、簡単体験！ペーパー樹氷づくり※イベント内容等は変更になる場合があります。 document.addEventListener("DOMContentLoaded", () => { const faders = document.querySelectorAll('.fade-in'); const appearOptions = { threshold: 0.1, rootMargin: "0px 0px -50px 0px" }; const appearOnScroll = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (!entry.isIntersecting) return; entry.target.classList.add('visible'); observer.unobserve(entry.target); }); }, appearOptions); faders.forEach(fader => { appearOnScroll.observe(fader); }); });```
→画像[大 中 小]
2025.04.22:やまがた広域観光協議会
→トップへ
(C)山形県のほっぺTourism
powered by samidare
system by community media (Free CMS)
