AKIYON BLOG

レトロゲームとゲームミュージックのことを話すブログ

【46億年物語 はるかなるエデンへ】音楽目当てで買ったのに夢中になった!自由な進化が楽しいスーファミの隠れた名作

※ 当サイトはアフィリエイト広告を利用しています

 

スーパーファミコンには数多くの名作がありますが、その中でも「もっと評価されてほしい」と思う作品がある。

それが1992年にエニックスから発売された『46億年物語 はるかなるエデンへ』。

自分がこのゲームを購入した理由は、シンプルだった。

 

「作曲がすぎやまこういちさんだから」

 

当時から俺はドラクエ4のサントラを買ったり、ゲーム音楽が大好きで、すぎやまこういちさんが関わっているゲームを見つけると、つい気になってしまうほどだった。

 

そんな時に中古ゲームショップで見つけたのが『46億年物語』。

 

最初は、エニックスのゲームとはいえ、ゲーム音楽しか見えてなかったほどに、それ以外は特別興味がなかった。

 

ところが遊び始めると、気付けば音楽以上にゲームシステムへ夢中になっていた。

敵を倒して肉を食べ、自分だけの生き物へ進化させていく。

この自由度の高い進化システムがめちゃくちゃ面白く、何周も遊んだ思い出がある。

 

今回、記事を書くために久しぶりに遊び直してみたが、約1時間プレイしただけでも「やめられねぇ」と感じたが、後ろ髪を引かれながらも断腸の思いでプレイをやめた(そこまでじゃあないけど)。

何にしても思い出補正だけではなく、今遊んでも十分楽しめる作品だ。

 

今回は、『46億年物語 はるかなるエデンへ』の魅力を、自分の思い出と再プレイした感想を交えながら紹介します。

 

目次

『46億年物語 はるかなるエデンへ』とは?



『46億年物語 はるかなるエデンへ』は、1992年12月21日にエニックスから発売されたスーパーファミコン用アクションRPG。

 

開発はアルマニックが担当。

 

実は本作には元となる作品があり、1990年にはPC-9801向けにRPG『46億年物語 THE進化論』が発売されています。

スーパーファミコン版では大胆にアクションRPGへ生まれ変わり、テンポの良いゲームへ進化した。

またパッケージイラストには『ドラゴンクエスト列伝 ロトの紋章』で知られる藤原カムイさん、作曲はすぎやまこういちさんが担当している。

 

ゲーム概要
  • 発売日:1992年12月21日
  • 発売:エニックス
  • 開発:アルマニック
  • ジャンル:アクションRPG
  • プレイ人数:1人
 

 

エニックス関連記事はこちら

 

akiyonpapa-games.hatenablog.com

 

 

akiyonpapa-games.hatenablog.com

 

 

akiyonpapa-games.hatenablog.com

 

 

akiyonpapa-games.hatenablog.com

 

 

akiyonpapa-games.hatenablog.com

 

音楽目当てで買ったのにゲームにハマった

このゲームを遊んだのは子どもの頃ではなく、時間を持て余し、バイトで稼いだ多少のお金を有した大学生の頃。

大人になってから、中古ゲームショップを見つけるとつい寄りたくなる性分で、その甲斐あって、この『46億年物語』を購入することができた。

子どもの頃に遊べなかったゲームを探すのが好きで、今でも中古ゲームショップに行けば無性にテンションが高鳴る。

 

購入した理由は、すぎやまこういちさんが音楽を担当しているに限る。

正直に言えば、その時はゲーム内容をほぼ知らなかった。

ところが遊び始めると、その目的は見る見るうちにゲームの内容の方へと向いていった。

音楽目的で買ったはずなのに、気付けばゲームそのものへ夢中になってしまっていた。

当時は短期間で何周もプレイした記憶がある。

 

そして今回、記事を書くために久しぶりに遊び直してみても、その面白さは変わっていなかった。

 

再プレイして感じたこと

約1時間遊んだだけでも某お菓子のように「やめられない止められない」と思わせてくれる。

思い出補正じゃあなく、今遊んでも純粋に面白いゲームだった。

↑敵をたおすと肉になる

 

自由な進化システムがとにかく面白い

このゲーム最大の魅力は、自由度の高い進化システムだ。

敵を倒すと肉を落とし、それを食べることで進化ポイントを獲得できる。

