1. トップ
  2. ファッション
  3. 五感を刺激して、感性を育む親子で体験したい5つのこと | HugMug

五感を刺激して、感性を育む親子で体験したい5つのこと | HugMug

  • 2024.9.10
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

“原体験が子どもを育む“と言われているけど、忙しい日常ではYouTubeなどデジタルコンテンツに頼ってしまいがち……。そこで休みの日に、親子で触れて、見て、創造して楽しめるスペシャルな体験をご紹介。大人も子どもも夢中になって楽しめる体験を通し、親子の絆を深めよう!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

ハイキングコースが整っている高尾山は、子連れハイクにおすすめの山。ふもとには、ミュージアムや宿泊施設もあり、自然の魅力をさまざまな角度から味わえる。1泊2日で高尾山をまるごと楽しもう!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

約6分間、ぐんぐん登り続けるケーブルカー。先頭であたるくんもかなうくんも夢中になって景色を眺めている。

HugMug

1号路の途中にある薬王院。境内にある石の輪は、諸願成就を祈るパワースポット。「スパイダーマンになりたい」と願いながら輪をくぐるあたるくん。叶いますように!

HugMug

ケーブルカーを降りてから約60分で頂上に到着! かなうくんは途中でママが抱っこすることもあったから、抱っこ紐があると便利。定番の写真スポットでハイ、チーズ♡

HugMug
HugMug
HugMug
HugMug

今回が初登山だという桃子ドーンさん、あたるくん・3歳、かなうくん・1歳の3人でさっそく出発!ベビーカーはケーブルカーの改札窓口で預けられるから(有料)、小さい子連れのママ、パパも安心。山頂までさまざまなルートがあり、今回はケーブルカーで中腹まで行き、いちばん近道の1号路を通り頂上を目指す。1,300以上もの豊富な植物をはじめとして、ほかにも多くの動物、野鳥が生息しているので、親子で探しながら登ってみて!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

桃子ドーンさん:あたるは今まで「歩くのめんどくさい」が口癖なインドア男だったのに、自力で登りきっていて成長に感動しました。かなうも半分くらいは自分で頑張っていたし、終始楽しそうでよかったです。1号路なら子連れでも楽しく登れていいですね!

あたるくん・3歳:じぶんでのぼれてたのしかった! むしがこわかったけど、ちょうじょうからみるけしきがきれいだった。

HugMug

高尾山

HugMug

東京都八王子市高尾町

HugMug

ケーブルカー 8:00〜17:15(季節により異なる)、リフト 9:00〜16:30(5〜11月)、9:00〜16:00(12~4月)
ケーブルカー 無休

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

アクリル樹脂に封入された植物たち。まるで生きているかのように色鮮やか。「どれが好き?」とか「山で見つけたお花はある?」など、子どもに質問しながら観察してもいいかも。

HugMug

高尾山の起伏を再現した小さな山で遊べるプレイマウンテン。さっき登ったばかりだけど、まだまだ元気いっぱいのあたるくんとかなうくん。再び山頂へ!

HugMug

キッズスタディスペースには、昆虫や植物の図鑑が揃っている。親子で一緒に読んでみよう。

HugMug
HugMug
HugMug

高尾山口駅から徒歩4分の場所に位置し、無料で入館できる<高尾599ミュージアム>。イノシシやタヌキのはく製の展示や、アクリル樹脂に閉じ込めた植物標本、昆虫標本などから、高尾山の生態系を知ることができる。登山中に見つけたり、あるいは見つけられなかったりした昆虫や植物をじっくり観てみよう!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

桃子ドーンさん:高尾山の動植物たちが想像以上にたくさんあって驚きました。室内の雰囲気もきれいで、絵本や図鑑もたくさんあり、外には芝生や遊び場が。登山せずともここだけでも楽しめそうなくらい充実していました!

あたるくん・3歳:うごかないから、むしもこわくなかったよ。ムササビがとんでいてかっこよかった!

HugMug

高尾599ミュージアム

HugMug

東京都八王子市高尾町2435-3

HugMug

042-665-6688

HugMug

8:00~17:00(4~11月)、
8:00~16:00(12~3月)
通年開館(臨時休館あり)

HugMug

takao599museum.jp

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

山々に囲まれたルーフトップでは、フカフカのクッションの上でまったりくつろぐことができる。大人はお酒を持ってきてもOK! 登山の疲れをここで癒して。

HugMug

部屋の窓から高尾山を発見! さっき登った山を眺めて、親子で思い出を振り返ろう。

HugMug

無料で借りられるカードゲームや卓球、オモチャ。ユニークなカードゲームは、家族で盛り上がること間違いなし!

HugMug

リユースのアウトドアグッズを販売しているショップ。『ザ・ノース・フェイス』や『モンベル』の商品がお手頃価格で手に入る。掘り出しものを探してみて!

HugMug
HugMug
HugMug

洗練されたムードが漂う宿泊施設<タカオネ>。都会的な見た目とは裏腹に、まるでキャンプをしているかのように自然体験をしながら、快適に過ごせる。宿泊者は無料で焚き火ができたり、事前予約をすれば陶芸やハンモック、オーダーメイドツアーなどのアクティビティを体験することも可能。部屋にはあえてテレビを置いていないので、家族との時間を思いっきり満喫できるのもいいところ!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

タカオネの魅力のひとつである焚き火体験に挑戦! 人類の進化に大きく影響を与えた“火”に触れることで、何か感じることがあるかも? 宿泊者には薪をひと束無料でプレゼントしてくれる。

HugMug
Image 1
HugMug
Image 2
HugMug
Image 3
HugMug
Image 4
HugMug
Image 5
HugMug
Image 6
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

桃子ドーンさん:お部屋がとにかくきれいで広い!カードゲームや卓球もできるので、子どもたちも飽きることなく過ごせます。友だち家族と来ても楽しそう。焚き火は子どもたちが火に飛び込まないか不安でしたが、意外と大丈夫でした!

あたるくん・3歳:たっきゅうたのしかった! カードゲームもやりたいし、ひでマシュマロやいてたのしかった!

かなうくん・1歳:うま! (スモアおいしかった)PROFILE桃子ドーンさん&あたるくん・3歳、
かなうくん・1歳飲食店を営む旦那さんのサポートをしながら、わんぱくボーイふたりの育児に奔走するパワフルママ。パン屋巡りや散歩が好きで、趣味はGoogleマップを眺めること!桃子ドーンさんの記事一覧

HugMug

タカオネ

HugMug

東京都八王子市高尾町2264

HugMug

042-662-3955

HugMug

無休(臨時休館あり)

HugMug

takaone.jp/hotel/

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

土をこねて形をつくる陶芸は、どろんこ遊びの延長のようなもの?お砂場で培った創造力を発揮して、お気に入りの一品をつくってみよう。さっそく、人気イラストレーターやセンスのいい人が通っているという陶芸教室へ行ってきます!

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

陶芸作家のオーナー・坂爪さんがご夫婦で営む<P&A>では、うつわ・オブジェづくり、箸置きづくり、簡易金継ぎワークショップが気軽に体験できる。イラストレーターなども通っているという人気の秘密は、うつわに限らずオブジェやインセンスホルダーなど、好きなシルエットのアイテムがつくれたり、鮮やかな発色の釉薬が揃っているから。今回体験するmariさんはうつわづくり、こはるちゃん・5歳は箸置きづくりにチャレンジ!

HugMug
HugMug
HugMug
HugMug

箸置きづくりでは、さまざまな形の型が用意されているから、小さな子でも簡単に楽しめる。もちろん型を使わず好きな形にしてもOK!

HugMug

色鮮やかな釉薬は全部で26色。混ぜて使ってもいいみたい!

HugMug

うつわは4色のなかから、1色好きな釉薬を選べる。オプションで2色にすることもできる。色は4〜9月は春夏をイメージしたカラー、10〜3月は秋冬をイメージしたカラーを用意している。

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

mariさん:先生が手取り足取りやさしく教えてくださるので、初心者でもどうにか形にすることができました。娘と並んで陶芸体験できたことが何より嬉しかったです。親子の思い出づくりにもとてもいいなと思いました!

こはるちゃん・5歳:のばしたり、かたちをくりぬいたりするのはクッキーづくりみたいでたのしかったよ。いろをぬるのがむずかしかったけど、やいたらどんないろになるかみるのがたのしみ。PROFILEmariさん&こはるちゃん・5歳姉弟ふたりの育児に奮闘中。海外ブランドやヴィンテージアイテムを取り入れたキッズコーデがインスタグラムで大人気。趣味はキャンプとハンドメイド。最近では、朝食がおいしいカフェ巡りにハマっているそう。mariさんの記事一覧

HugMug

P&A Pottery Class

HugMug

東京都品川区大井4-20-7
宝田スタジオ 1F

HugMug

火・木13:00〜17:00、
土・日10:00〜18:00
不定休・予約制

HugMug

panda-sensei.com

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

モノであふれている、欲しいモノがすぐに手に入る。そんな便利な世のなかだけど、いま手元にあるものを大切にする心も育みたい。ということで今回、私物をオリジナリティある旬なアイテムにアップデート。愛着が湧いて、大切にしたくなるはず!

HugMug
HugMug
HugMug
HugMug
HugMug

サイズアウトした子ども服を裂いて、編むだけで、素敵なネックレスに生まれ変わる。お気に入りだったあの服や小物などをタンスに眠らせることなく、新しい形で再び楽しもう。可愛くつくるコツは、材料となるお洋服の色や柄、素材をいろいろMIXすること。長さを調整すればブレスレットに!

HugMug
HugMug

サイズアウトした洋服3着以上
飾りのチャーム
※今回はWEGOやファンシーポッズで購入
チャームをつける天糸

