AKIYON BLOG

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

餓狼伝説2の曲は、ゲーム抜きでご飯おかわりできる。

子供の頃にゲームセンで格ゲーブームが来た時に、
スト2がめっちゃ流行っていた。

 

俺は格ゲーがてんで下手で、あのスティックで技を出すのに憧れるのに、技がでない。
ワインみたいな持ち方で、こうくるっと。
波動拳を出そうと、こうくるっと。
やっぱでない。


その時点で、昇竜拳なんてでるわけがない。
俺には無理だ!俺には技が出せないんだと思っていた矢先に、餓狼伝説というゲームが流行り始めていた。
というか、気付いたら餓狼スペになっていた。
この頃はよく覚えてないけど、スト2も気付いたらスト2ターボだったし、スト2て何個あるの?て感じで、出るのが早いんよ。

 

そこで初めて餓狼伝説を見たときに、アンディの斬影拳が格好良くて、俺も俺もという感じでプレイすると、技が出る出る。
しかもハメられる。俺強い。
ていう具合にワンパターンに、斬影拳ばっかやっては最終的にパターンから抜け出せずに負けるを繰り返してた。

 


それでも満足感が高くて、スーファミに出た時(残念移植だけど)も何度もやってた。
ただ面白くて斬影拳だけを決めたいからプレイしてるわけでもないのが俺なんだよ。


俺はアンディが戦うステージのサウンドをこよなく愛していた。
あのピアノから始まる、哀愁漂うアコーディオンの音。
人がプレイしていても意識はそこにあった。
ゲームプレイは2の次。


からして、俺が初めて買ってもらったCDは餓狼伝説2のサントラ。

餓狼伝説2餓狼伝説スペシャルゲームミュージックの話になるわけ。

 

餓狼伝説2のサントラにはゲームにはない曲が収録されていて、

1曲目の「CENTER CIRCLE」がそうなんだが、これが哀愁漂ういい曲。

全くゲームの音質とは異なり、本当の楽器サックスによる演奏で、聴き応えはある。

ただリズム隊は打ち込みだと思う。

それでも曲の完成度が高く、ゲームに入れてほしかった。

餓狼伝説スペシャルのサントラにないのがもったいない。

とりあえずざっくり曲紹介。

 

キャラセレクトの「LEVEL UP」は個人的に好き。

 

アンディの兄貴のテリーの曲「クリキントン」。

電車の走る音をリズム隊にするアイデアがイイ!

 

そして俺がめっちゃ好きなアンディの曲「パスタ」。

ピアノが一番好きで、こういうリズムが当時から今も根強い趣向。

 

ジョーの曲「タイ南部の伝えたい新しい詩」も独特で。

鐘の音と掛け声が特徴。リズム隊がずっと繰り返しなので、やけに耳に残る。

 

あのレスラーの名前なんだっけか、あいつの曲が結構ロックで好き。

でも曲名は「ターくんと北ピー」

 

十兵衛はせんべい投げてることしか覚えないが、曲名はまんまの「ジュウベイ」。

 

不知火舞は、もう服装どうなってんの?しか目に入ってない。

乳揺れのゲームの元祖なのでは思う。曲調は和風なのにあのドラムと滝。

伴奏はロックなのにメロディ和風て感じかな。曲名「炎龍神」。

 

チン・シンザンは声が、あの顔であの声が・・・。曲は悪くないけどね。

 

やっぱ一番ロックで格好いいのはキム・カッファンの「ソウルに行こう」かな。

本当に格好いい。

この後のビリー・カーンの曲「ロンドンマーチ」も結構ロックとエレクトロのミックスで好き。

ローレンスもイメージに合いすぎて、結構好きなんだよ。曲聴いただけで映像が頭に思い浮かぶ。

まぁシレっとホーク飛ばしました。

 

ラスボスの曲は、当時とんでもない曲だと思ったが、すでにあるクラシックとはそのときはつゆ知らずで。「レクイエム ニ短調 K.626 ディエス・イレ」。

 

本当はここで終わりなんだが、スペシャルだと追加キャラがいるので

ダックの曲やタン・フー・ルーの曲、そしてさらに隠しキャラのリョウ・サカザキの曲が追加されている。

どれも良曲で、ほんとに餓狼スペには捨て曲がない。

リアルバウトとかだと、ここまで印象は強くないのだが、(あんまりプレイしてないせいか)

曲の完成度が非常に高くて、同じ作曲者たちで作られても、

KOFとかの他の作品より、キャラクターに密接した曲で、切っても切り離せないぐらいのものだと思っている。

たぶんメロディが耳に残り易いのかもしれんが、ゲーム抜きで1曲の仕上がりがイイと思うんですよ。

