Xbox/Windows10 Games

来月サービス終了となるEAのXboxゲーム5本。

2024年10月8日

11月にはXboxサーバーの閉鎖されるゲームタイトルがいくつか存在します。これらはすべてEAからリリースされているゲームタイトルで、主にXbox 360で提供されている作品となります。

目次

11月にサービス終了となるゲームタイトル

FIFA 22 — 2024年 11月 04日
FIFA 22 (Xbox One) — 2024年 11月 4日
バトルフィールド 3(Xbox 360) — 2024年 11月 7日
バトルフィールド 4 (Xbox 360) — 2024年 11月 7日
バトルフィールドハードライン (Xbox 360) — 2024年 11月 7日
NBA Live 18 — 2024 年 11 月 7 日

マルチプレイが遊べなくなるのでご注意を

オンラインタイトルはサービスが終了すると基本的にオフラインプレイしか出来なくなります。つまりオンライン関連の実績があるゲームは実績のコンプリートが出来なくなるので、ご注意ください。

Microsoft Office Home 2024(最新永続版)|オンラインコード版|Windows11、10/mac対応|PC2台

created by Rinker

マイクロソフト

¥31,023 (2024/10/08 07:01:06時点 Amazon調べ-詳細)

--

のっそす（WPTeq運営）

WPTeqのメインライター兼管理人。初めてパソコンを購入した際にWindows Meでトラブルに見舞われ、それ以降Windowsに関するさまざまな資料を読むようになる。 Zuneに惚れ込んで以来、Microsoft製品にハマる。好きなピニャータはファッジホッグ。

-Xbox/Windows10 Games
-Battlefield 3, Battlefield 4, Battlefield Hardline, FIFA 22, NBA Live 18, Xbox, XboxJP, サービス終了

