AKIYON BLOG

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

MOTHER3の音楽は、音作りからただのゲームじゃない。全曲サントラCDだしてほしい。

MOTHER3をクリアした。
プレイを終えての感想は、切なさ半分うれしさ半分。

 

f:id:akiyonpapa:20211120011242j:plain

 

MOTHERシリーズは最初にプレイヤーの名前を書くところがあって、プレイヤーもこのゲームの一部なんですよって、思わせてくれるところがいい!

とくにこのMOTHER3では、最後にそういう気持ちを高めてくれる。

 

 

MOTHER3では一つの家族の話がメインで、章立ててストーリーが進行する。
全部で8章まであって、1章から5章までは個別に主人公がいて、6章でやっと勇者の出番みたいな感じ。

ドラクエ4の5章でみんな揃うってとこに似ている。

 

 

糸井重里さんがシナリオを作っているだけに、所々にパワーワードが散りばめられていて、グッとくる言葉、クスっとなる言葉、ムカっとくる言葉、納得できる言葉、ためになる言葉など、いろんなところで普段の当たり前を見直させられることがある。

 

ストーリーは一方通行ではあるが、街やダンジョンは自由に行き来できるし、マザーの世界観に浸れるだけで満足度が高い。

 

あとは敵も味方もクセのあるキャラが多く、みんながみんな、セリフまわしがイイ意味で憎たらしい。

 

バトルシーンは音楽に合わせて、タイミングよくボタンを連打すると連続攻撃をする。これってマザーシリーズ共通だったか忘れたが、バトルシーンの音楽が固定曲じゃなく、敵によって変わるので、リズムに乗るの至難の技。上手いことできてるわ。

 

バトルにおいては、回復やダメージがドラムロールのように回転するので、一気に死なない。


例えば体力が100あって、ダメージが150あっても、食らった直後に0になるんじゃなく、徐々に減っていくので、本当に0になるまでに回復すれば生き返るところが、このゲームのいいところで、バトルの醍醐味かもしれない。
これが最後のバトルでも、絶妙に活躍する。
これはマザーシリーズ共通やね。

 


相変わらずゲーム全体のデザインが秀逸すぎる。
またドット絵の動きが細かい。ウエスじいのおしりダンスや、サルサの愛嬌ダンス。
車や乗り物全般、ドットが細かい。
見応えがあって、本当に芸術レベル。

 

 

そして音楽。
音楽は田中宏和さんと思っていたけど、違った。
今回作曲したのは、酒井省吾さんでした。
全く違和感なかった。しかもイイ曲も多いし、前作、前前作で使われた曲もアレンジされて使われている。
例えば、名曲POLLYANNAの曲とかね。

 

ゲーム内にミュージックプレイヤーがあるので、収録順に気に入ったものだけ紹介していこう。

瞬間的に思ったことを書きます。

 

ちなみに海外のMOTHERファンサイトでは、ゲームミュージックを聴くことができる。

starmen.net

 

最初の名前を入力するところ『たのしいネーミング』が結構好きで、ベースのエレクトリカルなところにベルのような音が心地いい。

 

オープニングの『WELCOME!』はMOTHERらしいフレーズが散りばめらていて、別の作曲者でこうもMOTHERらしさを醸し出すなんて、酒井さんやるなぁ。

この感じは『逆転裁判』でもあって、1,2,3と別の作曲者とは思えない統一感がある。

『ママのふるさと』のふるさとでは、MOTHER2ではツーソンで流れるメロディを一部使っている。

 

基本的な効果音は前作を踏襲しているので、安心感があった。バトル終了サウンドとかね。

 

『お気に召すまま』はメニューを開くたびにバックで鳴るサウンドで飽きない。

『あなたへの手紙』はヒナワの手紙で流れるシーンだが、その次の曲ではその曲がほわほわした感じになっている。

 

『なぞの飛行物体』ではブタマスクが初登場のシーンだったかな。

『か か 火事だーっ!』ではブタマスクのサウンドがめっちゃロック!めっちゃかっこいい!

『炎の森』でもブタマスクサウンドの別バージョン。振り返るとブタマスク活躍しすぎじゃないか。

 

『こうもりさんツイスト』バトルサウンド。昭和グループサウンドみたいや。

 

『いい湯かな』はゲームでは何度も聴くことになる。大変お世話になりました。

 

『やっかいなやつら』雑魚バトルサウンド。よく聴く。

『めいわくなやつら』やや手強いバトルサウンドクロノ・トリガーのバトルを思いだす。

『バックビートバトル』これもバトルサウンド。どの敵だったか忘れたけど、結構好き。

 