HugMug
HugMug
Image 1
HugMug
Image 2
HugMug
Image 3
HugMug
Image 4
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

ママ:長く編んでスマホショルダーにするのもよさそうですね!

キハルくん・7歳:はじめてみつあみをしてできるようになったのが、うれしかったです!

わっかちゃん・5歳:すきないろをえらべてたのしかった。

HugMug
HugMug
HugMug

最近インスタでよく見るスニーカーのデコレーションにチャレンジ!紐を変えたり、チャームをつけたり、好きなようにアレンジしてみて。どんなパーツを揃えるかも大事なポイントだから、パーツを買うところから一緒にはじめてもいいかも♡

HugMug
HugMug

スニーカー、靴紐、リボンやお花のチャーム、
お花のクリップ、ウサギのヘアゴムなど
※今回はWEGO、ファンシーポッズ、パリスキッズなどで購入
天糸

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

ママ:ヘアクリップを靴紐につけたり、身近なものでデコレーションしたりするアイディアはとてもおもしろかったです!

キハルくん・7歳:シューレースにビーズをつけるのがたのしかった!

わっかちゃん・5歳:くつがかわいくなってうれしかった。

HugMug
HugMug
HugMug
HugMug

いつも着ているTシャツ、または新調したTシャツを用意したら、ラインストーンを乗せてみよう。絵を描いてもいいし、元々のデザインに合わせてデコレーションしてもOK!ラインストーンはいろいろなサイズや色を用意すると楽しいかも♡

HugMug
HugMug

TシャツやロンT
アイロンで貼り付くラインストーン
※今回はホットフィックスを購入

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

ママ:大人の発想では考えられないアイディアやデザインをしていて、オリジナルなTシャツが出来上がりました!

キハルくん・7歳:おさかながおもったよりも、かわいくできた!

わっかちゃん・5歳:キラキラしているのがかわいくて、ようちえんにきていくのがたのしみ!PROFILE蓮間 衣里さん&キハルくん・7歳、
わっかちゃん・5歳キハルくんは毎日バスケにハマっていて、わっかちゃんは自分から習いたいと始めた英語を楽しんでいる。わっかちゃんの英語を使って家族でNBAを見に行くのが今の目標!蓮間 衣里さんの記事一覧

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

瞬く間に成長していく子どもとの時間は尊いもの。今、この貴重な瞬間をプロのカメラマンに撮ってもらうのはいかが? 雑誌や広告で活躍しながら、一般の方の撮影も行うカメラマンや写真館をご紹介。

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

モードで神秘的な写真が魅力的なtami kanamoriさん。東京を中心にメディアやアパレルブランドの撮影を行なっている。

———撮影で大切にしていることは?
「私の思うシンプルに“いい写真”とは想いが乗っている、そして見ていて心が癒されるような『あ〜なんか美しいな〜』と思えるような写真。被写体と対話をしながらその奥にあるものを引き出して撮影し、写真の背景にある体験や思い出を美しくしたいという想いがあります。るんるんな気持ちで気軽に来ていただいてもいいし、悲しい気持ちならば悲しい気持ちのまま来てもらっても構いません(笑)。そのうえで私が個々に合った光や色を見つけ、私のフィルターを通して表現できることが何より楽しい。同じ場所で撮っても人が違えば全然違う写真になるのだから不思議ですね」撮影家族写真、子どもの写真、マタニティフォト、七五三、アーティスト写(ソロ写真)、カップル写真など場所自宅、スタジオ、ロケなどどこでも料金事前ミーティング+60分撮影¥40,000〜
納品数15枚〜
※撮影カット数、場所、時間、納品数により価格は変わりますお問合せ先Mail : info@tamikanamori.com
Instagram : @tamikanamori
に"個人撮影希望”とDM

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

メディアや広告などで活躍する写真家の松木宏祐さんと川越まどかさん夫妻による「杜写真館」。フィルム特有のノスタルジックな雰囲気で、ナチュラルな家族の表情を捉える。

———撮影で大切にしていることは?
「私たち夫婦は、日々商業写真を中心に仕事をしていますが、自分の作品としても家族の記念写真をずっと撮ってきました。気に入った写真は、額に入れて家に飾っています。そのときにしか撮れないそのときの思いと、形を残していくことはとても大切なことだと思っています。どんな瞬間でも、思い出です。笑っている顔、恥ずかしそうにしている顔、怒っている顔、泣いている顔。その瞬間を大事に撮影をしています」撮影家族写真、子どもの写真、マタニティフォト、七五三、カップル写真、おひとり様、友だち、ウエディングなど場所ご自宅、ロケ、スタジオ、杜写真館(神奈川県三浦郡葉山町)など料金• 出張写真館の場合¥35,000〜
• 杜写真館での撮影の場合¥33,000〜

【七五三撮影】
• 出張写真館の場合¥40,000〜
• 杜写真館での撮影の場合¥35,000〜

【ウエディング】
¥100,000〜応相談
納品数300枚〜お問合せ先Mail : morishashinkan@gmail.com
Instagram : @morishashinkan にDM

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

女性誌や音楽誌、広告など幅広く活動している花盛友里さんは、女性の曲線美をやわらかい光とともに捉えたマタニティ写真が大人気。家族のあたたかい雰囲気もその空気ごと写してくれる。

———撮影で大切にしていることは?
「緊張されていると思うので、リラックスしてもらい、その方らしい自然体な姿を写すことを大切にしています。人生の大切な節目を残せることがすごく嬉しいし、みなさんが喜んでくださることで写真をやっていてよかったと心から思います」撮影家族写真、子どもの写真、マタニティフォト、ニューボーンフォト、ポートレート撮影など場所目黒のアトリエ
目黒区、渋谷区は出張可能料金1時間¥30,000
動画撮影はプラスで¥5,000
納品数10枚お問合せ先Mail : yurihanamori@gmail.com

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

親子留学に興味はあるけど海外に行くのはハードルが高い……。それなら国内の保育園で短期留学をしてみるのはどう? 今年の夏に高山直子さんが家族で北海道留学に行ってきたみたい。現地での過ごし方や暮らしてみた感想を徹底リポート!

HugMug
HugMug
HugMug
HugMug

高山直子さん&パパ、娘ちゃん・4歳は、北海道の清水町にある「しみず認定こども園」や「御影こども園」に留学できるプロジェクト【しみず認定こども園ぽっけ】に参加。保育園では2週間の留学期間中に、野菜の収穫や雪遊びをしたり、牧場へ行ったりと北海道ならではの体験を楽しめる。さらに家族で暮らせる一軒家やワークスペースも完備。自然に触れながら親も子もフレッシュな日々を堪能しよう!

HugMug
HugMug
HugMug
HugMug

北海道への保育園留学を決めた理由は?初夏に心地よい気候で、自然や動物と触れ合えるからです。もともと大好きな場所ということも選んだ理由のひとつ。

HugMug

北海道の保育園の魅力を教えてください。先生たちがみなさんお母さんのような温かさがありました。年齢層も幅広く、クラスや担任など関係なく、全員で全員を育てるような雰囲気がとてもよかったです。

HugMug

北海道へ保育園留学をしてから
娘さんに変化はありましたか?もともとしっかり者だったのですが、さらにしっかり者になりました。自分のことは自分でするという意思を言葉できちんと伝えてくれますし、“頑張る力”が育ったように感じます。

HugMug

保育園留学で印象に
残っているエピソードは?西山牧場さんでの酪農体験。ただの遊びの体験ではなく『仕事』として行われていることの体験は、娘はもちろん私たち親もとても貴重でした。娘が「もう疲れたよ〜」と弱音を吐いたとき「いつも食べてる大好きなアイスやヨーグルトは、こうして牛のお世話をしてくださる方々がいるから成り立っているんだよ」と実体験と照らし合わせながら説明できたことはとてもいい経験でした。

HugMug

家族の休日の過ごし方を教えてください。乗馬体験をしました。広大な大平原を手綱なしで悠々と馬に乗ることは、このうえない至福の経験。ほかにも温泉旅行やグルメ巡り、ヤギに会いに行ったりなど北海道観光を楽しむことができました。

HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug
HugMug

どこの地域であっても「知りたい!」「やってみたい!」という気持ちがあれば、さまざまなことを経験できると思います。子どもは人見知りや場所見知りがあり、最初は行き渋りなども見られるかもしれないですが、最後には笑って「バイバイ!また会おうね!」となるはずです。目にするものも家族で過ごす時間も、すべてかけがえのない思い出になるので家族留学はとてもおすすめです!PROFILE高山直子さん&娘ちゃん・4歳美容サロン『unCALiN(アンカラン)』代表。ファッション誌やカルチャーマガジン、テレビ番組出演など「女性の美のトータルプロデューサー」として活躍の場を広げ、2016年には初のスタイルブック『NAOKObalance』(双葉社刊)を出版。娘ちゃんは保育園留学のほか、はじめてのピアノ、歌の発表会を経験し、現在は秋に行われるバレエの発表会の振り入れをしている。さまざまな経験を通して心がぐーんと成長中!高山直子さんの記事一覧

HugMug

北海道 十勝 清水町

HugMug

北海道上川郡清水町南4-2-2

HugMug

留学のお問い合わせ
商工観光課 0156-62-1156

HugMug

サイトはこちら

HugMug
HugMug