そのポイントを使って、アゴ・ツノ・後頭部・首・胴体・手足・背ビレ・尾など、自分の好きな部位を進化させていくことができる。
ただし序盤は後頭部と首は魚のため、該当する部位がないため、選択することができない。

↑進化させると...

↑ヒレが生えた

↑いろいろと進化させるとこんな感じ

 

この流れがRPGのレベル上げによく似ている。

敵を倒して経験値を集め、能力を上げる。

 

『46億年物語』では、その経験値が「進化ポイント」に置き換わっている。

進化する部位を選べば、すぐに見た目にも変化が見られる。

「次はどこを強くしよう」「どこを進化させれば、どんな見た目になるのか」と考えながら遊ぶ時間がとても楽しく、気付けば夢中になっていた。

 

さらに面白いのは、進化だけではない。

 

 

部位をあえて無くすという選択もでき、能力によっては別の部位が退化することもある。

ただ強くなるだけではなく、自分だけの生き物を育てている感覚があり、とても愛着が湧いてくる。

 

お気に入りポイント
  • 敵を倒して肉を食べる(操作もシンプル)
  • 進化ポイントを集める
  • 好きな部位へ進化(見た目が変化する)
  • 自分だけの生き物が完成する(

この一連の流れがシンプルで癖になる、何度も遊びたくなる理由だと思っている。

 

生命の進化をゲームとして楽しめる

『46億年物語』というタイトルのとおり、本作は生命の進化そのものをゲームとして楽しめる作品。

ステージごとに進化の時代が分かれており、最初は魚類として海から物語が始まる。

 

そして第1章をクリアすると、世界は両生類の時代へ進化していく。

今回遊び直して改めて印象に残ったのが、第1章のストーリー。

藍藻たち(ストロマトライト)は、海を支配しているサメのような巨大生物(クラドセラケ)のせいで自由に生きられず、知ってか知らずかプレイヤーに聞こえるように愚痴をこぼす。

そこでボスを倒すと藍藻が増え、酸素が生まれ、生き物に肺ができ、世界は両生類の時代へ進んでいくことになる。

↑ボス登場

↑やっつけるとなぜか、かまぼこになる

 

単純に「ボスを倒して次のステージへ進む」のではなく、生命の歴史とゲームシステムがつながっているところが、この作品の面白さだと感じた。
生物の名前も実在するもので、実は勉強になったりもする。

 

↑両生類のからだをゲットし、陸にあがれるようになる

 

また、魚類でどれだけ進化ポイントを集めても、両生類へ進化するとポイントはリセットされる。

最初は両の肩を落とす勢いで無念と思ったが、毎章ごとに新しい生き物を育てる感覚があり、マンネリにならない工夫だと感じた。

 

↑なにか異変がおきているよう...

 

 

 

すぎやまこういちさんの音楽も魅力

このゲームを購入した一番の理由でもあるのが、すぎやまこういちさんの存在。

ドラクエシリーズの音楽が好きだった自分としては、「作曲:すぎやまこういち」というだけで、吸い込まれるように興味を持った。

特に印象に残っているのはゲーム開始のオープニング。

女性(ガイア)が現れ、穏やかなメロディーが流れるあの雰囲気は、とても安心感がある。

派手な曲ではありませんが、ゲームの世界へ自然と引き込んでくれる。

今回遊び直した際には、第2章のBGMが個人的には『ドラゴンクエストV』のフィールドのテーマ(地平の彼方へ)を思わせたり、『ドラゴンクエストIV』の5章の仲間が集まった時のイントロを思わせる雰囲気がある曲(馬車のマーチ)もあり、ドラクエをプレイした人ならニヤリとする部分だろう。

もちろん、これはあくまで自分の印象である。

作曲はすぎやまこういちさんが担当し、ゲーム用のアレンジは別スタッフによって行われている。
音色がロマサガ1や2っぽい。

 

またPC版では進化した生き物の名前に、すぎやまこういちさんの名前をもじった遊び心のあるネタ(スギヤマン)も用意されていたそうな。

スーパーファミコン版で残っているかは確認できなかったが、こうした小ネタはいつの時代もイイ。

 

 

 

PC版からアクションRPGへ進化した理由を考察

『46億年物語』は、もともとPC向けRPGとして発売された作品だ。

それがスーパーファミコン版ではアクションRPGへ大きく方向転換している。

実際に遊び直してみると、この判断は大成功だったと自分は感じた。

敵を倒して肉を食べる。

進化ポイントを集める。

好きな部位を進化させる。

また敵を倒す。

このテンポの良さがイイ。

PC版は動画で見たことがあるが、ターン制RPGは戦闘が少しクドい印象があった。

これはあくまで自分の考察でが、アクションゲームへ変更したことで、「進化する楽しさ」をダイレクトに味わえる作品になったのではないだろうか。

 

遊んでいると、戦闘は作業感もあるが、ターン制RPGよりは面倒さがなく、続けていられる中毒性がある。

このテンポの良さを含めた進化の過程が、『46億年物語』が今でも隠れた名作として語られる理由の一つかもしれない。

 

↑マップがあり、次にすすめる

↑第二章の両生類のフィールド

↑ゲームオーバーになると進化に必要なポイントが半分になるが、すぐに再開できる

 

 

エニックスらしい挑戦が詰まった作品

『46億年物語』を遊び直して改めて感じたのは、「やっぱり昔のエニックスは挑戦的だったな」ということ。

当時のエニックスは、『ドラゴンクエスト』だけではなく、さまざまなジャンルで個性的なゲームを発売していた。

 

その中でも『46億年物語』は、「生命の進化」という珍しいテーマをゲームとして成立させた意欲作。

敵を倒して強くなるだけではなく、自分で生き物を進化させ、その姿まで変わっていくゲームは、当時としてもかなり新鮮だったはず。

 

さらに調べてみると、本作のディレクターを務めた米田喬さんは、『アクトレイザー』でデザインにも携わっていました。

自分は以前『アクトレイザー』の記事も書いたが、どちらの作品からも他にはないものをつくる気概を感じる。

 

ゲーム業界では続編や似たシステムの作品が多くなりがちだが、『46億年物語』は唯一無二のゲーム性を持った作品だと思う。

だからこそ、自分は今でも「もっと評価されるべき隠れた名作」だと思っている。

 

関連記事

エニックスらしい挑戦作という点では、『アクトレイザー』もおすすめ。

 

akiyonpapa-games.hatenablog.com

 

大技林で見つけた裏技

当時のゲーム好きなら、『大技林』を持っていた人も多いのではないだろうか。

攻略サイトがほとんどなかった時代は、新しい裏技を見つけるたびに試すのが楽しみだった。

自分も今でも当時購入した『大技林』を勿体ない性分で大切に持っている。はずだったのだが、今手元にないので、文字だけだが、裏技を紹介しよう。

 

雲の隠しステージでドラゴンになれる

第三章で鳥類に進化した状態で、マップ上の動いている雲と操作しているキャラが上にきたときにBボタンを押す。

 

『46億年物語 はるかなるエデンへ』を今遊ぶ方法

残念ながら、『46億年物語 はるかなるエデンへ』は現時点ではNintendo Switch Onlineなどのサービスでは配信されていない。

そのため、現在遊ぶ方法は中古ソフトを購入するのが基本になる。

スーパーファミコン実機を持っている方はもちろん、レトロフリークなどの互換機でも遊ぶことができる。

中古市場では箱や説明書の有無によって価格が大きく変わるため、コレクション目的かプレイ目的かで選ぶと良いだろう。

 

購入はこちら
 

 

 

 

 

 

AIレビュー

項目 評価 コメント
グラフィック ★★★★☆(4.5) 時代ごとの変化が分かりやすく、生き物の進化を丁寧に表現している。
サウンド ★★★★★(5.0) すぎやまこういちさんらしい安心感のある楽曲が世界観を引き立てる。
ゲーム性 ★★★★★(5.0) 自由な進化システムは現在遊んでも十分面白い。
難易度 ★★★★☆(4.0) 進化の選択によって難易度が変化し、試行錯誤も楽しめる。
おすすめ度 ★★★★★(5.0) 知名度以上の完成度を誇る、スーパーファミコン屈指の隠れた名作。

 

まとめ

『46億年物語 はるかなるエデンへ』は、自分にとって「音楽目当てで買ったのに、ゲームに夢中になった」数少ない作品だ。

敵を倒して肉を食べ、進化ポイントを集め、自分の好きな部位を育てていく。

このシンプルなゲームサイクルが面白く、「次はどんな姿になるのか」とワクワクしながらプレイしていた。

今回、久しぶりに遊び直してみたが、その面白さは今でも色褪せていないと断言できる。
もちろん粗はあるだろう。でもそれも含めて、当時のUIやドット、システムがちょうどいい。

生命の進化というテーマをゲームとしてここまで楽しく表現した作品は、今でも珍しいと思う。

知名度では『ドラゴンクエスト』や『クロノ・トリガー』のような作品には到底及ばないだろう。

それでも自分は『46億年物語』を「もっと評価されるべきスーパーファミコンの隠れた名作」としておすすめする。

 

レトロゲームが好きな方や、少し変わったアクションRPGを探している方は、ぜひ一度遊んでみてほしい。

@charset "utf-8"; /* Theme: Smooth Author: Hatena Blog Team Responsive: yes */ /*! * Bootstrap Reboot v4.2.1 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md) */ /*youtube軽くする*/ .youtube { display: inline-block; position: relative; overflow: hidden; width: 320px; height: 180px; } .youtube::before { position: absolute; content: "Click to Play"; color: #fff; text-align: center; font-size: 22px; font-weight: bold; line-height: 180px; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; width: 100%; height: 100%; z-index: 10; transition: all 0.3s; } .youtube:hover::before { background: rgba(0, 0, 0, 0.7); cursor: pointer; transition: all 0.3s; } *, :after, :before { box-sizing: border-box } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff } [tabindex="-1"]:focus { outline: 0!important } hr { box-sizing: content-box; height: 0; overflow: visible } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: .5rem } p { margin-top: 0; margin-bottom: 1rem } /*header*/ #globalheader-container { color: #333; background: #f9fafb; position: fixed; } /*********/ abbr[data-original-title], abbr[title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none } address { font-style: normal; line-height: inherit } address, dl, ol, ul { margin-bottom: 1rem } dl, ol, ul { margin-top: 0 } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } dt { font-weight: 700 } dd { margin-bottom: .5rem; margin-left: 0 } blockquote { margin: 0 0 1rem } b, strong { font-weight: bolder } small { font-size: 80% } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } a { color: #007bff; text-decoration: none; background-color: transparent } a:hover { color: #0056b3; text-decoration: underline } a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover { color: inherit; text-decoration: none } a:not([href]):not([tabindex]):focus { outline: 0 } code, kbd, pre, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto } figure { margin: 0 0 1rem } img { border-style: none } img, svg { vertical-align: middle } svg { overflow: hidden } table { border-collapse: collapse } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom } th { text-align: inherit } label { display: inline-block; margin-bottom: .5rem } button { border-radius: 0 } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit } button, input { overflow: visible } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border-style: none } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=date], input[type=datetime-local], input[type=month], input[type=time] { -webkit-appearance: listbox } textarea { overflow: auto; resize: vertical } fieldset { min-width: 0; padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal } progress { vertical-align: baseline } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { outline-offset: -2px; -webkit-appearance: none } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button } output { display: inline-block } summary { display: list-item; cursor: pointer } template { display: none } [hidden] { display: none!important } body, html { background: #f9fafb; font-family: helvetica, Segoe UI, 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, メイリオ, Meiryo, sans-serif; color: #293030 } html { line-height: 1 } body { font-size: 17px; line-height: 1.6 } img { vertical-align: baseline } a { color: #293030 } a:hover { color: #586767; transition: all .3s } .date { margin: 0 0 .7em; font-size: .9rem } .date a { color: #6f8383 } .date a:hover { color: #a5b3b3 } #container { word-wrap: break-word } #blog-title { max-width: 1280px; margin: auto; padding: 4% 5%; text-align: center } #title { font-size: 150%; font-family: Times New Roman, 游明朝体, YuMincho, 游明朝, Yu Mincho, serif; font-weight: 400 } @media (min-width: 768px) { #title { font-size: 215% } .hatena-module { font-size: .9rem; } } #blog-description { font-size: 90%; font-weight: 400 } #content-inner { width: 100%; display: flex; flex-direction: column } @media (min-width:768px) { #content-inner { flex-direction: row; margin: auto; padding: 0 20px } } @media (min-width:1200px) { #content-inner { width: 1200px } } #wrapper { flex: 0 0 100%; max-width: 100% } @media (min-width:768px) { #wrapper { flex: 0 0 75%; max-width: 75% } } @media (min-width:1020px) { #main { padding: 0 3% 0 0 } } .header-image-enable #blog-title, .header-image-only #blog-title { padding: 0 0 1.5em } @media (min-width:1200px) { .header-image-enable #blog-title, .header-image-only #blog-title { width: 1160px } } .header-image-enable #blog-title #blog-title-inner, .header-image-only #blog-title #blog-title-inner { display: flex; align-items: center; justify-content: center; height: 50vw; max-height: 200px } @media (min-width:1200px) { .header-image-enable #blog-title #blog-title-inner, .header-image-only #blog-title #blog-title-inner { background-size: 100% } } .header-image-enable #blog-title-content, .header-image-only #blog-title-content { margin: 0 .5em } .breadcrumb { font-size: .9rem } .categories { margin-bottom: 2em } .categories a { display: inline-block; background: #e9f0f2; margin: 0 .3em 0 0; padding: 0 10px; font-size: 12px } .pager { text-align: center; margin: 3em .8em } @media (min-width:1020px) { .pager { margin: 0 } } .pager a { display: inline-block; width: 100%; background: #eff1f5; padding: .7em 1.2em; border: none; font-weight: 400; font-size: .9rem; color: #293030 } .pager a:hover { background-color: #e9ecf1; text-decoration: none } .pager .pager-next, .pager .pager-prev { width: 100%; padding: .5em 0 } .pager .pager-prev+.pager-next { margin-left: 1em; padding-left: 1em } @media (min-width:768px) { .pager .pager-prev+.pager-next { margin-left: 1.5em; padding-left: 1.5em } } .pager.permalink { display: flex; justify-content: center; align-items: center; text-align: center } .hatena-urllist { list-style: none; margin: 0; padding: 0; line-height: 1.4; } .hatena-urllist li { border-top: 1px dotted #cfd8d8; padding-top: 10px; padding-bottom: 10px } .hatena-urllist .archive-module-month, .hatena-urllist .archive-module-year { line-height: 2 } .hatena-urllist .urllist-date-link a { color: #6f8383 } .hatena-urllist .urllist-category-link { display: inline-block; background: #e9f0f2; margin: .5em .3em 0 0; padding: 3px 10px; font-size: 12px; line-height: 1.3 } .hatena-urllist .urllist-category-link:hover { background: #d9e5e9; text-decoration: none; transition: background .3s } .hatena-urllist .urllist-entry-body { margin-top: 10px } .hatena-module { margin-bottom: 3em; padding-left: 20px; padding-right: 20px; font-size: .85rem } .hatena-module:last-child { margin-bottom: 0 } .hatena-module-title { position: relative; color: #fff; background: #81d0cb; line-height: 1.4; padding: 0.5em 0.5em 0.5em 1.8em; margin: 0px -10px 20px -10px; } .hatena-module-title a { color: #fff; } .hatena-module-body { font-size: 15px } .hatena-module-body .urllist-title-link { font-size: 100% } .hatena-module-body .archive-module-button { display: inline-block; width: 15px; height: 15px } .hatena-module-body .archive-module-hide-button, .hatena-module-body .archive-module-show-button { position: absolute; overflow: hidden; width: 15px; height: 15px; text-indent: -15px } .hatena-module-body .archive-module-hide-button:after, .hatena-module-body .archive-module-show-button:after { content: ""; top: 50%; display: inline-block; position: absolute; width: 8px; height: 8px; margin-top: -.1em; border-top: 1px solid #6f8383; border-right: 1px solid #6f8383 } .hatena-module-body .archive-module-hide-button { transform: rotate(135deg); margin-top: .2em } .hatena-module-body .archive-module-show-button { transform: rotate(45deg); margin-top: .2em } @media (min-width:481px) { .search-result-form { margin: 0 1em } } .search-result+p { background: #fff; border: 1px solid #f0f1f1; margin: 0 0 3em; padding: 8% 0; font-weight: 700; text-align: center } .search-form, .search-result-form { position: relative; width: 100%; background: #fff; margin: auto; border: 1px solid #eee; box-sizing: border-box } .search-form:hover, .search-result-form:hover { border-color: #ddd } .search-module-input, .search-result-form .search-result-input { width: 90%; height: 30px; padding: 5px; background: #fff; border: none; outline: none } .search-module-input::-placeholder, .search-module-input::-webkit-input-placeholder, .search-result-form .search-result-input::-placeholder, .search-result-form .search-result-input::-webkit-input-placeholder { color: #9faba9 } .search-module-button, .search-result-form .search-result-button { width: 20px; height: 20px; background: transparent url(/images/theme/search@2x.png?version=101ce7dd0b971701ab47fca6573a64c6e517dad7) no-repeat 100%; background-size: 20px 20px; border: none; outline: none; text-indent: -9999px; position: absolute; top: 5px; right: 5px; opacity: .5; cursor: pointer } .search-module-button:hover, .search-result-form .search-result-button:hover { opacity: .85 } #top-box { margin: 0 auto; padding: 0 10px } @media (min-width:768px) { #top-box { padding: 0 20px } } @media (min-width:1200px) { #top-box { max-width: 1200px } } .entry { background: #fff; border: 1px solid #f0f1f1; margin-bottom: 2em; padding: 8% 5% } @media (min-width:768px) { .entry { padding: 8% 9% 5% } } .entry-header { position: relative; margin-bottom: 1.5em } @media (min-width:481px) { .entry-header { margin-bottom: 3em } } .entry-header-menu { position: absolute; top: 0; right: 0; margin-bottom: 1em } .entry-header-menu a { background: #f9fafb; border: 1px solid #cfd8d8; padding: 5px 10px; font-size: .9rem } .entry-header-menu a:hover { background: #f3f5f7; text-decoration: none } .entry-title { margin-bottom: .5em; font-family: Times New Roman, 游明朝体, YuMincho, 游明朝, Yu Mincho, serif; font-size: 130%; font-weight: 400; line-height: 1.5 } @media (min-width:768px) { .entry-title { font-size: 190% } } .entry-content { line-height: 1.85 } .entry-content a { color: #119e4d } .entry-content a:hover { color: #0c7037 } .entry-content a.keyword { -webkit-text-decoration: underline dotted #cfd8d8; text-decoration: underline dotted #cfd8d8 } .entry-content a.keyword:hover { color: #586767; -webkit-text-decoration: underline dotted #fff; text-decoration: underline dotted #fff } .entry-content img, .entry-content video { max-width: 100%; height: auto } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 1.5em 0 .8em; line-height: 1.3 } .entry-content h1 { padding-bottom: 15px; font-size: 190%; border-bottom: 1px solid #cfd8d8 } .entry-content h2 { font-size: 165% } .entry-content h3 { padding-bottom: 10px; font-size: 140%; border-bottom: 1px solid #cfd8d8 } .entry-content h4 { font-size: 130% } .entry-content h5 { padding-bottom: 10px; font-size: 120%; border-bottom: 1px solid #cfd8d8 } .entry-content h6 { font-size: 100% } .entry-content dd, .entry-content ol, .entry-content ul { margin: 0 0 1em 1.5em; padding: 0; line-height: 1.7 } .entry-content dd li ol, .entry-content dd li ul, .entry-content ol li ol, .entry-content ol li ul, .entry-content ul li ol, .entry-content ul li ul { margin-bottom: 0 } .entry-content dl { margin-top: 2em } .entry-content dl dt { margin-bottom: .8em } .entry-content p { margin: 0 0 .7em } .entry-content blockquote { position: relative; padding: 9px 15px 9px 40px; border: 1px solid #f0f1f1 } @media (min-width:1020px) { .entry-content blockquote { padding: 20px 20px 20px 60px } } .entry-content blockquote:before { display: inline-block; position: absolute; top: 10px; left: 10px; vertical-align: middle; content: "“"; font-size: 40px; font-family: Times New Roman, 游明朝体, YuMincho, 游明朝, Yu Mincho, serif; color: #6f8383; line-height: 1 } @media (min-width:1020px) { .entry-content blockquote:before { left: 15px; font-size: 70px } } .entry-content blockquote p { margin-bottom: 0 } .entry-content blockquote cite { display: block; margin-top: .5rem; text-align: right; font-size: 85%; line-height: 1.3 } .entry-content table { border-collapse: collapse; border-spacing: 0; border-bottom: 1em; margin-bottom: 1em; width: 100%; overflow: auto; display: block } .entry-content table td, .entry-content table th { border: 1px solid #f0f1f1; padding: 5px 10px } .entry-content table th { background: #f9fafb } .entry-content code, .entry-content pre { font-family: Monaco, Consolas, Courier New, Courier, monospace, sans-serif } .entry-content pre { background: #293030; border: none; white-space: pre-wrap; text-overflow: ellipsis ellipsis; font-size: 100%; font-size: .9rem; padding: 10px; color: #ccc } @media (min-width:768px) { .entry-content pre { font-size: .85rem; padding: 15px } } .entry-content pre>code { margin: 0; padding: 0; white-space: pre; border: none; background-color: transparent; font-family: Monaco, Consolas, Courier New, Courier, monospace, sans-serif } .entry-content code { font-size: 90%; margin: 0 .1em; padding: 0 5px; border-radius: 3px } .entry-content .table-of-contents { background: #f9fafb; margin-left: 0; padding: 15px 10px 15px 35px; font-size: 16px } @media (min-width:768px) { .entry-content .table-of-contents { padding: 20px 20px 20px 50px } } .entry-footer { margin-top: 1em } .entry-footer-modules .hatena-module { padding: 0 } .entry-footer-section { margin-bottom: 8px; color: #6f8383; font-size: .9rem } .entry-footer-section a { color: #6f8383 } .entry-footer-ad { margin-left: -9%; margin-right: -9% } .comment-box { margin: 0 -5%; padding: 5% 5% 0; border-top: 1px solid #f0f1f1 } @media (min-width:768px) { .comment-box { margin: 0 -11%; padding: 20px 11% 0 } } .comment-box .leave-comment-title { background: #f9fafb; border: 1px solid #cfd8d8; padding: .5rem 1rem; font-size: .9rem } .comment-box .leave-comment-title:hover { background: #f3f5f7 } .comment-box .comment { list-style: none; padding-left: 0 } .comment-box .comment a { color: #119e4d } .comment-box .comment a:hover { color: #0c7037 } .comment-box .comment .comment-user-id { font-size: 14px; font-weight: 700 } .comment-box .comment .entry-comment { padding: 20px 0 0; border-top: 1px solid #f0f1ff; color: #6f8383 } .comment-box .comment .entry-comment:first-child { padding-top: 0; border-top: none } .comment-box .comment .entry-comment .comment-content { word-wrap: break-word } .comment-box .comment .entry-comment .comment-content p { font-size: 14px } .comment-box .comment .entry-comment time { font-size: 12px } .comment-box .comment .read-more-comments { font-size: 14px } @media (min-width:1020px) { .comment-box .comment .read-more-comments { margin-right: 25px } } .comment-box .comment .read-more-comments a { position: relative; display: inline-block } .comment-box .comment .read-more-comments a:after { content: ""; top: 20%; left: -20px; display: inline-block; position: absolute; width: 8px; height: 8px; border-top: 1px solid #119e4d; border-right: 1px solid #119e4d; transform: rotate(135deg); margin-top: 1px } #box2 { flex: 0 0 100%; max-width: 100%; background: hsla(0, 0%, 100%, .2); padding: 1em 0 } @media (min-width:768px) { #box2 { flex: 0 0 25%; max-width: 25% } } #box2 .hatena-urllist>li:last-child { border-bottom: 1px dotted #cfd8d8 } .hatena-module-profile .hatena-module-title:before { font-family: "Font Awesome 5 Free"; content: "\f2bb"; position: absolute; left: 0.5em; } .hatena-module-profile .profile-icon-link { display: inline; float: left; margin-right: .7em } .hatena-module-profile .profile-icon-link .profile-icon { border-radius: 400px } @media (min-width:1020px) { .hatena-module-profile .profile-icon-link { display: block; float: none; margin-right: 0 } } .hatena-module-profile .id { display: block } .hatena-module-profile .id a { color: #119e4d; font-weight: 700 } .hatena-module-profile .id a:hover { color: #0c7037 } .hatena-module-profile .profile-description p { font-size: 80% } .archive-module-calendar .calendar-day a { color: #119e4d; font-weight: 700 } .archive-module-calendar .calendar-day a:hover { color: #0c7037 } .hatena-module-recent-comments .user-id span { font-size: 12px; opacity: .7 } #footer { background: #fff; margin-top: 2em; padding-top: 2rem; padding-bottom: 2rem; text-align: center; font-size: .9rem } #footer, #footer a { color: #6f8383 } #footer p { margin: .5em auto } .archive-header-category { margin-bottom: .3em } .page-archive .archive-heading { margin: .5em .7em 1.3em; line-height: 1.5 } @media (min-width:1020px) { .page-archive .archive-heading { margin: .5em 0 1.3em } } .page-archive .archive-entry { background: #fff; border: 1px solid #f0f1f1; margin-bottom: 30px; padding: 9% 6% 6% } @media (min-width:768px) { .page-archive .archive-entry { padding: 6% } } @media (min-width:768px) { .page-archive .archive-entry .entry-title { font-size: 150% } }