CINXE.COM

映画「104歳、哲代さんのひとり暮らし」 | RCC中国放送

<!doctype html> <html lang="ja" dir="ltr"> <head> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TKQQ5CX');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="format-detection" content="telephone=no"> <meta name="description" content="老いを受け止め、自由な心で変えていく暮らし。いくつになっても幸せに生きるヒントをくれるドキュメンタリー。2025年1月31日(金) 広島先行公開。同年4月シネスイッチ銀座ほか全国順次"> <meta name="Keywords" content="広島,石井哲代,哲代さん,映画,哲代さんのひとり暮らし,超高齢化社会,RCC,中国放送"> <meta property="og:locale" content="ja_JP" /> <meta property="og:type" content="article"> <meta property="og:url" content="https://rcc.jp/104-hitori/"> <meta property="og:title" content="映画「104歳、哲代さんのひとり暮らし」 | RCC中国放送"> <meta property="og:description" content="老いを受け止め、自由な心で変えていく暮らし。いくつになっても幸せに生きるヒントをくれるドキュメンタリー。2025年1月31日(金) 広島先行公開。同年4月シネスイッチ銀座ほか全国順次"> <meta property="og:site_name" content="映画「104歳、哲代さんのひとり暮らし」 | RCC中国放送"> <meta property="og:image" content="https://rcc.jp/104-hitori/images/ogp.jpg"> <meta name="twitter:card" content="summary_large_image" /> <meta name="copyright" content="&copy;「104歳、哲代さんのひとり暮らし」製作委員会"> <meta name="keywords" content="広島,石井哲代,哲代さん,映画,哲代さんのひとり暮らし,超高齢化社会,RCC,中国放送"> <link rel="stylesheet" href="https://rcc.jp/all_common/reset.css"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3.3.1/dist/css/yakuhanjp.min.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0&icon_names=arrow_upward" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Sans:ital@0;1&family=Noto+Serif+JP:wght@200..900&display=swap" rel="stylesheet"> <link href="./css/style.css?2504031558" rel="stylesheet"> <title>映画「104歳、哲代さんのひとり暮らし」 | RCC中国放送</title> </head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TKQQ5CX" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <div id="loading-screen" style="text-align: center;"> <img src="images/loading-image.png" alt="Loading" class="loading-image"> </div> <div class="openbtn"><span></span><span></span><span></span></div> <nav id="g-nav"> <div id="g-nav-list"> <ul class="menu-list mincho"> <li><a href="#">トップ</a></li> <li><a href="https://note.com/104_hitori/" target="_blank">最新情報</a></li> <li><a href="#yokoku">予告動画</a></li> <li><a href="#intro">イントロダクション</a></li> <li><a href="#comment">コメント</a></li> <li><a href="#staff">スタッフ</a></li> <li><a href="#ciater">劇場情報</a></li> </ul> </div> </nav> <div id="container"> <header> <div class="poster fadeInTrigger"> <img src="images/main_poster.jpg" alt="⼈⽣を味わいつくす" class="poster_img"> <img src="images/sabcatch.png" alt="⽼いを受けとめ、⾃由な⼼で変えていく暮らし。いくつになっても幸せに⽣きるヒントをくれるドキュメンタリー。" class="sabcatch_img"> </div> <div class="title fadeInTrigger"> <h1><img src="./images/title.png" alt="映画「104歳、哲代さんのひとり暮らし」"></h1> <div class="director"> <img src="./images/director_pc.png" alt="ナレーション リリー・フランキー 監督 編集 山本和宏" class="pc"> <img src="./images/director_sp.png" alt="ナレーション リリー・フランキー 監督 編集 山本和宏" class="sp"> <br> <img src="images/title_staff.png" alt="スタッフクレジット" class="director2"> </div> <div class="roadshow"> <img src="./images/before2_roadshow2.png" alt="2025年1月31日(金)より広島先行公開 4月18日(金)よりシネスイッチ銀座ほか全国順次"> </div> <div class="sns"> <ul> <li><a href="https://note.com/104_hitori/" target="_blank" rel="noopener"><img src="./images/sns_note.png" alt="note"></a></li> <li><a href="https://x.com/104_hitori" target="_blank" rel="noopener"><img src="./images/sns_X.png" alt="X"></a></li> <li><a href="https://www.instagram.com/104_hitori" target="_blank" rel="noopener"><img src="./images/sns_Instagram.png" alt="Instagram"></a></li> <li><a href="https://www.facebook.com/104.hitori/" target="_blank" rel="noopener"><img src="./images/sns_Facebook.png" alt="Facebook"></a></li> <li><a href="https://www.youtube.com/@104_hitori" target="_blank" rel="noopener"><img src="./images/sns_youtube.png" alt="YouTue"></a></li> </ul> </div> <div class="mail header_btn_flex"> <p class="mail_btn"><a href="mailto:104.hitorigurashi@gmail.com"><img src="images/header_otoiawase_btn.png" alt="お問い合わせ"></a></p> <p class="tirashi_btn"><a href="./images/104sai_tirashi.pdf?241212" target="_blank" rel="noopener"><img src="images/header_tirashi_btn.png" alt="チラシダウンロード"></a></p> </div> </div> </header> <section class="yokoku_wrap" id="yokoku"> <div class="yokoku_flex_2c"> <div class="yokoku_l-side"><h2 class="yokoku_ttl"> <picture> <source media="(min-width:768px)" srcset="images/yokoku_ttl_pc.png"> <source srcset="images/yokoku_ttl_sp.png"> <img src="images/yokoku_ttl_pc.png" alt="予告編" class="fadeInTrigger"> </picture> </h2></div> <div class="yokoku_r-side"> <!--youtubeエンベット--> <div class="movie-wrap"> <iframe width="560" height="315" src="https://www.youtube.com/embed/phb6Bu_p9vQ?si=PBTlkRMo5JzJbMk7" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> </div> </div> </div> </section> <div class="back_brown" style="background: #F6EBDB;"> <section class="intro_wrap"> <h3 class="read_ttl"> <picture> <source media="(min-width: 480px)" srcset="images/read_ttl.png"> <source srcset="images/read_ttl_sp.png"> <img src="images/read_ttl.png" alt="⽼いてなお、ごきげん!哲代さんの⼼も体もさびない⽣き⽅" class="fadeInUpTrigger"> </picture> </h3> <ul class="photo_3c_flex"> <li><img src="images/read_photo_1.jpg" alt=""></li> <li><img src="images/read_photo_2.jpg" alt=""></li> <li><img src="images/read_photo_3.jpg" alt=""></li> </ul> <h2 class="common_ttl" id="intro"><img src="images/intro_ttl_tetsuyo.png" alt="" class="common_ttl_intro_tetsuyo fadeInTrigger"><img src="images/intro_ttl_txt.png" alt="イントロダクション" class="common_ttl_intro"></h2> <div class="intro_txt_block"><p class="intro_txt"> 広島県尾道市。自然豊かな山あいの町で100歳を超えてひとり暮らしを続けている石井哲代さん。小学校の教員として働き、退職後は民生委員として地域のために尽くしてきました。83歳で夫を見送ってからは、姪や近所の人たちと助けあい、笑いあいながら過ごしています。<br> <br> いりこの味噌汁を作り、家の周りの草をとり、お茶を囲んで語り合う。時には体調を崩して病院にお世話になることもありますが、年齢を重ねてできないことが増えても、哲代さんは自分を上手に励まし、自由な心で暮らしをしなやかに変えていきます。 <br> <br> なんでも美味しく、誰とでも楽しく、いつだってご機嫌に。<br> そんな哲代さんの101歳から104歳までの日々をみつめたドキュメンタリーです。 </p></div> </section> </div> <section class="about_wrap"> <h2 class="about_ttl"><img src="./images/about_tetsuyo_photo.jpg" alt="" class="about_ttl_tetsuyo"><img src="images/about_tetsuyo_ttl.png" alt="" class="about_ttl_txt"></h2> <div class="fukidashi_tetsuyo"> <img src="images/tetuyo_comment.png" alt="のんきのんきで100年がすぎました。生きとるからこそできることがいっぱいですよ。友達とも話ができるし、花も摘まれるし。うららかな日が続く100歳はうれしいです。ありがたい人生です。「でした」言うたらいけん。「ing」でいきましょう。" class="fadeInTrigger"> </div> <div class="about_tetuyo_prof"> <p class="align-l">1920年4月29日、広島県府中市上下町に生まれる。 20歳で小学校の教員となり、26歳で同僚の良英さんと結婚、尾道市へ。 56歳で退職してからは、民生委員として地域のために尽くしてきた。近所の人たちからは今も「先生」と呼ばれる。83歳で夫を見送り、ひとり暮らしに。 100歳を迎えたころから“人生100年時代のモデル”として地元の新聞やテレビで紹介され注目を集める。人生の酸いも甘いも上手に味わう哲代さんの前向きな姿勢とユーモアあふれる言葉を紹介した書籍は累計21万部(2024年10月時点)を超えるベストセラーに。「老後の不安が希望に変わる」と大きな反響を呼んでいる。</p> </div> <div class="book_wrap"> <h3 class="book_ttl"><img src="images/book_ttl.png" alt=""></h3> <div class="book_flex_2c"> <div class="book_flex_box"> <div class="book_inner_l"><a href="https://books.bunshun.jp/ud/book/num/9784163916460" target="_blank"><img src="images/book1.png" alt=""></a></div> <div class="book_inner_r"><h4 class="book_title">『102 歳、⼀⼈暮らし。 哲代おばあちゃんの⼼も体もさびない⽣き⽅』(2023)</h4> <p class="book_txt_sub">⽯井哲代、中国新聞社 著<br> ⽂藝春秋 刊</p> <p class="book_more_link"><a href="https://books.bunshun.jp/ud/book/num/9784163916460" target="_blank"><img src="images/more_btn.png" alt=""></a></p></div></div> <div class="book_flex_box"> <div class="book_inner_l"><a href="https://books.bunshun.jp/ud/book/num/9784163918235" target="_blank"><img src="images/book2.png" alt=""></a></div> <div class="book_inner_r"><h4 class="book_title">『103 歳、名⾔だらけ。 なーんちゃって』(2024)</h4> <p class="book_txt_sub">⽯井哲代、中国新聞社 著<br> ⽂藝春秋 刊</p> <p class="book_more_link"><a href="https://books.bunshun.jp/ud/book/num/9784163918235" target="_blank"><img src="images/more_btn.png" alt=""></a></p></div></div> </div><!--book_flex_2c--> </div><!--book_wrap--> <!-- <hr class="dotted_line">--> <h2 class="common_ttl"><img src="images/about_nare_ttl.png" alt="ナレーション" class="common_ttl_staff" style="margin-top: 4rem;"></h2> <p class="mincho nare_name">リリー・フランキー</p> <div class="nare_flex_2c"> <div class="nare_flex_l"><img src="images/nare_riri.png" alt=""></div> <div class="nare_flex_r"> <!--<div class="fukidashi_wrap fadeInTrigger"> <p class="comment_ttl"><img src="images/comment_ttl.png" alt="コメント"></p> <p class="hukidashi_txt mincho">普段の⽣活の中では気づきにくい本当の喜びとか幸福、 そういう発⾒がたくさん散りばめられている映画だと思います。 ぜひ劇場でお楽しみください。</p> </div>--> <p style="text-align:center;"> <img src="images/hukidasi_nre.png?241213-2" alt="" style="max-width: 528px;"></p> <p class="prof_txt">1963年⽣まれ、福岡県出⾝。イラストやデザインのほか、⽂筆、写真、作詞・作曲、俳優など、多分野で活動。</p> </div> </div> </section> <div class="yerrow_bk"> <section class="comment_wrap"> <h2 class="common_ttl"><img src="images/comment_tetsuyo.png" alt="" class="common_ttl_comment_tetsuyo fadeInTrigger" id="comment"><img src="images/comment_ttl_txt.png" alt="コメント" class="common_ttl_comment"></h2> <p style="text-align: center;margin-top: .5rem;font-size:var(--font-size14);">※五十音順・敬称略</p> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 「人生がニ度あれば…」。<br> 半世紀前、井上陽水が両親の日々を描写した詩に、老いは死に近づく虚無だとボクはオルグされた。<br> 太く短く一生を閉じよう、少年時代のボクは思った。<br> しかし、生き永らえるうちに見えてくるものに感激したり、歳を重ねてこそ身につくことがあるのも知っていった。<br> 何と言えば良いのか、う〜ん、長生きの果実…。<br> 哲代さんの日常を映した本作は、それとなく、その果実の味わいを教えてくれる。 </p> <p class="comment_name mincho"><span>阿武野勝彦 </span><br class="sp"> (ドキュメンタリー『人生フルーツ』プロデューサー)</p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 本も出て、新聞にも出て、テレビにも出て、今じゃすっかり有名人。でもこの映画を見たら、哲代さんはごくごく普通の人でした。<br> 特別な才能や財産やスーパーマンみたいな体を持ってるわけじゃない。なのに、すごい。何がすごいっていつも幸せそうなんです。そう我々みんな幸せになりたいんだよね。でもなかなかそうなれずにウジウジしてる。<br> お金がないから? 体の具体が悪いから? 多分それは違うんだ。じゃあ一体なぜ? それは大事な疑問です。そのことを深く考えさせるお守りみたいな映画です。 </p> <p class="comment_name mincho"><span>稲垣えみ子</span></p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 今、私が50歳。哲代さんはここからまた倍以上も生きてこられているのかと思うと、改めて「生きる」こと、生き続けなければならないことの厳しさを思う。けれど厳しさを上回るおおらかさが、人を魅了し続け、彼女自身をも生かしているのだろう。<br> 「バカじゃあるまいか」と思わせるように振る舞うおおらかさ。自分もそうありたいと、多くの人が彼女から励ましをもらうのだと思う。</p> <p class="comment_name mincho"><span>二階堂和美 </span><br class="sp"> (歌手・浄土真宗本願寺派僧侶)</p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 広島県民のアイドル、哲代おばあちゃんが全国デビュー!哲代さんの魅力が全国民にバレてしまうのが、誇らしいような悔しいような。<br> ここにいるのはニコニコ元気な哲代さんだけではありません。気遣いでおどけた笑顔の奥にある、長い人生の喜び悲しみや、老いへの戸惑い、それでも自分を鼓舞して前を向く姿…。何度も涙しました。<br> 哲代さんは私の憧れです。そして、哲代さんより半年だけ若い私の父も、お会いしてお人柄にぞっこん。以来「お姉さん」と慕っています。</p> <p class="comment_name mincho"><span>信友直子 </span><br class="sp"> (ドキュメンタリー映画監督)</p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 東京で 老後を独りで送る人は多いかと思います。<br> それもまた 尊いことかと思います。<br> 置かれた場所で 自分を受け入れることが老いの後には 最も大切なんだろうと思います。</p> <p class="comment_name mincho"><span>YOU </span><br class="sp"> (タレント)</p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 何という素敵な生き方でしょう。<br> 後を追う者としてはこれ以上の励ましはありません。<br> 自分を上手に励まして、自由な心で暮らす、笑いのある日々。<br> 自然を愛し、周りの人とも仲良く。しっかり覚えておきます。</p> <p class="comment_name mincho"><span>吉行和子 </span><br class="sp"> (俳優)</p> </div> </div> <div class="comment_1c_wrap"> <div class="comment_block"><p class="comment_txt"> 迷惑をかけるけど、それでもいい。でも、できることはやる。<br> この哲代さんの姿勢がこれからの高齢者の生き方のモデルになるように思えてならない。 </p> <p class="comment_name mincho"><span>和田秀樹 </span>(精神科医)</p> </div> </div> </section> </div> <div class="white_bk"> <section class="staff_wrap"> <h2 class="common_ttl"><img src="images/staff_ttl_tetsuyo.png" alt="" class="common_ttl_staff_tetsuyo fadeInTrigger" id="staff"><img src="images/staff_ttl.png" alt="スタッフ" class="common_ttl_staff"></h2> <div class="staff_1c_wrap"> <p class="staff_name mincho" style="text-align: center;">監督・編集 <span>⼭本和宏</span></p> <p class="staff_prof_txt">1987年、広島県出⾝。『世界の⾞窓から』やNHKのドキュメンタリー番組を制作。『⼀万⼈のカリスマ!農業に⾰命を起こす "農チューバー"』(19)⺠間放送教育協会奨励賞。『これがおれたちの伝統 〜⼈と⿃がつないだ450 年〜』(21)⺠間放送教育協会会⻑賞。『被爆樹⽊の声を聴く〜広島の永遠のみどり〜』(22)⺠間放送教育協会会⻑賞ほか。</p> </div> <ul class="staff_flex_2c"> <li><p class="staff_name mincho">撮影 <span>的場泰平</span></p> <p class="staff_prof_txt">トップアーティストのLIVE・MV・LIVE フィルムやテレビドキュメンタリーの撮影を担当。</p></li> <li><p class="staff_name mincho">撮影 <span>筒井俊⾏</span></p> <p class="staff_prof_txt">アテネ・北京・東京五輪の撮影やトップアーティストのLIVE・MV・LIVE フィルムの撮影を担当。</p></li> <li><p class="staff_name mincho">⾳響効果 <span>⾦⽥智⼦</span></p> <p class="staff_prof_txt">『プージェー』(06)、『ボケますからよろしくお願いします』(18)、『ココロの通訳者たち』(21)などドキュメンタリー映画の話題作を⼿掛ける。</p></li> <li><p class="staff_name mincho">整⾳ <span>富永憲⼀</span></p> <p class="staff_prof_txt">『なぜ君は総理⼤⾂になれないのか』(20)、『アイアム・ア・コメディアン』(22)、『マミー』(24)、MBS テレビ『情熱⼤陸』など映画・テレビを問わずドキュメンタリーを多数⼿掛ける。</p></li> <li><p class="staff_name mincho">統括プロデューサー <br class="sp"> <span>岡本幸</span></p> <p class="staff_prof_txt">1974年、⼤阪府出⾝。1998年よりRCCでテレビ・ラジオのディレクター、記者として勤務。『核と向き合う〜ヒロシマからフクシマ〜』(11)⽇本⺠間放送連盟賞(ラジオ教養部⾨)最優秀受賞。『⽇々感謝。ヒビカン』(12/08/06)第50 回ギャラクシー賞(ラジオ部⾨)⼤賞受賞。</p></li> </ul> </section> </div> <div class="back_brown"> <section class="ciater_wrap"> <h2 class="common_ttl"><img src="images/ciater_ttl_tetsuyo.png" alt="" class="common_ttl_ciater_tetsuyo fadeInTrigger" id="ciater"><img src="images/ciater_ttl.png" alt="劇場情報" class="common_ttl_ciater"></h2> <div class="ciater_roadshow"> <img src="./images/before2_roadshow2.png" alt="2025年1月31日(金)より広島先行公開 4月18日(金)よりシネスイッチ銀座ほか全国順次"> </div> <div> <ul class="list-btn fadeIn is-inview"> <li><a title="広島|先行公開" href="#hiroshima" style="opacity: 1;">広島|先行公開</a></li> <li><a title="関東地区" href="#kantou" style="opacity: 1;">関東地区</a></li> <li><a title="北海道地区" href="#hokkaido" style="opacity: 1;">北海道地区</a></li> <li><a title="東北地区" href="#touhoku" style="opacity: 1;">東北地区</a></li> <li><a title="中部地区" href="#tyubu" style="opacity: 1;">中部地区</a></li> <li><a title="近畿地区" href="#kinki" style="opacity: 1;">近畿地区</a></li> <li><a title="中国・四国地区" href="#chugoku" style="opacity: 1;">中国・四国地区</a></li> <li><a title="九州・沖縄地区" href="#kyusyu" style="opacity: 1;">九州・沖縄地区</a></li> </ul> </div> <p style="text-align: center;margin: 1rem auto 0;width: 90%;"><span class="" style="font-weight: bold;font-size: 1.2rem;">全国共通特別鑑賞券1,500円<span style="font-size: .8em;">(税込)</span>発売中!</span><br> (オンライン座席予約には使用できません)</p> <p class="mail_btn" style="margin-top: 1rem;text-align: center;"><a href="https://regard-films.com/product/104_ticket/" target="_blank" style="width: auto;"><img src="images/buy_btn.png" alt="チケットのご購入はこちら" style="max-width: 250px;"></a></p> <div class="ciater_table_wrap"> <div id="content"> <!-- JavaScriptで地区ごとの情報を追加 --> </div></div> </section> </div> <footer> <img src="images/tetsuyo_kusa.png?1218" alt="" class="footer_tetsuyo fadeInTrigger"> <h4 class="footer_ttl"><img src="images/footer_ttl.png" alt="映画「104歳、哲代さんのひとり暮らし」"></h4> <div class="sns" style="margin-top: 1rem;"> <ul> <li><a href="https://note.com/104_hitori/" target="_blank" rel="noopener"><img src="./images/sns_note.png" alt="note"></a></li> <li><a href="https://x.com/104_hitori" target="_blank" rel="noopener"><img src="./images/sns_X.png" alt="X"></a></li> <li><a href="https://www.instagram.com/104_hitori" target="_blank" rel="noopener"><img src="./images/sns_Instagram.png" alt="Instagram"></a></li> <li><a href="https://www.facebook.com/104.hitori/" target="_blank" rel="noopener"><img src="./images/sns_Facebook.png" alt="Facebook"></a></li> <li><a href="https://www.youtube.com/@104_hitori" target="_blank" rel="noopener"><img src="./images/sns_youtube.png" alt="YouTue"></a></li> </ul> </div> <p class="copy"><img src="./images/copy.png" alt="コピーライト 「104歳、哲代さんのひとり暮らし」制作委員会"></p> </footer> </div><!--container※ぼかし--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script> <!--訪問時ローディング読み込み--> <script> window.addEventListener('load', () => { // ローディング画面を非表示にする時間を少し長めに設定 setTimeout(() => { // フェードアウトアニメーションを開始 document.getElementById('loading-screen').style.transition = 'opacity 1s'; document.getElementById('loading-screen').style.opacity = '0'; // 2秒後に完全に非表示にしてメインコンテンツを表示 setTimeout(() => { document.getElementById('loading-screen').style.display = 'none'; // メインコンテンツのフェードイン const mainContent = document.getElementById('main-content'); mainContent.style.display = 'block'; // 最初にdisplayをblockにする mainContent.style.opacity = '0'; // 最初は透明 mainContent.style.transition = 'opacity 1s'; // フェードインのアニメーションを設定 setTimeout(() => { mainContent.style.opacity = '1'; // 透明から表示へ }, 50); // 少し遅らせてopacityを変更 }, 1000); // フェードアウトアニメーションの後に表示を非表示に }, 1000); // 2秒後にフェードアウトを開始 }); </script> <!--pagetop--> <script> $(document).ready(function(){ var $topBtn = $('#page-top'); $('#page-top').hide(); $(window).scroll(function () { if ($(this).scrollTop() > 200) { $topBtn.fadeIn(); } else { $topBtn.fadeOut(); } }); //URLのハッシュ値を取得 var urlHash = location.hash; //ハッシュ値があればページ内スクロール if(urlHash) { //スクロールを0に戻す $('body,html').stop().scrollTop(0); setTimeout(function () { //ロード時の処理を待ち、時間差でスクロール実行 scrollToAnker(urlHash) ; }, 100); } //通常のクリック時 $('a[href^="#"]').click(function() { //ページ内リンク先を取得 var href= $(this).attr("href"); //リンク先が#か空だったらhtmlに var hash = href == "#" || href == "" ? 'html' : href; //スクロール実行 scrollToAnker(hash); //リンク無効化 return false; }); // 関数:スムーススクロール // 指定したアンカー(#ID)へアニメーションでスクロール function scrollToAnker(hash) { var target = $(hash); if (target.length) { // 対象が存在する場合のみ実行 var headerHeight = 60; // ヘッダーの高さ var position = target.offset().top - headerHeight; // ヘッダー分を引いた位置を計算 $('body,html').stop().animate({scrollTop: position}, 500); } } }) </script> <!--スクロールの動き--> <script> $('.fadeInUpTrigger').on('inview', function(event, isInView) { if (isInView) {//表示領域に入った時1度だけアニメーションをさせる $(this).addClass('animate__animated animate__fadeInUp');//クラス名が付与 } }); //2つめの動き $('.fadeInTrigger').on('inview', function(event, isInView) { if (isInView) {//表示領域に入った時 $(this).addClass('animate__animated animate__fadeIn');//クラス名が付与 } }); </script> <script> $(document).ready(function () { // ウィンドウサイズによる切り替え function toggleMenu() { if ($(window).width() >= 768) { $(".openbtn").hide(); // ハンバーガーボタンを非表示 $("#g-nav").removeClass('panelactive'); // ナビを表示状態にする } else { $(".openbtn").show(); // ハンバーガーボタンを表示 } } // 初期表示時に適用 toggleMenu(); // ウィンドウサイズ変更時に適用 $(window).resize(function () { toggleMenu(); }); // ハンバーガーメニューの動作(モバイル用) $(".openbtn").click(function () { $(this).toggleClass('active'); $("#g-nav").toggleClass('panelactive'); $("#container").toggleClass('mainblur'); }); $("#g-nav a").click(function () { $(".openbtn").removeClass('active'); $("#g-nav").removeClass('panelactive'); $("#container").removeClass('mainblur'); }); }); </script> <!--映画館情報--> <script> $(function(){ $.getJSON("tetsuyo_list.json?250404", function(mapjson){ let previousArea = ""; // 前回の地区名を記録 mapjson.forEach(data => { const { 掲載ステータス: status, 地区: area, 都道府県: prefecture, 劇場名: theater, URL: theaterURL, 電話番号: phone, 上映開始日: startDateRaw, 上映終了日: endDateRaw, 上映終了日未定: isEndDateUndefined, 上映開始ステータス: startStatus, 備考: remarks } = data; var remarks2 = remarks.replaceAll( '●', '<br><span style="color:#F9E002;">●</span>' ); /*console.log(remarks2);*/ const startDate = new Date(startDateRaw); const endDate = new Date(endDateRaw); if (status === "○") { // 新しい地区の場合、新しいセクションを作成 if (previousArea !== area) { const areaSection = ` <div> <h2 class="ciater_tiku" id="${getAreaId(area)}">${area}</h2> <table class="ciater_table" border="1"> <thead> <tr> <th>都道府県</th> <th>劇場名</th> <th>電話番号</th> <th>公開日</th> </tr> </thead> <tbody id="tbody-${getAreaId(area)}"></tbody> </table> </div> `; $("#content").append(areaSection); previousArea = area; // 現在の地区を記録 } // 公開日と備考のフォーマット const startDateStr = formatStartDate(startStatus, startDate); let endDateStr = isEndDateUndefined ? "" : formatDate(endDate); let showDate = isEndDateUndefined ? `${startDateStr}` : `${startDateStr} ~ ${endDateStr}`; // endDateRaw が現在時刻を超えていた場合、showDate を「上映終了」に上書き if (!isEndDateUndefined && endDate instanceof Date && !isNaN(endDate)) { const today = new Date(); today.setHours(0, 0, 0, 0); // 時間をリセットして日付のみ比較できるようにする if (endDate < today) { showDate = "上映終了"; } } // 劇場情報の行 const tableRow = ` <tr> <td>${prefecture}</td> <td><a href="${theaterURL}" target="_blank" rel="noopener">${theater}</a></td> <td>${phone}</td> <td>${showDate}</td> </tr> `; // 備考の行(備考がある場合のみ) const remarksRow = remarks ? ` <tr class="ciater_note"> <td colspan="4"><span style="color:#f9e002;">●</span>${remarks2}</td> </tr> ` : ""; // テーブルに行を追加 $(`#tbody-${getAreaId(area)}`).append(tableRow + remarksRow); } }); }); // 地区のIDを取得 function getAreaId(area) { switch(area) { case "広島|先行公開": return "hiroshima"; case "北海道地区": return "hokkaido"; case "東北地区": return "touhoku"; case "関東地区": return "kantou"; case "中部地区": return "tyubu"; case "近畿地区": return "kinki"; case "中国・四国地区": return "chugoku"; case "九州・沖縄地区": return "kyusyu"; default: return ""; } } // 日付フォーマット関数 function formatDate(date) { const options = { year: 'numeric', month: '2-digit', day: '2-digit' }; return date.toLocaleDateString('ja-JP', options); } // 上映開始日フォーマット関数 function formatStartDate(status, date) { switch(status) { case "上映開始日をそのまま使う": return formatDate(date); case "上映開始月まで決定": return `${date.getFullYear()}年${date.getMonth() + 1}月`; case "近日公開": return "近日公開"; default: return ""; } } }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10