だからゲームサウンドというより、新世界楽曲雑技団としてのアルバムで聴ける感じ。

 

最後にネオジオ系のサントラはキャラの声が収録されいるのがいいよね。

聴く分には必要ないんだが、 

もうゲームしなくていいから曲だけ聴いてほしいと思える作品。

 

www.youtube.com

 

これがそのゲームに入ってないだろう渋い1曲。

www.youtube.com

 

逆転裁判は大人になってから久しぶりにハマったゲーム

アニメ化もされた有名なゲームであろう「逆転裁判」。

俺は当時ゲームボーイアドバンスがでて、「逆転裁判3」まで発売されてもなお、

このゲームを知ることはなかった。

 

 

ネットでたまたまフラッシュゲームのまとめサイトのようなところに

足を運ぶことになり、そこで「逆転裁判1」の冒頭裁判をまるっと2chの猫のキャラに

置き換わったゲームをプレイして

 

何これ、めっちゃおもろい!

おもしろすぎる!

いやもう完全に虜だわ

どこの誰が作ったゲームなんだ

 

ということで、調べた結果たどり着いたのが「逆転裁判」。

なんだ市販されとるのか。しかもカプコン

これはやるしかない。

面白さはすでに実感済みなので、とりあえず「逆転裁判1、2、3」を大人買い。(中古だが)

 

ゲームをやればやるほど止まらない。

止めることができず、2日ほどで3作品クリアした記憶が・・・

しかもフラッシュゲームではわからなかった、ゲームミュージックのこの完成度。

ファミコンよりのゲーム音だからこそ、主旋律がハッキリとして実にイイ!

ゲームとの相性が良すぎる!

 

曲名「サスペンス」は、2音ぐらいしか使われていないのに、この恐怖感と説得力!

この出会いは今までにない。

作曲者の杉森雅和さんには頭が下がる。

 

 

どこかの記事で見たが、1作目であまりにインパクトがあり完成されすぎて、

2作目作るときに巧舟の気まぐれか、はたまた計算か(実際は計算らしいが)

同じ作曲者を使わないということで、2作目の木村明美さんは裁判シーンのサウンドが最後まで苦悩されたという。

でもここまで1作目に寄せた上に、さらに良い出来のものを作り上げる木村明美さんもすごすぎる!

 

そして3作目を作曲した岩垂徳行さんは後の5、6と連続で作曲され、

この人は他のゲームでも大変有名なので、苦労はあったであろうが、さすがの一言。

 

4作目は堀山俊彦さん、奥河英樹さん2人体制とのことだが、ヒットした作品を任されるのって、ほんっとにすごいプレッシャーだろうな。察するわ。

 

ただやはり、個人的に衝撃的で好きなのは杉森雅和さんだな。

ゴーストトリック」でも巧舟さんと再びタッグで、

カプコンの通販でゲーム買ったら、サントラ付いてきて、めっちゃ喜んだからね。

そりゃ海外のゲームイベントの新作で「ゴーストトリック」紹介されたときに、

外国人が「この曲ください」てメインテーマを必死に懇願するわけよ。

 

 

話は戻って、「逆転裁判」はゲームも面白いが、

ゲームミュージックも本当にすばらしい!ということ。

 

後にDSなどでリメイクされたときも、プレイしたし、

逆転裁判123」は、かれこれ5度ぐらいプレイしている。

ちなみに6作目はやってないんだよな。

というのも、5作目で巧舟さんじゃない時点で、期待はしてなかったが、

やはりあの独特のセリフ回しがない。

 

これだけで、成歩堂のキャラが違うし、他のキャラも違和感が・・・

逆転検事」はよかったんだが、俺には”何かが違う感”がずっと頭にあって、

これは逆転裁判ではないわ、てなった。

ナンバリングにしてほしくなかったかな。

 

後々に「大逆転裁判」で巧舟さんが帰ってきて、イイものをプレイさせてもらった。

これはまた別の話に。

 

ということで「逆転裁判」1、2、3までで俺の好きな曲を。

「サスペンス」

言わずもがな「追求」だから全作品

「捜査 ~核心 2001」ベースがたまらん

「大江戸戦士トノサマン」外せない

「逆転姉妹のバラード」染み入る

「真実は告げる 2004」好きだ!

糸鋸圭介 ~イトノコ刑事ッス」哀愁が・・・

成歩堂龍一 ~異議あり! 2002」あえてね

「捜査 ~中盤 2002」何故か好き

逆転裁判3・開廷」鳥肌が・・・

成歩堂龍一異議あり! 2004」沸き立つ

