▼河北町紅花資料館べに花まつり【山形県河北町】
/* アニメーション定義（@keyframes）はCSSで共通化 */ @keyframes fadeSlide { 0% { opacity:0; transform:translateY(20px); } 100% { opacity:1; transform:translateY(0); } } /* 共通のボタンデザインをCSSで定義 */ .button-link { display: block; width: fit-content; margin: 20px auto; padding: 12px 25px; background-color: #DC143C; /* メインの紅花色 */ color: #fff !important; text-decoration: none; border-radius: 8px; font-weight: bold; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.15); transition: background-color 0.3s ease, transform 0.2s ease; text-align: center; } .button-link:hover { background-color: #C42E3D; /* 深い紅花色 */ transform: translateY(-2px); } /* 企画展チラシ画像のスタイルもCSSで定義 */ .exhibition-image-container { text-align: center; margin: 25px auto; max-width: 500px; /* PCでの最大幅を調整 */ } .exhibition-image-container img { width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } /* スライダーのスタイル */ .slider-container { position: relative; width: 100%; max-width: 700px; /* スライダーの最大幅を調整 */ margin: 20px auto; overflow: hidden; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .slider-wrapper { display: flex; transition: transform 0.6s ease-in-out; } .slider-wrapper img { width: 100%; /* 各画像をコンテナ幅に合わせる */ flex-shrink: 0; /* 画像が縮小されないようにする */ height: auto; object-fit: cover; /* 画像の表示方法 */ } .slider-nav { position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); display: flex; z-index: 10; /* 他の要素の下に隠れないように */ } .slider-nav label { /* ボタン自体は透明にして、中のspanをスタイリング */ display: block; width: 20px; /* タップしやすいように大きめに */ height: 20px; margin: 0 5px; cursor: pointer; background-color: transparent; /* label自体は透明に */ position: relative; /* spanの基準位置 */ } .slider-nav label span { /* 実際のドットのスタイル */ display: block; width: 12px; height: 12px; background-color: #bbb; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: background-color 0.3s ease; } /* ラジオボタンが選択されたときのナビゲーションドットの色 */ #slide1:checked ~ .slider-nav label:nth-child(1) span, #slide2:checked ~ .slider-nav label:nth-child(2) span, #slide3:checked ~ .slider-nav label:nth-child(3) span, #slide4:checked ~ .slider-nav label:nth-child(4) span { background-color: #DC143C; /* メインの紅花色 */ } /* ラジオボタンに応じてスライダーを移動 */ #slide1:checked ~ .slider-wrapper { transform: translateX(0%); } #slide2:checked ~ .slider-wrapper { transform: translateX(-100%); } #slide3:checked ~ .slider-wrapper { transform: translateX(-200%); } #slide4:checked ~ .slider-wrapper { transform: translateX(-300%); } /* ラジオボタンを非表示にする */ .slider-container input[type="radio"] { display: none; } /* 箇条書きマーカーの調整 */ /* 親ulのlist-styleをnoneにして、li::beforeで代用 */ .custom-list { list-style: none; /* デフォルトのマーカーを非表示 */ padding-left: 0; /* デフォルトのパディングをリセット */ } .custom-list li { position: relative; padding-left: 20px; /* マーカー分のスペースを確保 */ margin-bottom: 5px; /* 各項目の下余白 */ } .custom-list li::before { content: "・"; /* 表示するマーカー */ position: absolute; left: 0; color: #333; /* 黒文字 */ font-weight: bold; /* マーカーを太字に */ } .custom-list ul { /* ネストされたulにも同様のスタイルを適用 */ list-style: none; padding-left: 20px; /* ネストのインデント */ margin-top: 5px; } .custom-list ul li { position: relative; padding-left: 20px; margin-bottom: 3px; } .custom-list ul li::before { content: "○"; /* ネストされたリストのマーカー */ position: absolute; left: 0; color: #333; /* 黒文字 */ font-weight: bold; } /* モバイル対応 */ @media screen and (max-width: 480px) { .article-title .main-title { font-size: 20px; } .button-link { padding: 10px 20px; font-size: 0.9em; } .exhibition-image-container, .slider-container { max-width: 100%; /* モバイルでは100%幅に */ } }夏の始まりを告げる鮮やかな彩り河北町紅花資料館べに花まつり 2025 開催！村山盆地の厳しい寒暖差の中で育つ紅花は、例年7月初めに黄色から鮮やかな赤へと色を変え、見頃を迎えます。その美しい紅花を鑑賞しながら楽しめる「べに花まつり」が、今年も河北町紅花資料館で開催されます！ 開催概要日時：2025年7月5日（土）・6日（日）10時00分〜16時00分会場：河北町紅花資料館入場料：無料今年の注目イベント！今年は母屋を舞台に、河北町で制作された紅染め作品や衣裳を纏う華やかな「紅染めファッションショー」を初開催！ ぜひお見逃しなく。多彩な催し物紅花資料館の紅花畑の鑑賞はもちろん、小さなお子様から大人まで楽しめる様々なイベントが盛りだくさん！ 紅染めファッションショー 10：30〜11：00 （初開催！） 出張どうぶつえん 13：00〜13：30 谷地西部小学校風祭太鼓 12：00〜13：00 体験ワークショップ 紅花リース＆木工クラフト ※なくなり次第終了 べにのすけ巾着 紅染め体験 ※参加料 1,500円 豊富な露店とグルメ 焼き鳥、たこ焼き、フランクフルト、スーパーボールすくい、缶あて 冷たい肉そば研究会（数量限定） うろこや総本店、肉屋よし田の弁当販売（数量限定） 日本遺産「山寺と紅花」紅花スタンプラリーキャンペーン日本遺産「山寺と紅花」を巡るスタンプラリーが開催中です。河北町のスタンプスポットは、べに花まつり会場の「河北町紅花資料館」です！スタンプラリー詳細はコチラ6/13〜 企画展「めでためでたの時代衣装展」開催！紅花資料館では6/13から、企画展「時代衣装展」が開催されます。紅花染めの美しい衣装をぜひご覧ください。河北町紅花フォトコンテスト2025 開催！今年も「かほく紅花フォトコンテスト」を開催します。自分で育てた紅花や河北町内の修景地などの写真をInstagramに投稿するだけ！受賞者には豪華賞品も。詳細は公式ページをご確認ください。フォトコンテスト公式ページはこちら※イベント内容は変更になる場合がございます。紅花まつりの詳細はこちら（河北町観光ナビ）
→画像[大 中 小]
2024.04.01:やまがた広域観光協議会
→トップへ
(C)山形県のほっぺTourism
powered by samidare
system by community media (Free CMS)