Photography :(高尾山)Nitta Kimihiko , (陶芸)Kosuke Matsuki , (アップサイクル)Masaharu Arisaka
Design&Development : VIA BO, RINKlet ySlideIndex = 0;let zSlideIndex = 0;let vSlideIndex = 0;let uSlideIndex = 0;let oSlideIndex = 0;// スライドを表示する関数(透明にする部分を含む)function showSlides(slideClass, slideIndex, setIndexFunction) {let slides = document.getElementsByClassName(slideClass);// 全てのスライドを非表示にするfor (let i = 0; i slides.length) {slideIndex = 1;}// 現在のスライドを表示するslides[slideIndex - 1].style.display = "block";slides[slideIndex - 1].classList.add("visible");// 2秒ごとに次のスライドに切り替えるsetIndexFunction(slideIndex);setTimeout(() => showSlides(slideClass, slideIndex, setIndexFunction), 2000);}// スライドショーを開始するための関数function startSlideShow(slideClass, slideIndex, setIndexFunction) {let slideContainer = document.querySelector(`.${slideClass}`);let rect = slideContainer.getBoundingClientRect();// 要素がスクロール範囲内に入ったかチェックif (rect.top >= 0 && rect.bottom ySlideIndex = index);startSlideShow('zslide', zSlideIndex, index => zSlideIndex = index);startSlideShow('vslide', vSlideIndex, index => vSlideIndex = index);startSlideShow('uslide', uSlideIndex, index => uSlideIndex = index);startSlideShow('oslide', oSlideIndex, index => oSlideIndex = index);});// 初回ロード時にスライドショーを開始するか確認window.addEventListener('load', function () {startSlideShow('yslide', ySlideIndex, index => ySlideIndex = index);startSlideShow('zslide', zSlideIndex, index => zSlideIndex = index);startSlideShow('vslide', vSlideIndex, index => vSlideIndex = index);startSlideShow('uslide', uSlideIndex, index => uSlideIndex = index);startSlideShow('oslide', oSlideIndex, index => oSlideIndex = index);});let ySlideIndex = 0;let zSlideIndex = 0;let vSlideIndex = 0;let uSlideIndex = 0;let oSlideIndex = 0;showYSlides();showZSlides();showVSlides();showUSlides();showOSlides();function showYSlides() {let ySlides = document.getElementsByClassName("yslide");// 全てのyスライドを非表示にするfor (let i = 0; i ySlides.length) {ySlideIndex = 1;}// 現在のyスライドを表示するySlides[ySlideIndex - 1].style.display = "block";// 2秒ごとに次のyスライドに切り替えるsetTimeout(showYSlides, 1000);}function showZSlides() {let zSlides = document.getElementsByClassName("zslide");// 全てのzスライドを非表示にするfor (let i = 0; i zSlides.length) {zSlideIndex = 1;}// 現在のzスライドを表示するzSlides[zSlideIndex - 1].style.display = "block";// 2秒ごとに次のzスライドに切り替えるsetTimeout(showZSlides, 1000);}function showVSlides() {let vSlides = document.getElementsByClassName("vslide");// 全てのvスライドを非表示にするfor (let i = 0; i vSlides.length) {vSlideIndex = 1;}// 現在のvスライドを表示するvSlides[vSlideIndex - 1].style.display = "block";// 2秒ごとに次のvスライドに切り替えるsetTimeout(showVSlides, 1000);}function showUSlides() {let uSlides = document.getElementsByClassName("uslide");// 全てのuスライドを非表示にするfor (let i = 0; i uSlides.length) {uSlideIndex = 1;}// 現在のuスライドを表示するuSlides[uSlideIndex - 1].style.display = "block";// 2秒ごとに次のuスライドに切り替えるsetTimeout(showUSlides, 1000);}function showOSlides() {let oSlides = document.getElementsByClassName("oslide");// 全てのoスライドを非表示にするfor (let i = 0; i oSlides.length) {oSlideIndex = 1;}// 現在のoスライドを表示するoSlides[oSlideIndex - 1].style.display = "block";// 2秒ごとに次のoスライドに切り替えるsetTimeout(showOSlides, 1000);}document.querySelectorAll('.open-popup').forEach(button => {button.addEventListener('click', function () {const targetPopup = document.querySelector(this.dataset.target);targetPopup.style.display = 'flex';document.body.classList.add('modal-open');});});document.querySelectorAll('.close-popup,.poptop').forEach(button => {button.addEventListener('click', function () {this.closest('.popup').style.display = 'none';document.body.classList.remove('modal-open');});}); // Initialize Swiper const swiper = new Swiper('.swiper-container', { loop: true, // ループスライド autoplay: { delay: 3000, // 3秒ごとにスライド切替 }, pagination: { el: '.swiper-pagination', clickable: true, // ドットをクリックしてスライドを変更可能 }, slidesPerView: 1, // 一度に表示するスライドの数 spaceBetween: 0, // スライド間のスペース centeredSlides: true, // スライドを中央に配置 on: { init: function () { // スクロールで表示されたときにスライドショーを開始する function xcheckSlideInView() { const rect = document.querySelector('.swiper-container').getBoundingClientRect(); if (rect.top = 0) { swiper.autoplay.start(); } else { swiper.autoplay.stop(); } } window.addEventListener('scroll', xcheckSlideInView); window.addEventListener('resize', xcheckSlideInView); // 初期ロード時に既に画面内に表示されている場合、スライドショーを開始する xcheckSlideInView(); } } }); // Initialize Swiper const swiper2 = new Swiper('.swiper-container2', { loop: true, // ループスライド autoplay: { delay: 3000, // 3秒ごとにスライド切替 }, pagination: { el: '.swiper-pagination2', clickable: true, // ドットをクリックしてスライドを変更可能 }, slidesPerView: 1, // 一度に表示するスライドの数 spaceBetween: 0, // スライド間のスペース centeredSlides: true, // スライドを中央に配置 on: { init: function () { // スクロールで表示されたときにスライドショーを開始する function xcheckSlideInView() { const rect = document.querySelector('.swiper-container2').getBoundingClientRect(); if (rect.top = 0) { swiper2.autoplay.start(); } else { swiper2.autoplay.stop(); } } window.addEventListener('scroll', xcheckSlideInView); window.addEventListener('resize', xcheckSlideInView); // 初期ロード時に既に画面内に表示されている場合、スライドショーを開始する xcheckSlideInView(); } } }); .exwrap{width: 100%;overflow: clip;font-family: "Zen Kaku Gothic New", sans-serif;position: relative;-webkit-font-smoothing: antialiased;}.exwrap p{ font-family: YakuHanJP_Narrow, "Zen Kaku Gothic New", sans-serif;-webkit-font-smoothing: antialiased;}.exwrap img{width: 100%;margin: 0;}.kata{opacity: 0;transition: all 1s;}body{margin: 0;}.extop{width: 100%;aspect-ratio: 1 / 1.3;position: relative;}.extop div{position: absolute;width: 100%;}.extopbox{background-color: #3FC319;}.ex1{font-size: 15px;line-height: 23px;width: 70%;word-break: break-all;margin: auto;font-weight: 700;text-align: justify;}.kuwakuwa{width: 20%;margin-left:9.2%;margin-top: -23%;margin-bottom: 20%;}.ex1 p{font-feature-settings: "palt";letter-spacing: -0.1px;}.ex2{width: 100%;animation: asb infinite 2s;}.extop div{opacity: 0;transition: all 1s;}.extop div:nth-child(1){animation: kakun 3s infinite;transition-delay: 0.1s;}.extop div:nth-child(2){animation: kakun2 4s infinite;transition-delay: 0.1s;}.extop div:nth-child(3){animation: kakun 2.5s infinite;transition-delay: 0.2s;}.extop div:nth-child(4){animation: kakun2 2.8s infinite;transition-delay: 0.3s;}.extop div:nth-child(5){animation: kakun 3.5s infinite;transition-delay: 0.4s;}.extop div:nth-child(6){animation: kakun2 4.2s infinite;transition-delay: 0.5s;}.extop div:nth-child(7){animation: kakun 3.6s infinite;transition-delay: 0.6s;}.extop div:nth-child(8){animation: kakun2 3.6s infinite;transition-delay: 0.7s;}.extop div:nth-child(12){animation: kakun 3.6s infinite;transition-delay: 0.8s;}.extop div:nth-child(9){ overflow: hidden;opacity: 0;transition: all 0.8s;transition-delay: 0.5s;transform-origin: center bottom;}.extop div:nth-child(10){ overflow: hidden;opacity: 0;transition: all 0.8s;transition-delay: 0.8s;transform-origin: center bottom;}.extop div:nth-child(11){ overflow: hidden;opacity: 0;transition: all 0.8s;transition-delay: 1.2s;transform-origin: center bottom;}.ex9 p{margin: 0;}.ex1 p{margin: 0;}.ex3{width: 100%;animation: fadeinx infinite 1s;}.ex4{width: 100%;animation: fadeinx infinite 1s;animation-delay: 0.5s;padding-bottom: 3%;}.ex5{width: 25%;transform: translateX(-100%);transition: all 0.5s;margin-top: -15%;}.ex5 img{animation: tyon1 infinite 4s;margin-left: -5%;}.ex7{width: 20%;margin-left: 35%;margin-top: -60%;padding-bottom: 60%;animation: asb3 infinite 3s;}.ex8{width: 13%;rotate: 6deg;margin-left: auto;margin-right: 10%;margin-top: -35%;position: relative;z-index: 2;height: calc(100vw * 0.618);}.ex8 div{height: 0;overflow: hidden;transition: all 1s;}.ex8 img{height: calc(100vw * 0.618);}.ex9{color:#3FC319 ;width: 60%;margin-left: 7%;margin-top: -32%;text-align: justify;word-break: break-all;}.ex9 p{font-size: 14px;line-height: 21px;}#cue{font-size: 16px;margin-bottom: 10px;font-weight: bold;}#csita{margin-top: 0;}.cap1 span{font-weight: bold;font-size: 16px;line-height: 40px;}.ex9 span{font-size: 11px;}.puron{background-color: white;border-radius: 20px;padding: 30px;font-size: 14px;line-height: 21px;color: #3FC319;border: 2.5px solid #39FF00;margin-top: -49.3%;text-align: justify;}.puron p{margin: 0;}@keyframes tyon1 {0%{transform: translateX(0%);}40%{transform: translateX(0%);}50%{transform: translateX(5%);}60%{transform: translateX(0%);}100%{transform: translateX(0%);}}.ex6{width: 87.4%;margin-right: 0;margin-left: auto;margin-top: -74%;}.ex9x{width: 45%;margin-left: 3%;position: relative;animation: asb2 4s infinite;}.ex10{width:47%;aspect-ratio: 4.7 / 4.8;position: relative;margin-right: 5%;margin-left: auto;margin-top: -55%;}#jon{animation: fadeoutx infinite 2s;}.ex10 img {position: absolute;}.ex11{width: 72%;margin-left: auto;margin-right: 0;}.ex12{width: 65%;margin-left: 10%;margin-top: -60%;padding-bottom: 30%;position: relative;animation: tate 2s infinite;}.ex13{display: flex;width: 160%;}.road1{animation: yokohe1 infinite 26s linear;}.road2{animation: mawaru1 infinite 26s linear;}.road3{animation: yokohe2 infinite 26s linear;}.road4{animation: mawaru2 infinite 26s linear;}.road5{animation: yokohe3 infinite 26s linear;}.road6{animation: mawaru3 infinite 26s linear;}.road7{animation: yokohe4 infinite 26s linear;}.road8{animation: mawaru4 infinite 26s linear;}.road9{animation: derun infinite 26s linear;}.purin{width: 81.5%;position: relative;margin: auto;margin-left: 10%;margin-top: -15%;opacity: 0;}#puron4{border-color: #FF7600;color: #C9531F;}#puron5{border-color: #FF48AB;color: #F08B83;margin-bottom: 10%;}#puron6{border-color: #00D8FF;color: #009ED8;}@keyframes derun {0%{opacity: 0;}5%{opacity: 0;transform: translateY(-3%);}7%{opacity: 1;transform: translateY(0%);}92%{opacity: 1;transform: translateY(0%);}93%{opacity: 0;transform: translateY(-3%);}98%{opacity: 0;}100%{opacity: 0;}}@keyframes mawaru1 {0%{rotate:0deg;}5%{rotate:-380deg;}93%{rotate:-380deg;}98%{rotate:-800deg;}100%{rotate:-800deg;}}#bebe1{transform: translateX(250%);}@keyframes yokohe1{0%{transform: translateX(250%);}5%{transform: translateX(-70%);}93%{transform: translateX(-70%);}98%{transform:translateX(-600%); }100%{transform:translateX(-600%); }}@keyframes mawaru2 {0%{rotate:0deg;}5%{rotate:-330deg;}93%{rotate:-330deg;}98%{rotate:-800deg;}100%{rotate:-800deg;}}#bebe2{transform: translateX(400%);}@keyframes yokohe2{0%{transform: translateX(400%);}5%{transform: translateX(-72%);}93%{transform: translateX(-72%);}98%{transform:translateX(-550%); }100%{transform:translateX(-550%); }}@keyframes mawaru3 {0%{rotate:0deg;}5%{rotate:-330deg;}93%{rotate:-330deg;}98%{rotate:-800deg;}100%{rotate:-800deg;}}#bebe3{transform: translateX(450%);}@keyframes yokohe3{0%{transform: translateX(450%);}5%{transform: translateX(-72%);}93%{transform: translateX(-72%);}98%{transform:translateX(-525%); }100%{transform:translateX(-525%); }}@keyframes mawaru4 {0%{rotate:0deg;}5%{rotate:-380deg;}93%{rotate:-380deg;}98%{rotate:-800deg;}100%{rotate:-800deg;}}#bebe4{transform: translateX(500%);}@keyframes yokohe4{0%{transform: translateX(500%);}5%{transform: translateX(-72%);}93%{transform: translateX(-72%);}98%{transform:translateX(-500%); }100%{transform:translateX(-500%); }}.ex14{width: 40%;}@keyframes fadeinx {0%{opacity: 0;}50%{opacity: 1;}100%{opacity: 0;}}@keyframes fadeoutx {0%{opacity: 1;}50%{opacity: 0;}100%{opacity: 1;}}@keyframes tate {0%{transform: translateY(0);}50%{transform: translateY(1%);}100%{transform: translateY(0);}}@keyframes tate3 {0%{transform: translateY(0);}50%{transform: translateY(3%);}100%{transform: translateY(0);}}@keyframes tate4 {0%{transform: translateY(0);}50%{transform: translateY(0.5%);}100%{transform: translateY(0);}}@keyframes tate2 {0%{transform: translateY(0);}50%{transform: translateY(10%);}60%{transform: translateY(0%);}70%{transform: translateY(5%);}80%{transform: translateY(0%);}100%{transform: translateY(0);}}@keyframes asb {0%{rotate: 0deg;}50%{rotate: 5deg;}100%{rotate: 0deg;}}@keyframes asb2 {0%{rotate: 0deg;}50%{rotate: 4deg;}100%{rotate: 0deg;}}@keyframes asb3 {0%{rotate: 0deg;}50%{rotate: 3deg;}100%{rotate: 0deg;}}@keyframes asb4 {0%{rotate: 0deg;}50%{rotate: 2deg;}100%{rotate: 0deg;}}@keyframes asb5 {0%{rotate: 0deg;}50%{rotate: 1deg;}100%{rotate: 0deg;}}.slider-wrapper2 {display: flex; /* スライドのグループを横並び */padding-top: 5%;width: 920%;margin-bottom: 10%; } .slider-wrapper3 {display: flex; /* スライドのグループを横並び */margin-top: -90.5%;width: 2100%;margin-bottom: 10%; } .slider3 {animation: scroll-left 30s infinite linear .5s both;display: flex; /* スライド3枚を横並び */list-style: none;padding: 0;margin: 0;width: 100%; } .visible {opacity: 1;} .slide3 {width: 33.33333%/* 3はスライドの枚数 */ } /* スライドの画像 */ .slide3 img {display: block;width: 100%; } /* スライド3枚のグループ */ .slider2 {animation: scroll-left 20s infinite linear .5s both;display: flex; /* スライド3枚を横並び */list-style: none;padding: 0;margin: 0;width: 100%; } /* スライド */ .slide2 {width: 33.3%/* 3はスライドの枚数 */ } /* スライドの画像 */ .slide2 img {display: block;width: 100%; }.slider-wrapper {display: flex; /* スライドのグループを横並び */width: 324%;padding-top: 3%;padding-bottom: 3%;background-color: #000000;rotate: -3deg;margin-left: -20%;margin-bottom: 10%; } .slider-wrapper4 {display: flex; /* スライドのグループを横並び */width: 400%;margin-bottom: 10%; } .slider4 {animation: scroll-left 20s infinite linear .5s both;display: flex; /* スライド3枚を横並び */list-style: none;padding: 0;margin: 0;width: 50%; } /* スライド */ .slide4 {width: 50%/* 3はスライドの枚数 */ } /* スライドの画像 */ .slide4 img {display: block;width: 1} /* スライド3枚のグループ */ .slider {animation: scroll-left 20s infinite linear .5s both ;display: flex; /* スライド3枚を横並び */list-style: none;padding: 0;margin: 0;width: 50%; } /* スライド */ .slide {width: 33.3%/* 3はスライドの枚数 */ } /* スライドの画像 */ .slide img {display: block;width: 100%; } /* CSSアニメーション */ @keyframes scroll-left {from { transform: translateX(-100%);}to { transform: translateX(0);} } .l-footer__insta-list-block { background-color: #f7f7f7; padding: 20px;}.insta-list { display: flex; justify-content: center; gap: 10px; list-style: none; padding: 0;}.insta-list li { transition: transform 0.3s ease;}.insta-list img { width: 100px; height: 100px; border-radius: 5px; object-fit: cover; transition: transform 0.3s ease;}.insta-list img:hover { transform: scale(1.1);}.insta-list li:hover { transform: scale(1.05);}.green{background-color: #3FC319;padding-bottom: 2%;}.ex16{width: 84%;margin: auto;display: flex;justify-content: space-between;}.ex17{width: 52%;line-height: 0;}.ex18{width: 43%;}.sc2_1{width: 25%;margin-top: 9.5%;}.sc2_2{width: 13%;margin-top: -115%;margin-left: 40%;rotate:-7deg;position: relative;height:calc(100vw * 0.533) ;}.sc2_2 div{height: 0%;transition: all 1s;overflow: hidden;}.sc2_2 img{height:calc(100vw * 0.533) ;}#sc2_4{margin: auto;margin-top: 5%;margin-right: 5%;}.sc2_3{width: 87.1%;margin-left: auto;margin-right: 0;margin-top: -40%;}.sc2_5{width: 57%;margin-left: 5%;margin-top: 2%;animation: asb3 infinite 3s;position: relative;}.sc2_6{width: ;margin-top: -18%;}.mokuji{width: 80%;margin: auto;}.mokuji div{position: relative;width: 100%;aspect-ratio: 1/0.072;margin-bottom: 6%;}.mokuji div img{position: absolute;left: 0;top: 0;}.mokuji div img:nth-child(2){animation: tate infinite 1s;}@keyframes kakun{0%{rotate: 0deg;}80%{rotate: 0deg;}90%{rotate: 1deg;}100%{rotate: 0deg;}}@keyframes kakun2{0%{transform: translateY(0);}60%{transform: translateY(0);}70%{transform: translateY(0.5%);}100%{transform: translateY(0);}}.topbox div:nth-child(1) img{animation: kakun 5s infinite;}.topbox div:nth-child(2) img{animation: kakun2 5s infinite;}.topbox div:nth-child(8) {right: -5%;position: relative;height: 100%;}.topbox div:nth-child(8) img{animation: yoko 8s infinite;position: absolute;right: -12%;}.topbox div:nth-child(3) img{animation: kakun 5s 10s infinite;}.topbox div:nth-child(4) img{animation: kakun2 5s 3s infinite;}.topbox div:nth-child(5) img{animation: kakun 5s 6.5s infinite;}.topbox div:nth-child(6) img{animation: kakun2 5s 5.5s infinite;}.topbox div:nth-child(7) img{animation: kakun 5s 7s infinite;}.topbox div:nth-child(1){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 0.1s;} .topbox div:nth-child(2){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 0.4s;} .topbox div:nth-child(3){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 0.7s;} .topbox div:nth-child(4){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 1s;} .topbox div:nth-child(5){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 1.3s;} .topbox div:nth-child(6){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 1.6s;} .topbox div:nth-child(7){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 1.9s;} .topbox div:nth-child(8){animation: fadeinxx 1 1s;opacity: 0;animation-fill-mode: forwards;animation-delay: 2.2s;} .topbox div:nth-child(9){animation: dari 1 1s;overflow: hidden;width: 0%;animation-fill-mode: forwards;animation-delay: 2.5s;} .topbox div:nth-child(10){animation: dari 1 1s;overflow: hidden;width: 0%;animation-fill-mode: forwards;animation-delay: 2.8s;} .topbox div:nth-child(9) img{width: 100vw;max-width: 100vw;}.topbox div:nth-child(10) img{width: 100vw;max-width: 100vw;}.tpp1{animation: fadeinxx 1 1s;font-weight: 700;opacity: 0;text-align: justify;word-break: break-all;animation-fill-mode: forwards;animation-delay: 1.8s;} @keyframes dari {0%{width: 0%;}100%{width: 100%;}}@keyframes fadeinxx{0%{opacity: 0;}100%{opacity: 1;}}.topbox div:nth-child(11) {overflow: hidden;height: 0;animation: 1 1s dan;animation-delay: 1.5s;animation-fill-mode: forwards;}@keyframes dan{0%{height: 0%;}100%{height: 100%;}}@keyframes yoko{0%{transform:translateX(22%)}40%{transform:translateX(22%)}50%{transform:translateX(0%)}90%{transform:translateX(0%)}100%{transform:translateX(22%)}}@keyframes yoko2{0%{transform:translateX(2%)}50%{transform:translateX(0%)}100%{transform:translateX(2%)}}.sc3_1{width: 25%;margin-top: 9.5%;}.sc5_3{width: 25%;margin-top:-14.5%;position: relative;z-index: 2;}.sc6_1{width: 25%;position: relative;z-index: 2;}.sc7_1{width: 25%;position: relative;z-index: 2;}.sc2_1{transform: translateX(-100%);transition: all 0.5s;}.sc2_1 img{animation: tyon1 infinite 4s;margin-left: -5%;}.sc3_1{transform: translateX(-100%);transition: all 0.5s;}.sc5_3{transform: translateX(-100%);transition: all 0.5s;}.sc6_1,.sc7_1{transform: translateX(-100%);transition: all 0.5s;}.sc6_1 img,.sc7_1 img{animation: tyon1 infinite 4s;margin-left: -5%;}.sc5_3 img{animation: tyon1 infinite 4s;margin-left: -5%;}.sc3_1 img{animation: tyon1 infinite 4s;margin-left: -5%;}.tpp{background-color: #1B7EC6;padding-bottom: 10%;}.tpp1{color: #EBFF00;font-size: 17px;line-height: 27px;rotate: 7deg;width: 78%;margin: auto;margin-left: 7%;}.toptop{width: 100%;height: auto;padding-bottom: 10%;}.topbox{position: relative;width: 100%;aspect-ratio: 1/1.569;}.topbox img{width: 100%;}.topbox div{position: absolute;width: 100%;top: 0;left: 0;}.sc2_7{width: 23%;margin-left: 30%;margin-top: -61%;padding-bottom: 38%;animation: asb3 infinite 2s;}.sc2_8{width: 82%;margin: auto;}.sc2_9{width: 56%;margin-left: 11%;margin-top: -63%;padding-bottom: 40%;animation: tate3 infinite 2.5s;}.sc3_2{width: 13%;rotate: -7deg;margin-top: -105%;margin-left: 35%;position: relative;height: calc(100vw*0.621);}.sc3_2 div{overflow: hidden;height: 0%;transition: all 1s;}.sc3_2 img{height: calc(100vw*0.621);}.sc3_3{width: 87.4%;margin-left: auto;margin-right: 0;margin-top: -48%;}.mancen p:nth-child(2){text-align: center;}.mancen p:nth-child(3){text-align: justify;}#sc3_4{margin: auto;margin-right: 5%;margin-top: 5%;width: 68%;}.sc3_5{width: 76.2%;aspect-ratio: 0.762/0.5;margin: auto;position: relative;margin-top: 5%;z-index: 1;}.sc3_5 img{position: absolute;left: 0;top: 0;}.sc3_6{width: 47.4%;margin: auto;margin-right: 2%;margin-top: -10%;z-index: 2;position: relative;}.sc3_7{width: 62%;rotate:6deg;margin: auto;margin-left:-5%;margin-top: -40%;}.sc3_8{display: flex;width: 86%;justify-content: space-between;margin: auto;margin-top: 10%;font-weight: bold;}.sc3_8 div{width:40.3% ;}.sc3_8 p{width:55%;font-size: 14px;line-height: 21px;color: #3FC319;}.xcontent {height: 1000px; /* スライドショーの前のコンテンツの高さ */width: 100%;background-color: #eee;display: flex;justify-content: center;align-items: center;font-size: 24px;color: #333;}.xslider-container {width: 100%;max-width: 800px;margin: 20px auto;}.swiper-container {position: relative;width: 100%;aspect-ratio: 1/0.85;}.swiper-container2 {position: relative;width: 100%;aspect-ratio: 1/0.95;}.swiper-slide {display: flex;justify-content: center;align-items: center;height: 100%;overflow: hidden;text-align: center;}.swiper-slide img {width: 82%;height: auto;margin: auto;}.swiper-pagination {position: absolute;bottom: 0!important;left: 0;width: 100%;text-align: center;}.swiper-pagination-bullet {border: 1.7px solid #39FF00;background-color: white!important;width: 2%!important;aspect-ratio: 1/1;height: unset!important;border-radius: 50%;margin: 0 4px;opacity: 1!important;}.swiper-pagination-bullet-active {background-color: #39FF00!important;}#sw2{position: absolute;bottom: -2%;left: 0;width: 100%;text-align: center;z-index: 3;}#sw2 .swiper-pagination-bullet {border: 1.7px solid #FF48AB;background-color: white!important;width: 2%!important;aspect-ratio: 1/1;height: unset!important;border-radius: 50%;margin: 0 4px;opacity: 1!important;}#sw2 .swiper-pagination-bullet-active {background-color: #FF48AB!important;}.sc3_9{width: 9.7%;margin: auto;margin-right: 8.2%;margin-top: 10%;position: relative;z-index: 2;margin-bottom: -25%;}.sc4_1{position: relative;width: 100%;aspect-ratio: 1/1.297;}.sc4_1 div{position: absolute;left: 0;top: 0;opacity: 0;transition: all 1s;}.sc4_1 div:nth-child(1){transition-delay: 0.1s;}.sc4_1 div:nth-child(2){transition-delay: 0.2s;}.sc4_1 div:nth-child(3){transition-delay: 0.3s;}.sc4_1 div:nth-child(4){transition-delay: 0.4s;}.sc4_1 div:nth-child(5){transition-delay: 0.5s;}.sc4_1 div:nth-child(6){transition-delay: 0.6s;}.sc4_1 div:nth-child(7){transition-delay: 0.7s;}.sc4_1 div:nth-child(8){transition-delay: 0.8s;}.sc4_1 div:nth-child(9){transition-delay: 0.9s;}.sc4_1 div:nth-child(10){transition-delay: 1s;}.sc4_1 div:nth-child(11){transition-delay: 1.1s;}.sc4_1 div:nth-child(12){transition-delay: 1.2s;}.sc4_1 div:nth-child(1) img{animation: kakun 8s infinite;}.sc4_1 div:nth-child(2) img{animation: kakun2 5s infinite;}.sc4_1 div:nth-child(3) img{animation: kakun 7s infinite;}.sc4_1 div:nth-child(4) img{animation: kakun2 3s infinite;}.sc4_1 div:nth-child(5) img{animation: kakun 2.7s infinite;}.sc4_1 div:nth-child(6) img{animation: kakun2 3.1s infinite;}.sc4_1 div:nth-child(7) img{animation: kakun 10s infinite;}.sc4_1 div:nth-child(8) img{animation: kakun2 2.4s infinite;}.sc4_1 div:nth-child(9) img{animation: kakun 4s infinite;}#sec4{margin-top: -6%;}.sc4{background-color:#C9531F ;}.sc4_7{width:52.3%;position: absolute;top: 3%;right: 5%;animation: infinite 2s asb3;transform: rotate(7deg);opacity: 0;transition: all 1s;}.sc4_10{position: relative;width: 100%;aspect-ratio: 1/ 1.677;margin-bottom: 5%;}.sc4_10 div{position: absolute;left: 0;opacity: 0;transition: all 1s;top: 0;}.sc4_10 div:nth-child(1){animation: kakun infinite 8s;transition-delay: 0.1s;}.sc4_10 div:nth-child(2){animation: kakun infinite 3s;transition-delay: 0.4s;}.sc4_10 div:nth-child(3){animation: kakun infinite 18s;transition-delay: 0.7s;}.sc4_10 div:nth-child(4){animation: kakun infinite 7s;transition-delay: 1s;}.sc4_10 div:nth-child(5){animation: kakun infinite 10s;transition-delay: 1.3s;}.sc4_10 div:nth-child(6){animation: kakun infinite 15s;transition-delay: 1.6s;}.sc4_10 div:nth-child(7){animation: kakun infinite 5s;transition-delay: 1.9s;}.sc4_10 div:nth-child(8){animation: kakun2 infinite 4.2s;transition-delay: 2.2s;}.sc4_10 div:nth-child(9){transition-delay: 2.5s;}.sc4_10 div:nth-child(9) img{animation: fadeinxz infinite 2s;}.sc4_6{position: relative;width: 100%;aspect-ratio: 1/1.569;}.sc4_8{width: 13%;rotate: -5deg;margin-left: 10%;margin-top: -27%;height: calc(100vw*0.667);}.sc4_8 div{height: 0%;overflow: hidden;transition: all 1s;}.sc4_8 img{height: calc(100vw*0.667);}#sc4_9{color: #C9531F;margin-left: auto;margin-right: 5%;margin-top: -35%;}#orange{background-color: #C9531F;}.sc5_2{position: relative;width: 100%;aspect-ratio:1 / 1.29 ;}.sc5_2 div{position: absolute;opacity: 0;transition: all 1s;left: 0;top: 0;}.sc5_2 div:nth-child(1){animation: infinite 2s asb4;transition-delay: 0.1s;}.sc5_2 div:nth-child(2){animation: infinite 2.2s asb4;transition-delay: 0.2s;}.sc5_2 div:nth-child(3){animation: infinite 3s asb4;transition-delay: 0.3s;}.sc5_2 div:nth-child(4){animation: infinite 1.8s asb4;transition-delay: 0.4s;}.sc5_2 div:nth-child(5){animation: infinite 1.5s asb4;transition-delay: 0.5s;}.sc5_2 div:nth-child(6){animation: infinite 2.3s asb4;transition-delay: 0.6s;}.sc5_2 div:nth-child(7){animation: infinite 1.4s asb4;transition-delay: 0.7s;}.sc5_2 div:nth-child(8){animation: infinite 1.8s asb4;transition-delay: 0.8s;}.sc5_2 div:nth-child(9){animation: infinite 2.6s asb4;transition-delay: 0.9s;}.sc5_2 div:nth-child(10){animation: infinite 2.8s asb4;transition-delay: 1s;}.sc5_2 div:nth-child(11){transition-delay: 1.1s;}.sc5_2 div:nth-child(12){transition-delay: 1.2s;}.sc5_2 div:nth-child(13){transition-delay: 1.3s;}.sc5_2 div:nth-child(14){transition-delay: 1.4s;}.sc5_1{background-color:#F08B83 ;padding-top: 6%;}#sec5{margin-top: -7%;}.sc5_4{width: 13.1%;rotate: 5deg;margin: auto;margin-right: 10%;margin-top: -30%;height: calc(100vw*0.667);}.sc5_4 div{overflow: hidden;height: 0%;transition: all 1s;}.sc5_4 img{height: calc(100vw*0.667);}#sc5_5{color: #F08B83;margin-top: -40%;}.sc5_6{width: 9.7%;margin-left: 12%;margin-top: 10%;position: relative;z-index: 2;}.sc5_9{animation: infinite tate3 2s;}.sc5_7{width: 94.4%;margin: auto;margin-top: -17%;animation: asb3 infinite 2s;opacity: 0;transition: all 1s;}#sc5_8{color: #F08B83;width: 86%;margin: auto;margin-top: 5%;text-align: center;}#sc6_7{color: #F08B83;width: 86%;margin: auto;margin-top: 5%;text-align: center;margin-bottom: 5%;}.sc5_10{width: 9.7%;margin: auto;margin-right: 5%;position: relative;z-index: 2;margin-top: 19%;}#sw2c{margin-top: -40%;}.sc5_11{width: 24.6%;margin: auto;margin-right: 5%;margin-top: -38%;position: relative;z-index: 2;opacity: 0;transition: all 1s;animation: infinite 2s asb4;} /* スライドショーのスタイル */ .yslideshow-container { max-width: 100%; position: relative;aspect-ratio: 1/1.277; margin: auto;margin-top: 5%; } /* 各スライドのスタイル */ .yslide { display: none; position: absolute; width: 100%; height: auto; top: 0; left: 0; } /* スライドショーのスタイル */.yslideshow-container2 {max-width: 100%;position: relative;aspect-ratio: 1/1.277;margin: auto;margin-top: 5%;}/* 各スライドのスタイル */.yslide2 {display: none;position: absolute;width: 100%;height: auto;top: 0;left: 0;} /* フェード効果 */ .yfade { animation-name: yfade; animation-duration: 1s; } @keyframes yfade { from { opacity: 1; } to { opacity: 1; } }.sc6_2{width: 82.6%;margin: auto;margin-right: 0;margin-top: -75%;}.sc6_3{rotate: -11deg;width: 13.3%;margin-left: 10%;margin-top: -22%;height: calc(100vw*0.572);}.sc6_3 div{overflow: hidden;transition: all 1s;height: 0%;}.sc6_3 img{height: calc(100vw*0.572);}#sc6_4{color: #F08B83;margin: auto;margin-right: 5%;margin-top: -32%;}.sc6_5{width: 9.7%;margin: auto;position: relative;z-index: 2;margin-top: 5%;margin-right: 5%;}.sc6_6{width: 85.6%;margin: auto;animation: asb3 infinite 2s;margin-top: -20%;}.sc6_8{width: 100%;aspect-ratio: 1/1.388;position: relative;}.sc6_8 div{position: absolute;top: 0;opacity: 0;transition: all 1s;left: 0;}.sc6_8 div:nth-child(1){animation: infinite 9s kakun;transition-delay: 0.1s;}.sc6_8 div:nth-child(2){animation: infinite 8s kakun2;transition-delay: 0.4s;}.sc6_8 div:nth-child(3){animation: infinite 4s kakun;transition-delay: 0.7s;}.sc6_8 div:nth-child(4){animation: infinite 11s kakun2;transition-delay: 1s;}.sc6_8 div:nth-child(5){animation: infinite 5s kakun;transition-delay: 1.3s;}.sc6_8 div:nth-child(6){animation: infinite 7s kakun2;transition-delay: 1.6s;}.sc6_8 div:nth-child(7){animation: infinite 12s kakun;transition-delay: 1.9s;}.sc6_8 div:nth-child(8){transition-delay: 2s;}.sc6_9{margin-top: -15%;}.sc6_10{width: 100%;position: relative;aspect-ratio: 1/0.723;}.sc6_10 div{position: absolute;left: 0;top: 0;}.sc6_10 div:nth-child(2){animation: infinite 2.9s asb4;transition-delay: 0.3s;}.sc6_10 div:nth-child(3){animation: fadeinx 2s infinite ;transition-delay: 0.6s;}.sc6_10 div:nth-child(4){animation: infinite 3.5s asb4;transition-delay: 0.9s;}.zslideshow-container {max-width: 100%;position: relative;width: 100%;aspect-ratio: 1/0.9;margin: auto;margin-top: -95%; /* スライド間のスペースを確保 */}/* zスライドのスタイル */.zslide {display: none;position: absolute;width: 100%;height: auto;top: 0;left: 0;}/* zフェード効果 */.zfade {animation-name: zfade;animation-duration: 0s;}.sc7_2{width: 13.1%;rotate: 10deg;margin: auto;margin-right: 10%;margin-top: -10%;position: relative;z-index: 2;height: calc(100vw*0.572);}.sc7_2 div{overflow: hidden;height: 0%;transition: all 1s;}.sc7_6x{width: 66.2%;margin: auto;margin-right: 5%;margin-top: 5%;margin-bottom: -15%;position: relative;}.sc7_13x{width: 29.2%;rotate:-11deg;margin: auto;margin-right: 5%;margin-top: -10%;}.sc7_2 img{height: calc(100vw*0.572);}#sc7_3{color: #F08B83;margin-top: -40%;}.sc7_4{width: 9.7%;margin: auto;margin-left: 5%;margin-top: 5%;position: relative;z-index: 2;}.sc7_5{width: 85.1%;margin: auto;margin-top: -22%;}.sc7_6{margin-top: 5%;}.sc7_7{width: 46.9%;rotate:9deg;margin-left: 8%;margin-top: -10%;position: relative;z-index: 2;}.sc7_9,.sc7_10,.sc7_11,.sc7_12,.sc7_13,.sc7_14{opacity: 0;transition: all 1s;}.sc7_13{animation: fadeinxz infinite 2s;}@keyframes fadeinxz{0%{opacity: 0;}19%{opacity: 0;}20%{opacity: 1;}90%{opacity: 1;}91%{opacity: 0;}100%{opacity: 0;}}.sc7_14{animation: infinite 2s asb4;}.sc7_8{width: 52.6%;margin: auto;margin-right: 0%;margin-top: -26%;position: relative;z-index: 2;}.sc7_9{width: 41.8%;margin: auto;margin-right: -5%;margin-top: -10%;position: relative;z-index: 2;}.sc7_10{width: 62.8%;margin: auto;margin-top: -27%;position: relative;}#sc7_11{rotate: -8deg;width: 278%;margin-top: -15%;}.sc7_12{width: 41.8%;margin: auto;margin-left: -5%;margin-top: -15%;position: relative;z-index: 2;}.sc7_13{width:23%;margin: auto;margin-right: 10%;rotate: 22deg;margin-top: -30%;}.sc7_14{width: 36.9%;margin: auto;margin-left: 33%;margin-top: -22%;position: relative;z-index: 2;}.prof{width: 81.5%;display: flex;justify-content: space-between;margin: auto;margin-top: 10%;margin-bottom: 10%;opacity: 0;transition: all 1s;}.mancen{width: 81%;color: #646464;padding-top: 8%;padding-bottom: 8%;margin: auto;}.linkin{text-align: center;}.mancen p:nth-child(1){text-align: center;font-size: 14px;letter-spacing: 2px;margin-bottom: 5%;font-family: "DM Sans", sans-serif;}.mancen p:nth-child(2){font-size: 14px;line-height: 21px;}.mancen p:nth-child(3){font-size: 14px;line-height: 21px;}.mancen a{text-decoration: none;border-bottom: 1px solid #646464;color: #646464;margin: auto;margin-top: 5%;text-align: center;font-size: 14px;}.yoko1{width: 2%;border-left: 1px solid #646464;border-top: 1px solid #646464;border-bottom: 1px solid #646464;opacity: 0.53;}.yoko2{width: 2%;border-right: 1px solid #646464;border-top: 1px solid #646464;border-bottom: 1px solid #646464;opacity: 0.53;}.sc8_1{position: relative;width: 100%;aspect-ratio: 1/1.29;}.sc8_1 div{position: absolute;top: 0;left: 0;}.sc8_2{background-color:#A78B83 ;}.sc8_4{margin-top: -8%;position: relative;z-index: 2;width: 100%;}.sc8_4 div{width: 0%;overflow: hidden;transition: all 1s;}.sc8_4 img{width: 100vw;}#bra{background-color: #A78B83;padding-top: 5%;}#bra .ex17{width: 100%;}#bra .ex16{width: 85%;}.inter{font-size: 14px;font-weight: bold;}.credi2s{width: 90%;margin: auto;font-size: 12px;padding-bottom: 10%;color: #646464;}#bra .benj1 {width: 18%;justify-items: start;}#sc8_5{width: 78.5%;margin: auto;margin-top: 0%;color: #A78B83;margin-bottom: 10%;}.sc8_1 div{opacity: 0;transition: all 1s;}.sc8_1 div:nth-child(1){animation: kakun infinite 3s;transition-delay: 0.1s;}.sc8_1 div:nth-child(2){animation: kakun2 infinite 5s;transition-delay: 0.2s;}.sc8_1 div:nth-child(3){animation: kakun infinite 8s;transition-delay: 0.3s;}.sc8_1 div:nth-child(4){animation: kakun2 infinite 9s;transition-delay: 0.4s;}.sc8_1 div:nth-child(5){animation: kakun infinite 4s;transition-delay: 0.5s;}.sc8_1 div:nth-child(6){animation: kakun2 infinite 10s;transition-delay: 0.6s;}.sc8_1 div:nth-child(7){transition-delay: 0.7s;}.sc8_1 div:nth-child(8){transition-delay: 0.8s;}.sc8_1 div:nth-child(9){transition-delay: 0.9s;}.ex9x,.ex10,.ex12,.sc2_5,.sc2_8,.sc2_9,.ex9,.sc3_5,.sc3_6,.sc3_7,.sc6_6,.sc7_5,.sc7_7,.sc7_8{opacity: 0;transition: all 1s;}.sc3_8 div:nth-child(1){transform: scale(0.8);transition: all 1s;transition-delay: 0.3s;opacity: 0;}.sc7_7 img{animation: asb4 infinite 2.4s;}.sc3_8 div:nth-child(1) img{transform: translateX(20%);transition: all 1s;transition-delay: 0.3s;}.sc3_6{animation: infinite asb4 3s;}.sc3_5 img:nth-child(2){animation: asb4 infinite 2.3s;}.sc3_5 img:nth-child(3){animation: asb4 infinite 2.5s;}.vslideshow-container {opacity: 0;transition: all 1s;max-width: 100%;width: 100%;aspect-ratio: 1/ 1.11;position: relative;margin: auto;margin-top: 50px; /* スライド間のスペースを確保 */}/* vスライドのスタイル */.vslide {display: none;position: absolute;width: 100%;height: auto;top: 0;left: 0;}/* vフェード効果 */.vfade {animation-name: vfade;animation-duration: 0s;}@keyframes vfade {from { opacity: 0; } to { opacity: 1; }}@keyframes zfade {from { opacity: 0; } to { opacity: 1; }}.uslideshow-container {max-width: 100%;width: 100%;aspect-ratio: 1/ 1.144;position: relative;margin: auto;margin-top: 50px; /* スライド間のスペースを確保 */}/* vスライドのスタイル */.uslide {display: none;position: absolute;width: 100%;height: auto;top: 0;left: 0;}/* vフェード効果 */.ufade {animation-name: ufade;animation-duration: 0s;}@keyframes ufade {from { opacity: 0; } to { opacity: 1; }}.oslideshow-container {max-width: 100%;width: 100%;aspect-ratio: 1/ 1.144;position: relative;margin: auto;margin-top: 50px; /* スライド間のスペースを確保 */}/* vスライドのスタイル */.oslide {display: none;position: absolute;width: 100%;height: auto;top: 0;left: 0;}/* vフェード効果 */.ofade {animation-name: ufade;animation-duration: 0s;}@keyframes ofade {from { opacity: 0; } to { opacity: 1; }}.sc9_2{position: relative;width: 100%;aspect-ratio: 1/1.29;}.sc9_2 div{position: absolute;left: 0;top: 0;}.sc9_1{background-color: #4BBFEA;}#sec8{position: relative;z-index: 2;}#sec9{margin-top: -4%;position: relative;z-index: ;}.sc9_3{width: 13.3%;rotate:-6deg;margin-left: 10%;position: relative;z-index: 2;margin-top: -30%;height: calc(100vw*0.577);}.sc9_3 div{overflow: hidden;transition: all 1s;height: 0%;}.sc9_3 img{height: calc(100vw*0.577);}#sc9_4{color:#4BBFEA ;margin: auto;margin-right: 5%;margin-top: -33%;}.sc6_10 div{opacity: 0;transition: all 1s;}.sc9_5{width: 100%;position: relative;aspect-ratio: 1/1.438;}.sc6_9{opacity: 0;transition: all 1s;}.sc9_5 div{position: absolute;opacity: 0;transition: all 1s;top: 0;left: 0;}.sc9_5 div:nth-child(1){animation: infinite 7s kakun2;transition-delay: 0.1s;}.sc9_5 div:nth-child(2){animation: infinite 10s kakun;transition-delay: 0.4s;}.sc9_5 div:nth-child(3){animation: infinite 6s kakun2;transition-delay: 0.7s;}.sc9_5 div:nth-child(4){animation: infinite 2.3s ;transition-delay: 1s;}.sc9_5 div:nth-child(5){animation: infinite 10s kakun;transition-delay: 1.3s;}.sc9_5 div:nth-child(6){animation: infinite 13s kakun2;transition-delay: 1.6s;}.sc9_5 div:nth-child(6) img{transform: translateX(10%);}.sc9_2 div{opacity: 0;transition: all 1s;}.sc9_2 div:nth-child(1){animation: infinite 5s kakun;transition-delay: 0.1s;}.sc9_2 div:nth-child(2){animation: infinite 7s kakun2;transition-delay: 0.2s;}.sc9_2 div:nth-child(3){animation: infinite 9s kakun;transition-delay: 0.3s;}.sc9_2 div:nth-child(4){animation: infinite 10s kakun2;transition-delay: 0.4s;}.sc9_2 div:nth-child(5){animation: infinite 4s kakun;transition-delay: 0.5s;}.sc9_2 div:nth-child(6){animation: infinite 12s kakun2;transition-delay: 0.6s;}.sc9_2 div:nth-child(7){animation: infinite 15s kakun;transition-delay: 0.7s;}.sc9_2 div:nth-child(8){animation: infinite 3s kakun2;transition-delay: 0.8s;}.sc9_2 div:nth-child(9){animation: infinite 4s kakun;transition-delay: 0.9s;}.sc9_2 div:nth-child(10){transition-delay: 1s;}.sc9_2 div:nth-child(11){transition-delay: 1.1s;}.sc9_2 div:nth-child(12){transition-delay: 1.2s;}#sky{background-color: #4BBFEA;}#popup1,#popup2,#popup3{background-color: #3FC319;}#popup5{background-color: #009ED8;}#popup5 .popup-content {border:#00D8FF solid 1px;}#popup1 .popup-content,#popup2 .popup-content,#popup3 .popup-content {border:#39FF00 solid 1px;}#popup4 .popup-content {border:#FF7600 solid 1px;}#popup4 .poptop2,#popup4 .close-popup{border-color: #C9531F;}#popup5 .poptop2,#popup5 .close-popup{border-color: #009ED8;}#popup4{background-color: #C9531F;}body.modal-open {overflow: hidden;}.popup {display: none;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5); z-index: 1000;overflow: scroll;height:100vh;}.benj{display: flex;margin-bottom: 3%;font-size: 11px;color: white;line-height: 16px;}.benj a{color: white;text-decoration: none;}.benj p{margin: 0;}.benj1{width: 7.5%;display: grid;place-items: center;margin-right: 6%;height: 16px;flex-shrink: 0;}.ex19{width: 100%;}.basyo{width: 84%;margin: auto;color: white;padding-top: 5%;margin-bottom: 5%;}.basyo div{width: 5%;display: grid;place-items: center;margin-right: 3%;}.basyo p{margin: 0;letter-spacing: 2px;}.basyo{font-size: 17px;display: flex;font-weight: bold;}.ex15{width: 100%;margin-top: 10%;}.ex19 img{width: 100%;}.popup-content {background-color: #fff; width: 90%; margin: auto; height: fit-content;border-radius: 20px;margin-top: 5%;margin-bottom: 25%;}.close-popup {cursor: pointer; line-height: 0;text-align: center;border-top: #3FC319 3px solid;}.close-popup img{width: 100%;}.imege{width: 100%;}.imege img{width: 100%;}.poptop{height: 5%;margin-top: 5%;width: 100%;}.sec button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}.poptop2{border-top: #3FC319 3px solid;}.poptop img,.poptop2 img{width: 100%;}.cap1{font-size: 14px;line-height: 21px;width: 87%;margin: auto;text-align: justify;margin-top: 5%;margin-bottom: 10%;}/* ------------ PC ---------------*/@media (min-width: 1024px) {.topbox div:nth-child(9) img{width: 60vw;max-width: 775px;}.topbox div:nth-child(10) img{width:60vw;max-width: 775px;}.ex8{height: calc(60vw * 0.618);}.ex8 img{height: calc(60vw * 0.618);}.sc2_2{height:calc(60vw * 0.533) ;}.sc2_2 img{height:calc(60vw * 0.533) ;}.sc4_8{height: calc(60vw*0.667);}.sc4_8 img{height: calc(60vw*0.667);}.sc3_2{height: calc(60vw*0.621);}.sc3_2 img{height: calc(60vw*0.621);}.sc5_4{height: calc(60vw*0.667);}.sc5_4 img{height: calc(60vw*0.667);}.sc6_3{height: calc(60vw*0.572);}.sc6_3 img{height: calc(60vw*0.572);}.sc7_2{height: calc(60vw*0.572);}.sc7_2 img{height: calc(60vw*0.572);}.sc8_4 img{width: 60vw;max-width: 775px;}.sc9_3{height: calc(60vw*0.577);}.sc9_3 img{height: calc(60vw*0.577);}.popup{width: 490px;height: 100vh;right: 0;margin: auto;}.kuwakuwa{margin-top: auto;}.puron{margin-top: -49.2%;}}@media (min-width: 1280px) {.topbox.popup{width: 490px;height: 100vh;}.topbox div:nth-child(9) img{width: 490px;max-width: 490px;}.topbox div:nth-child(10) img{width: 490px;max-width: 490px;}.ex8{height: calc(490px * 0.618);}.ex8 img{height: calc(490px * 0.618);}.sc2_2{height:calc(490px * 0.533) ;}.sc2_2 img{height:calc(490px * 0.533) ;}.sc4_8{height: calc(490px*0.667);}.sc4_8 img{height: calc(490px*0.667);}.sc3_2{height: calc(490px*0.621);}.sc3_2 img{height: calc(490px*0.621);}.sc5_4{height: calc(490px*0.667);}.sc5_4 img{height: calc(490px*0.667);}.sc6_3{height: calc(490px*0.572);}.sc6_3 img{height: calc(490px*0.572);}.sc7_2{height: calc(490px*0.572);}.sc7_2 img{height: calc(490px*0.572);}.sc8_4 img{width: 490px;}.sc9_3{height: calc(490px*0.577);}.sc9_3 img{height: calc(490px*0.577);}}jQuery(function () { jQuery(window).scroll(function () { jQuery('.extop div,.kata,.sc4_1 div,.prof,.sc4_7,.sc5_2 div,.sc8_1 div,.vslideshow-container,.ex9x,.ex10,.ex12,.sc2_5,.sc2_8,.sc2_9,.ex9,.sc3_5,.sc3_6,.sc3_7,.sc4_10 div,.sc5_7,.sc6_6,.sc6_8 div,.sc5_11,.sc7_5,.sc7_7,.sc7_8,.sc7_9,.sc7_10,.sc7_11,.sc7_12,.sc7_13,.sc7_14,.sc9_2 div,.sc9_5 div,.sc6_9,.sc6_10 div').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery(this).css('opacity', '1'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('.ex5,.sc2_1,.sc3_1,.sc5_3,.sc6_1,.sc7_1,.sc3_8 div:nth-child(1),.sc3_8 div:nth-child(1) img').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery(this).css('opacity', '1'); jQuery(this).css('transform', 'translateX(0)'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('.ex8 div,.sc2_2 div,.sc3_2 div,.sc4_8 div,.sc5_4 div,.sc6_3 div,.sc7_2 div,.sc9_3 div').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery(this).css('height', '100%'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('.sc8_4 div').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery(this).css('width', '100%'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub1').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub1 #bebe1').addClass('road1'); jQuery('#bub1 .paron1').addClass('road2'); jQuery('#bub1 #bebe2').addClass('road3'); jQuery('#bub1 .paron2').addClass('road4'); jQuery('#bub1 #bebe3').addClass('road5'); jQuery('#bub1 .paron3').addClass('road6'); jQuery('#bub1 #bebe4').addClass('road7'); jQuery('#bub1 .paron4').addClass('road8'); jQuery('#bub1 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub2').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub2 #bebe1').addClass('road1'); jQuery('#bub2 .paron1').addClass('road2'); jQuery('#bub2 #bebe2').addClass('road3'); jQuery('#bub2 .paron2').addClass('road4'); jQuery('#bub2 #bebe3').addClass('road5'); jQuery('#bub2 .paron3').addClass('road6'); jQuery('#bub2 #bebe4').addClass('road7'); jQuery('#bub2 .paron4').addClass('road8'); jQuery('#bub2 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub3').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub3 #bebe1').addClass('road1'); jQuery('#bub3 .paron1').addClass('road2'); jQuery('#bub3 #bebe2').addClass('road3'); jQuery('#bub3 .paron2').addClass('road4'); jQuery('#bub3 #bebe3').addClass('road5'); jQuery('#bub3 .paron3').addClass('road6'); jQuery('#bub3 #bebe4').addClass('road7'); jQuery('#bub3 .paron4').addClass('road8'); jQuery('#bub3 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub4').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub4 #bebe1').addClass('road1'); jQuery('#bub4 .paron1').addClass('road2'); jQuery('#bub4 #bebe2').addClass('road3'); jQuery('#bub4 .paron2').addClass('road4'); jQuery('#bub4 #bebe3').addClass('road5'); jQuery('#bub4 .paron3').addClass('road6'); jQuery('#bub4 #bebe4').addClass('road7'); jQuery('#bub4 .paron4').addClass('road8'); jQuery('#bub4 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub5').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub5 #bebe1').addClass('road1'); jQuery('#bub5 .paron1').addClass('road2'); jQuery('#bub5 #bebe2').addClass('road3'); jQuery('#bub5 .paron2').addClass('road4'); jQuery('#bub5 #bebe3').addClass('road5'); jQuery('#bub5 .paron3').addClass('road6'); jQuery('#bub5 #bebe4').addClass('road7'); jQuery('#bub5 .paron4').addClass('road8'); jQuery('#bub5 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub6').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub6 #bebe1').addClass('road1'); jQuery('#bub6 .paron1').addClass('road2'); jQuery('#bub6 #bebe2').addClass('road3'); jQuery('#bub6 .paron2').addClass('road4'); jQuery('#bub6 #bebe3').addClass('road5'); jQuery('#bub6 .paron3').addClass('road6'); jQuery('#bub6 #bebe4').addClass('road7'); jQuery('#bub6 .paron4').addClass('road8'); jQuery('#bub6 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub7').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub7 #bebe1').addClass('road1'); jQuery('#bub7 .paron1').addClass('road2'); jQuery('#bub7 #bebe2').addClass('road3'); jQuery('#bub7 .paron2').addClass('road4'); jQuery('#bub7 #bebe3').addClass('road5'); jQuery('#bub7 .paron3').addClass('road6'); jQuery('#bub7 #bebe4').addClass('road7'); jQuery('#bub7 .paron4').addClass('road8'); jQuery('#bub7 .purin').addClass('road9'); } }); });});jQuery(function () { jQuery(window).scroll(function () { jQuery('#bub8').each(function () { var targetElement = jQuery(this).offset().top; var scroll = jQuery(window).scrollTop(); var windowHeight = jQuery(window).height(); if (scroll > targetElement - windowHeight + 50) { jQuery('#bub8 #bebe1').addClass('road1'); jQuery('#bub8 .paron1').addClass('road2'); jQuery('#bub8 #bebe2').addClass('road3'); jQuery('#bub8 .paron2').addClass('road4'); jQuery('#bub8 #bebe3').addClass('road5'); jQuery('#bub8 .paron3').addClass('road6'); jQuery('#bub8 #bebe4').addClass('road7'); jQuery('#bub8 .paron4').addClass('road8'); jQuery('#bub8 .purin').addClass('road9'); } }); });});document.querySelectorAll('.insta-list a').forEach(item => { item.addEventListener('click', function(e) { e.preventDefault(); window.open(this.href, '_blank'); });});document.addEventListener('DOMContentLoaded', function () { const swiper = new Swiper('.swiper-container', { // Swiperのオプション loop: true, pagination: { el: '.swiper-pagination', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, });});document.addEventListener('DOMContentLoaded', function () { const swiper2 = new Swiper('.swiper-container2', { // Swiperのオプション loop: true, pagination: { el: '.swiper-pagination2', clickable: true, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, });});

元記事で読む
の記事をもっとみる