「ゴドー ~珈琲は闇色(やみいろ)の薫り」渋い

「捜査 ~中盤 2004」中盤好きか俺

 

結局全部好きだが、強いてあげたらという感じだな。

 

逆転裁判1(海外版しかなかった)

www.youtube.com

 

逆転裁判

www.youtube.com

 

逆転裁判

www.youtube.com

 

オーケストラもいいよね

www.youtube.com

ダウンタウン熱血行進曲は青春

小さい頃に友達の家でよくプレイした「ダウンタウン熱血行進曲

もう毎日イヤというほどプレイした。

 

 

どんだけプレイしてもイヤにはならなかったが、

「れいほうはジャンケンな」と選ぶのに取り合いになったり、

「アイテム壁投げするのなし」でポイント稼ぎは違反になったり、

最後の格闘でマジでムカついたり、

そういう意味でイヤになってたな。

 

それでもまたプレイしてしまう恐ろしい依存度があった。

 

今思えば、こんなに短いゲームで何度もプレイできたのは

くにおくんとかの抜群にディフォルメされたキャラクターや

ボタン2つでジャンプさせる独特の操作性の良さとか、

あとは音楽が、もう濡れた水泳パンツを脱ごうとするときにベッタリ離れないぐらいの

相性の良さがあったに違いない。もうそこは譲れない。

 

くにおくんの作曲者は澤 和雄さん。

ファミコンダウンタウンシリーズはすべて手掛けていると思う。

澤さんが作る曲は、くにお節が出てて、聴けばすぐにわかる。

アルペジオに似た伴奏がふんだんに使われ、独特の間の取り方を多様する曲が多い。

ベース部分も癖があり、メロディはハッキリしていて、結構音階が広く、

高音部分が来る部分は耳に残ることが多いかも。

ゲームは基本何度もやるから、どんなゲームも耳に残るが、なんかこうメロディの展開が実に上手い。

 

このゲーム中に流れる、誰もが知っているであろう「クシコスポスト」でさえも

澤さんの手にかかれば、すべてがくにお。

何をしていてもくにお。

どうあがいてもくにお。

くにおからは逃れられない。

 

そういえばダウンタウン熱血行進曲PS4などで、リメイクみたいなやつを

今でもできるようになっているので、ネット対戦でどこぞの野郎どもとやりあうことができる。

ただ個人的には、アークシステムのくにおくんの新作はどれも俺には受け入れられん。

操作方法や動作がもっさりしてて、ファミコンの方がキビキビしてる。

ファミコンにできて、最近のゲーム機でなぜできん。

見た目もファミコンテイストなのに。がっくりだわぁ。

 

 もうこれはテンドウさんのアレンジでも聴くしかない。

www.youtube.com

あと例のステレオも。

 

www.youtube.com

 

 

忍者龍剣伝は世界基準の音楽です、と思う。

忍者龍剣伝というゲーム

ファミコンを知っていれば、大体の人はご存知だと思う。

課長もプレイしてたしね。(ゲームセンターCXのね)

 

 

 

このゲーム、当時プレイして

ムリムリムリムリムリムリムリムリムリ

これ絶対あかんやつ

もうだって、ギリギリだもんよ

ステージ6初めで既に瀕死。(残機がない)

親指痛いしね。

何でファミコンて親指痛くなるの?そういうもん?

 

ゲームオーバーになったら、ここわかってるのに

敵出るのわかってるのに

吸い寄せられるように落ちるわ敵に当たるわで

コントローラーを投げる気力さえ無くす。

戦意喪失です。

 

もうなんかね、今の歳でやったら、きっと腕のどっかでプチプチ音鳴ってると思うわ。

 

でもね、このゲーム、ステージ1始まってから

俺の心を鷲掴みにされる音楽たちだらけなのよ。

 

その後このゲームと言ったらという有名な曲があり、

これもモロにやられた。

 

これをバンドで、ギターで弾いてる人を見たときには度肝抜いたけどね。

必死で全部の音拾い上げて弾いてる外人。

好きだわぁ。

 

ライブ映像が昔あったと思ったけど、今はなくなってたので、これで勘弁。

www.youtube.com

 

この忍者龍剣伝の音楽で一番惹かれたのはこの「鮮烈のリュウ(Unbreakable Determination)」という曲ではなく、

意外にも「回想(Seeking Truth)」と「哀しき運命(Devilish Influence)」

俺こういうマイナーな感じがどうも好きで、どうにもこうにも。

 

そういえば日本人のギター演奏ではテンドウさんが一番イイ!

この人もっと評価されてもいいと思う。

たぶんプロのミュージシャン。

www.youtube.com

 