『ジェントルレイン』ピアノがしみる。いい曲。でもどこで流れたっけ?

 

『そぼくなYADO』MOTHER2とは打って変わっての宿。あっちはホテルやしね。

 

『ハードレイン』ヒナワ探すときのサウンド。ベース半端ない。

『走れマイドッグ!』勇ましくてカッコいいのに、あんまり覚えてない。

 

『おそるおそる』MOTHER2の最初のUFOが墜落して、見に行くときと似てる。

 

『やんちゃなブルース』これも雑魚バトルサウンド

『哀しき改造』たぶんバトルサウンド

 

『コンフュージョン』切ないピアノ。ヒワナのときに流れてた気がする。

MOTHER3 愛のテーマ』泣ける。

 

『悲しみのタツマイリ』ちょっとドラクエの船とかのサウンドに気持ち似てる。

『イン・ザ・ルーム』この曲、めっちゃMOTHERっぽい。

『ひとりで行く』MOTHERの曲って、ベース大事だよなって思わせてくれる曲。

 

『テリの森を抜けて』この音をGBAで出すのが、すごい。サウンドエンジニアの底力を感じる。

 

『もっとやんちゃなブルース』定番バトル。

『じゃまなやつら』やや強い敵。

『マンボ・デ・バトレ』これでもバトルサウンド

『ぶったまげマーチ』これは強い。強かった記憶のバトルサウンド

 

『マジプシーのパーティー』なんでこんなに渋いの?ジャズとクラシックとテクノ。

 

『もっとめいわくなやつら』クロノ再び。

『つんのめりマーチ』ちょっと変化球のバトル。

『メカドラゴとのたたかい』めちゃボス戦。

 

MOTHER3のレベル上がる音は、癒やし。

第2章とか次の章に行くときは、逆転裁判の次の話が出たときのサウンドと重なる俺がいる。

 

『一子相伝』この曲好きだ。どこで流れてたんだ。思い出せん。

『ドロボー・マインド』ダスターのテーマといっても過言じゃない。

 

『ゾンビート』マイケル・ジャクソンが見える。

『きっついゾンビート』マイコー再び。

『運命(さだめ)』バトルだけど、もはやどいつで流れてたのかわからん。

『もっとじゃまなやつら』バトルだけど、もはやどこで・・・。

 

『オソヘ城』おばけ思い出す。

『もっとやっかいなやつら』おばけバトル。レベルあげしてたなぁ。

『バックビートバトル・ハード』バトルなのに、哀愁が・・・。

『そしてエル・マリアッチ』これでもバトルサウンド

『ドライなやつら』これもバトル、だったかな・・・。ピアノがいい!

 

『オバケのためのエチュード』おばけ最高!

ラグタイム・オソヘ』こういう曲作れる人、羨ましい。

 

『真剣(まじ)』だんだんトノサマンに聴こえてきたわ。

『いわれなきリベンジ』出た!ブタマスク戦!

『家庭の事情・第2楽章』このバトル苦戦した・・・。

 

『師匠で父でドロボーで』ウエスのテーマ。

 

『ブタ的なやつら』ブタマスク戦なのに、ちょっと小洒落とる。

『ブタ的ななにか』間違い探しのサウンド版。

 

『ひらけゴマあぶら!』このシーン見てほしい。ウエスが・・・。

『ひらけゴマどうふ!』このシーンでウエスのおしりが・・・。

 

『先祖のおかげ・第8楽章』俺の場合、どうしても逆転裁判の携帯思い出す。

『手ごわいやつ』必死だったのか思い出せん。

 

『サルにはサルのラブソング』サルサの動きは愛くるしい。

『ビンビン・ポークビーン』乗り物に乗ってるときのサウンドね。

『行商人の大演説』おのれヨクバめ・・・。

『おサルの宅配便』案外切ないんだよな。

『ドラゴ!?』こんな曲が流れていることをゲーム中だと頭にない。

 

『鉄道がこの村に!』まさかこんなに様変わりするとは。同じゲームとは思えない。

『ホテルなYADO』ホテル仕様や!MOTHER2とおんなじ雰囲気。

『すてきなマイルーム』アレンジの引き出しが多すぎる。

『いささかエレジー』老人ホーム。

 

『トンネルを抜けると?』ベースが好きすぎる。

『もっとドライなやつら』この曲好きだ。若干BPM上がってる?

『ムラサキの森』これも好きだ。音選びがイイ。

 

『おえらいさんのテーマ』DCMCのライブサウンド。タイトルこんなんやったんやね。

『ヤネウラがダンジョン?!』無駄にカッコ良すぎる。

 

『はげしいやつら』この戦い辛かった。そんなサウンド

