AKIYON BLOG

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

【ザ・キング・オブ・ドラゴンズ】|昔ゲーセンで見ていたゲームを、今になって家族3人で遊んでみた

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



はじめに


ゲームセンターで見かけたことはある。

でも、遊んだことはなかった。

それがカプコンの『ザ・キング・オブ・ドラゴンズ』。

当時は小学生で、お小遣いも少なかった。ゲームは家で遊ぶものという感覚も強く、ゲームセンターで100円を入れて遊ぶというのは、子供にとってはそれなりに大きなハードルだった。

しかも、身近な友達が遊んでいるわけでもなかった。

だから、ゲームセンターで見かけた記憶はあっても、どんなゲームだったのかは、ほとんど思い出に残っていない。

そんな自分が初めてちゃんとプレイしたのは、カプコンのベルトスクロールアクションを集めた『カプコン ベルトアクション コレクション』。

そして今回、娘2人と3人同時プレイで遊んでみた。

そこで感じたのは、

結構おもろいやん

ということだった。

 

『ザ・キング・オブ・ドラゴンズ』との出会い

自分がゲームセンターで『ザ・キング・オブ・ドラゴンズ』を見かけていたのは、まだ小学生の頃。

当時は硬派なゲームというイメージもあったし、単純にお金がなかった。

「やってみたいけど、やらない」

そんな感じだったと思う。

もし当時、気のいいお兄ちゃんがいて、横で遊び方を教えてくれたり、友達がプレイしているのを見たりしていたら、もう少し興味を持っていたかもしれない。

でも身近で誰もプレイしていなかった。

結局、縁がなかったんだと思う。

 

ファイナルファイトは後になってスーパーファミコン版を遊んだので、自分の中にもゲームの記憶が残っている。

 

ところが『ザ・キング・オブ・ドラゴンズ』には、家庭用で遊んだ思い出がなかった。

むしろ家庭用あったの?と思ったほど。

だから、今回初めて本格的に遊んでみて、普通に面白いし、いろんな発見があった。

 

ファイナルファイトから進化したベルトスクロールアクション

最初に面白いと思ったのが、レベルアップシステム。

ベルトスクロールアクションなのに、敵を倒していくことでキャラクターが成長していく。

しかも、レベルアップすると鎧の形状が変わったり、色が変わったりする。

単純に数字だけが変わるのではなく、見た目でも強くなっていることが分かる。

これが娘たちにも好評だった。

 

最初は「筋肉ムキムキマンいやや」と言っていたのが、「筋肉マン強なった」

脳内でキン肉マンに置き換えられるけど、どっからツッコもかという塩梅に、

ゲーム画面を見れば強くなっているのが一目で分かるのはイイ。

 

ファイナルファイトは、基本的にはキャラクターを選んで敵を倒しながら進んでいくゲームだった。

もちろんファイナルファイトにもキャラクターごとの違いはある。

でも『ザ・キング・オブ・ドラゴンズ』では、5人のキャラクターから選び、さらにレベルアップによる成長がある。

3人同時プレイにも対応している。

ステージも多く、ボリュームもある。

こうして遊んでみると、

「当時のベルトスクロールアクションは、ファイナルファイトからさらに進化していたんだな」

と実感した。

 

最初はファイター。でも最後はドワーフ

最初に自分が選んだのはファイター。

娘たちはエルフとウィザードを選んだ。

単純に「魔法使い」とか遠距離攻撃に憧れていただけだけやね。



 

しばらく遊んでいるうちに、自分はドワーフを使うようになった。

理由は操作性。

ドワーフは見た目からすると、どうしても「動きが遅そう」というイメージがある。

ところが実際に操作してみると、全然違った。

身軽に動くし、ジャンプも操作しやすい。

「普通に身軽すぎる」

 

その操作感が気に入って、結局ずっとドワーフを使うことになった。

見た目ヒゲ親父なんだけどな。

 

人は見た目だけで判断してはいけない、教訓である(キートン山田風)。

 

ほかにこんなもキャラもいてた。

 

子供たちと3人同時プレイ

今回一番楽しかったのは、やっぱり3人同時プレイ。

自分がドワーフ。

子供たちはエルフとウィザード。

3人で画面を進んでいく。

3人いると、

「後ろは任せろ」

「この敵は自分がやる」

という感じで自然に役割が生まれる。

誰かがピンチになれば加勢する。

敵が多ければ、みんなで一斉に攻撃する。

こういう協力プレイが、自分は好きなんよな。

マルチプレイのゲームでも、対戦より協力プレイのほうが好き。

『ザ・キング・オブ・ドラゴンズ』は、そんな自分の好みにも合っていた。