ステージ1の「龍の忍者(Pushing Onward)」をいい感じで弾いてくれる人は今のところ見たことがない。

あれは弾くもんじゃないんだろうな。

 

とにかくこの鬼ゲーといわれるほどのゲームで、

プレイヤーのアドレナリンを刺激してくれる音楽たちがすばらしい!

 

最近の「帰ってきた魔界村」や「月風魔伝」みたいにリメイクしてくんねぇかな。

 

www.youtube.com

7<セブン>モールモースの騎兵隊の世界観が好き

7<セブン>モールモースの騎兵隊て、まだレトロゲームじゃないのかな。

PS2も結構なお年だよね?

もういいよね?

 

 

ということで、7<セブン>モールモースの騎兵隊のお話をします。

 

このゲーム、絵本みたいな世界観なんだが、

それがイイ!

もちろん音楽もイイ!

 

当時もかなり異色なゲームだと思ったが、ナムコもある意味攻めたなぁと思っていた。

 

ゲームは、前半はストーリー仕立てで戦闘を学ぶ。

後半はその戦闘をふんだんに楽しむ。

 

というのも、戦闘が一番の要であって、

ローテーションバトルという極めて独特な設定が、オセロや将棋のような完成された面白さを堪能させてくれる。

 

ただしこのゲームやったんだけども、ほとんど覚えてない。

面白かったのに、ほとんど覚えてない。

 

それが悔しい。

傍観的に面白かった記憶しかない。

 

まぁゲームは覚えてはいないが、音楽は覚えている。

 

このゲームは絵本のような世界観と言ったが、

音楽もその世界観を上手く表していて、曲だけでも十分満足できるものだと思っている。

前半のストーリーもこの音楽のお陰で、よりワクワクするような仕上がりになっていた、はず。

たぶんだけど。あまり覚えてないだけに。

 

www.youtube.com

 

RIDGE RACER TYPE 4 R4はオサレさん

ファミコンから離れて、プレステのお話に。

プレステはFF7と同時に購入した覚えがあるが、その中でもR4はこれでもかというぐらいプレイした。

 

リッジレーサーは初期の頃から知っていて、ポリゴンで初めてめっちゃリアルなレースゲームと心から思った。

 

 

このR4は初期のグランツーリスモが出たあとであったけど、非常にリアルで気持ちよくプレイできていた。

オープニングのムービーから魅せられる魅せられる。

音楽がかなりよく、ゲーム内で音楽聴くモードがあり、ずーっと聴いても飽きなかった。

今でもタイトルを覚えているのが「Your Vibe」と「Move Me」。

これは何度も聴いたし、プレイ中にミュージックを選択できるので、この曲ばかり選んでた。

 

今聴いても全く色あせていないし、それまでのリッジレーサーのようなトランスやユーロとは違い、バラエティにとんだラインナップ。

サントラとして聴いても、まったく飽きずに聴いていられる。

 

ダンス・チューンの中に、サックスやピアノなど、ベースのうねりぐあいとか

もうねぇオシャレすぎて、おっさん惚れてまう。

 

ゲームプレイ中は、集中して曲を聴いてないようで、この集中力をより高めてくれてたと思うわ。

 

こういう話を書くと、久々に聴きたくなるんよね。

 

www.youtube.com

最近知ったマッドシティの音楽は今でも通用しそう

「マッドシティ」というファミコンのゲームをご存知だろうか。

俺は最近知った。

 

 

悪魔城伝説の作曲者の一人、前沢秀憲さんのことをネットで追いかけているうちに、

「マッドシティ」に目が止まった。

 

そりゃ手っ取り早くYoutubeで調べるよね。

そしたら、これだもん。

この身体がゾワゾワするような喜びと、止まらない揺れ。(身体がね)

 

曲はファンキーで、コンガのノリから、ギターのバッキングのような音を、

よくファミコンでやってのけたな。

いや、やってくれたなって感じ。

 

とにかくコナミ矩形波倶楽部は、音作るのが上手すぎる。

音質もファミコンでもかなりよく、さすがコナミと言わしめる。

 

「マッドシティ」の全体の音楽は、似たりよったりではあるけど、

クオリティは高い。

 

ゲーム自体は、横スクロールのアクションゲーム。

Youtubeで見ただけなので、やったことはないが、こんなゲームがあったの知らんかった。

 

www.youtube.com

 

Youtube探してると職人てのはいてるもんだ。

ファミコンサウンドをステレオにして配信してる強者がおった。

もうこのままCD化してもいいんじゃないかと思う。

 

ちなみ海外タイトルは「The Adventures of Bayou Billy」

 

www.youtube.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 } 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% } }