『ロックンロール(あまくち)』バトルサウンドだけど、タイトルよ。

『ロックンロール(からくち)』MOTHERにロックはつきもの。

『タメキチズ・ルーム』これ、MOTHER2にもあったよね?

 

『デンジャラス・ハイウェイ』結構この曲聴いた。ねずみ探したなぁ。

 

『白銀(PAのママいちおし曲)』ジュークボックス。

『妖精(クマヒゲいちおし曲)』NINTENDO64版使う予定だったとか。

『決意(ガムの兄さんいちおし曲)』これもそう。

『祝福(スキンヘッドいちおし曲)』これもです。

『青春(トイレ待ち牛いちおし曲)』これも!64版もやりたかった。

 

『あのお方のメモリー・2S』この曲は!MOTHER好きで知らない人はおらんだろう。

『あのお方のメモリー・2H』ホテルです。これがホテル。

『MROB-6720M』バトル。マシュマロちゃん、強すぎて戦わなかった・・・。

『GENE163-1425』この辺のバトル、敵にいい思い出がない。

 

『この子たちに名前を』MOTHER3のテーマ再び。

『おかあさん?!』まさにマザー。

 

『マジプシーの お・へ・や』なんでそんなに哀愁・・・。

『マジプシーは お・る・す』おるすでもこの気品・・・。

『クローズユア お・め・め』内容と音楽が合ってな、いや何でも・・・。

 

『電車に乗って行こう!』電車じゃないみたい。

『たまにはいいでしょグリーン車!』この曲、ノリノリ。

『キマイラの研究なのだ』悪夢のかくれんぼ。

 

『ピンクのシェル』どこで流れていたか覚えてないけど、曲の振り幅半端ない。

『オケラの長老』身の程を知るというのはこういうことを言うんだろうな。

 

『スノーマン』MOTHER2と一緒です。

 

『ブッコワシ賛歌』だんだんバトル戦、説明が面倒くさくなります。

『ソラトブナニーカ』冷蔵庫って、空飛ぶんですね。

 

『なんとかさん』どせいさんは外せない。

どせいさんのテーマ・Z』どせいさんグッズほしくなります。

 

『プライドかけたハッスル』この曲のピロピロいうのが好きなんです。

『はみんぐ するです』これもどせいさん

 

『ヨクバ&ツーヤク』ヨクバがなんでこんな渋いのか、後々わかった気がした。

『コーヒーブレイク』温泉だったかな。

 

『恋する酸素』ぶちゅーを思い出す。

『キミがキレイだキのせいか』渋いのに、きれいな人がいる。

『ホントのWELCOME!』このカジノ感、好きです。

『内輪差だよ人生は』とりあえず長すぎるわ、それ。

 

これでラストの8章突入。ミュージックプレイヤーはストーリー通りですな。

 

『映画館でせんべいは食べないで』映画館ではMOTHER2が流れているんですよ。

『ニューポーク・ボッサ』この曲、休みの日のBGMにいいかも。

 

『リダのジムノペディ』リダからの衝撃の告白が・・・。

 

『アフロでボンバボン』DCMCメンバーが熱い。

『DCMCのテーマ』ゲームでも見応えがある。

『サンバ・デ・カンボ』アフロいい味でてる。

 

『雨のちハーレム』カトちゃんじゃないよね?(年代が・・)案外ここからも長い道程がある。

『さわやかトイレット』いい曲。すっきりしそう。

『ほどほどにガンバレ!』茶番が始まりました。

『ハイそこまで!』名曲POLLYANNA!ドット絵もすばらしい!

 

『ポーキーのポーキー』ファミコンテイストなのがイイ!

『乱入ロックンロール』DCMC大活躍!

『ポーキーさまのテーマ』ラストバトル!?

『仮面の男とのたたかい』この戦いが本当につらい。ドラムロールふんだんに利用しました。

 

『カーテンコール』おわった。エンドロールです。

『16メロディーズ(はじまり)』プレイ中は曲のタイトルはわからないけど、憎いタイトルつけるね。

『いのちの記憶』ここのシーンがなんだか、切なさとうれしさが滲む。

 

以上で曲の解説というか一言思い出は終わり。

かなり時間をかけてプレイしたけど、よかった。

もう一度MOTHERを最初からプレイしたくなるね。

 

個人的にはオウムの「ドッコイ ハクセイジャナイヨ」が目に焼き付けてる。

 

アルバムで『MOTHER3i』というのがあって、こっちの方が原曲忠実なアレンジかな。

www.mother-jp.net

MOTHER3+

MOTHER3+

Amazon

 

 

[rakuten:rdownload:17557383:detail]


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