今ならオンラインで遠くにいる仲間と一緒に遊ぶこともできる。

でも当時は、基本的に同じ場所にいる人と遊ぶローカルプレイ。

それも、このゲームの魅力のひとつだったんじゃないかと思う。

「ドラゴン人」の登場

ゲーム中に、ドラゴンの上に騎士が乗った敵が登場する。

普通だったらドラゴンナイトというのが一番しっくりくるんだが、

うちの娘たちは

ドラゴン人。

 

ケンタウロスみたいに上半身が人間で、下半身が馬だったらわかるけど、

ドラゴン人て。

 

その敵は最初はボスとして登場するが、あとになると中ボスになったり、あらゆるバージョンで登場する。

後半ザコと一緒に登場するから、かなりうっとうしい。

ベルトスクロールの攻略で、伝家の宝刀「上下ずらし」がかなり有効だが、

終始カクついた動きのはずが、

普段カタコトの外人が急に日本語滑らかになって、終いには関西弁しゃべるぐらい滑らかな動きするときがあるから、びっくりする。

 

ザコと一緒に登場するときは、画面上にうじゃうじゃと敵がでるもんだから、3人プレイをしていると、もはや収集がつかない。

攻略とかどうでもよくなる。

レベルがあがるとそんなに苦戦するほどのものでもないが、

俺らの記憶に「ドラゴン人」と植え付けただけで、思い残すことはないだろう。

もう一体、印象に残った敵が魔法使い

もうひとつ印象に残っているのが魔法使い。

ボスとして登場し、終始宙に浮いては追尾するようなパワーウェーブ(餓狼伝説のテリーの技)を放つ。

攻撃方法も円になった炎が地面をほどばしるなど、攻撃を当てることすら難しい。

「普通にめっちゃ強いやん」

と思うときには、3人でひたらすらAB同時押しの必殺技を浴びせ続けて、

チートのような倒し方で終わる。

せこいけど、勝てばいいのさ勝てば。

 

ドラゴンのグラフィックがすごい

タイトルにもなっているドラゴンも、かなり印象に残った。

特に二足歩行で歩いているドラゴン。

子供の頃なら「ドラゴンが歩いてる」くらいだったと思う。

でも今、大人になって見てみると、

「器用なドラゴンやなぁ」

と思ってしまう。

それと同時に、グラフィックの丁寧さにも驚いた。

1991年のアーケードゲームなので、もちろんドット絵。

でも今見ると、そのドット感が逆にいい。

鎧やキャラクターのデザインもしっかり作り込まれている。

当時のカプコンが持っていたグラフィックの技術を感じる作品だと思う。

後からスーパーファミコン版も発売されていたことを知って、アーケード版と見比べてみた。

アーケード版がそりゃあスペックが違うのでいいが、

スーパーファミコン版も限られたハードの中でかなりうまく再現されていた。

さすがカプコンだと思う。

音楽よりも印象に残った「おぉ!」

音楽も良かったと思う。

ただ、今回遊んでいるときは夢中になっていたので、正直なところ細かい曲まではあまり覚えていない。

それより印象に残っているのが、レベルアップしたときや復活したときに聞こえる、

「おぉ!」

という声。

こういう短い音声や効果音が、妙に記憶に残るのがいいのよ。

計算で作ってる部分もあるだろうけど、この記憶に定着する音や音楽は、いいゲームの証拠だと勝手に思ってる。

それにゲームを遊んでいる最中は、こうした音や声がテンションを上げてくれるんよね。

難しい。でも何度でも復活できる

ゲームの難易度は、普通に難しかった。

ただ、3人で遊んでいたこともあって、何度も復活しながら進んでいった。

コンティニューしまくり。

コンティニューなかったらと思うと恐ろしいが、それでも体力ゲージがあるので、すぐにやられたりはしない。

ただアーケードゲームなら、お金がみるみるうちになくなること請け合いよ。

途中で、

「実際にゲームセンターでやってたら、100円何枚入れたんやろうな」

という話にもなった。

子供は、「家でよかったな」で片付ける。

確かにな。たんぱくな言い方するよねぇ。

 

でも、当時のゲームセンターだったら、そんなことを考えるよりも夢中になっていたんだろうな。

「途中でやめる」という考えは、たぶんなかったと思う。

最後の巨大ドラゴン

そして最後まで進むと、かなり大きなドラゴンが登場する。

これがまた迫力がある。

ドラゴンの足に掴まれると、そのまま投げ飛ばされる。

そしてなぜか毎回、上の子供が掴まれる。

わざと?むしろわざとなの?やられてるの楽しんでたからね。

下の娘はドラゴンの顔(弱点)一点集中。やるなぁ。

 