/* 基本カラー */ .keycolor { color: #28ba62; } .maincolor { color: #2bca6b; } .subcolor { color: #f7fdf9; } .textcolor { color: #ffffff; } .keycolor-bc { background: #28ba62; } .maincolor-bc { background: #2bca6b; } .subcolor-bc { background: #f7fdf9; } .textcolor-bc { background: #ffffff; } /*------------------------------------------- * デザインパターン *-------------------------------------------/ /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b .st-paragraph-kaiwa-text { background-color: #f7fdf9; } .is-style-st-paragraph-kaiwa::after, .is-style-st-paragraph-kaiwa-b::after { border-right-color: #f7fdf9; } /*-------------------------------- Gutenberg カラーパレット ---------------------------------*/ :root .has-pale-pink-color.is-style-st-heading-custom-attention::before, :root .has-pale-pink-color.is-style-st-heading-custom-check::before, :root .has-pale-pink-color { color: #f78da7 !important; } :root .has-soft-red-color.is-style-st-heading-custom-attention::before, :root .has-soft-red-color.is-style-st-heading-custom-check::before, :root .has-soft-red-color { color: #e92f3d !important; } :root .has-light-grayish-red-color.is-style-st-heading-custom-attention::before, :root .has-light-grayish-red-color.is-style-st-heading-custom-check::before, :root .has-light-grayish-red-color { color: #fdf0f2 !important; } :root .has-vivid-yellow-color.is-style-st-heading-custom-attention::before, :root .has-vivid-yellow-color.is-style-st-heading-custom-check::before, :root .has-vivid-yellow-color { color: #ffc107 !important; } :root .has-very-pale-yellow-color.is-style-st-heading-custom-attention::before, :root .has-very-pale-yellow-color.is-style-st-heading-custom-check::before, :root .has-very-pale-yellow-color { color: #fffde7 !important; } :root .has-light-green-cyan-color.is-style-st-heading-custom-attention::before, :root .has-light-green-cyan-color.is-style-st-heading-custom-check::before, :root .has-light-green-cyan-color { color: #eefaff !important; } :root .has-pale-cyan-blue-color.is-style-st-heading-custom-attention::before, :root .has-pale-cyan-blue-color.is-style-st-heading-custom-check::before, :root .has-pale-cyan-blue-color { color: #8ed1fc !important; } :root .has-pale-cyan-blue-color.is-style-st-heading-custom-attention::before, :root .has-pale-cyan-blue-color.is-style-st-heading-custom-check::before, :root .has-pale-cyan-blue-color { color: #8ed1fc !important; } :root .has-vivid-cyan-blue-color.is-style-st-heading-custom-attention::before, :root .has-vivid-cyan-blue-color.is-style-st-heading-custom-check::before, :root .has-vivid-cyan-blue-color { color: #0693e3 !important; } :root .has-very-light-gray-color.is-style-st-heading-custom-attention::before, :root .has-very-light-gray-color.is-style-st-heading-custom-check::before, :root .has-very-light-gray-color { color: #fafafa !important; } :root .has-very-dark-gray-color.is-style-st-heading-custom-attention::before, :root .has-very-dark-gray-color.is-style-st-heading-custom-check::before, :root .has-very-dark-gray-color { color: #313131 !important; } :root .has-white-color.is-style-st-heading-custom-attention::before, :root .has-white-color.is-style-st-heading-custom-check::before, :root .has-white-color { color: #ffffff !important; } :root .has-pale-pink-background-color { background-color: #f78da7 !important; } :root .has-soft-red-background-color { background-color: #e92f3d !important; } :root .has-light-grayish-red-background-color { background-color: #fdf0f2 !important; } :root .has-vivid-yellow-background-color { background-color: #ffc107 !important; } :root .has-very-pale-yellow-background-color { background-color: #fffde7 !important; } :root .has-light-green-cyan-background-color { background-color: #eefaff !important; } :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc !important; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3 !important; } :root .has-very-light-gray-background-color { background-color: #fafafa !important; } :root .has-very-dark-gray-background-color { background-color: #313131 !important; } :root .has-white-background-color { background-color: #ffffff !important; } :root .has-soft-red-border-color { border-color: #e92f3d !important; } :root .has-light-grayish-red-border-color { border-color: #fdf0f2 !important; } :root .has-vivid-yellow-border-color { border-color: #ffc107 !important; } :root .has-very-pale-yellow-border-color { border-color: #fffde7 !important; } :root .has-light-green-cyan-border-color { border-color: #eefaff !important; } :root .has-pale-cyan-blue-border-color { border-color: #8ed1fc !important; } :root .has-vivid-cyan-blue-border-color { border-color: #0693e3 !important; } :root .has-very-light-gray-border-color { border-color: #fafafa !important; } :root .has-very-dark-gray-border-color { border-color: #313131 !important; } :root .has-white-border-color { border-color: #ffffff !important; } /** インラインの文字色（カラーパレット） */ .has-inline-color.has-pale-pink-color { color: #f78da7; } .has-inline-color.has-soft-red-color { color: #e92f3d; } .has-inline-color.has-light-grayish-red-color { color: #fdf0f2; } .has-inline-color.has-vivid-yellow-color { color: #ffc107; } .has-inline-color.has-very-pale-yellow-color { color: #fffde7; } .has-inline-color.has-light-green-cyan-color { color: #eefaff!important; } .has-inline-color.has-pale-cyan-blue-color { color: #8ed1fc; } .has-inline-color.has-vivid-cyan-blue-color { color: #0693e3; } .has-inline-color.has-very-light-gray-color { color: #fafafa; } .has-inline-color.has-very-dark-gray-color { color: #313131; } .has-inline-color.has-white-color { color: #ffffff; } /** カラーパレット（文字色）選択時のアイコン */ [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-pale-pink-color::before { color: #f78da7; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-soft-red-color::before { color: #e92f3d; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-light-grayish-red-color::before { color: #fdf0f2; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-vivid-yellow-color::before { color: #ffc107; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-very-pale-yellow-color::before { color: #fffde7; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-light-green-cyan-color::before { color: #eefaff!important; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-pale-cyan-blue-color::before { color: #8ed1fc; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-vivid-cyan-blue-color::before { color: #0693e3; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-very-light-gray-color::before { color: #fafafa; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-very-dark-gray-color::before { color: #313131; } [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-white-color::before { color: #ffffff; } /* カラーパレット選択時の見出しライン */ .is-style-st-heading-custom-line.has-pale-pink-color::after { background-color: #f78da7; } .is-style-st-heading-custom-line.has-soft-red-color::after { background-color: #e92f3d; } .is-style-st-heading-custom-line.has-light-grayish-red-color::after { background-color: #fdf0f2; } .is-style-st-heading-custom-line.has-vivid-yellow-color::after { background-color: #ffc107; } .is-style-st-heading-custom-line.has-very-pale-yellow-color::after { background-color: #fffde7; } .is-style-st-heading-custom-line.has-light-green-cyan-color::after { background-color: #eefaff!important; } .is-style-st-heading-custom-line.has-pale-cyan-blue-color::after { background-color: #8ed1fc; } .is-style-st-heading-custom-line.has-vivid-cyan-blue-color::after { background-color: #0693e3; } .is-style-st-heading-custom-line.has-very-light-gray-color::after { background-color: #fafafa; } .is-style-st-heading-custom-line.has-very-dark-gray-color::after { background-color: #313131; } .is-style-st-heading-custom-line.has-white-color::after { background-color: #ffffff; } /* カラーパレット（背景色）選択時のふきだし */ .is-style-st-paragraph-kaiwa.has-pale-pink-background-color::after, .is-style-st-paragraph-kaiwa-b.has-pale-pink-background-color::after { border-right-color: #f78da7; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-pale-pink-background-color::after { border-top-color: #f78da7; } /* カウント */ .is-style-st-heading-custom-count.has-pale-pink-background-color::before { color: #f78da7; } /* ステップ */ .is-style-st-heading-custom-step.has-pale-pink-background-color::before { color: #f78da7; } .is-style-st-heading-custom-step.has-pale-pink-background-color::after { border-color: #f78da7; color: #f78da7; } .is-style-st-paragraph-kaiwa.has-soft-red-background-color::after, .is-style-st-paragraph-kaiwa-b.has-soft-red-background-color::after { border-right-color: #e92f3d; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-soft-red-background-color::after { border-top-color: #e92f3d; } /* カウント */ .is-style-st-heading-custom-count.has-soft-red-background-color::before { color: #e92f3d; } /* ステップ */ .is-style-st-heading-custom-step.has-soft-red-background-color::before { color: #e92f3d; } .is-style-st-heading-custom-step.has-soft-red-background-color::after { border-color: #e92f3d; color: #e92f3d; } .is-style-st-paragraph-kaiwa.has-light-grayish-red-background-color::after, .is-style-st-paragraph-kaiwa-b.has-light-grayish-red-background-color::after { border-right-color: #fdf0f2; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-light-grayish-red-background-color::after { border-top-color: #fdf0f2; } /* カウント */ .is-style-st-heading-custom-count.has-light-grayish-red-background-color::before { color: #fdf0f2; } /* ステップ */ .is-style-st-heading-custom-step.has-light-grayish-red-background-color::before { color: #fdf0f2; } .is-style-st-heading-custom-step.has-light-grayish-red-background-color::after { border-color: #fdf0f2; color: #fdf0f2; } .is-style-st-paragraph-kaiwa.has-vivid-yellow-background-color::after, .is-style-st-paragraph-kaiwa-b.has-vivid-yellow-background-color::after { border-right-color: #ffc107; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-vivid-yellow-background-color::after { border-top-color: #ffc107; } /* カウント */ .is-style-st-heading-custom-count.has-vivid-yellow-background-color::before { color: #ffc107; } /* ステップ */ .is-style-st-heading-custom-step.has-vivid-yellow-background-color::before { color: #ffc107; } .is-style-st-heading-custom-step.has-vivid-yellow-background-color::after { border-color: #ffc107; color: #ffc107; } .is-style-st-paragraph-kaiwa.has-very-pale-yellow-background-color::after, .is-style-st-paragraph-kaiwa-b.has-very-pale-yellow-background-color::after { border-right-color: #fffde7; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-very-pale-yellow-background-color::after { border-top-color: #fffde7; } /* カウント */ .is-style-st-heading-custom-count.has-very-pale-yellow-background-color::before { color: #fffde7; } /* ステップ */ .is-style-st-heading-custom-step.has-very-pale-yellow-background-color::before { color: #fffde7; } .is-style-st-heading-custom-step.has-very-pale-yellow-background-color::after { border-color: #fffde7; color: #fffde7; } .is-style-st-paragraph-kaiwa.has-light-green-cyan-background-color::after, .is-style-st-paragraph-kaiwa-b.has-light-green-cyan-background-color::after { border-right-color: #eefaff!important; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-light-green-cyan-background-color::after { border-top-color: #eefaff!important; } /* カウント */ .is-style-st-heading-custom-count.has-light-green-cyan-background-color::before { color: #eefaff!important; } /* ステップ */ .is-style-st-heading-custom-step.has-light-green-cyan-background-color::before { color: #eefaff!important; } .is-style-st-heading-custom-step.has-light-green-cyan-background-color::after { border-color: #eefaff!important; color: #eefaff!important; } .is-style-st-paragraph-kaiwa.has-pale-cyan-blue-background-color::after, .is-style-st-paragraph-kaiwa-b.has-pale-cyan-blue-background-color::after { border-right-color: #8ed1fc; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-pale-cyan-blue-background-color::after { border-top-color: #8ed1fc; } /* カウント */ .is-style-st-heading-custom-count.has-pale-cyan-blue-background-color::before { color: #8ed1fc; } /* ステップ */ .is-style-st-heading-custom-step.has-pale-cyan-blue-background-color::before { color: #8ed1fc; } .is-style-st-heading-custom-step.has-pale-cyan-blue-background-color::after { border-color: #8ed1fc; color: #8ed1fc; } .is-style-st-paragraph-kaiwa.has-vivid-cyan-blue-background-color::after, .is-style-st-paragraph-kaiwa-b.has-vivid-cyan-blue-background-color::after { border-right-color: #0693e3; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-vivid-cyan-blue-background-color::after { border-top-color: #0693e3; } /* カウント */ .is-style-st-heading-custom-count.has-vivid-cyan-blue-background-color::before { color: #0693e3; } /* ステップ */ .is-style-st-heading-custom-step.has-vivid-cyan-blue-background-color::before { color: #0693e3; } .is-style-st-heading-custom-step.has-vivid-cyan-blue-background-color::after { border-color: #0693e3; color: #0693e3; } .is-style-st-paragraph-kaiwa.has-very-light-gray-background-color::after, .is-style-st-paragraph-kaiwa-b.has-very-light-gray-background-color::after { border-right-color: #fafafa; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-very-light-gray-background-color::after { border-top-color: #fafafa; } /* カウント */ .is-style-st-heading-custom-count.has-very-light-gray-background-color::before { color: #fafafa; } /* ステップ */ .is-style-st-heading-custom-step.has-very-light-gray-background-color::before { color: #fafafa; } .is-style-st-heading-custom-step.has-very-light-gray-background-color::after { border-color: #fafafa; color: #fafafa; } .is-style-st-paragraph-kaiwa.has-very-dark-gray-background-color::after, .is-style-st-paragraph-kaiwa-b.has-very-dark-gray-background-color::after { border-right-color: #fafafa; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-very-dark-gray-background-color::after { border-top-color: #313131; } /* カウント */ .is-style-st-heading-custom-count.has-very-dark-gray-background-color::before { color: #313131; } /* ステップ */ .is-style-st-heading-custom-step.has-very-dark-gray-background-color::before { color: #313131; } .is-style-st-heading-custom-step.has-very-dark-gray-background-color::after { border-color: #313131; color: #313131; } .is-style-st-paragraph-kaiwa.has-white-background-color::after, .is-style-st-paragraph-kaiwa-b.has-white-background-color::after { border-right-color: #313131; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-white-background-color::after { border-top-color: #ffffff; } /* カウント */ .is-style-st-heading-custom-count.has-white-background-color::before { color: #ffffff; } /* ステップ */ .is-style-st-heading-custom-step.has-white-background-color::before { color: #ffffff; } .is-style-st-heading-custom-step.has-white-background-color::after { border-color: #ffffff; color: #ffffff; } /* カラーパレット（背景色）選択時の会話ふきだし背景色 */ .is-style-st-paragraph-kaiwa.has-pale-pink-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-pale-pink-background-color .st-paragraph-kaiwa-text { background-color: #f78da7; } .is-style-st-paragraph-kaiwa.has-soft-red-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-soft-red-background-color .st-paragraph-kaiwa-text { background-color: #e92f3d; } .is-style-st-paragraph-kaiwa.has-light-grayish-red-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-light-grayish-red-background-color .st-paragraph-kaiwa-text { background-color: #fdf0f2; } .is-style-st-paragraph-kaiwa.has-vivid-yellow-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-vivid-yellow-background-color .st-paragraph-kaiwa-text { background-color: #ffc107; } .is-style-st-paragraph-kaiwa.has-very-pale-yellow-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-very-pale-yellow-background-color .st-paragraph-kaiwa-text { background-color: #fffde7; } .is-style-st-paragraph-kaiwa.has-light-green-cyan-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-light-green-cyan-background-color .st-paragraph-kaiwa-text { background-color: #eefaff!important; } .is-style-st-paragraph-kaiwa.has-pale-cyan-blue-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-pale-cyan-blue-background-color .st-paragraph-kaiwa-text { background-color: #8ed1fc; } .is-style-st-paragraph-kaiwa.has-vivid-cyan-blue-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-vivid-cyan-blue-background-color .st-paragraph-kaiwa-text { background-color: #0693e3; } .is-style-st-paragraph-kaiwa.has-very-light-gray-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-very-light-gray-background-color .st-paragraph-kaiwa-text { background-color: #fafafa; } .is-style-st-paragraph-kaiwa.has-very-dark-gray-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-very-dark-gray-background-color .st-paragraph-kaiwa-text { background-color: #313131; } .is-style-st-paragraph-kaiwa.has-white-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-white-background-color .st-paragraph-kaiwa-text { background-color: #ffffff; } /* カラーパレット（背景色）選択時の会話吹き出し周りの背景色を無しに */ .is-style-st-paragraph-kaiwa.has-pale-pink-background-color, .is-style-st-paragraph-kaiwa-b.has-pale-pink-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-soft-red-background-color, .is-style-st-paragraph-kaiwa-b.has-soft-red-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-light-grayish-red-background-color, .is-style-st-paragraph-kaiwa-b.has-light-grayish-red-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-vivid-yellow-background-color, .is-style-st-paragraph-kaiwa-b.has-vivid-yellow-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-very-pale-yellow-background-color, .is-style-st-paragraph-kaiwa-b.has-very-pale-yellow-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-light-green-cyan-background-color, .is-style-st-paragraph-kaiwa-b.has-light-green-cyan-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-pale-cyan-blue-background-color, .is-style-st-paragraph-kaiwa-b.has-pale-cyan-blue-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-vivid-cyan-blue-background-color, .is-style-st-paragraph-kaiwa-b.has-vivid-cyan-blue-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-very-light-gray-background-color, .is-style-st-paragraph-kaiwa-b.has-very-light-gray-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-very-dark-gray-background-color, .is-style-st-paragraph-kaiwa-b.has-very-dark-gray-background-color { background-color: transparent!important; } .is-style-st-paragraph-kaiwa.has-white-background-color, .is-style-st-paragraph-kaiwa-b.has-white-background-color { background-color: transparent!important; } /** カラーパレット（文字色）選択時のアイコン */ [class*="is-style-st-paragraph-"].has-pale-pink-color::before { color: #f78da7; border-right-color: #f78da7 !important; } [class*="is-style-st-paragraph-"].has-soft-red-color::before { color: #e92f3d; border-right-color: #e92f3d !important; } [class*="is-style-st-paragraph-"].has-light-grayish-red-color::before { color: #fdf0f2; border-right-color: #fdf0f2 !important; } [class*="is-style-st-paragraph-"].has-vivid-yellow-color::before { color: #ffc107; border-right-color: #ffc107 !important; } [class*="is-style-st-paragraph-"].has-very-pale-yellow-color::before { color: #fffde7; border-right-color: #fffde7 !important; } [class*="is-style-st-paragraph-"].has-light-green-cyan-color::before { color: #eefaff !important; border-right-color: #eefaff !important; } [class*="is-style-st-paragraph-"].has-pale-cyan-blue-color::before { color: #8ed1fc; border-right-color: #8ed1fc !important; } [class*="is-style-st-paragraph-"].has-vivid-cyan-blue-color::before { color: #0693e3; border-right-color: #0693e3 !important; } [class*="is-style-st-paragraph-"].has-very-light-gray-color::before { color: #fafafa; border-right-color: #fafafa !important; } [class*="is-style-st-paragraph-"].has-very-dark-gray-color::before { color: #313131; border-right-color: #313131 !important; } [class*="is-style-st-paragraph-"].has-white-color::before { color: #ffffff; border-right-color: #ffffff !important; } /** カラーパレット選択時のbox-shadow */ .is-style-st-paragraph-dotline.has-pale-pink-background-color { box-shadow: 0px 0px 0px 7px #f78da7; } .is-style-st-paragraph-dotline.has-soft-red-background-color { box-shadow: 0px 0px 0px 7px #e92f3d; } .is-style-st-paragraph-dotline.has-light-grayish-red-background-color { box-shadow: 0px 0px 0px 7px #fdf0f2; } .is-style-st-paragraph-dotline.has-vivid-yellow-background-color { box-shadow: 0px 0px 0px 7px #ffc107; } .is-style-st-paragraph-dotline.has-very-pale-yellow-background-color { box-shadow: 0px 0px 0px 7px #fffde7; } .is-style-st-paragraph-dotline.has-light-green-cyan-background-color { box-shadow: 0px 0px 0px 7px #eefaff!important; } .is-style-st-paragraph-dotline.has-pale-cyan-blue-background-color { box-shadow: 0px 0px 0px 7px #8ed1fc; } .is-style-st-paragraph-dotline.has-vivid-cyan-blue-background-color { box-shadow: 0px 0px 0px 7px #0693e3; } .is-style-st-paragraph-dotline.has-very-light-gray-background-color { box-shadow: 0px 0px 0px 7px #fafafa; } .is-style-st-paragraph-dotline.has-very-dark-gray-background-color { box-shadow: 0px 0px 0px 7px #313131; } .is-style-st-paragraph-dotline.has-white-background-color { box-shadow: 0px 0px 0px 7px #ffffff; } /* カラーパレット選択時の吹き出し */ .is-style-st-paragraph-bubble.has-pale-pink-background-color::after { border-top-color: #f78da7; } .is-style-st-paragraph-bubble.has-soft-red-background-color::after { border-top-color: #e92f3d; } .is-style-st-paragraph-bubble.has-light-grayish-red-background-color::after { border-top-color: #fdf0f2; } .is-style-st-paragraph-bubble.has-vivid-yellow-background-color::after { border-top-color: #ffc107; } .is-style-st-paragraph-bubble.has-very-pale-yellow-background-color::after { border-top-color: #fffde7; } .is-style-st-paragraph-bubble.has-light-green-cyan-background-color::after { border-top-color: #eefaff!important; } .is-style-st-paragraph-bubble.has-pale-cyan-blue-background-color::after { border-top-color: #8ed1fc; } .is-style-st-paragraph-bubble.has-vivid-cyan-blue-background-color::after { border-top-color: #0693e3; } .is-style-st-paragraph-bubble.has-very-light-gray-background-color::after { border-top-color: #fafafa; } .is-style-st-paragraph-bubble.has-very-dark-gray-background-color::after { border-top-color: #313131; } .is-style-st-paragraph-bubble.has-white-background-color::after { border-top-color: #ffffff; } /* オリジナルパレット */ .has-original-color-a-color.is-style-st-heading-custom-attention::before, .has-original-color-a-color.is-style-st-heading-custom-check::before, .has-original-color-a-color { color: #43a047 !important; } .has-original-color-a-background-color { background-color: #43a047 !important; } .has-original-color-a-border-color { border-color: #43a047 !important; } [class*="is-style-st-paragraph-"].has-original-color-a-color::before { color: #43a047; border-right-color: #43a047!important; } /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa.has-original-color-a-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-original-color-a-background-color .st-paragraph-kaiwa-text { background-color: #43a047; } .is-style-st-paragraph-kaiwa.has-original-color-a-background-color::after, .is-style-st-paragraph-kaiwa-b.has-original-color-a-background-color::after { border-right-color: #43a047; } .is-style-st-paragraph-kaiwa.has-original-color-a-background-color, .is-style-st-paragraph-kaiwa-b.has-original-color-a-background-color { background-color: transparent!important; } /* 見出しアイコン */ [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-original-color-a-color::before { color: #43a047; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-a-background-color::after { border-top-color: #43a047; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-a-color::after { background-color: #43a047; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-a-color { color: #43a047; } .is-style-st-heading-custom-count.has-original-color-a-background-color::before { color: #43a047; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-a-background-color::before { color: #43a047; } .is-style-st-heading-custom-step.has-original-color-a-background-color::after { border-color: #43a047; color: #43a047; } /* 質問と答え */ .is-style-st-heading-custom-question.has-original-color-a-color::before, .is-style-st-heading-custom-answer.has-original-color-a-color::before { color: #43a047; } .is-style-st-heading-custom-question.has-original-color-a-background-color::before, .is-style-st-heading-custom-answer.has-original-color-a-background-color::before { background-color: #43a047; } /* ランキング */ .is-style-st-heading-custom-ranking.has-original-color-a-background-color::before { background-color: #43a047; color: #fff!important; } /* グループライン */ .is-style-st-group-line-bold.has-original-color-a-color, .is-style-st-group-line.has-original-color-a-color { border-left-color: #43a047; color: inherit; } /* グループかぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-original-color-a-color::before, .is-style-st-group-corner-brackets.has-original-color-a-color::after, .is-style-st-group-square-brackets.has-original-color-a-color::before, .is-style-st-group-square-brackets.has-original-color-a-color::after { border-color: #43a047; } /* タブ > タブブロック > ブロックスタイル: ふきだし */ .st-tabs.is-style-st-bubble .has-border.has-original-color-a-border-color .st-tabs__tab[aria-selected="true"]::before, .st-tabs.is-style-st-bubble .has-original-color-a-background-color .st-tabs__tab[aria-selected="true"]::after { border-top-color: #43a047; } .has-original-color-b-color.is-style-st-heading-custom-attention::before, .has-original-color-b-color.is-style-st-heading-custom-check::before, .has-original-color-b-color { color: #795548 !important; } .has-original-color-b-background-color { background-color: #795548 !important; } .has-original-color-b-border-color { border-color: #795548 !important; } [class*="is-style-st-paragraph-"].has-original-color-b-color::before { color: #795548; border-right-color: #795548!important; } /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa.has-original-color-b-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-original-color-b-background-color .st-paragraph-kaiwa-text { background-color: #795548; } .is-style-st-paragraph-kaiwa.has-original-color-b-background-color::after, .is-style-st-paragraph-kaiwa-b.has-original-color-b-background-color::after { border-right-color: #795548; } .is-style-st-paragraph-kaiwa.has-original-color-b-background-color, .is-style-st-paragraph-kaiwa-b.has-original-color-b-background-color { background-color: transparent!important; } /* 見出しアイコン */ [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-original-color-b-color::before { color: #795548; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-b-background-color::after { border-top-color: #795548; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-b-color::after { background-color: #795548; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-b-color { color: #795548; } .is-style-st-heading-custom-count.has-original-color-b-background-color::before { color: #795548; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-b-background-color::before { color: #795548; } .is-style-st-heading-custom-step.has-original-color-b-background-color::after { border-color: #795548; color: #795548; } /* 質問と答え */ .is-style-st-heading-custom-question.has-original-color-b-color::before, .is-style-st-heading-custom-answer.has-original-color-b-color::before { color: #795548; } .is-style-st-heading-custom-question.has-original-color-b-background-color::before, .is-style-st-heading-custom-answer.has-original-color-b-background-color::before { background-color: #795548; } /* ランキング */ .is-style-st-heading-custom-ranking.has-original-color-b-background-color::before { background-color: #795548; color: #fff!important; } /* グループライン */ .is-style-st-group-line-bold.has-original-color-b-color, .is-style-st-group-line.has-original-color-b-color { border-left-color: #795548; color: inherit; } /* グループかぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-original-color-b-color::before, .is-style-st-group-corner-brackets.has-original-color-b-color::after, .is-style-st-group-square-brackets.has-original-color-b-color::before, .is-style-st-group-square-brackets.has-original-color-b-color::after { border-color: #795548; } /* グループかぎ括弧, 角括弧 */ :root .is-style-st-group-corner-brackets, :root .is-style-st-group-square-brackets { color: inherit!important; } .is-style-st-group-corner-brackets.has-original-color-b-color::before, .is-style-st-group-corner-brackets.has-original-color-b-color::after, .is-style-st-group-square-brackets.has-original-color-b-color::before, .is-style-st-group-square-brackets.has-original-color-b-color::after { border-color: #795548; } /* タブ > タブブロック > ブロックスタイル: ふきだし */ .st-tabs.is-style-st-bubble .has-border.has-original-color-b-border-color .st-tabs__tab[aria-selected="true"]::before, .st-tabs.is-style-st-bubble .has-original-color-b-background-color .st-tabs__tab[aria-selected="true"]::after { border-top-color: #795548; } .has-original-color-c-color.is-style-st-heading-custom-attention::before, .has-original-color-c-color.is-style-st-heading-custom-check::before, .has-original-color-c-color { color: #ec407a !important; } .has-original-color-c-background-color { background-color: #ec407a !important; } .has-original-color-c-border-color { border-color: #ec407a !important; } [class*="is-style-st-paragraph-"].has-original-color-c-color::before { color: #ec407a; border-right-color: #ec407a!important; } /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa.has-original-color-c-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-original-color-c-background-color .st-paragraph-kaiwa-text { background-color: #ec407a; } .is-style-st-paragraph-kaiwa.has-original-color-c-background-color::after, .is-style-st-paragraph-kaiwa-b.has-original-color-c-background-color::after { border-right-color: #ec407a; } .is-style-st-paragraph-kaiwa.has-original-color-c-background-color, .is-style-st-paragraph-kaiwa-b.has-original-color-c-background-color { background-color: transparent!important; } /* 見出しアイコン */ [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-original-color-c-color::before { color: #ec407a; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-c-background-color::after { border-top-color: #ec407a; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-c-color::after { background-color: #ec407a; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-c-color { color: #ec407a; } .is-style-st-heading-custom-count.has-original-color-c-background-color::before { color: #ec407a; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-c-background-color::before { color: #ec407a; } .is-style-st-heading-custom-step.has-original-color-c-background-color::after { border-color: #ec407a; color: #ec407a; } /* 質問と答え */ .is-style-st-heading-custom-question.has-original-color-c-color::before, .is-style-st-heading-custom-answer.has-original-color-c-color::before { color: #ec407a; } .is-style-st-heading-custom-question.has-original-color-c-background-color::before, .is-style-st-heading-custom-answer.has-original-color-c-background-color::before { background-color: #ec407a; } /* ランキング */ .is-style-st-heading-custom-ranking.has-original-color-c-background-color::before { background-color: #ec407a; color: #fff!important; } /* グループライン */ .is-style-st-group-line-bold.has-original-color-c-color, .is-style-st-group-line.has-original-color-c-color { border-left-color: #ec407a; color: inherit; } /* グループかぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-original-color-c-color::before, .is-style-st-group-corner-brackets.has-original-color-c-color::after, .is-style-st-group-square-brackets.has-original-color-c-color::before, .is-style-st-group-square-brackets.has-original-color-c-color::after { border-color: #ec407a; } .st-tabs.is-style-st-bubble .has-border.has-original-color-c-border-color .st-tabs__tab[aria-selected="true"]::before, .st-tabs.is-style-st-bubble .has-original-color-c-background-color .st-tabs__tab[aria-selected="true"]::after { border-top-color: #ec407a; } .has-original-color-d-color.is-style-st-heading-custom-attention::before, .has-original-color-d-color.is-style-st-heading-custom-check::before, .has-original-color-d-color { color: #9e9d24 !important; } .has-original-color-d-background-color { background-color: #9e9d24 !important; } .has-original-color-d-border-color { border-color: #9e9d24 !important; } [class*="is-style-st-paragraph-"].has-original-color-d-color::before { color: #9e9d24; border-right-color: #9e9d24!important; } /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa.has-original-color-d-background-color .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-original-color-d-background-color .st-paragraph-kaiwa-text { background-color: #9e9d24; } .is-style-st-paragraph-kaiwa.has-original-color-d-background-color::after, .is-style-st-paragraph-kaiwa-b.has-original-color-d-background-color::after { border-right-color: #9e9d24; } .is-style-st-paragraph-kaiwa.has-original-color-d-background-color, .is-style-st-paragraph-kaiwa-b.has-original-color-d-background-color { background-color: transparent!important; } /* 見出しアイコン */ [class^="is-style-st-heading-custom-"]:not(.is-style-st-heading-custom-bubble):not(.is-style-st-heading-custom-step):not(.is-style-st-heading-custom-count).has-original-color-d-color::before { color: #9e9d24; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-d-background-color::after { border-top-color: #9e9d24; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-d-color::after { background-color: #9e9d24; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-d-color { color: #9e9d24; } .is-style-st-heading-custom-count.has-original-color-d-background-color::before { color: #9e9d24; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-d-background-color::before { color: #9e9d24; } .is-style-st-heading-custom-step.has-original-color-d-background-color::after { border-color: #9e9d24; color: #9e9d24; } /* 質問と答え */ .is-style-st-heading-custom-question.has-original-color-d-color::before, .is-style-st-heading-custom-answer.has-original-color-d-color::before { color: #9e9d24; } .is-style-st-heading-custom-question.has-original-color-d-background-color::before, .is-style-st-heading-custom-answer.has-original-color-d-background-color::before { background-color: #9e9d24; } /* ランキング */ .is-style-st-heading-custom-ranking.has-original-color-d-background-color::before { background-color: #9e9d24; color: #fff!important; } /* グループライン */ .is-style-st-group-line-bold.has-original-color-d-color, .is-style-st-group-line.has-original-color-d-color { border-left-color: #9e9d24; color: inherit; } /* グループかぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-original-color-d-color::before, .is-style-st-group-corner-brackets.has-original-color-d-color::after, .is-style-st-group-square-brackets.has-original-color-d-color::before, .is-style-st-group-square-brackets.has-original-color-d-color::after { border-color: #9e9d24; } .st-tabs.is-style-st-bubble .has-border.has-original-color-d-border-color .st-tabs__tab[aria-selected="true"]::before, .st-tabs.is-style-st-bubble .has-original-color-d-background-color .st-tabs__tab[aria-selected="true"]::after { border-top-color: #9e9d24; } /* カラーパレット選択時の見出し（質問と答え） */ .is-style-st-heading-custom-question.has-pale-pink-background-color::before, .is-style-st-heading-custom-answer.has-pale-pink-background-color::before { background-color: #f78da7; } .is-style-st-heading-custom-question.has-soft-red-background-color::before, .is-style-st-heading-custom-answer.has-soft-red-background-color::before { background-color: #e92f3d; } .is-style-st-heading-custom-question.has-light-grayish-red-background-color::before, .is-style-st-heading-custom-answer.has-light-grayish-red-background-color::before { background-color: #fdf0f2; } .is-style-st-heading-custom-question.has-vivid-yellow-background-color::before, .is-style-st-heading-custom-answer.has-vivid-yellow-background-color::before { background-color: #ffc107; } .is-style-st-heading-custom-question.has-very-pale-yellow-background-color::before, .is-style-st-heading-custom-answer.has-very-pale-yellow-background-color::before { background-color: #fffde7; } .is-style-st-heading-custom-question.has-light-green-cyan-background-color::before , .is-style-st-heading-custom-answer.has-light-green-cyan-background-color::before { background-color: #eefaff!important; } .is-style-st-heading-custom-question.has-pale-cyan-blue-background-color::before, .is-style-st-heading-custom-answer.has-pale-cyan-blue-background-color::before { background-color: #8ed1fc; } .is-style-st-heading-custom-question.has-vivid-cyan-blue-background-color::before, .is-style-st-heading-custom-answer.has-vivid-cyan-blue-background-color::before { background-color: #0693e3; } .is-style-st-heading-custom-question.has-very-light-gray-background-color::before, .is-style-st-heading-custom-answer.has-very-light-gray-background-color::before { background-color: #fafafa; } .is-style-st-heading-custom-question.has-very-dark-gray-background-color::before, .is-style-st-heading-custom-answer.has-very-dark-gray-background-color::before { background-color: #313131; } .is-style-st-heading-custom-question.has-white-background-color::before, .is-style-st-heading-custom-answer.has-white-background-color::before { background-color: #ffffff; } /* カラーパレット選択時の見出し（ランキング） */ .is-style-st-heading-custom-ranking.has-pale-pink-background-color::before { background-color: #f78da7; color: #fff!important; } .is-style-st-heading-custom-ranking.has-soft-red-background-color::before { background-color: #e92f3d; color: #fff!important; } .is-style-st-heading-custom-ranking.has-light-grayish-red-background-color::before { background-color: #fdf0f2; color: #fff!important; } .is-style-st-heading-custom-ranking.has-vivid-yellow-background-color::before { background-color: #ffc107; color: #fff!important; } .is-style-st-heading-custom-ranking.has-very-pale-yellow-background-color::before { background-color: #fffde7; color: #fff!important; } .is-style-st-heading-custom-ranking.has-light-green-cyan-background-color::before { background-color: #eefaff!important; color: #fff!important; } .is-style-st-heading-custom-ranking.has-pale-cyan-blue-background-color::before { background-color: #8ed1fc; color: #fff!important; } .is-style-st-heading-custom-ranking.has-vivid-cyan-blue-background-color::before { background-color: #0693e3; color: #fff!important; } .is-style-st-heading-custom-ranking.has-very-light-gray-background-color::before { background-color: #fafafa; color: #fff!important; } .is-style-st-heading-custom-ranking.has-very-dark-gray-background-color::before { background-color: #313131; color: #fff!important; } .is-style-st-heading-custom-ranking.has-white-background-color::before { background-color: #ffffff; color: #fff!important; } /* マイ細マーカー */ .st-mymarker-s { background:linear-gradient(transparent 70%,#FFF9C4 0%); font-weight:bold; } .st-mymarker-s-b { background:linear-gradient(transparent 70%,#ffc4c4 0%); font-weight:bold; } /*-------------------------------- ブロックスタイルボーダー設定 ---------------------------------*/ .has-st-border { } /*-------------------------------- ブロックスタイル段落 ---------------------------------*/ /* 基本 */ [class^="is-style-st-paragraph-"], [class*=" is-style-st-paragraph-"] { border-radius: 5px; } /* カスタム */ /* メモ */ /* リンク */ /* チェック */ /* ポイント */ /* インフォ */ /* 初心者 */ /* 注意 */ /* マル */ /* バツ */ /* Like */ /* Bad */ /* Code */ /* 簡易会話ふきだし */ .is-style-st-paragraph-kaiwa.has-st-border, .is-style-st-paragraph-kaiwa-b.has-st-border { border: none; border-radius: 0; } .is-style-st-paragraph-kaiwa.has-st-border .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b.has-st-border .st-paragraph-kaiwa-text{ } .is-style-st-paragraph-kaiwa::before { background-image: url(https://wpteq.org/wp-content/uploads/2018/10/img_5bd6de05295e0-e1540809368123.png); } .is-style-st-paragraph-kaiwa-b::before { background-image: url(https://wpteq.org/wp-content/uploads/2018/10/img_5bd6e1ba81fab-e1540809342225.png); } /* 簡易ボタン */ /* 囲みドット * ふきだし */ .is-style-st-paragraph-dotline, .is-style-st-paragraph-dotline::before .is-style-st-paragraph-bubble { border-radius: 5px; } /* カラーパレット選択時の囲みドット */ .is-style-st-paragraph-dotline.has-original-color-a-background-color { box-shadow: 0px 0px 0px 7px #43a047; } .is-style-st-paragraph-dotline.has-original-color-b-background-color { box-shadow: 0px 0px 0px 7px #795548; } .is-style-st-paragraph-dotline.has-original-color-c-background-color { box-shadow: 0px 0px 0px 7px #ec407a; } .is-style-st-paragraph-dotline.has-original-color-d-background-color { box-shadow: 0px 0px 0px 7px #9e9d24; } /* カラーパレット選択時の吹き出し */ .is-style-st-paragraph-bubble.has-original-color-a-background-color::after { border-top-color: #43a047; } .is-style-st-paragraph-bubble.has-original-color-b-background-color::after { border-top-color: #795548; } .is-style-st-paragraph-bubble.has-original-color-c-background-color::after { border-top-color: #ec407a; } .is-style-st-paragraph-bubble.has-original-color-d-background-color::after { border-top-color: #9e9d24; } /* まるもじ */ .is-style-st-paragraph-marumozi { border-radius: 30px!important; } /*-------------------------------- ブロックスタイルグループ ---------------------------------*/ /* 囲みドット */ .is-style-st-group-dotline, .is-style-st-group-dotline::before { border-radius: 5px; } /* ライン */ .is-style-st-group-line.has-pale-pink-color, .is-style-st-group-line-bold.has-pale-pink-color { border-left-color: #f78da7; color: inherit; } .is-style-st-group-line.has-soft-red-color, .is-style-st-group-line-bold.has-soft-red-color { border-left-color: #e92f3d; color: inherit; } .is-style-st-group-line.has-light-grayish-red-color, .is-style-st-group-line-bold.has-light-grayish-red-color { border-left-color: #fdf0f2; color: inherit; } .is-style-st-group-line.has-vivid-yellow-color, .is-style-st-group-line-bold.has-vivid-yellow-color { border-left-color: #ffc107; color: inherit; } .is-style-st-group-line.has-very-pale-yellow-color, .is-style-st-group-line-bold.has-very-pale-yellow-color { border-left-color: #fffde7; color: inherit; } .is-style-st-group-line.has-light-green-cyan-color, .is-style-st-group-line-bold.has-light-green-cyan-color { border-left-color: #eefaff!important; color: inherit; } .is-style-st-group-line.has-pale-cyan-blue-color, .is-style-st-group-line-bold.has-pale-cyan-blue-color { border-left-color: #8ed1fc; color: inherit; } .is-style-st-group-line.has-vivid-cyan-blue-color, .is-style-st-group-line-bold.has-vivid-cyan-blue-color { border-left-color: #0693e3; color: inherit; } .is-style-st-group-line.has-very-light-gray-color, .is-style-st-group-line-bold.has-very-light-gray-color { border-left-color: #fafafa; color: inherit; } .is-style-st-group-line.has-very-dark-gray-color, .is-style-st-group-line-bold.has-very-dark-gray-color { border-left-color: #313131; color: inherit; } .is-style-st-group-line.has-white-color, .is-style-st-group-line-bold.has-white-color { border-left-color: #ffffff; color: inherit; } /* かぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-pale-pink-color::before, .is-style-st-group-corner-brackets.has-pale-pink-color::after, .is-style-st-group-square-brackets.has-pale-pink-color::before, .is-style-st-group-square-brackets.has-pale-pink-color::after { border-color: #f78da7; } .is-style-st-group-corner-brackets.has-soft-red-color::before, .is-style-st-group-corner-brackets.has-soft-red-color::after, .is-style-st-group-square-brackets.has-soft-red-color::before, .is-style-st-group-square-brackets.has-soft-red-color::after { border-color: #e92f3d; color: inherit!important; } .is-style-st-group-corner-brackets.has-light-grayish-red-color::before, .is-style-st-group-corner-brackets.has-light-grayish-red-color::after, .is-style-st-group-square-brackets.has-light-grayish-red-color::before, .is-style-st-group-square-brackets.has-light-grayish-red-color::after { border-color: #fdf0f2; color: inherit!important; } .is-style-st-group-corner-brackets.has-vivid-yellow-color::before, .is-style-st-group-corner-brackets.has-vivid-yellow-color::after, .is-style-st-group-square-brackets.has-vivid-yellow-color::before, .is-style-st-group-square-brackets.has-vivid-yellow-color::after { border-color: #ffc107; } .is-style-st-group-corner-brackets.has-very-pale-yellow-color::before, .is-style-st-group-corner-brackets.has-very-pale-yellow-color::after, .is-style-st-group-square-brackets.has-very-pale-yellow-color::before, .is-style-st-group-square-brackets.has-very-pale-yellow-color::after { border-color: #fffde7; } .is-style-st-group-corner-brackets.has-light-green-cyan-color::before, .is-style-st-group-corner-brackets.has-light-green-cyan-color::after, .is-style-st-group-square-brackets.has-light-green-cyan-color::before, .is-style-st-group-square-brackets.has-light-green-cyan-color::after { border-color: #eefaff!important; } .is-style-st-group-corner-brackets.has-pale-cyan-blue-color::before, .is-style-st-group-corner-brackets.has-pale-cyan-blue-color::after, .is-style-st-group-square-brackets.has-pale-cyan-blue-color::before, .is-style-st-group-square-brackets.has-pale-cyan-blue-color::after { border-color: #8ed1fc; } .is-style-st-group-corner-brackets.has-vivid-cyan-blue-color::before, .is-style-st-group-corner-brackets.has-vivid-cyan-blue-color::after, .is-style-st-group-square-brackets.has-vivid-cyan-blue-color::before, .is-style-st-group-square-brackets.has-vivid-cyan-blue-color::after { border-color: #0693e3; } .is-style-st-group-corner-brackets.has-very-light-gray-color::before, .is-style-st-group-corner-brackets.has-very-light-gray-color::after, .is-style-st-group-square-brackets.has-very-light-gray-color::before, .is-style-st-group-square-brackets.has-very-light-gray-color::after { border-color: #fafafa; } .is-style-st-group-corner-brackets.has-very-dark-gray-color::before, .is-style-st-group-corner-brackets.has-very-dark-gray-color::after, .is-style-st-group-square-brackets.has-very-dark-gray-color::before, .is-style-st-group-square-brackets.has-very-dark-gray-color::after { border-color: #313131; } .is-style-st-group-corner-brackets.has-white-color::before, .is-style-st-group-corner-brackets.has-white-color::after, .is-style-st-group-square-brackets.has-white-color::before, .is-style-st-group-square-brackets.has-white-color::after { border-color: #ffffff; } /*-------------------------------- オリジナルブロック ---------------------------------*/ /* メモボックス */ .wp-block-st-blocks-memo { background-color: #f7fdf9; border-color: #f7fdf9; } .wp-block-st-blocks-memo .clip-fonticon { color: #2bca6b; border-color: #2bca6b; } /* マイボックス*/ .wp-block-st-blocks-my-box{ background-color: #f7fdf9; border-color: #2bca6b; } .wp-block-st-blocks-my-box .st-mybox-title { color: #2bca6b; border-bottom-color: #2bca6b; } /* 見出し付きフリーボックス */ .wp-block-st-blocks-midashi-box.freebox { background-color: #f7fdf9; border-color: #2bca6b; } .wp-block-st-blocks-midashi-box .p-free { border-color: #2bca6b; } .wp-block-st-blocks-midashi-box .p-free .p-entry-f { color: #ffffff; background-color: #2bca6b; } /* バナー風ボックス */ .wp-block-st-blocks-flexbox { background-color: #f7fdf9; padding: 20px; } .wp-block-st-blocks-flexbox .st-header-flextitle { color: #2bca6b; } /*-------------------------------- ブロック下の余白 ---------------------------------*/ p.has-st-margin-bottom--2, .is-style-st-wide-background.wp-block-group.has-background.has-st-margin-bottom--2, .is-style-st-wide-background.has-st-margin-bottom--2, .st-wide-background.has-st-margin-bottom--2, .wp-block-group.has-st-margin-bottom--2 { margin-bottom: -20px!important; } p.has-st-margin-bottom--1, .is-style-st-wide-background.wp-block-group.has-background.has-st-margin-bottom--1, .is-style-st-wide-background.has-st-margin-bottom--1, .st-wide-background.has-st-margin-bottom--1, .wp-block-group.has-st-margin-bottom--1 { margin-bottom: -10px!important; } p.has-st-margin-bottom-2, .is-style-st-wide-background.wp-block-group.has-background.has-st-margin-bottom-2, .is-style-st-wide-background.has-st-margin-bottom-2, .st-wide-background.has-st-margin-bottom-2, .wp-block-group.has-st-margin-bottom-2 { margin-bottom: 40px!important; } /* @keyframes アニメーション */ #header-l,#st-mobile-logo,.st-key-slidedown { animation-name: StSlideDown; /* 上から下 */ animation-duration: 2s; } .st-middle-menu,.kanren,.post-card,.st-key-slice-up { animation-name: StSlideUp; /* 下から上 */ animation-duration: 2s; } .st-cardlink-card,.st-key-righttuoleft { animation-name: StRightToLeft; /* 右から左 */ animation-duration: 2s; } #st-menu-wide nav,.st-key-righttuoleft { animation-name: StLeftToRight; /* 左から右 */ animation-duration: 2s; } main ,entry-title,.st-key-fedein { animation-name: StFedeIn; /* フェードイン */ animation-duration: 2s; } /* 上から下 */ @keyframes StSlideDown { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } /* 下から上 */ @keyframes StSlideUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } /* 右から左 */ @keyframes StRightToLeft { 0% { opacity: 0; transform: translateX(50px); } 100% { opacity: 1; transform: translateX(0); } } /* 左から右 */ @keyframes StLeftToRight { 0% { opacity: 0; transform: translateX(0); } 100% { opacity: 1; transform: translateX(50px); } } /* フェードイン */ @keyframes StFedeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @media print, screen and (max-width: 959px) { #headbox { padding: 0 10px 15px; } /* タイトル下に余白 */ #header-l { padding-bottom: 10px; } } /*ヘッダーウィジェット*/ header .headbox .textwidget, #footer .headbox .textwidget{ background: #f7fdf9; } header h1.descr.sitenametop:not(.entry-title):not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), header h1.sitename.sitenametop:not(.entry-title):not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) { margin-bottom: 5px; padding-top:5px; } /* ヘッダー画像エリア表示設定 */ body:not(.front-page) #st-header { display: none; } [class^="fa-"], [class*=" fa-"] { font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* 画像の高さ / 幅 * 100% */ .content-post-slider .post-slide-image::before, /* サムネイルスライドショー・ショートコードスライドショー */ .post-card-list .post-card-image::before /* カードデザイン */ { padding-top: 56%; } .header-post-slider .post-slide-image::before { padding-top: 56%; } @media only screen and (min-width: 600px) { .header-post-slider .post-slide-image::before { padding-top: 56%; } } #st-header-bottom-category .content-post-slider .post-slide-image::before /* サムネイルスライドショー */ { padding-top: 56%; } .header-post-slider .post-slide-text { padding-left: 10px; padding-bottom: 10px; } .header-post-slider .post-slide-image img, .header-post-slider .post-slide.has-image .post-slide-image img, #st-magazine .kanren dt img, /* JET */ .content-post-slider .post-slide-image img, /* サムネイルスライドショー・ショートコードスライドショー */ .post-card-list .post-card-image img { width: 100%; height: 100%; } /* YouTubeサムネイル */ .youtube_thum_link_150 { width: 100px; height: 100px; } @media print, screen and (max-width: 599px) { /* YouTubeサムネイル */ .youtube_thum_link_150 { width: 100%; padding-top: 100%; height: inherit!important; min-height: inherit!important; } } @media print, screen and (max-width: 599px) { #footer .st-cardbox .clearfix dt.st-card-img, #side .st-cardbox .clearfix dt.st-card-img, main .st-cardbox .clearfix dt.st-card-img, .post .st-cardbox .clearfix dt.st-card-img { height: 100px; } } .st-cardstyle .st-cardbox .clearfix dt.st-card-img img, .post .st-cardstyle .st-cardbox .clearfix dt.st-card-img img, #side .st-cardstyle .st-cardbox .clearfix dt.st-card-img img { height: 200px; } @media only screen and (min-width: 600px) { .st-cardstyleb .st-cardbox .clearfix dt.st-card-img img, .post .st-cardstyleb .st-cardbox .clearfix dt.st-card-img img, #side .st-cardstyleb .st-cardbox .clearfix dt.st-card-img img { height: 200px; } } /* キャプション */ .wp-block-embed.is-type-wp-embed.wp-block-embed-wordpress { position: relative; } /* ラベルがある場合 */ .wp-block-embed.is-type-wp-embed.kanren figcaption, .wp-block-embed.is-type-wp-embed.check figcaption, .wp-block-embed.is-type-wp-embed.important figcaption, .wp-block-embed.is-type-wp-embed.popular figcaption { font-size: .7em; color: #ccc; text-align:center; margin-top: -10px; } .wp-block-embed.is-type-wp-embed:not(.kanren):not(.important):not(.popular) figcaption { position: absolute; top: -20px; right: 0; display: inline-block; height: 30px; line-height: 30px; text-align: center; padding: 0 15px 0 18px; font-size: 12px; box-sizing: border-box; font-weight: bold; background: #eee; color: #333; } .wp-block-embed.is-type-wp-embed:not(.kanren):not(.important):not(.popular) figcaption::after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; top: 0; right: -15px; border-width: 15px; border-color: #eee transparent transparent #eee; border-style: solid; } .wp-block-embed.is-type-wp-embed:not(.kanren):not(.important):not(.popular) figcaption::before { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; top: 0; right: -15px; border-width: 15px; border-color: transparent transparent #eee #eee; border-style: solid; } @media print, screen and (max-width: 599px) { .st-timeline .kanren.st-cardbox dd { padding-left: 85px; padding-right: 0; } .st-timeline .kanren.st-cardbox dt { width: 70px; } } .content-post-slider .post-slide-image img, .post-card-list .post-card-image img { width: 100%; height: 100%!important; object-fit: cover; } .slick-prev::before, .slick-next::before { color: #424242 } /* 検索フォーム */ #s, .s { font-size: 14px; padding-left: 25px; padding-top: 10px; padding-bottom: 10px; } .st-custom-search-box-tpl-default .cs-text-input { padding-left: 25px !important; padding-right: 25px !important; padding-top: 10px !important; padding-bottom: 10px !important; } input#s:-ms-input-placeholder, input.s:-ms-input-placeholder { font-size: 14px !important; } input#s::-ms-input-placeholder, input.s::-ms-input-placeholder { font-size: 14px !important; } input#s::placeholder, input.s::placeholder { font-size: 14px !important; } :root #searchform, .st-custom-search-box-tpl-default .cs-text { border-width: 1px; } input#searchsubmit { padding-right: 25px; padding-left: 25px; font-size: 14px; } /* カスタム検索ボタン */ .cs-search-button { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; border-radius: 5px; background-color: #f3f3f3; color: #424242; font-size: 14px; } .is-style-st-paragraph-kaiwa:not(.stop)::before, .st-kaiwa-box:not(.stop) .st-kaiwa-face img { animation: animScale 4s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden; } .is-style-st-paragraph-kaiwa-b:not(.stop)::before, .st-kaiwa-box:not(.stop) .st-kaiwa-face2 img { animation: animScale 4.5s infinite ease-out; transform-origin: 50% 50%; animation-play-state:running; backface-visibility: hidden; } @keyframes animScale { 0% { transform: scale(0.8, 0.8); } 5% { transform: scale(1.1, 1.1); } 10% { transform: scale(1, 1); } 15% { transform: scale(1.1, 1.1); } 20% { transform: scale(1, 1); } 100% { transform: scale(1, 1); } } .st-middle-menu .menu > li { width:50%; } .st-middle-menu .menu li a{ font-size:90%; } main .post h2:not(.st-css-no) span.st-h-copy, main .post h3:not(.st-css-no) span.st-h-copy, main .h2modoki span.st-h-copy, main .h3modoki span.st-h-copy, main .entry-title:not(.st-css-no) span.st-h-copy, main .post .entry-title:not(.st-css-no) span.st-h-copy, main .h4modoki span.st-h-copy, main .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point) span.st-h-copy, main .h5modoki span.st-h-copy, main .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.post-card-title):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) span.st-h-copy, main .post h2:not(.st-css-no) span.st-h-copy-toc, main .post h3:not(.st-css-no) span.st-h-copy-toc, main .h2modoki span.st-h-copy-toc, main .h3modoki span.st-h-copy-toc, main .entry-title:not(.st-css-no) span.st-h-copy-toc, main .post .entry-title:not(.st-css-no) span.st-h-copy-toc, main .h4modoki span.st-h-copy-toc, main .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point) span.st-h-copy-toc, main .h5modoki span.st-h-copy-toc, main .post h5:not(.st-css-no):not(.st-matome):not(.rankh5):not(.post-card-title):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) span.st-h-copy-toc { font-weight: normal!important; } @media only screen and (max-width: 599px) { .st-header-flextitle { font-weight: 700; } } .s-navi-search-overlay .widget_st_categories_widget .cat-item a { /* 検索オーバーレイ */ border-color: #ccc; color: #333; } /*TOC+*/ #toc_container { margin: 0 auto 20px; text-align: center; } #toc_container .toc_title { text-align:center; padding: 5px; font-weight:bold; position:relative; display: inline-block; vertical-align: middle; border-bottom: 2px solid #333; margin-bottom: 5px; } #toc_container:not(.contracted) .toc_title { margin:0 auto 10px; } #toc_container .toc_title::before { content: "\f0f6\00a0"; font-family: stsvg; } #toc_container .toc_title .toc_toggle { font-weight: normal; font-size:95%; } .post #toc_container ul, .post #toc_container ol { list-style: none; margin-bottom: 0; } .toc_number { font-weight:bold; margin-right:5px; color:#ccc; } #toc_container ul a { display: block; text-decoration: none; color: #000; padding-bottom:5px; border-bottom: 1px dotted #ccc; } #toc_container ul a:hover { opacity:0.5; } #toc_container .toc_list > li> li > a { margin-bottom:10px; } #toc_container .toc_list > li > a { border-bottom: none; } .post #toc_container ul ul { padding: 5px 0; } .post #toc_container ul ul ul { padding-left: 10px; } #toc_container li { font-weight:bold; margin-bottom: 5px; padding: 10px 0px; list-style-type:none; text-align: left; text-indent:-0.8em; padding-left:1em; } #toc_container > ul > li { font-size: 18px; } #toc_container li a::before { font-family: stsvg; content: "\f0da\00a0\00a0"; color: #333; } #toc_container li li a::before { content: none; } #toc_container li li { text-align:left; font-weight:normal; list-style:decimal outside none; text-indent:0; padding: 5px 0; } #toc_container li li li{ margin-bottom:0; padding:3px 0; list-style-type:none; text-indent:-0.8em; padding-left:1em; } #toc_container li li li a{ border:none; margin-bottom:0; padding:0; } #toc_container li li li a::before { font-family: stsvg; content: "\f0da\00a0\00a0"; color: #9E9E9E; } /* 第一階層のみの場合 */ #toc_container.only-toc ul { padding:20px; } #toc_container.only-toc li{ padding:0; font-weight:normal; } #toc_container.only-toc li a::before{ content: none; } #toc_container.only-toc li{ list-style-type: decimal; border-bottom:dotted 1px #ccc; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).only-toc:not(.st_toc_contracted), .st_toc_container:not(.over_toc_content):not(.side_toc_content).only-toc:not(.st_toc_contracted) { padding: 20px; } /* オリジナル */ .post #toc_container ol.st-original-toc > li { list-style: decimal; text-align:left; font-weight: normal; padding: 0; text-indent: 0; } #toc_container ol.st-original-toc > li a::before { content: none; } #s-navi dt.trigger { justify-content: space-between; } .lp header { display: none; } @media print, screen and (min-width: 960px) { .colum1.lp #content-w { padding-top: 0; } } .front-page .lp header { display: block; } .colum1.lp #content-w main { padding-top: 20px; } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /*グループ1 ------------------------------------------------------------*/ /* body背景色 */ /* 一括カラー反映 */ input, textarea { color: #000; } /* ヘッダーセクション */ .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, /* Flexible Table Block */ #wp-calendar:not(.has-background) thead tr th, table thead tr th, table thead tr:first-child th { background-color: #28ba62; color: #ffffff; font-weight: normal; } /*縦一行目のセル*/ .wp-block-table table tr:first-child td:first-child, table tr td:first-child, .wp-block-table table thead + tbody tr:first-child td:first-child, table thead + tbody tr:first-child td:first-child, table thead + tbody tr:first-child td:first-child, table thead + tbody tr td:first-child { } /* 会話レイアウト */ .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2 { background-color: #f7fdf9; } .st-kaiwa-hukidashi::after { border-color: transparent #f7fdf9 transparent transparent; } .st-kaiwa-hukidashi2::after { border-color: transparent transparent transparent #f7fdf9; } .st-kaiwa-box:not(.st-kaiwa) .st-kaiwa-face img, .st-kaiwa-box:not(.st-kaiwa) .st-kaiwa-face2 img { border: none; } .is-style-st-paragraph-kaiwa::after, .is-style-st-paragraph-kaiwa-b::after { left: 55px!important; } /*この記事を書いた人*/ #st-tab-menu li.active { background: #28ba62; } #st-tab-box { border-color: #28ba62; } .post #st-tab-box p.st-author-post { border-bottom-color: #28ba62; } .st-author-date{ color:#28ba62; } /* 非アクティブのタブ */ #st-tab-menu li { color:#28ba62; } /* SNSリンク */ #st-tab-menu + #st-tab-box .st-author-sns i::before { color: #28ba62; } #st-tab-box { background:#f7fdf9; } /* 非アクティブのタブ */ #st-tab-menu li { background:#f7fdf9; } /* プロフィール */ .st-author-profile { text-align:center; width:100%; box-sizing:border-box; background: #fff; box-shadow: 0 1px 8px rgb(0,0,0, .1), 0 4px 4px -4px rgb(0,0,0, .1); margin-bottom: 10px; } .author main .st-author-profile { /* authorページは除外 */ border: none; background-color: transparent; box-shadow: none; margin-bottom: 0; } .st-author-profile-header-card { /* プロフィールヘッダー */ width:100%; min-height: 100px; box-sizing: border-box; } .st-author-profile-avatar img { /* アバター */ width:100px; height:100px; margin:50px auto 5px; } .home .st-author-profile-content, .st-author-profile-content { padding:10px 20px 10px; text-align:center; } .st-author-profile .st-author-nickname { /* 名前 */ font-size: 110%; border: none; margin-bottom: 5px; color: #333; } @media print, screen and (max-width: 599px) { /* スマホ */ .st-author-profile-avatar img { /* アバター */ width:120px; height:120px; margin:60px auto 5px; } .st-author-profile .st-author-nickname { /* 名前 */ font-size: 130%; } } #side .st-author-profile .st-author-description, .st-author-profile .st-author-description { /* 説明 */ margin-bottom: 20px; } /* スライドメニュー内 */ #s-navi dl.acordion .st-author-profile .st-author-nickname { font-size: inherit; } #s-navi dl.acordion .st-author-profile p.st-author-description { margin-bottom: 20px; font-size: 90%; line-height: 1.7; } /* SNS */ .st-author-profile .sns { padding: 0; margin-bottom:10px; width: 100%; text-align:center; } .profile-sns { text-align: center; } .st-author-profile .sns li, #side aside .st-author-profile .sns li { padding:0 3px; text-align:center; display: inline-block; margin-right: 0; float: none; list-style: none; width: 40px; position: relative; } .st-author-profile .sns li a, #side aside .st-author-profile .sns li a { margin:0; border-radius: 50%; box-sizing: border-box; color: #fff; font-size: 19px; height: 40px; width: 40px; padding: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .st-author-box .st-author-profile .st-fa, .st-author-box .st-author-profile .fa { margin-right: 0; padding: 0; border: 0; height: auto; } .st-author-profile .post .sns ul, .st-author-profile .sns ul { width: 100%; margin:0 auto; } .st-author-profile .snstext{ display:none; } .st-author-profile .sns li i { font-size: .8em!important; } /* ツイッター */ .st-author-profile .sns .twitter a { box-shadow: none; } .st-author-profile .sns .twitter a:hover { background:#424242; box-shadow: none; } .st-author-profile .sns .st-svg-twitter::before { position: relative; } /* Facebook */ .st-author-profile .sns .facebook a { box-shadow: none; } .st-author-profile .sns .facebook a:hover { background:#2c4373; box-shadow: none; } .st-author-profile .sns .st-svg-facebook::before { position: relative; top:1px; } /* instagram */ .st-author-profile .sns .instagram a { background-image: linear-gradient(-135deg,#4933f7,#ef1837,#fbd980); } /* homepage */ .st-author-profile .sns .author-homepage a { background:#ccc; } /* youtube */ .st-author-profile .sns .author-youtube a { background:#ff0000; } /* amazon */ .st-author-profile .sns .author-amazon a { background:#ffa724; } .st-author-profile .sns li.author-amazon i { font-size: 16px!important; } /* feed */ .st-author-profile .sns .author-feed a { background:#2bb24c; } /* form */ .st-author-profile .sns .author-form a { background:#ccc; } .st-author-profile .sns li.author-form i { font-size: 16px!important; } .st-author-box.st-author-master .rankstlink-r2 p { box-shadow: none; width: inherit; } .st-author-profile .rankstlink-r2 p a { /* ボタン */ font-size: 90%; text-decoration: none; font-weight: bold; box-sizing: border-box; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(top, #eb445a 0%,#eb445a 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to bottom, #eb445a 0%,#eb445a 100%); color: #fff; } .st-author-profile .rankstlink-r2 p { margin-bottom: 10px; } /*こんな方におすすめ*/ .st-blackboard-title::before { content: "\f0f6\00a0"; font-family: stsvg; } /* 目次（TOC+） */ #st_toc_container:not(.over_toc_content):not(.side_toc_content), .st_toc_container:not(.over_toc_content):not(.side_toc_content), #toc_container { border: 5px solid #f3f3f3; } #st_toc_container, .st_toc_container { text-align: left; } #st_toc_container:not(.over_toc_content):not(.side_toc_content):not(.st_toc_contracted):not(.only-toc), .st_toc_container:not(.over_toc_content):not(.side_toc_content):not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ padding:20px 30px 30px; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_contracted, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_contracted, #toc_container.contracted { /* 非表示状態 */ padding: 10px 30px; } /* 第一階層のみの場合 */ #st_toc_container:not(.over_toc_content):not(.side_toc_content).only-toc li, .st_toc_container:not(.over_toc_content):not(.side_toc_content).only-toc li { margin-bottom: 0; } #toc_container.only-toc li, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default.only-toc li, .post #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default .st-original-toc li a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default ul a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper.only-toc li, .post #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper .st-original-toc li a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper ul a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default.only-toc li, .post .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default .st-original-toc li a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default ul a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper.only-toc li, .post .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper .st-original-toc li a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper ul a, #toc_container ul a { padding-bottom: 0; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_check .st_toc_list > li > a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_check.only-toc .st_toc_list > li > a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_question .st_toc_list > li > a, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_question.only-toc .st_toc_list > li > a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_check .st_toc_list > li > a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_check.only-toc .st_toc_list > li > a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_question .st_toc_list > li > a, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_question.only-toc .st_toc_list > li > a { margin-bottom: 10px; padding-bottom: 0; border: none; } #st_toc_container:not(.over_toc_content):not(.side_toc_content) .st_toc_title::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content) .st_toc_title::before, #toc_container .toc_title::before { content: "\e91c\00a0"; font-family: stsvg; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li { text-indent: 0; padding-left: 0; } .post #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default ul ul, .post #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper ul ul, .post .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default ul ul, .post .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper ul ul { padding: 5px 0 0 1.5em; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li a::before, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li a::before, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li li a::before, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li li a::before, #st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, #st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul ul > li, /* リストの数字 */ .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li a::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li a::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_default li li a::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_paper li li a::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, .st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul ul > li{ /* リストの数字 */ color: #cccccc; opacity: 1; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline .st_toc_list::after, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline.only-toc .st_toc_list::after, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list::after, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count.only-toc .st_toc_list::after, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline .st_toc_list::after, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline.only-toc .st_toc_list::after, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list::after, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count.only-toc .st_toc_list::after { border-left-color: #28ba62; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline .st_toc_list > li::before, #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list > li::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline .st_toc_list > li::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list > li::before { background: #28ba62; } /* タイムライン（カウント） */ .is-style-st-timeline-count::after { border-left: 2px solid #28ba62; } .is-style-st-timeline-count > li::before { background: #28ba62; } /* タイムライン（リスト） */ .is-style-st-timeline-list::after { border-left: 1px solid #28ba62; } .is-style-st-timeline-list > li::before { background: #28ba62; color: #333; } /* リストスタイルタイムラインの下層リスト */ .is-style-st-timeline-list li::marker, .is-style-st-timeline-count li::marker { color: #28ba62; } #st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list > li::before, .st_toc_container:not(.over_toc_content):not(.side_toc_content).st_toc_style_timeline-count .st_toc_list > li::before { color: #ffffff; } /* タイムライン（カウント） */ .is-style-st-timeline-count > li::before { color: #ffffff; } /* タイムライン（リスト） */ .is-style-st-timeline-list > li::before { color: #ffffff; } /*マル数字olタグ*/ .is-style-st-no > li::before, .is-style-st-no-border > li::before, .st-list-no:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before, .post .is-style-st-maruno li::before, .post .maruno li::before { background: #28ba62; color:#ffffff; } /* 四角背景 */ .post .is-style-st-no > li::before, .post .is-style-st-no-border > li::before,, .st-list-no:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before { background-color: #28ba62; } /*チェックulタグ*/ .post .is-style-st-maruck > li::before, .post .maruck li::before { background: #28ba62; color:#ffffff; } .is-style-st-square-checkbox-no-border > li::before, .is-style-st-square-checkbox > li::before, .st-square-checkbox ul li::before, /* チェックボックス（番号なしリスト）Classic */ .st-square-checkbox li::before { position: absolute; left: .25em; content: "\f00c"; font-family: stsvg; color:#28ba62; } .is-style-st-square-checkbox-no-border > li::before, .st-square-checkbox ul li::before, /* チェックボックス（番号なしリスト）Classic */ .st-square-checkbox li::before { top: .2em; } .is-style-st-square-checkbox > li::before { top: .4em; } .is-style-st-square-checkbox-no-border > li::after, .is-style-st-square-checkbox > li::after, .st-square-checkbox ul li::after, /* チェックボックス（番号なしリスト）Classic */ .st-square-checkbox li::after { content: none; } /* こんな方におすすめ */ .st-blackboard.square-checkbox li::after { display: none; } /* マル */ .is-style-st-circle > li::before, .is-style-st-circle-border > li::before, .st-list-circle:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before { background-color: #28ba62; } /*Webアイコン*/ .is-style-st-square-checkbox-no-border > li::before, .is-style-st-square-checkbox > li::before, .st-blackboard.square-checkbox .st-blackboard-list:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before, .st-square-checkbox li::before { color: #28ba62; } /* 簡易チェックマーク */ .is-style-st-check > li::before, .is-style-st-check-border > li::before, .st-list-check:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before { border-color: #28ba62; } .is-style-st-square-checkbox-no-border > li::after, .is-style-st-square-checkbox > li::after, .st-blackboard.square-checkbox li::after, .st-square-checkbox li::after { color: #f7fdf9; } /* 簡易チェックマーク */ .is-style-st-check > li::after, .is-style-st-check-border > li::after, .st-list-check:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::after { border-color: #f7fdf9; } .is-style-st-square-checkbox-no-border > li::before, .is-style-st-square-checkbox > li::before, .st-square-checkbox li::before, .st-square-checkbox li::after { font-size: 120%; } .post .is-style-st-square-checkbox-no-border > li, .is-style-st-square-checkbox-no-border > li, .post .is-style-st-square-checkbox > li, .is-style-st-square-checkbox > li, #side aside .st-square-checkbox li, .post .st-square-checkbox li, .st-square-checkbox li { padding-left: 2em; } /* マル・バツ */ .is-style-st-correct-list > li::before { color: #4FC3F7; } .is-style-st-wrong-list > li::before { color: #F44336; } /* Webアイコン */ :root [class^="is-style-st-heading-"].has-st-icon-exclamation-circle:not(.has-text-color)::before, .post .attentionmark2.on-color:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::before, .post .st-svg-exclamation-triangle:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { color: #f44336; } /*サイト上部のボーダー色*/ /*ヘッダーの背景色*/ #headbox-bg.st-header-fixed, #headbox-bg { /*Other Browser*/ background: #2bca6b; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #28ba62 0%,#2bca6b 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #28ba62 0%,#2bca6b 100%); } /* header */ /*ヘッダー下からの背景色*/ #content-w { } /*------------------ mainエリア（トップ） -------------------*/ @media only screen and (min-width: 600px) { /* メインコンテンツのボーダー */ /* シャドウを適応する */ } @media only screen and (min-width: 600px) { } @media only screen and (max-width: 599px) { /* 反映しない場合は白色背景 */ body.front-page main { background-color: #fff !important; } } /*------------------ mainエリア（記事） -------------------*/ @media only screen and (min-width: 600px) { /* メインコンテンツのボーダー */ /* シャドウを適応する */ } @media only screen and (min-width: 600px) { /*メインコンテンツの背景色*/ body:not(.front-page) main { background-color: #ffffff!important; } } @media only screen and (max-width: 599px) { /* 反映しない場合は白色背景 */ body:not(.front-page) main { background-color: #fff !important; } } header .sitename a, /*ブログタイトル*/ nav li a /* メニュー */ { color: #ffffff; } /*ページトップ*/ #page-top:not(.page-top-img):not(.st-pagetop-text) a { background: #28ba62; } /*ページトップ（テキスト）*/ #page-top.st-pagetop-text { color: #28ba62; } /*ページトップ（テキスト）の矢印*/ #page-top.st-pagetop-text, #page-top.st-pagetop-text::after { border-bottom-color: #28ba62; } #page-top:not(.page-top-img):not(st-pagetop-text) a { line-height:100%; border-radius: 50%; } #page-top:not(.page-top-img):not(.st-pagetop-text) { right: 15px; } /*キャプション */ header h1, header .descr{ color: #ffffff; } /* スライドメニューアイコン */ #s-navi dt.trigger .op { color: #ffffff; } /* 検索アイコン（閉じる） + オーバーレイ */ .s-navi-search-overlay.s-navi-search-activated #s-navi dt.trigger .op.op-search.active { color: #424242; } /* スマホタイトルテキスト */ header #st-mobile-logo h1, header #st-mobile-logo .descr, #st-mobile-logo a { color: #ffffff; } header #st-mobile-logo { justify-content: center; text-align: center; } /*右メニュー*/ .s-navi-right header #st-mobile-logo { text-align: center; } @media only screen and (max-width: 959px) { /* アイコンロゴ */ #st-icon-logo, #s-navi.pcnone #st-icon-logo { margin-bottom: 5px; padding-right: 0; } } @media only screen and (max-width: 959px) { #st-icon-logo { padding-right: 0; } } #s-navi dt.trigger { height: 48pxpx; } @media only screen and (max-width: 959px) and (min-width: 600px) { #s-navi dt.trigger { height: calc( 48pxpx + 10px ); } } #st-icon-logo img { max-height: 60px; width: auto; } #s-navi.pcnone #st-icon-logo img { max-height: 38px; width: auto; } /*アコーディオンメニュー内背景色*/ #s-navi dd.acordion_tree, #s-navi dd.acordion_search { /* 背景画像 */ background-color: #f7fdf9; } /* オーバーレイ検索フォーム */ html.s-navi-search-overlay #s-navi dd.acordion_search { background-image: none; background-color: rgba(255,255,255,.98); } /*追加ボタン1*/ #s-navi dt.trigger .op-st { background: #2bca6b; color: #ffffff; } /*追加ボタン2*/ #s-navi dt.trigger .op-st2 { background: #2bca6b; color: #ffffff; } /*スマホフッターメニュー*/ #st-footermenubox a { color: #ffffff; } #st-footermenubox { background: #2bca6b; } .widget_st_categories_widget ul.st-ac-cat .cat-item a, /* STINGERカテゴリー */ :root .acordion_tree .st-ac-box .widget_st_categories_widget .cat-item a, .acordion_tree ul.menu li a { border-bottom: 1px solid #2bca6b; } /* ガイドマップメニュー */ #side aside ul.st-box-btn li, .st-box-btn li, .post .st-box-btn li, .post ul.st-box-btn li:last-child { } .st-box-btn .fa, .st-box-btn .st-fa, .st-box-btn img { font-size: 300%; } .acordion_tree .st-ac-box ul.st-ac-cat { border-top-color: #2bca6b; border-left-color: #2bca6b; } .acordion_tree .st-ac-box ul.st-ac-cat > li.cat-item { border-right-color: #2bca6b; border-bottom-color: #2bca6b; } /* 背景ワイド */ .wp-block-group.alignwide, .colum1.st-lp-wide > .wp-block-cover, .is-style-st-wide-background.wp-block-group.has-background, .is-style-st-wide-background, .st-wide-background { margin-left: -15px; margin-right: -15px; padding: 20px 15px; margin-bottom: 20px; } @media only screen and (min-width: 600px) { .wp-block-group.alignwide, .colum1.st-lp-wide > .wp-block-cover, .is-style-st-wide-background.wp-block-group.has-background, .is-style-st-wide-background, .st-wide-background { margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 30px; } } @media print, screen and (min-width: 960px) { .wp-block-group.alignwide, .colum1.st-lp-wide > .wp-block-cover, .is-style-st-wide-background.wp-block-group.has-background, .is-style-st-wide-background, .st-wide-background { margin-left: -50px; margin-right: -50px; padding-left: 50px; padding-right: 50px; } /* 1カラム */ .colum1 .wp-block-group.alignwide, .colum1.st-lp-wide > .wp-block-cover, .colum1 .is-style-st-wide-background.wp-block-group.has-background, .colum1 .is-style-st-wide-background, .colum1 .st-wide-background { margin-left: -70px; margin-right: -70px; padding-left: 70px; padding-right: 70px; } } /* グループブロック入れ子のワイド */ .colum1.st-lp-wide > .wp-block-cover .wp-block-group, .colum1 .is-style-st-wide-background.wp-block-group.has-background .wp-block-group, .colum1 .is-style-st-wide-background .wp-block-group, .colum1 .st-wide-background .wp-block-group { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* 背景ワイド -右寄せ */ .is-style-st-wide-background-right, .st-wide-background-right { margin-right: -15px; padding: 20px 15px; margin-bottom: 20px; } @media only screen and (min-width: 600px) { .is-style-st-wide-background-right, .st-wide-background-right { margin-right: -30px; padding-right: 30px; padding-left: 20px; } } @media print, screen and (min-width: 960px) { .is-style-st-wide-background-right, .st-wide-background-right { margin-right: -50px; padding-right: 50px; padding-left: 20px; } /* 1カラム */ .colum1 .is-style-st-wide-background-right, .colum1 .st-wide-background-right { margin-right: -70px; padding-right: 70px; padding-left: 20px; } } /* 背景ワイド - 左寄せ */ .is-style-st-wide-background-left, .st-wide-background-left { margin-left: -15px; padding: 20px 15px; margin-bottom: 20px; } @media only screen and (min-width: 600px) { .is-style-st-wide-background-left, .st-wide-background-left { margin-left: -30px; padding-left: 30px; padding-right: 20px; } } @media print, screen and (min-width: 960px) { .is-style-st-wide-background-left, .st-wide-background-left { margin-left: -50px; padding-left: 50px; padding-right: 20px; } /* 1カラム */ .colum1 .is-style-st-wide-background-left, .colum1 .st-wide-background-left { margin-left: -70px; padding-left: 70px; padding-right: 20px; } } .post .st-wide-background-left ol:last-child, .post .st-wide-background-left ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child, .st-wide-background-left p:last-child, .post .st-wide-background-right ol:last-child, .post .st-wide-background-right ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child, .st-wide-background-right p:last-child, .post .st-wide-background ol:last-child, .post .st-wide-background ul:not(.toc_list):not(.st_toc_list):not(.children):not(.slick-dots):not(.st-pvm-nav-list):last-child, .st-wide-background p:last-child { margin-bottom: 0; } /** 引用風 */ .st-wide-background-left.st-blockquote, .st-wide-background-right.st-blockquote, .st-wide-background.st-blockquote { position: relative; padding-top: 60px; } .st-wide-background-left.st-blockquote::before, .st-wide-background-right.st-blockquote::before, .st-wide-background.st-blockquote::before { content: "\f10d"; font-family: stsvg; position: absolute; font-size: 150%; top: 20px; left:20px; color: #9E9E9E; } .is-style-st-wide-background-left:not(.has-background):not(.is-style-st-group-bg-diagonal):not(.is-style-st-group-bg-grid):not(.is-style-st-group-bg-dot):not(.is-style-st-group-line):not(.is-style-st-group-line-bold):not(.is-style-st-group-corner-brackets):not(.is-style-st-group-square-brackets), .is-style-st-wide-background-right:not(.has-background):not(.is-style-st-group-bg-diagonal):not(.is-style-st-group-bg-grid):not(.is-style-st-group-bg-dot):not(.is-style-st-group-line):not(.is-style-st-group-line-bold):not(.is-style-st-group-corner-brackets):not(.is-style-st-group-square-brackets), .is-style-st-wide-background:not(.wp-block-code):not(.has-background):not(.is-style-st-group-bg-diagonal):not(.is-style-st-group-bg-grid):not(.is-style-st-group-bg-dot):not(.is-style-st-group-line):not(.is-style-st-group-line-bold):not(.is-style-st-group-corner-brackets):not(.is-style-st-group-square-brackets), .st-wide-background-left, .st-wide-background-right, .st-wide-background { background: #fafafa; } /** ビジュアルエディタ用 */ .mce-content-body .st-wide-background-left, .mce-content-body .st-wide-background-right, .mce-content-body .st-wide-background { padding: 20px!important; margin-left: 0!important; margin-right: 0!important; background: #fafafa; } /*グループ2 ------------------------------------------------------------*/ /* 投稿日時・ぱんくず・タグ */ #breadcrumb h1.entry-title, #breadcrumb, #breadcrumb div a, div#breadcrumb a, .blogbox p, .tagst, #breadcrumb ol li a, #breadcrumb ol li h1, #breadcrumb ol li, .kanren:not(.st-cardbox) .clearfix dd .blog_info p, .kanren:not(.st-cardbox) .clearfix dd .blog_info p i, .kanren:not(.st-cardbox) .clearfix dd .blog_info p a { color: #777; } /* 記事タイトル */ .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { background-color: transparent; background: none; border: none; } /* h2 */ .h2modoki, h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { background: #f7fdf9; color: #28ba62; position: relative; border: none; margin-bottom:30px; padding-top:25px!important; padding-bottom:25px!important; } .h2modoki::after, h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::after { border-top: 10px solid #f7fdf9; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; border-radius: 2px; } .h2modoki::before, h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::before { border-top: 10px solid #f7fdf9; content: ''; position: absolute; border-right: 10px solid transparent; border-left: 10px solid transparent; bottom: -10px; left: 30px; } /* h3 */ /* 角丸 */ .h3modoki, .post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title) { border-radius:5px; } .h3modoki, .post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title) { background: -webkit-repeating-linear-gradient(-45deg, #28ba62, #28ba62 5px, #2bca6b 5px, #2bca6b 10px); background: repeating-linear-gradient(-45deg, #28ba62, #28ba62 5px, #2bca6b 5px, #2bca6b 10px); color: #ffffff; border: 1px solid #28ba62; padding-top:10px!important; padding-bottom:10px!important; } .h3modoki::before, .post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title)::before, .h3modoki::after, .post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh3):not(.post-card-title):not(#reply-title)::after { content: none; } /*h4*/ /* 角丸 */ .h4modoki, .post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point){ border-radius:5px; } .h4modoki, .post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { border-left: 5px solid #2bca6b; color: #28ba62; background-color: transparent; padding-left:20px; padding-top:10px; padding-bottom:10px; } .h4modoki, .post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh4):not(.point) { border: none; position: relative; max-width: 100%; box-sizing: border-box; padding-left: 20px; margin-right: -20px; } .h4modoki::before, .post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh4):not(.point)::before { position: absolute; content: ''; width: 6px; height: 100%; background: #2bca6b; bottom: 0; left:0; border-radius: 3px; } /* h5 */ /* 角丸 */ .h5modoki, .post h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh5):not(.post-card-title):not(#reply-title):not(.st-cardbox-t):not(.kanren-t):not(.popular-t):not(.post-card-title) { border-radius:5px; } .h5modoki, .post h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) { color: #28ba62; background-color: #f7fdf9; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } /*h5付箋*/ .h5modoki, .post h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-matome):not(.rankh5):not(.point):not(.st-cardbox-t):not(.popular-t):not(.kanren-t):not(.popular-t):not(.post-card-title) { position: relative; z-index:1; } .st-h5husen-shadow { position: relative; } .st-h5husen-shadow::after { z-index: 0; position: absolute; content: ""; bottom:19px; right: 8px; left: auto; width: 50%; height:5px; max-width:100%; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); -o-transform: rotate(2deg); -ms-transform: rotate(2deg); transform: rotate(2deg); } .post .st-matome:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.rankh4):not(.point) { background-color: transparent; padding-left:20px!important; padding-top:10px!important; padding-bottom:10px!important; } /* ウィジェットタイトル */ .post .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no), #side .menu_underh2, #side .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { font-weight:bold; margin-bottom: 10px; } /* 角丸 */ .post .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no), #side .menu_underh2, #side .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { border-radius:5px; } .post .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no), #side .menu_underh2, #side .st-widgets-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { background: -webkit-repeating-linear-gradient(-45deg, #28ba62, #28ba62 5px, #2bca6b 5px, #2bca6b 10px); background: repeating-linear-gradient(-45deg, #28ba62, #28ba62 5px, #2bca6b 5px, #2bca6b 10px); color: #ffffff; border: 1px solid #2bca6b; padding-left:20px!important; padding-top:7px!important; padding-bottom:7px!important; } .wp-block-tag-cloud a, .tagcloud a { color: #28ba62; border-color: #28ba62; } /* NEWENTRY及び関連記事テキスト */ .post h4.point, .n-entry-t { position: relative; background-color: transparent; margin-top: calc(2em + 30px); margin-bottom: 20px; line-height: 2em; border-bottom: solid 1px #28ba62; } .post h4.point { margin-top: 61px; } .post h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.rankh4) .point-in, .n-entry { padding: 5px 15px; max-width:80%; box-sizing:border-box; border-radius: 0 5px 0 0; font-size:15px; font-weight:bold; position:absolute; bottom:0; left:0; top:auto; background-color: #28ba62; color: #ffffff; } .catname { background: #28ba62; color:#ffffff; } #display_ad_mark_title, :root .st-catid-ad { } #display_ad_mark_title.is-style-st-paragraph-pen::before { } .catname.st-catid { display: none; } .post .st-catgroup a { color: #ffffff; } /*グループ4 ------------------------------------------------------------*/ .rssbox a { background-color: #28ba62; } .wp-block-quote.is-style-st-quote-line:not(.has-background) { background-color: transparent; } /*タイムライン ------------------------------------------------------------*/ .st-timeline.st-timeline-count > li, .st-timeline > li { border-left-color: #28ba62; } .st-timeline > li.has-no-text::after, .st-timeline > li.is-align-center::after, .st-timeline > li.has-text.is-align-default .st-timeline-list-text::after { color: #28ba62; } .st-timeline.st-timeline-count > li.has-no-text::after, .st-timeline.st-timeline-count > li.is-align-center::after, .st-timeline.st-timeline-count > li.has-text.is-align-default .st-timeline-list-text::after { background: #28ba62; } .st-timeline.st-timeline-count > li.has-no-text::after, .st-timeline.st-timeline-count > li.is-align-center::after, .st-timeline.st-timeline-count > li.has-text.is-align-default .st-timeline-list-text::after { color: #ffffff; } /* ステップ・カウント ------------------------------------------------------------*/ .is-style-st-heading-custom-count::before, .is-style-st-heading-custom-step::before, .is-style-st-heading-custom-step::after { color: #28ba62; } .is-style-st-heading-custom-step::after { border-bottom-color: #28ba62; } .st-step { color: #28ba62; background: #f7fdf9; border-radius:5px; } .st-step::before{ border-top-color: #f7fdf9; } .st-step-title { border-bottom:solid 2px #28ba62; } .st-step-box { bottom: 15px; } /* ポイント ------------------------------------------------------------*/ .st-point::before { color: #28ba62; background: #f7fdf9; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .st-labelbox-label-text, .st-cardbox-label-text { background: #f5bf08; color: #fff; } .st-cardbox-label-text .st-fa, .st-cardbox-label-text .fa { margin-right: 5px; } /* PickUp（JET） */ .st-pick { color: #fff; } #st-magazine .st-pick .st-ribon-label::before { } #st-magazine .st-pick .st-ribon-label::after { } /* リボン */ .st-ribon-box { position: relative; margin-bottom: 20px; } .st-ribon-label { position: absolute; top: 0; left: 0; } .st-ribon-text { display: inline-block; position: relative; height: 30px; line-height: 30px; text-align: left; padding: 0 15px 0 18px; font-size: 12px; box-sizing: border-box; font-weight: bold; background: #f5bf08; color: #fff; } .st-ribon-text::after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; top: 0; right: -15px; border-width: 15px; border-style: solid; border-color: #f5bf08 transparent #f5bf08 #f5bf08; } /*ブログカード風 - ラベル*/ .st-cardbox { margin-bottom: 20px; position: relative; } .st-cardbox-label { position: absolute; top: -4px; left: -4px; width: 100px; height: 100px; overflow: hidden; } .st-cardbox-label-text { white-space: nowrap; display: inline-block; position: absolute; padding: 7px 0; top: 25px; width: 150px; text-align: center; font-size: 90%; line-height: 1.2; font-weight: bold; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); z-index: 9999; left: -35px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* カードスタイル */ .st-cardstyle .st-cardbox-label, .st-cardstyleb .st-cardbox-label { position: absolute; top: -4px; left: -4px; width: 100px; height: 100px; overflow: hidden; } .st-cardstyle .st-cardbox-label-text, .st-cardstyleb .st-cardbox-label-text { left: -35px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } @media only screen and (max-width: 599px) { #side aside .st-cardstyleb .kanren { padding-top: 15px; } } @media only screen and (max-width: 599px) { .st-cardstyleb .st-cardbox-label { position: absolute; top: -4px; left: -4px; rigtht: inherit; width: 100px; height: 100px; overflow: hidden; } .st-cardstyleb .st-cardbox-label-text { left: -35px; right: inherit; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } /** サムネイル非表示 */ .kanren.st-cardbox.st-no-thumbnail dt{ display: none; } .kanren.st-cardbox.st-no-thumbnail dd { padding-left: 0; } .no-thumbitiran .blog_info { padding: 0; } /*ラベルボックス（ショートコード）*/ .st-labelbox { padding: 0; margin-bottom: 20px; position: relative; } .st-labelbox-label { position: absolute; top: -4px; left: -4px; width: 100px; height: 100px; overflow: hidden; } .st-labelbox-label-text { white-space: nowrap; display: inline-block; position: absolute; padding: 7px 0; top: 25px; width: 150px; text-align: center; font-size: 90%; line-height: 1.2; font-weight: bold; left: -35px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); z-index: 9999; } /* 埋め込みURL（ブログカード）アイキャッチ設定なし */ .st-embed-cardlink .kanren.st-embed-no-thumb dt { display: none; } .st-embed-cardlink .kanren.st-embed-no-thumb dd { padding-right: 0; padding-left: 0; } /*フリーボックスウィジェット ------------------------------------------------------------*/ .freebox { border-top-color: #28ba62; background: #f7fdf9; } .p-entry-f { background: #28ba62; color: #ffffff; } /* エリア内テキスト */ /*メモボックス ------------------------------------------------------------*/ /*スライドボックス ------------------------------------------------------------*/ /*お知らせ ------------------------------------------------------------*/ /*お知らせバーの背景色*/ #topnews-box div.rss-bar { border-color: #28ba62; /*Other Browser*/ background: #28ba62; /*For Old WebKit*/ background: -webkit-linear-gradient( #28ba62 0%, #28ba62 100% ); /*For Modern Browser*/ background: linear-gradient( #28ba62 0%, #28ba62 100% ); color: #ffffff; } /*お知らせ日付の文字色*/ #topnews-box dt { color: #28ba62; } #topnews-box div dl dd a { color: #000000; } #topnews-box dd { border-bottom-color: #28ba62; } #topnews-box { background-color:transparent!important; } /*追加カラー ------------------------------------------------------------*/ /* ウィジェット footer .custom-html-widget, footer .custom-html-widget a,*/ #footer li.cat-item a::after, /* STINGERカテゴリー */ #footer li.cat-item a, footer #sidebg li a::before, #footer .footerlogo a, /* フッターロゴ */ #footer .footerlogo, #footer .footer-description a, /* フッター説明 */ #footer .footer-description, #footer .head-telno a, /* フッターの電話番号 */ #footer .head-telno, /* フッターの電話番号 */ #footer .widget_archive ul li, /* アーカイブ */ #footer .widget_archive ul li a, #footer .widget_recent_entries ul li a, /* 最近の投稿 */ #footer .widget_recent_entries ul li, #footer .widget_recent_comments li a, /* 最近のコメント */ #footer .widget_recent_comments li, #footer .widget_categories ul li a, /* カテゴリー（デフォルト） */ #footer .widget_categories ul li, #footer .rankh3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no), #footer .st_side_rankwidgets a, /* ランキングウィジェットタイトル */ #footer .rankwidgets-cont p, /* 説明 */ #footer .kanren dd a, /* 記事一覧タイトル */ #footer .kanren .st-excerpt p, /* 記事一覧説明 */ #footer .kanren .blog_info p, /* 記事一覧日付 */ #footer .kanren:not(.st-cardbox) .clearfix dd .blog_info p i, /* 記事一覧日時アイコン */ footer .footer-l div:not(.st-footer-tel):not(.headbox) *, footer .footer-l a, #footer .menu-item a, #footer .footermenust a, #footer .copyr, #footer .copyr a, #footer .copy, #footer .copy a { color: #ffffff !important; } #footer li.cat-item a, #footer .widget_recent_entries ul li, #footer .widget_archive ul li { border-bottom: 1px solid #ffffff; } #footer #newsin dt, /* お知らせ日時 */ #footer #newsin dd a, /* お知らせ日テキスト*/ #footer #newsin dd, /* お知らせ日ボーダー */ #footer .cat-item a, #footer .tagcloud a { color: #ffffff; border-color: #ffffff; } #footer .p-entry, #footer .st-widgets-title { color: #ffffff; font-weight: bold; } footer .footermenust li { border-right-color: #ffffff !important; } /* フッターバナーエリア */ #st-footer-under-widgets-box-wrap #st-footer-under-widgets-box { text-align: center; padding: 10px 0 10px; } #st-footer-under-widgets-box { margin:0 auto; } #st-footer-under-widgets-box-wrap #st-footer-under-widgets-box { } /*フッター背景色*/ #footer { max-width:100%; } #footer-wrapper { max-width:100%; /*Other Browser*/ background: #28ba62; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #2bca6b 0%,#28ba62 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #2bca6b 0%,#28ba62 100%); } /*任意の人気記事 ------------------------------------------------------------*/ .st-pvm-ranking-item-image::before, /* PVモニター */ .poprank-no { background: #28ba62; color: #ffffff!important; } #content-w .post .p-entry, #content-w .p-entry, #side .p-entry, .home-post .p-entry { background: #28ba62; color: #ffffff; border-radius: 0 0 4px 0; } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { border-top-color: #28ba62; background: #f7fdf9; } #content-w .p-entry::after { border-bottom: 5px solid #28ba62; border-left: 5px solid #28ba62; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:20px 20px 10px; } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding:30px 20px 10px; border: none; } .poprank-no2, .poprank-no { background: #28ba62; color: #ffffff!important; } /*WordPressPopularPosts連携*/ #st-magazine .st-wp-views, /*CARDs JET*/ #st-magazine .st-wp-views-limit, /*CARDs JET*/ .st-wppviews-label .wpp-views, /*Ex*/ .st-wppviews-label .wpp-views-limit, /*Ex*/ .st-wpp-views-widgets .st-wppviews-label .wpp-views { color: #ffffff; background:#28ba62; } /*ウィジェット問合せボタン*/ .st-formbtn { border-radius: 3px; /*Other Browser*/ background: #28ba62; } .st-formbtn .st-originalbtn-l { border-right-color: #ffffff; } a.st-formbtnlink { color: #ffffff; } /*ウィジェットオリジナルボタン*/ .st-originalbtn { border-radius: 3px; /*Other Browser*/ background: #28ba62; } .st-originalbtn .st-originalbtn-l { border-right-color: #ffffff; } a.st-originallink { color: #ffffff; } /*ミドルメニュー ------------------------------------------------------------*/ .st-middle-menu ul { /*Other Browser*/ background: #28ba62; /* Android4.1 - 4.3 */ background: -webkit-linear-gradient(left, #2bca6b 0%,#28ba62 100%); /* IE10+, FF16+, Chrome26+ */ background: linear-gradient(to left, #2bca6b 0%,#28ba62 100%); } .st-middle-menu .menu li a{ color: #ffffff; } /*サイドメニューウィジェット ------------------------------------------------------------*/ /*背景色*/ #sidebg { background: #f7fdf9; } /*liタグの階層*/ #side aside .st-pagelists ul li:not(.sub-menu) { border-color: #2bca6b; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: 1px solid #2bca6b; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: 1px solid #2bca6b; } #side aside .st-pagelists ul li li:last-child { border: none; } #side aside .st-pagelists ul .sub-menu .sub-menu li { border: none; } #side aside .st-pagelists ul li a { color: #ffffff; /*Other Browser*/ background: #28ba62; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #2bca6b 0%,#28ba62 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #2bca6b 0%,#28ba62 100%); } #side aside .st-pagelists .sub-menu > li:last-child:has(> ul) a, #side aside .st-pagelists .sub-menu a { border-bottom-color: #2bca6b; color: #28ba62; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid #2bca6b; } :root #side aside .st-pagelists > ul > li:last-child > .sub-menu > .sub-menu > li:last-child { border-bottom: none; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: #28ba62; } #side aside .st-pagelists .sub-menu li .sub-menu a:hover, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a:hover, #side aside .st-pagelists .sub-menu a:hover { opacity:0.8; color: #28ba62; } #side aside .st-pagelists ul li a { padding-left:15px; } #side aside .st-pagelists ul li a { padding-top:8px; padding-bottom:8px; } /*Webアイコン*/ #side aside .st-pagelists ul li a::before { content: "\f138"; font-family: stsvg; margin-right: 5px; color:#ffffff; } #side aside .st-pagelists li li a::before { content: none; } #side aside .st-pagelists li li a::before { content: "\f105"; font-family: stsvg; font-size: .7em; margin-right: 5px; color:#28ba62; } .wpcf7-submit { background: #28ba62; color: #ffffff; } /*------------------------------------- 記事ごとのヘッダー（EX） --------------------------------------*/ /* 記事情報を表示*/ #st-header-post-under-box.st-header-post-data { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } #st-header-post-under-box.st-header-post-data .st-content-width { width: 100%; padding:15px; box-sizing: border-box; } /* ヘッダー画像上エリア */ #st-header-top-widgets-box .st-content-width { text-align:center; margin: 0 auto; padding:7px 10px; } #st-header-top-widgets-box .st-content-width .st-marquee { /* マーキー */ padding: 0; } #st-header-top-widgets-box { } #st-header-top-widgets-box .st-content-width p { margin-bottom: 0; } #st-header-top-widgets-box .st-content-width a:hover { opacity: 0.7; } /* ヘッダー画像エリア */ #st-header.header-video-player { min-height: 300px; } @media only screen and (max-width: 599px) { #st-header.header-video-player { min-height: 230px; } } /* サムネイルスライドショーエリアウィジェット */ #st-header-bottom-category { overflow: hidden; padding: 5px 0; } #st-header-bottom-category .content-post-slider, #st-header-bottom-category .post-card-list { margin-right: 0; margin-left: 0; width: 100%; max-width: 100%; overflow: hidden; } @media print, screen and (max-width: 959px) { #st-header-bottom-category { padding: 0; } } #st-header-bottom-category .slick-track, #st-header-bottom-category .slick-list { display: flex; } #st-header-under-widgets-box .slider { padding-top: 15px; } #st-header-under-widgets-box .content-post-slider .post-slide-image, #st-header-under-widgets-box .post-card-list .post-card-image, #st-header-under-widgets-box img { border-radius: 10px; } #st-header-under-widgets-box .content-post-slider .post-slide-image { box-shadow: 0 2px 5px rgb(0, 0, 0, .3); } /* ヘッダーバナー */ /* メイン画像背景色 */ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ .entry-content .h2modoki, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { text-align:center; padding-left:10px; padding-right:10px; } .entry-content .h2modoki::after, .entry-content .h2modoki::before, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::after, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::before { left: calc(50% - 10px); } .entry-content .h2modoki, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no), .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { margin-left: -15px; margin-right: -15px; padding-left:20px; padding-right:20px; } /*目次 ------------------------------------------------------------*/ /* 目次 */ .st_toc_back_icon::before, .st_toc_back, .st_toc_back:focus, .st_toc_back:hover, .st_toc_back:active { color: #28ba62; } .st_toc_back:not(.is-rounded) { border-color: #28ba62; } .st_toc_back.is-rounded { background-color: #28ba62; } .st_toc_back.is-rounded .st_toc_back_icon::before { color: #fff; } /*media Queries タブレットサイズ（959px以下） ----------------------------------------------------*/ @media only screen and (max-width: 959px) { /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /* ヘッダー画像/記事スライドショー横並び */ /*-- ここまで --*/ } /*media Queries タブレットサイズ以上 ----------------------------------------------------*/ @media only screen and (min-width: 600px) { /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /*TOC+*/ #toc_container > ul > li { font-size: 21px; } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /* 目次 */ #st_toc_container:not(.over_toc_content):not(.side_toc_content):not(.st_toc_contracted):not(.only-toc), .st_toc_container:not(.over_toc_content):not(.side_toc_content):not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ padding:20px 30px 30px; } /*強制センタリング・中央寄せ ------------------------------------------------------------*/ .entry-content .h2modoki, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { margin-left: -30px; margin-right: -30px; padding-left:30px; padding-right:30px; } .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { margin-left: -20px; margin-right: -20px; padding-left:20px; padding-right:20px; } } /*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ ---------------------------------------------------------------------------------------------------*/ @media only screen and (min-width: 600px) and (max-width: 959px) { /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /* ブログカード */ .post dd h5.st-cardbox-t { font-size: 18px; line-height: 30px; } /* 記事一覧 */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*TOPとアーカイブ*/ main .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { /*関連記事*/ font-size: 18px; line-height: 26px; } /*基本のフォントサイズ*/ .post pre, .post .wp-block-details summary, .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content .st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post h5.has-st-regular-font-size, .post .entry-content h6, .post h6.has-st-regular-font-size, .st-tab-content > label, /* タブ */ .st-tabs__tab-list-item /* タブブロック */ { } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } /* 記事タイトル */ .st-header-post-data .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2) { } /* H2 */ .post .entry-content h2.has-st-regular-font-size, .post .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), .post .entry-content .h2modoki{ } /* H3 */ .post .entry-content h3.has-st-regular-font-size, .post .entry-content h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.post-card-title):not(#reply-title), .post .entry-content .h3modoki { } /* H4 */ .post .entry-content h4.has-st-regular-font-size, .post .entry-content h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } /* 記事一覧 */ .no-thumbitiran h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ（サムネイル無し） */ .no-thumbitiran h5 a, /* ショートコード一覧（サムネイル無し） */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ */ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*関連記事*/ .st-tab-category .post-card-list .post-card-title a, /* タブ式カテゴリー */ .post-card-list .post-card-title a, /* カードタイプEX */ #st-magazine .kanren .st-top-box dd h3, /* JET */ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /*-- ここまで --*/ } /*media Queries PCサイズ ----------------------------------------------------*/ @media only screen and (min-width: 960px) { /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /* ブログカード */ .post dd h5.st-cardbox-t { font-size: 16px; line-height: 26px; } /* 記事一覧 */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*TOPとアーカイブ*/ main .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { /*関連記事*/ font-size: 16px; line-height: 26px; } /*基本のフォントサイズ*/ .post pre, .post .wp-block-details summary, .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content .st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post h5.has-st-regular-font-size, .post .entry-content h6, .post h6.has-st-regular-font-size, .st-tab-content > label, /* タブ */ .st-tabs__tab-list-item /* タブブロック */ { font-size: 18px; } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ font-size: 13px; } /* 記事タイトル */ .st-header-post-data .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2) { font-size: 30px; } /* H2 */ .post .entry-content h2.has-st-regular-font-size, .post .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), .post .entry-content .h2modoki{ font-size: 23px; } /* H3 */ .post .entry-content h3.has-st-regular-font-size, .post .entry-content h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.post-card-title):not(#reply-title), .post .entry-content .h3modoki { font-size: 22px; } /* H4 */ .post .entry-content h4.has-st-regular-font-size, .post .entry-content h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.point), .post .entry-content .h4modoki { font-size: 18px; } /* 記事一覧 */ .no-thumbitiran h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ（サムネイル無し） */ .no-thumbitiran h5 a, /* ショートコード一覧（サムネイル無し） */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ */ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*関連記事*/ .st-tab-category .post-card-list .post-card-title a, /* タブ式カテゴリー */ .post-card-list .post-card-title a, /* カードタイプEX */ #st-magazine .kanren .st-top-box dd h3, /* JET */ .post .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { } /* サイドバー記事一覧 */ #footer .kanren .clearfix dd h5 a, #side dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, #side .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { font-size: .95em!important; } /*-------------------------------- 全体のサイズ ---------------------------------*/ .st-content-width, /* 汎用 */ #st-menuwide, /*メニュー*/ nav.smanone, nav.st5, #st-header-cardlink, #st-menuwide div.menu, #st-menuwide nav.menu, #st-header, /*ヘッダー*/ #st-header-under-widgets-box, /*ヘッダー画像下ウィジェット*/ #st-footer-under-widgets-box, /*フッターバナーエリア*/ #content, /*コンテンツ*/ #footer-in /*フッター*/ { max-width:1144px; } /* LPワイド */ .st-lp-wide #content, .st-lp-wide #footer { max-width:100%; } #headbox { max-width:1144px; } .st-content-width { margin: 0 auto; } /*1カラムの幅のサイズ*/ .colum1:not(.st-lp-wide) .st-content-width, /* 記事ごとのヘッダー */ .colum1:not(.st-lp-wide) #st-header-cardlink, /* ヘッダーバナーリンク */ .colum1:not(.st-lp-wide) #st-header-under-widgets-box, .colum1:not(.st-lp-wide) #st-footer-under-widgets-box, .colum1:not(.st-lp-wide) #content { max-width: 1144px; } .colum1.lp:not(.st-lp-wide) footer{ max-width: 1144px; margin: 0 auto; } /* ワイドLPの左右にシャドウ -EX */ .colum1.st-lp-wide #st-header, .colum1.st-lp-wide > .wp-block-cover__inner-container, /* カバーブロック */ .colum1.st-lp-wide #content .wp-block-group.is-style-st-wide-background .wp-block-group__inner-container, /* Gutenbergグループボックスワイド有効時 */ .colum1.st-lp-wide #content .wp-block-cover.alignfull .wp-block-cover__inner-container, /* Gutenbergカバーボックス幅広 */ .colum1.st-lp-wide #content .st-lp-wide-content, .colum1.st-lp-wide #content .rankh3, .colum1.st-lp-wide #content .rank-guide, .colum1.st-lp-wide #content .rankid1, .colum1.st-lp-wide #content .rankid2, .colum1.st-lp-wide #content .rankid3, .colum1.st-lp-wide #content .rankst-box, .colum1.st-lp-wide .rankst-wrap, .colum1.st-lp-wide .widget_text, .colum1.st-lp-wide .top-wbox-u, .colum1.st-lp-wide .entry-title, .colum1.st-lp-wide #st-page .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), .colum1.st-lp-wide #breadcrumb, .colum1.st-lp-wide .blogbox, .colum1.st-lp-wide .st-catgroup, .colum1.st-lp-wide .adbox, .colum1.st-lp-wide .st-widgets-box, .colum1.st-lp-wide .sns, .colum1.st-lp-wide .tagst, .colum1.st-lp-wide aside, .colum1.st-lp-wide .kanren, .colum1.st-lp-wide #topnews-box, .colum1.st-lp-wide .st-tab-category { max-width: 1144px; margin-left: auto; margin-right: auto; box-sizing: border-box; } .colum1.st-lp-wide .kanren.st-cardbox, .colum1.st-lp-wide .kanren.shortcode-kanren { max-width: inherit; } .st-lp-wide .st-lp-wide-wrapper { margin-bottom: 20px; } /* ヘッダー画像/記事スライドショー横並び */ /*-------------------------------- PCのレイアウト（右サイドバー） ---------------------------------*/ #contentInner { float: left; width: 100%; margin-right: -300px; } main { margin-right: 320px; margin-left: 0px; background-color: #fff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; padding: 30px 50px 30px; } #side aside { float: right; width: 300px; padding: 0px; } /** * サイト名とキャッチフレーズ有無の調整 */ #header-r .footermenust { margin: 0; } header .sitename { padding: 5px; margin: 0; line-height:0; font-size:1px; } #headbox { padding: 5px 10px!important; } /*PCアドセンスを横並び*/ .adbox::after { content: ""; display: block; clear: both; } .adbox div { float:left; margin-right:20px; padding-top:0!important; padding-bottom:10px; } .adbox div:last-child { margin-right:0px; } /*TOC+*/ #toc_container { padding-left: 30px; padding-right: 30px; } #toc_container > ul > li { font-size: 16px; } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /*TOC+*/ #toc_container:not(.contracted) { /* 表示状態 */ padding:20px 40px 10px; } /* メイン画像100% */ /*wrapperに背景がある場合*/ /*メニュー*/ #st-menuwide { border-top-color: #2bca6b; border-bottom-color: #2bca6b; border-left-color: #28ba62; border-right-color: #28ba62; } #st-menuwide { /*Other Browser*/ background: #28ba62; /* Android4.1 - 4.3 */ background: url(""), -webkit-linear-gradient(left, #2bca6b 0%,#28ba62 100%); /* IE10+, FF16+, Chrome26+ */ background: url(""), linear-gradient(to left, #2bca6b 0%,#28ba62 100%); } header .smanone ul.menu li{ width: 160px; } header .smanone ul.sub-menu li ul.sub-menu{ left: 160px; } header .smanone ul.menu li, header nav.st5 ul.menu li, header nav.st5 ul.menu li, header #st-menuwide div.menu li, header #st-menuwide nav.menu li { border-right: none; } header .smanone ul.menu li li, header nav.st5 ul.menu li li, header #st-menuwide div.menu li li, header #st-menuwide nav.menu li li { border:none; } header .smanone ul.menu li a, header nav.st5 ul.menu li a, header #st-menuwide div.menu li a, header #st-menuwide nav.menu li a, header .smanone ul.menu li a:hover, header nav.st5 ul.menu li a:hover, header #st-menuwide div.menu li a:hover, header #st-menuwide nav.menu li a:hover{ color: #ffffff; } header .smanone ul.menu li:hover, header nav.st5 ul.menu li:hover, header #st-menuwide div.menu li:hover, header #st-menuwide nav.menu li:hover{ background: rgba(255,255,255,0.1); } header .smanone ul.menu li li a:hover, header nav.st5 ul.menu li li a:hover, header #st-menuwide div.menu li li a:hover, header #st-menuwide nav.menu li li a:hover{ opacity:0.9; } header .smanone ul.menu li li a { background: #2bca6b; } /*メニューの上下のパディング*/ /* グローバルメニュー */ #st-menuwide { max-width: 100%; } header .smanone ul.menu { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-lines:multiple; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; } /*ヘッダーの電話番号とリンク色*/ .head-telno a, #header-r .footermenust a { color: #ffffff; } #header-r .footermenust li { border-right-color: #ffffff; } /*トップ用おすすめタイトル*/ .nowhits .pop-box { border-top-color: #28ba62; } /*記事エリアを広げる*/ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ .entry-content .h2modoki, .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { margin-left: -50px; margin-right: -50px; padding-left:50px; padding-right:50px; } .colum1 .entry-content .h2modoki, .colum1 .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { margin-left: -70px; margin-right: -70px; padding-left:70px; padding-right:70px; } #side .smanone.st-excerpt { display:none; } /*-- ここまで --*/ } /*media Queries スマホのみ（599px）以下 ---------------------------------------------------------------------------------------------------*/ @media only screen and (max-width: 599px) { /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /*-------------------------------- 各フォント設定 ---------------------------------*/ /* ブログカード */ .post dd h5.st-cardbox-t { font-size: 16px; line-height: 24px; } /* 記事一覧 */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*TOPとアーカイブ*/ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { /*関連記事*/ font-size: 17px; line-height: 24px; } /*基本のフォントサイズ*/ .post pre, .post .wp-block-details summary, .post .entry-content p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), /* テキスト */ .post .entry-content .st-kaiwa-hukidashi, /* ふきだし */ .post .entry-content .st-kaiwa-hukidashi2, /* ふきだし */ .post .entry-content .yellowbox, /* 黄色ボックス */ .post .entry-content .graybox, /* グレーボックス */ .post .entry-content .redbox, /* 薄赤ボックス */ .post .entry-content #topnews .clearfix dd p, /* 一覧文字 */ .post .entry-content ul li, /* ulリスト */ .post .entry-content ol li, /* olリスト */ .post .entry-content #st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content .st_toc_container:not(.over_toc_content):not(.side_toc_content) > ul > li, /* 目次用 */ .post .entry-content #comments #respond, /* コメント */ .post .entry-content #comments h4, /* コメントタイトル */ .post .entry-content h5:not(.kanren-t):not(.popular-t):not(.st-cardbox-t), /* H5 */ .post h5.has-st-regular-font-size, .post .entry-content h6, .post h6.has-st-regular-font-size, .st-tab-content > label, /* タブ */ .st-tabs__tab-list-item /* タブブロック */ { } /* スライドの抜粋 */ .post .entry-content .post-slide-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .st-card-excerpt p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn), .post .entry-content .kanren:not(.st-cardbox) .clearfix dd p:not(.p-entry-t):not(.p-free):not(.sitename):not(.post-slide-title):not(.post-slide-date):not(.post-slide-more):not(.st-catgroup):not(.wp-caption-text):not(.cardbox-more):not(.st-minihukidashi):not(.st-mybox-title):not(.st-memobox-title):not(.st-mybtn){ } /* 記事タイトル */ .st-header-post-data .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2), #contentInner .post .entry-title:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no):not(.st-css-no2) { } /* H2 */ .post .entry-content h2.has-st-regular-font-size, .post .entry-content h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2), .post .entry-content .h2modoki{ } /* H3 */ .post .entry-content h3.has-st-regular-font-size, .post .entry-content h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.post-card-title):not(#reply-title), .post .entry-content .h3modoki { } /* H4 */ .post .entry-content h4.has-st-regular-font-size, .post .entry-content h4:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.point), .post .entry-content .h4modoki { } /* 記事一覧 */ .no-thumbitiran h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ（サムネイル無し） */ .no-thumbitiran h5 a, /* ショートコード一覧（サムネイル無し） */ dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /* TOP・アーカイブ */ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, /*関連記事*/ .st-tab-category .post-card-list .post-card-title a, /* タブ式カテゴリー */ .post-card-list .post-card-title a, /* カードタイプEX */ #st-magazine .kanren .st-top-box dd h3, /* JET */ .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a { } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /*-- ここまで --*/ } /*------------------------------------------- 旧st-kanri.phpより移動（ここから） */ /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /* Gutenberg調整 -------------------------------------------*/ /* ワイドアライメント */ .wp-block-cover.alignwide, .alignfull { margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 600px) { .wp-block-cover.alignwide, .alignfull { margin-left: -30px; margin-right: -30px; } } @media print, screen and (min-width: 960px) { .wp-block-cover.alignwide, .alignfull { margin-left: -50px; margin-right: -50px; } /* 1カラム */ .colum1 .wp-block-cover.alignwide, .colum1 .alignfull { margin-left: -70px; margin-right: -70px; } } /** カバーブロック */ .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 30px ); max-width: calc( 100% + 30px ); padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 600px) { .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); padding-left: 70px; padding-right: 70px; } } @media print, screen and (min-width: 960px) { .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 100px ); max-width: calc( 100% + 100px ); } /* 1カラム */ .colum1 .wp-block-cover.alignwide, .colum1 .wp-block-cover.alignfull { width: calc( 100% + 140px ); max-width: calc( 100% + 140px ); } } /* 最新の記事 */ /** リスト表示 */ @media only screen and (min-width: 600px) and (max-width: 959px) { /* Tabサイズ */ .wp-block-latest-posts li a { font-size: 18px; line-height: 26px; } .wp-block-latest-posts li a { } } @media only screen and (min-width: 960px) { /* PCサイズ */ .wp-block-latest-posts li a { font-size: 16px; line-height: 26px; } .wp-block-latest-posts li a { } } @media only screen and (max-width: 599px) { /* スマホサイズ */ .wp-block-latest-posts li a { font-size: 16px; line-height: 24px; } .wp-block-latest-posts li a { } } .acordion_search_content *, .acordion_search_content a { color: #333; border-color: #ccc; } .st-box-shadow { box-shadow: 0 1px 8px rgb(0,0,0, .1), 0 4px 4px -4px rgb(0,0,0, .1); box-sizing: border-box; } /* 階層リスト */ .is-style-st-kaisou.has-pale-pink-color ul:before, .is-style-st-kaisou.has-pale-pink-color ul li:before { border-color: #f78da7; } .is-style-st-kaisou.has-soft-red-color ul:before, .is-style-st-kaisou.has-soft-red-color ul li:before { border-color: #e92f3d; } .is-style-st-kaisou.has-light-grayish-red-color ul:before, .is-style-st-kaisou.has-light-grayish-red-color ul li:before { border-color: #fdf0f2; } .is-style-st-kaisou.has-vivid-yellow-color ul:before, .is-style-st-kaisou.has-vivid-yellow-color ul li:before { border-color: #ffc107; } .is-style-st-kaisou.has-very-pale-yellow-color ul:before, .is-style-st-kaisou.has-very-pale-yellow-color ul li:before { border-color: #fffde7; } .is-style-st-kaisou.has-light-green-cyan-color ul:before, .is-style-st-kaisou.has-light-green-cyan-color ul li:before { border-color: #eefaff!important; } .is-style-st-kaisou.has-pale-cyan-blue-color ul:before, .is-style-st-kaisou.has-pale-cyan-blue-color ul li:before { border-color: #8ed1fc; } .is-style-st-kaisou.has-vivid-cyan-blue-color ul:before, .is-style-st-kaisou.has-vivid-cyan-blue-color ul li:before { border-color: #0693e3; } .is-style-st-kaisou.has-very-light-gray-color ul:before, .is-style-st-kaisou.has-very-light-gray-color ul li:before { border-color: #fafafa; } .is-style-st-kaisou.has-very-dark-gray-color ul:before, .is-style-st-kaisou.has-very-dark-gray-color ul li:before { border-color: #313131; } .is-style-st-kaisou.has-white-color ul:before, .is-style-st-kaisou.has-white-color ul li:before { border-color: #ffffff; } .is-style-st-kaisou.has-original-color-a-color ul:before, .is-style-st-kaisou.has-original-color-a-color ul li:before { border-color: #43a047 !important; } .is-style-st-kaisou.has-original-color-b-color ul:before, .is-style-st-kaisou.has-original-color-b-color ul li:before { border-color: #795548 !important; } .is-style-st-kaisou.has-original-color-c-color ul:before, .is-style-st-kaisou.has-original-color-c-color ul li:before { border-color: #ec407a !important; } .is-style-st-kaisou.has-original-color-d-color ul:before, .is-style-st-kaisou.has-original-color-d-color ul li:before { border-color: #9e9d24 !important; } .is-style-st-kaisou.has-pale-pink-background-color ul li ul li:last-child:before { background-color: #f78da7; } .is-style-st-kaisou.has-soft-red-background-color ul li ul li:last-child:before { background-color: #e92f3d; } .is-style-st-kaisou.has-light-grayish-red-background-color ul li ul li:last-child:before { background-color: #fdf0f2; } .is-style-st-kaisou.has-vivid-yellow-background-color ul li ul li:last-child:before { background-color: #ffc107; } .is-style-st-kaisou.has-very-pale-yellow-background-color ul li ul li:last-child:before { background-color: #fffde7; } .is-style-st-kaisou.has-light-green-cyan-background-color ul li ul li:last-child:before { background-color: #eefaff!important; } .is-style-st-kaisou.has-pale-cyan-blue-background-color ul li ul li:last-child:before { background-color: #8ed1fc; } .is-style-st-kaisou.has-vivid-cyan-blue-background-color ul li ul li:last-child:before { background-color: #0693e3; } .is-style-st-kaisou.has-very-light-gray-background-color ul li ul li:last-child:before { background-color: #fafafa; } .is-style-st-kaisou.has-very-dark-gray-background-color ul li ul li:last-child:before { background-color: #313131; } .is-style-st-kaisou.has-white-background-color ul li ul li:last-child:before { background-color: #ffffff; } .is-style-st-kaisou.has-original-color-a-background-color ul li ul li:last-child:before { background-color: #43a047 !important; } .is-style-st-kaisou.has-original-color-b-background-color ul li ul li:last-child:before { background-color: #795548 !important; } .is-style-st-kaisou.has-original-color-c-background-color ul li ul li:last-child:before { background-color: #ec407a !important; } .is-style-st-kaisou.has-original-color-d-background-color ul li ul li:last-child:before { background-color: #9e9d24 !important; } /* マル・バツリスト */ .is-style-st-correct-list.has-pale-pink-color > li::before, .is-style-st-wrong-list.has-pale-pink-color > li::before { color: #f78da7; } .is-style-st-correct-list.has-soft-red-color > li::before, .is-style-st-wrong-list.has-soft-red-color > li::before { color: #e92f3d; } .is-style-st-correct-list.has-light-grayish-red-color > li::before, .is-style-st-wrong-list.has-light-grayish-red-color > li::before { color: #fdf0f2; } .is-style-st-correct-list.has-vivid-yellow-color > li::before, .is-style-st-wrong-list.has-vivid-yellow-color > li::before { color: #ffc107; } .is-style-st-correct-list.has-very-pale-yellow-color > li::before, .is-style-st-wrong-list.has-very-pale-yellow-color > li::before { color: #fffde7; } .is-style-st-correct-list.has-light-green-cyan-color > li::before, .is-style-st-wrong-list.has-light-green-cyan-color > li::before { color: #eefaff; } .is-style-st-correct-list.has-pale-cyan-blue-color > li::before, .is-style-st-wrong-list.has-pale-cyan-blue-color > li::before { color: #8ed1fc; } .is-style-st-correct-list.has-vivid-cyan-blue-color > li::before, .is-style-st-wrong-list.has-vivid-cyan-blue-color > li::before { color: #0693e3; } .is-style-st-correct-list.has-very-light-gray-color > li::before, .is-style-st-wrong-list.has-very-light-gray-color > li::before { color: #fafafa; } .is-style-st-correct-list.has-very-dark-gray-color > li::before, .is-style-st-wrong-list.has-very-dark-gray-color > li::before { color: #313131; } .is-style-st-correct-list.has-white-color > li::before, .is-style-st-wrong-list.has-white-color > li::before { color: #ffffff; } .is-style-st-correct-list.has-original-color-a-color > li::before, .is-style-st-wrong-list.has-original-color-a-color > li::before { color: #43a047; } .is-style-st-correct-list.has-original-color-b-color > li::before, .is-style-st-wrong-list.has-original-color-b-color > li::before { color: #795548; } .is-style-st-correct-list.has-original-color-c-color > li::before, .is-style-st-wrong-list.has-original-color-c-color > li::before { color: #ec407a; } .is-style-st-correct-list.has-original-color-d-color > li::before, .is-style-st-wrong-list.has-original-color-d-color > li::before { color: #9e9d24; }