レトロゲームとゲームミュージックのことを話すブログ
この広告は、90日以上更新していないブログに表示しています。
子供の頃にゲームセンで格ゲーブームが来た時に、
スト2がめっちゃ流行っていた。
俺は格ゲーがてんで下手で、あのスティックで技を出すのに憧れるのに、技がでない。
ワインみたいな持ち方で、こうくるっと。
波動拳を出そうと、こうくるっと。
やっぱでない。
その時点で、昇竜拳なんてでるわけがない。
俺には無理だ！俺には技が出せないんだと思っていた矢先に、餓狼伝説というゲームが流行り始めていた。
というか、気付いたら餓狼スペになっていた。
この頃はよく覚えてないけど、スト2も気付いたらスト2ターボだったし、スト2て何個あるの？て感じで、出るのが早いんよ。
そこで初めて餓狼伝説を見たときに、アンディの斬影拳が格好良くて、俺も俺もという感じでプレイすると、技が出る出る。
しかもハメられる。俺強い。
ていう具合にワンパターンに、斬影拳ばっかやっては最終的にパターンから抜け出せずに負けるを繰り返してた。
それでも満足感が高くて、スーファミに出た時（残念移植だけど）も何度もやってた。
ただ面白くて斬影拳だけを決めたいからプレイしてるわけでもないのが俺なんだよ。
俺はアンディが戦うステージのサウンドをこよなく愛していた。
あのピアノから始まる、哀愁漂うアコーディオンの音。
人がプレイしていても意識はそこにあった。
ゲームプレイは2の次。
だからして、俺が初めて買ってもらったCDは餓狼伝説2のサントラ。
餓狼伝説2と餓狼伝説スペシャルのゲームミュージックの話になるわけ。
餓狼伝説2のサントラにはゲームにはない曲が収録されていて、
１曲目の「CENTER CIRCLE」がそうなんだが、これが哀愁漂ういい曲。
全くゲームの音質とは異なり、本当の楽器サックスによる演奏で、聴き応えはある。
ただリズム隊は打ち込みだと思う。
それでも曲の完成度が高く、ゲームに入れてほしかった。
餓狼伝説スペシャルのサントラにないのがもったいない。
とりあえずざっくり曲紹介。
キャラセレクトの「LEVEL UP」は個人的に好き。
アンディの兄貴のテリーの曲「クリキントン」。
電車の走る音をリズム隊にするアイデアがイイ！
そして俺がめっちゃ好きなアンディの曲「パスタ」。
ピアノが一番好きで、こういうリズムが当時から今も根強い趣向。
ジョーの曲「タイ南部の伝えたい新しい詩」も独特で。
鐘の音と掛け声が特徴。リズム隊がずっと繰り返しなので、やけに耳に残る。
あのレスラーの名前なんだっけか、あいつの曲が結構ロックで好き。
でも曲名は「ターくんと北ピー」
十兵衛はせんべい投げてることしか覚えないが、曲名はまんまの「ジュウベイ」。
不知火舞は、もう服装どうなってんの？しか目に入ってない。
乳揺れのゲームの元祖なのでは思う。曲調は和風なのにあのドラムと滝。
伴奏はロックなのにメロディ和風て感じかな。曲名「炎龍神」。
チン・シンザンは声が、あの顔であの声が・・・。曲は悪くないけどね。
やっぱ一番ロックで格好いいのはキム・カッファンの「ソウルに行こう」かな。
本当に格好いい。
この後のビリー・カーンの曲「ロンドンマーチ」も結構ロックとエレクトロのミックスで好き。
ローレンスもイメージに合いすぎて、結構好きなんだよ。曲聴いただけで映像が頭に思い浮かぶ。
まぁシレっとホーク飛ばしました。
ラスボスの曲は、当時とんでもない曲だと思ったが、すでにあるクラシックとはそのときはつゆ知らずで。「レクイエム ニ短調 K.626 ディエス・イレ」。
本当はここで終わりなんだが、スペシャルだと追加キャラがいるので
ダックの曲やタン・フー・ルーの曲、そしてさらに隠しキャラのリョウ・サカザキの曲が追加されている。
どれも良曲で、ほんとに餓狼スペには捨て曲がない。
リアルバウトとかだと、ここまで印象は強くないのだが、（あんまりプレイしてないせいか）
曲の完成度が非常に高くて、同じ作曲者たちで作られても、
KOFとかの他の作品より、キャラクターに密接した曲で、切っても切り離せないぐらいのものだと思っている。
たぶんメロディが耳に残り易いのかもしれんが、ゲーム抜きで１曲の仕上がりがイイと思うんですよ。
だからゲームサウンドというより、新世界楽曲雑技団としてのアルバムで聴ける感じ。
最後にネオジオ系のサントラはキャラの声が収録されいるのがいいよね。
聴く分には必要ないんだが、
もうゲームしなくていいから曲だけ聴いてほしいと思える作品。
www.youtube.com
これがそのゲームに入ってないだろう渋い１曲。
www.youtube.com
アニメ化もされた有名なゲームであろう「逆転裁判」。
俺は当時ゲームボーイアドバンスがでて、「逆転裁判３」まで発売されてもなお、
このゲームを知ることはなかった。
ネットでたまたまフラッシュゲームのまとめサイトのようなところに
足を運ぶことになり、そこで「逆転裁判１」の冒頭裁判をまるっと2chの猫のキャラに
置き換わったゲームをプレイして
何これ、めっちゃおもろい！
おもしろすぎる！
いやもう完全に虜だわ
どこの誰が作ったゲームなんだ
ということで、調べた結果たどり着いたのが「逆転裁判」。
なんだ市販されとるのか。しかもカプコン。
これはやるしかない。
面白さはすでに実感済みなので、とりあえず「逆転裁判１、２、３」を大人買い。（中古だが）
ゲームをやればやるほど止まらない。
止めることができず、２日ほどで３作品クリアした記憶が・・・
しかもフラッシュゲームではわからなかった、ゲームミュージックのこの完成度。
ファミコンよりのゲーム音だからこそ、主旋律がハッキリとして実にイイ！
ゲームとの相性が良すぎる！
曲名「サスペンス」は、２音ぐらいしか使われていないのに、この恐怖感と説得力！
この出会いは今までにない。
作曲者の杉森雅和さんには頭が下がる。
どこかの記事で見たが、１作目であまりにインパクトがあり完成されすぎて、
２作目作るときに巧舟の気まぐれか、はたまた計算か（実際は計算らしいが）
同じ作曲者を使わないということで、２作目の木村明美さんは裁判シーンのサウンドが最後まで苦悩されたという。
でもここまで１作目に寄せた上に、さらに良い出来のものを作り上げる木村明美さんもすごすぎる！
そして３作目を作曲した岩垂徳行さんは後の５、６と連続で作曲され、
この人は他のゲームでも大変有名なので、苦労はあったであろうが、さすがの一言。
４作目は堀山俊彦さん、奥河英樹さん２人体制とのことだが、ヒットした作品を任されるのって、ほんっとにすごいプレッシャーだろうな。察するわ。
ただやはり、個人的に衝撃的で好きなのは杉森雅和さんだな。
「ゴーストトリック」でも巧舟さんと再びタッグで、
カプコンの通販でゲーム買ったら、サントラ付いてきて、めっちゃ喜んだからね。
そりゃ海外のゲームイベントの新作で「ゴーストトリック」紹介されたときに、
外国人が「この曲ください」てメインテーマを必死に懇願するわけよ。
話は戻って、「逆転裁判」はゲームも面白いが、
ゲームミュージックも本当にすばらしい！ということ。
後にDSなどでリメイクされたときも、プレイしたし、
「逆転裁判１２３」は、かれこれ５度ぐらいプレイしている。
ちなみに６作目はやってないんだよな。
というのも、５作目で巧舟さんじゃない時点で、期待はしてなかったが、
やはりあの独特のセリフ回しがない。
これだけで、成歩堂のキャラが違うし、他のキャラも違和感が・・・
「逆転検事」はよかったんだが、俺には”何かが違う感”がずっと頭にあって、
これは逆転裁判ではないわ、てなった。
ナンバリングにしてほしくなかったかな。
後々に「大逆転裁判」で巧舟さんが帰ってきて、イイものをプレイさせてもらった。
これはまた別の話に。
ということで「逆転裁判」１、２、３までで俺の好きな曲を。
「サスペンス」
言わずもがな「追求」だから全作品
「捜査 ～核心 2001」ベースがたまらん
「大江戸戦士トノサマン」外せない
「逆転姉妹のバラード」染み入る
「真実は告げる 2004」好きだ！
「糸鋸圭介 ～イトノコ刑事ッス」哀愁が・・・
「成歩堂龍一 ～異議あり！ 2002」あえてね
「捜査 ～中盤 2002」何故か好き
「逆転裁判3・開廷」鳥肌が・・・
「成歩堂龍一 ～異議あり！ 2004」沸き立つ
「ゴドー ～珈琲は闇色（やみいろ）の薫り」渋い
「捜査 ～中盤 2004」中盤好きか俺
結局全部好きだが、強いてあげたらという感じだな。
逆転裁判１（海外版しかなかった）
www.youtube.com
逆転裁判２
www.youtube.com
逆転裁判３
www.youtube.com
オーケストラもいいよね
www.youtube.com
小さい頃に友達の家でよくプレイした「ダウンタウン熱血行進曲」
もう毎日イヤというほどプレイした。
どんだけプレイしてもイヤにはならなかったが、
「れいほうはジャンケンな」と選ぶのに取り合いになったり、
「アイテム壁投げするのなし」でポイント稼ぎは違反になったり、
最後の格闘でマジでムカついたり、
そういう意味でイヤになってたな。
それでもまたプレイしてしまう恐ろしい依存度があった。
今思えば、こんなに短いゲームで何度もプレイできたのは
くにおくんとかの抜群にディフォルメされたキャラクターや
ボタン２つでジャンプさせる独特の操作性の良さとか、
あとは音楽が、もう濡れた水泳パンツを脱ごうとするときにベッタリ離れないぐらいの
相性の良さがあったに違いない。もうそこは譲れない。
くにおくんの作曲者は澤 和雄さん。
ファミコンのダウンタウンシリーズはすべて手掛けていると思う。
澤さんが作る曲は、くにお節が出てて、聴けばすぐにわかる。
アルペジオに似た伴奏がふんだんに使われ、独特の間の取り方を多様する曲が多い。
ベース部分も癖があり、メロディはハッキリしていて、結構音階が広く、
高音部分が来る部分は耳に残ることが多いかも。
ゲームは基本何度もやるから、どんなゲームも耳に残るが、なんかこうメロディの展開が実に上手い。
このゲーム中に流れる、誰もが知っているであろう「クシコスポスト」でさえも
澤さんの手にかかれば、すべてがくにお。
何をしていてもくにお。
どうあがいてもくにお。
くにおからは逃れられない。
そういえばダウンタウン熱血行進曲はPS4などで、リメイクみたいなやつを
今でもできるようになっているので、ネット対戦でどこぞの野郎どもとやりあうことができる。
ただ個人的には、アークシステムのくにおくんの新作はどれも俺には受け入れられん。
操作方法や動作がもっさりしてて、ファミコンの方がキビキビしてる。
ファミコンにできて、最近のゲーム機でなぜできん。
見た目もファミコンテイストなのに。がっくりだわぁ。
もうこれはテンドウさんのアレンジでも聴くしかない。
www.youtube.com
あと例のステレオも。
www.youtube.com
忍者龍剣伝というゲーム
ファミコンを知っていれば、大体の人はご存知だと思う。
課長もプレイしてたしね。（ゲームセンターＣＸのね）
このゲーム、当時プレイして
ムリムリムリムリムリムリムリムリムリ
これ絶対あかんやつ
もうだって、ギリギリだもんよ
ステージ６初めで既に瀕死。（残機がない）
親指痛いしね。
何でファミコンて親指痛くなるの？そういうもん？
ゲームオーバーになったら、ここわかってるのに
敵出るのわかってるのに
吸い寄せられるように落ちるわ敵に当たるわで
コントローラーを投げる気力さえ無くす。
戦意喪失です。
もうなんかね、今の歳でやったら、きっと腕のどっかでプチプチ音鳴ってると思うわ。
でもね、このゲーム、ステージ１始まってから
俺の心を鷲掴みにされる音楽たちだらけなのよ。
その後このゲームと言ったらという有名な曲があり、
これもモロにやられた。
これをバンドで、ギターで弾いてる人を見たときには度肝抜いたけどね。
必死で全部の音拾い上げて弾いてる外人。
好きだわぁ。
ライブ映像が昔あったと思ったけど、今はなくなってたので、これで勘弁。
www.youtube.com
この忍者龍剣伝の音楽で一番惹かれたのはこの「鮮烈のリュウ（Unbreakable Determination）」という曲ではなく、
意外にも「回想（Seeking Truth）」と「哀しき運命（Devilish Influence）」
俺こういうマイナーな感じがどうも好きで、どうにもこうにも。
そういえば日本人のギター演奏ではテンドウさんが一番イイ！
この人もっと評価されてもいいと思う。
たぶんプロのミュージシャン。
www.youtube.com
ステージ１の「龍の忍者（Pushing Onward）」をいい感じで弾いてくれる人は今のところ見たことがない。
あれは弾くもんじゃないんだろうな。
とにかくこの鬼ゲーといわれるほどのゲームで、
プレイヤーのアドレナリンを刺激してくれる音楽たちがすばらしい！
最近の「帰ってきた魔界村」や「月風魔伝」みたいにリメイクしてくんねぇかな。
www.youtube.com
7<セブン>モールモースの騎兵隊て、まだレトロゲームじゃないのかな。
PS2も結構なお年だよね？
もういいよね？
ということで、7<セブン>モールモースの騎兵隊のお話をします。
このゲーム、絵本みたいな世界観なんだが、
それがイイ！
もちろん音楽もイイ！
当時もかなり異色なゲームだと思ったが、ナムコもある意味攻めたなぁと思っていた。
ゲームは、前半はストーリー仕立てで戦闘を学ぶ。
後半はその戦闘をふんだんに楽しむ。
というのも、戦闘が一番の要であって、
ローテーションバトルという極めて独特な設定が、オセロや将棋のような完成された面白さを堪能させてくれる。
ただしこのゲームやったんだけども、ほとんど覚えてない。
面白かったのに、ほとんど覚えてない。
それが悔しい。
傍観的に面白かった記憶しかない。
まぁゲームは覚えてはいないが、音楽は覚えている。
このゲームは絵本のような世界観と言ったが、
音楽もその世界観を上手く表していて、曲だけでも十分満足できるものだと思っている。
前半のストーリーもこの音楽のお陰で、よりワクワクするような仕上がりになっていた、はず。
たぶんだけど。あまり覚えてないだけに。
www.youtube.com
ファミコンから離れて、プレステのお話に。
プレステは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
}
/*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%
}
}