一方の自分はというと、端っこに逃げて、ドラゴンの隙を狙って攻撃。

こういうときは冷静にね。

 

それぞれの性格が、そのままゲームのプレイスタイルに出ているようで面白かった。

そして、コンティニューを繰り返しながらも、無事にクリア。

かなりのボリュームだった。

ゲームセンターでセーブもできない状態で、当時これを最後まで遊ぶのは大変だっただろうなと思う。

それでも、夢中になったら時間は泡のようになくなるんだろうな。

RPGをベルトスクロールアクションに入れた面白さ

改めて『ザ・キング・オブ・ドラゴンズ』の面白さを考えてみると、一番のポイントはやっぱり、RPGの要素をベルトスクロールアクションに取り入れたことだと思う。

ドラゴンを倒す。

その目的はシンプル。

でも、そこにキャラクターの成長がある。

レベルが上がる。

装備の見た目が変わる。

強くなっていく。

そして、パーティーを組む。

ただし、そのパーティーはコンピューターが操作する仲間ではない。

隣にいる友達や家族。

ここが、このゲームの大きな魅力なんじゃないかと思う。

今ならオンラインで仲間を集めることもできる。

でも、このゲームが登場した頃は、同じ場所にいる人と一緒に遊ぶ。

その場で、

「こいつは任せろ」

「助けて!」

みたいなやり取りをしながら進んでいく。

そう考えると、アクションゲームでありながら、かなり「パーティーで冒険する」というRPGらしさを持ったゲームだったんだなと思う。

子供が最初は嫌がったキャラクターにもハマった

面白かったのが、子供たちの反応。

最初はキャラクターの見た目が無骨なので、あまり乗り気ではなかった。

ところが、実際にプレイしてみると、すぐに夢中になった。

何も知らずに始めても、基本的な操作だけでサクッと遊べる。

敵を倒す。

レベルが上がる。

キャラクターが強くなる。

そして、また敵を倒す。

この分かりやすさがいい。

一人で遊んでも十分楽しい。

2人、3人で遊べば、さらに楽しい。

極端な話、三人称視点のアクションゲームを横スクロールにしたような感覚で遊べるので、世代や男女を問わず楽しめるゲームだと思う。

アクションゲームが苦手でも、何度も復活できる。

だから、食わず嫌いをしている人以外なら、かなり楽しめるんじゃないかと思う。

今になって思う。「プレイしとけばよかったな」

今回、初めてしっかり『ザ・キング・オブ・ドラゴンズ』を遊んだ。

そして最後に思ったのが、

「プレイしとけばよかったな」

ということ。

当時、ゲームセンターで見かけていた。

でも、お金がなかった。

身近な友達もプレイしていなかった。

だから、自分にとっては縁のないゲームだった。

もし当時、誰かが横でプレイしているのを見ていたら。

もし気のいいお兄ちゃんが「これ面白いぞ」と教えてくれていたら。

もしかしたら、自分の中にもこのゲームの思い出が残っていたかもしれない。

でも、そうならなかった。

それから何十年も経って、今度は自分が子供たちと一緒に3人で遊んだ。

昔の自分ができなかったことを、今の自分が家族と一緒にやっている。

そう考えると、これはこれで良かったのかもしれない。

まとめ

『ザ・キング・オブ・ドラゴンズ』は、カプコンらしい爽快感のあるベルトスクロールアクション。

そこにRPGのレベルアップやキャラクターの成長を組み合わせている。

さらに5人のキャラクターから選べて、3人同時プレイにも対応。

敵を倒す爽快感だけではなく、

「自分たちのパーティーが強くなっていく」

という楽しさがある。

今回、子供たちと3人で遊んでみて、その魅力を改めて感じることができた。

どんな敵がでてきても3人で迎え撃つ、最後は巨大なドラゴンに挑む。

そんな時間が、今の自分にとって新しい『ザ・キング・オブ・ドラゴンズ』の思い出になった。

昔ゲームセンターで見かけたときには、まさか何十年後に自分の子供たちと一緒に遊ぶことになるとは思わなかった。

当時の自分に言うなら、やっぱり一言。

「プレイしとけばよかったな」

でも、今こうして遊べたのだから、それも悪くない。

今度は、このゲームを知らない人にも遊んでみてほしい。

一人でもいい。

友達でもいい。

家族でもいい。

きっと、思っている以上に夢中になれるゲームだと思う。

 

 

カプコンといえば、こんな記事も公開中!

 

akiyonpapa-games.hatenablog.com

 

akiyonpapa-games.hatenablog.com

 

akiyonpapa-games.hatenablog.com

 

@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% } }