WPTeq - Microsoft製品を中心としたファンサイト

Xbox Series Sのレイトレーシング性能をDigital Foundryが検証。

最も安価な次世代ゲーム機、Xbox Series Sでは次世代ゲーム機の特徴の1つ”レイトレーシング”もサポートされています。もちろん性能面では劣る部分もありますが、レイトレーシングをサポートするゲームでどのような効果があるのでしょうか。 4TFでレイトレをする偉業ハードウェア・ソフトウェアの検証を行うDigital FoundryはメトロエクソダスやマトリックスデモのようなXbox Series Sでレイトレーシングをサポートしているいくつかのゲームタイトルでレイトレーシング性能を評価しました。 4T ...

Xboxリサーチ、｢343 Industriesを信頼しているか｣などのアンケートを実施。

Haloシリーズの将来について現在変化の時を迎えています。Haloを開発する343 Industriesはマイクロソフトの大量解雇の影響を最も強く受けたとみられており、チームは多くの失業があったと見られています。またXboxリサーチも343 IndustriesとHalo Infiniteについて調査を開始しています。 Xboxリサーチが調査に乗り出す TwitterでRebs GamingはHalo Infiniteや343 Industriesに関する調査をXbox Researchから質問されたと報 ...

PS Studios開発｢MLB Show 23｣がXboxゲームパスデイワンリリースへ。

ソニーが開発を行っているMLB The Showの最新バージョンもXbox Game Passで2月6日に配信されることがアナウンスされました。クロスプレイ対応本作はクロスプラットフォームプレイ、クロスセーブ、クロスプログレッションをサポートしており、Xbox、PlayStation、Nintendo Switchでデータを共有し、一緒に遊ぶことが出来ます。クロスプレイを理由するにはMLB Showアカウントを作成し、アカウントをリンクする必要があります。動画 MLB The Showは2023年3 ...

ゴールデンアイ007 Xbox移植会社、オンラインがない理由などを説明。

先日レアリプレイとXbox Game Passにゴールデンアイ007が追加されました。これはわずかにアップグレードされたグラフィックス、モダンなコントローラー操作をサポートしたN64タイトルのリマスターです。しかし一部の内容には不満の声もあります。オンラインがない理由などを説明このリマスター版はCode Mystics Incが担当しました。この企業は多くのエミュレーション移植を担当しており、レアリプレイの共同開発会社の1つでもありました。またXbox Oneで移植されたキラーインスティンクトアーケー ...

Xbox Series X|S、国内で約5000円値上げへ、地域間の価格の整合性をとるため。

日本マイクロソフトはXbox Series X|Sの値上げを発表しました。これは地域間の価格の整合性をとるためのもので、極端に日本市場が割安になっていた問題を修正するためと見られています。 Xbox Series X|S値上げ日本マイクロソフトは以下のように説明しています。日本マイクロソフト株式会社は、Xbox Series X および Xbox Series S の本体参考価格を以下のとおり改訂します。マイクロソフトでは、現地価格の影響を定期的に評価し、地域間の合理的な整合性を確保しております。今回 ...

Windows 10、当面は公式サイトからインストールメディアの入手は可能。

マイクロソフトは1月31日でWindows 10のプロダクトキー、ライセンスの販売を終了します。これにより今後Windows 10は量販店などでしか入手することが出来なくなります。しかし新規購入が終わってもダウンロードは行えるようです。 Windows 10のインストールは引き続き提供マイクロソフトはWindows 10のライセンス販売を終了しますが、同社はインストールメディアを削除する予定はありません。そのためメディア作成ツールやISOファイルを使ってWindows 10を新規インストールすることは引 ...

フィルスペンサー氏、Hi-Fi RUSHはジェットセットラジオフューチャーと同じ雰囲気があると語る。

マイクロソフトとTango GameworksはHi-Fi RUSHを先日リリースしました。本作はカラフルで独創的なグラフィックスを持っており、中にはジェットセットラジオフューチャーなどの過去の作品に似ていると感じた人もいるかもしれません。 Hi-Fi RUSHはフィルもお気に入りフィルスペンサーはIGNとのインタビューの中で、ジェットセットラジオフューチャーがかつて後方互換プログラムに持ち込むことが出来なかったということと、同じ雰囲気を持ったTango GameworksのHi-Fi RUSHをどれほ ...

本日のXbox Game Pass｢AoEll:DE｣｢ジョジョの奇妙な冒険オールスターバトルR｣｢Inkulinati｣

本日のXbox Game Pass配信タイトルをご紹介します。本日のXbox Game Pass エイジオブエンパイアII: ディフィニティブエディション (クラウドおよびコンソール) - 1月31日エイジオブエンパイアII: ディフィニティブエディションは、これまで作られた中で最も愛されている戦略ゲームの1つで、Xboxコンソールで間もなく発売されます。コントローラーでのプレイに最適化され、新しいチュートリアルですぐに楽しめるなど、多くの人に愛されているこのゲームをコンソールでプレイする新 ...

No Straight Roads開発者、Hi-Fi RUSHとの比較をするのはやめてほしいと語る。

Tango Gameworksの新作Hi-Fi RUSHはリリース以来高い評価を得ています。しかし一方で2020年に発売されたインディゲーム｢No Straight Roads｣には欠点がありました。比較するのはやめてほしいゲーム開発者のワンバズマー氏はTwitter上で、一部のプレイヤーは｢Hi-Fi RUSHはNo Straight Roadsが本来あるべきだったゲーム｣と呼んでいることに対して事実かも知れないがそれでも読むのはつらいと話しました。｢"ハイファイRUSHはNo St ...

アクティビジョンブリザードの買収に1年前よりも自信があるとフィルスペンサーが語る。

マイクロソフトゲーミングのCEO、フィルスペンサーは現在最も注目されているニュースの1つであるアクティビジョンブリザードの買収に関する話題に触れました。 1年前より自信あり IGNとのインタビューの中でフィルスペンサー氏は規制委員会との協力によって得られたより多くの洞察とより多くの知識を得たことで、胃年前よりも買収について自信を持っていると述べました。また世界中の規制委員会と協力することで取引を確実に完了できるよう支援していると繰り替えました。 1年前、私はこのような買収のプロセスについて何も知りませんで ...

ゲーミング(Xbox/Windows)WindowsWindows:PCとSurfaceOffice

: Xbox Series Sのレイトレーシング性能をDigital Foundryが検証。
最も安価な次世代ゲーム機、Xbox Series Sでは次世代ゲーム機の特徴の1つ”レイトレーシング”もサポートされてい ...

: Xboxリサーチ、｢343 Industriesを信頼しているか｣などのアンケートを実施。
Haloシリーズの将来について現在変化の時を迎えています。Haloを開発する343 Industriesはマイクロソフト ...

: PS Studios開発｢MLB Show 23｣がXboxゲームパスデイワンリリースへ。
ソニーが開発を行っているMLB The Showの最新バージョンもXbox Game Passで2月6日に配信されること ...

: ゴールデンアイ007 Xbox移植会社、オンラインがない理由などを説明。
先日レアリプレイとXbox Game Passにゴールデンアイ007が追加されました。これはわずかにアップグレードされた ...

: Xbox Series X|S、国内で約5000円値上げへ、地域間の価格の整合性をとるため。
日本マイクロソフトはXbox Series X|Sの値上げを発表しました。これは地域間の価格の整合性をとるためのもので、 ...

もっと見る

: Windows 10、当面は公式サイトからインストールメディアの入手は可能。
マイクロソフトは1月31日でWindows 10のプロダクトキー、ライセンスの販売を終了します。これにより今後Windo ...

: Windows 11 Snipping Toolに小さくて便利な改善が追加へ！Insiderテスト中。
マイクロソフトは昨年末Windows 11Insiderビルド向けに新たな便利機能として画面録画機能を追加しました。Wi ...

: MSからのWindows 10購入は今月がラストチャンス、購入はお早めに。
マイクロソフトは2023年1月31日以降Windows 10のオンライン販売を終了します。販売終了後はMicrosoft ...

: NVIDIA RTX、動画でもアップスケーリング！1080pビデオも綺麗に。
NVIDIA GPUはゲームやクリエイティブ作業だけのものではありません。NVDIAはRTXグラフィックスカードを搭載し ...

: Windows 11のネットワークの問題トラブルシューティングが高速化！新APIへ。
Windows PCは自由度が高い分、複雑な問題に遭遇することがあります。例えばネットワークの問題に関しても簡単に解決す ...

もっと見る

: Surface Book 2のサーマルパイプを改造した人物が現れる。
RedditにてとあるユーザーがSurface Book 2のサーマルスロットル問題を解決するためにヒートパイプを追加し ...

: 安定性やセキュリティを改善する2023年1月のSurface Pro 8アップデートが提供開始。
Surface Pro 8は来年サポート終了しますが、2023年は引き続きファームウェアアップデートが行われています。S ...

: Surface Duo 2が多くの地域で在庫切れに、Microsoftは取り組みを続けているとコメント。
現在世界中の取扱店でMicrosoft Surface Duo 2が在庫切れ状態となっており、すぐにそれが改善される予定 ...

: Surface Pro 9とSurface Laptop 5どっちがおすすめ！？
2023年現在1月現在最も人気のあるSurfaceラインナップのうち2つ、Surface Laptop 5とSurfac ...

: Surface Pro 9とSurface Pro 8の違いをすべてご紹介！
マイクロソフトはフラッグシップPCをWindows 2in1デバイスとしてリリースしており、現在最新のモデルはSurfa ...

もっと見る

: Microsoft 365 Basicが発表！年額2244円でOneDrive100GBが使えちゃう。
マイクロソフトはサブスクリプションサービスMicrosoft 365の最新プラン、Microsoft 365 Basic ...

: OneDrive、こっそりデザインをアップグレード！
Dr.WindowsはOneDriveのWindows 11アプリのUIが更新されたと報告しています。OneDriveは ...

: Windows版OneNote、2023年のアップデートで待望の縦タブレイアウトを追加！
マイクロソフトは2023年のOneNoteの改善点を公開しました。これには要望が多かった垂直タブレイアウトの復活も含まれ ...

: マイクロソフトがオレオと提携！忙しい仕事の合間に15分のお菓子休憩を。
マイクロソフトは大手クッキーブランド”オレオ”と提携し、Microsoft 365に大人の遊び心を追加しました。 15分 ...

: 新しいOutlookアプリがより幅広いユーザーに展開へ【Office Insider】
マイクロソフトはWindows 11とWindows 10のOutlook体験を高めるため、Webベースの新しいアプリに ...

もっと見る

: Xbox Series Sのレイトレーシング性能をDigital Foundryが検証。
最も安価な次世代ゲーム機、Xbox Series Sでは次世代ゲーム機の特徴の1つ”レイトレーシング”もサポートされてい ...

: Xboxリサーチ、｢343 Industriesを信頼しているか｣などのアンケートを実施。
Haloシリーズの将来について現在変化の時を迎えています。Haloを開発する343 Industriesはマイクロソフト ...

: PS Studios開発｢MLB Show 23｣がXboxゲームパスデイワンリリースへ。
ソニーが開発を行っているMLB The Showの最新バージョンもXbox Game Passで2月6日に配信されること ...

: ゴールデンアイ007 Xbox移植会社、オンラインがない理由などを説明。
先日レアリプレイとXbox Game Passにゴールデンアイ007が追加されました。これはわずかにアップグレードされた ...

: Xbox Series X|S、国内で約5000円値上げへ、地域間の価格の整合性をとるため。
日本マイクロソフトはXbox Series X|Sの値上げを発表しました。これは地域間の価格の整合性をとるためのもので、 ...

: Windows 10、当面は公式サイトからインストールメディアの入手は可能。
マイクロソフトは1月31日でWindows 10のプロダクトキー、ライセンスの販売を終了します。これにより今後Windo ...

: フィルスペンサー氏、Hi-Fi RUSHはジェットセットラジオフューチャーと同じ雰囲気があると語る。
マイクロソフトとTango GameworksはHi-Fi RUSHを先日リリースしました。本作はカラフルで独創的なグラ ...

: 本日のXbox Game Pass｢AoEll:DE｣｢ジョジョの奇妙な冒険オールスターバトルR｣｢Inkulinati｣
本日のXbox Game Pass配信タイトルをご紹介します。本日のXbox Game Pass エイジオブエンパ ...

: No Straight Roads開発者、Hi-Fi RUSHとの比較をするのはやめてほしいと語る。
Tango Gameworksの新作Hi-Fi RUSHはリリース以来高い評価を得ています。しかし一方で2 ...

: アクティビジョンブリザードの買収に1年前よりも自信があるとフィルスペンサーが語る。
マイクロソフトゲーミングのCEO、フィルスペンサーは現在最も注目されているニュースの1つであるアクティビジョンブリザード ...

1 2 3 … 1,545 Next »

この記事タイトルとURLをコピー

/*------------------------------------------- * カラーパターンに応じて初期カラーを設定 *-------------------------------------------/ /*------------------------------------------- 旧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; } /* 見出しステップ */ .is-style-st-heading-custom-step::after { border-bottom-color: #28ba62; } .is-style-st-heading-custom-step::before { color: #28ba62; } .is-style-st-heading-custom-step::after { color: #28ba62; } /*-------------------------------- Gutenberg カラーパレット ---------------------------------*/ :root .has-pale-pink-color { color: #f78da7; } :root .has-soft-red-color { color: #e92f3d; } :root .has-light-grayish-red-color { color: #fdf0f2; } :root .has-vivid-yellow-color { color: #ffc107; } :root .has-very-pale-yellow-color { color: #fffde7; } :root .has-light-green-cyan-color { color: #eefaff!important; } :root .has-pale-cyan-blue-color { color: #8ed1fc; } :root .has-vivid-cyan-blue-color { color: #0693e3; } :root .has-very-light-gray-color { color: #fafafa; } :root .has-very-dark-gray-color { color: #313131; } :root .has-white-color { color: #ffffff; } :root .has-pale-pink-background-color { background-color: #f78da7; } :root .has-soft-red-background-color { background-color: #e92f3d; } :root .has-light-grayish-red-background-color { background-color: #fdf0f2; } :root .has-vivid-yellow-background-color { background-color: #ffc107; } :root .has-very-pale-yellow-background-color { background-color: #fffde7; } :root .has-light-green-cyan-background-color { background-color: #eefaff!important; } :root .has-pale-cyan-blue-background-color { background-color: #8ed1fc; } :root .has-vivid-cyan-blue-background-color { background-color: #0693e3; } :root .has-very-light-gray-background-color { background-color: #fafafa; } :root .has-very-dark-gray-background-color { background-color: #313131; } :root .has-white-background-color { background-color: #ffffff; } /** インラインの文字色（カラーパレット） */ .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; } .is-style-st-paragraph-kaiwa.has-soft-red-background-color, .is-style-st-paragraph-kaiwa-b.has-soft-red-background-color { background-color: transparent; } .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; } .is-style-st-paragraph-kaiwa.has-vivid-yellow-background-color, .is-style-st-paragraph-kaiwa-b.has-vivid-yellow-background-color { background-color: transparent; } .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; } .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; } .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; } .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; } .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; } .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; } .is-style-st-paragraph-kaiwa.has-white-background-color, .is-style-st-paragraph-kaiwa-b.has-white-background-color { background-color: transparent; } /** カラーパレット（文字色）選択時のアイコン */ .is-style-st-paragraph-pen.has-pale-pink-color::before, .is-style-st-paragraph-memo-txt.has-pale-pink-color::before, .is-style-st-paragraph-link.has-pale-pink-color::before, .is-style-st-paragraph-check.has-pale-pink-color::before, .is-style-st-paragraph-point.has-pale-pink-color::before, .is-style-st-paragraph-info-circle.has-pale-pink-color::before, .is-style-st-paragraph-bigginer.has-pale-pink-color::before, .is-style-st-paragraph-attention.has-pale-pink-color::before, .is-style-st-paragraph-attention-gray.has-pale-pink-color::before, .is-style-st-paragraph-circle-o.has-pale-pink-color::before, .is-style-st-paragraph-times.has-pale-pink-color::before, .is-style-st-paragraph-thumbs-o-up.has-pale-pink-color::before, .is-style-st-paragraph-thumbs-o-down.has-pale-pink-color::before, .is-style-st-paragraph-code.has-pale-pink-color::before { color: #f78da7; border-right-color: #f78da7!important; } .is-style-st-paragraph-pen.has-soft-red-color::before, .is-style-st-paragraph-memo-txt.has-soft-red-color::before, .is-style-st-paragraph-link.has-soft-red-color::before, .is-style-st-paragraph-check.has-soft-red-color::before, .is-style-st-paragraph-point.has-soft-red-color::before, .is-style-st-paragraph-info-circle.has-soft-red-color::before, .is-style-st-paragraph-bigginer.has-soft-red-color::before, .is-style-st-paragraph-attention.has-soft-red-color::before, .is-style-st-paragraph-attention-gray.has-soft-red-color::before, .is-style-st-paragraph-circle-o.has-soft-red-color::before, .is-style-st-paragraph-times.has-soft-red-color::before, .is-style-st-paragraph-thumbs-o-up.has-soft-red-color::before, .is-style-st-paragraph-thumbs-o-down.has-soft-red-color::before, .is-style-st-paragraph-code.has-soft-red-color::before { color: #e92f3d; border-right-color: #e92f3d!important; } .is-style-st-paragraph-pen.has-light-grayish-red-color::before, .is-style-st-paragraph-memo-txt.has-light-grayish-red-color::before, .is-style-st-paragraph-link.has-light-grayish-red-color::before, .is-style-st-paragraph-check.has-light-grayish-red-color::before, .is-style-st-paragraph-point.has-light-grayish-red-color::before, .is-style-st-paragraph-info-circle.has-light-grayish-red-color::before, .is-style-st-paragraph-bigginer.has-light-grayish-red-color::before, .is-style-st-paragraph-attention.has-light-grayish-red-color::before, .is-style-st-paragraph-attention-gray.has-light-grayish-red-color::before, .is-style-st-paragraph-circle-o.has-light-grayish-red-color::before, .is-style-st-paragraph-times.has-light-grayish-red-color::before, .is-style-st-paragraph-thumbs-o-up.has-light-grayish-red-color::before, .is-style-st-paragraph-thumbs-o-down.has-light-grayish-red-color::before, .is-style-st-paragraph-code.has-light-grayish-red-color::before { color: #fdf0f2; border-right-color: #fdf0f2!important; } .is-style-st-paragraph-pen.has-vivid-yellow-color::before, .is-style-st-paragraph-memo-txt.has-vivid-yellow-color::before, .is-style-st-paragraph-link.has-vivid-yellow-color::before, .is-style-st-paragraph-check.has-vivid-yellow-color::before, .is-style-st-paragraph-point.has-vivid-yellow-color::before, .is-style-st-paragraph-info-circle.has-vivid-yellow-color::before, .is-style-st-paragraph-bigginer.has-vivid-yellow-color::before, .is-style-st-paragraph-attention.has-vivid-yellow-color::before, .is-style-st-paragraph-attention-gray.has-vivid-yellow-color::before, .is-style-st-paragraph-circle-o.has-vivid-yellow-color::before, .is-style-st-paragraph-times.has-vivid-yellow-color::before, .is-style-st-paragraph-thumbs-o-up.has-vivid-yellow-color::before, .is-style-st-paragraph-thumbs-o-down.has-vivid-yellow-color::before, .is-style-st-paragraph-code.has-vivid-yellow-color::before { color: #ffc107; border-right-color: #ffc107!important; } .is-style-st-paragraph-pen.has-very-pale-yellow-color::before, .is-style-st-paragraph-memo-txt.has-very-pale-yellow-color::before, .is-style-st-paragraph-link.has-very-pale-yellow-color::before, .is-style-st-paragraph-check.has-very-pale-yellow-color::before, .is-style-st-paragraph-point.has-very-pale-yellow-color::before, .is-style-st-paragraph-info-circle.has-very-pale-yellow-color::before, .is-style-st-paragraph-bigginer.has-very-pale-yellow-color::before, .is-style-st-paragraph-attention.has-very-pale-yellow-color::before, .is-style-st-paragraph-attention-gray.has-very-pale-yellow-color::before, .is-style-st-paragraph-circle-o.has-very-pale-yellow-color::before, .is-style-st-paragraph-times.has-very-pale-yellow-color::before, .is-style-st-paragraph-thumbs-o-up.has-very-pale-yellow-color::before, .is-style-st-paragraph-thumbs-o-down.has-very-pale-yellow-color::before, .is-style-st-paragraph-code.has-very-pale-yellow-color::before { color: #fffde7; border-right-color: #fffde7!important; } .is-style-st-paragraph-pen.has-light-green-cyan-color::before, .is-style-st-paragraph-memo-txt.has-light-green-cyan-color::before, .is-style-st-paragraph-link.has-light-green-cyan-color::before, .is-style-st-paragraph-check.has-light-green-cyan-color::before, .is-style-st-paragraph-point.has-light-green-cyan-color::before, .is-style-st-paragraph-info-circle.has-light-green-cyan-color::before, .is-style-st-paragraph-bigginer.has-light-green-cyan-color::before, .is-style-st-paragraph-attention.has-light-green-cyan-color::before, .is-style-st-paragraph-attention-gray.has-light-green-cyan-color::before, .is-style-st-paragraph-circle-o.has-light-green-cyan-color::before, .is-style-st-paragraph-times.has-light-green-cyan-color::before, .is-style-st-paragraph-thumbs-o-up.has-light-green-cyan-color::before, .is-style-st-paragraph-thumbs-o-down.has-light-green-cyan-color::before, .is-style-st-paragraph-code.has-light-green-cyan-color::before { color: #eefaff!important; border-right-color: #eefaff!important; } .is-style-st-paragraph-pen.has-pale-cyan-blue-color::before, .is-style-st-paragraph-memo-txt.has-pale-cyan-blue-color::before, .is-style-st-paragraph-link.has-pale-cyan-blue-color::before, .is-style-st-paragraph-check.has-pale-cyan-blue-color::before, .is-style-st-paragraph-point.has-pale-cyan-blue-color::before, .is-style-st-paragraph-info-circle.has-pale-cyan-blue-color::before, .is-style-st-paragraph-bigginer.has-pale-cyan-blue-color::before, .is-style-st-paragraph-attention.has-pale-cyan-blue-color::before, .is-style-st-paragraph-attention-gray.has-pale-cyan-blue-color::before, .is-style-st-paragraph-circle-o.has-pale-cyan-blue-color::before, .is-style-st-paragraph-times.has-pale-cyan-blue-color::before, .is-style-st-paragraph-thumbs-o-up.has-pale-cyan-blue-color::before, .is-style-st-paragraph-thumbs-o-down.has-pale-cyan-blue-color::before, .is-style-st-paragraph-code.has-pale-cyan-blue-color::before { color: #8ed1fc; border-right-color: #8ed1fc!important; } .is-style-st-paragraph-pen.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-memo-txt.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-link.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-check.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-point.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-info-circle.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-bigginer.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-attention.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-attention-gray.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-circle-o.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-times.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-thumbs-o-up.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-thumbs-o-down.has-vivid-cyan-blue-color::before, .is-style-st-paragraph-code.has-vivid-cyan-blue-color::before { color: #0693e3; border-right-color: #0693e3!important; } .is-style-st-paragraph-pen.has-very-light-gray-color::before, .is-style-st-paragraph-memo-txt.has-very-light-gray-color::before, .is-style-st-paragraph-link.has-very-light-gray-color::before, .is-style-st-paragraph-check.has-very-light-gray-color::before, .is-style-st-paragraph-point.has-very-light-gray-color::before, .is-style-st-paragraph-info-circle.has-very-light-gray-color::before, .is-style-st-paragraph-bigginer.has-very-light-gray-color::before, .is-style-st-paragraph-attention.has-very-light-gray-color::before, .is-style-st-paragraph-attention-gray.has-very-light-gray-color::before, .is-style-st-paragraph-circle-o.has-very-light-gray-color::before, .is-style-st-paragraph-times.has-very-light-gray-color::before, .is-style-st-paragraph-thumbs-o-up.has-very-light-gray-color::before, .is-style-st-paragraph-thumbs-o-down.has-very-light-gray-color::before, .is-style-st-paragraph-code.has-very-light-gray-color::before { color: #fafafa; border-right-color: #fafafa!important; } .is-style-st-paragraph-pen.has-very-dark-gray-color::before, .is-style-st-paragraph-memo-txt.has-very-dark-gray-color::before, .is-style-st-paragraph-link.has-very-dark-gray-color::before, .is-style-st-paragraph-check.has-very-dark-gray-color::before, .is-style-st-paragraph-point.has-very-dark-gray-color::before, .is-style-st-paragraph-info-circle.has-very-dark-gray-color::before, .is-style-st-paragraph-bigginer.has-very-dark-gray-color::before, .is-style-st-paragraph-attention.has-very-dark-gray-color::before, .is-style-st-paragraph-attention-gray.has-very-dark-gray-color::before, .is-style-st-paragraph-circle-o.has-very-dark-gray-color::before, .is-style-st-paragraph-times.has-very-dark-gray-color::before, .is-style-st-paragraph-thumbs-o-up.has-very-dark-gray-color::before, .is-style-st-paragraph-thumbs-o-down.has-very-dark-gray-color::before, .is-style-st-paragraph-code.has-very-dark-gray-color::before { color: #313131; border-right-color: #313131!important; } .is-style-st-paragraph-pen.has-white-color::before, .is-style-st-paragraph-memo-txt.has-white-color::before, .is-style-st-paragraph-link.has-white-color::before, .is-style-st-paragraph-check.has-white-color::before, .is-style-st-paragraph-point.has-white-color::before, .is-style-st-paragraph-info-circle.has-white-color::before, .is-style-st-paragraph-bigginer.has-white-color::before, .is-style-st-paragraph-attention.has-white-color::before, .is-style-st-paragraph-attention-gray.has-white-color::before, .is-style-st-paragraph-circle-o.has-white-color::before, .is-style-st-paragraph-times.has-white-color::before, .is-style-st-paragraph-thumbs-o-up.has-white-color::before, .is-style-st-paragraph-thumbs-o-down.has-white-color::before, .is-style-st-paragraph-code.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; } /* オリジナルパレット */ :root .has-original-color-a-color { color: #43a047; } :root .has-original-color-a-background-color { background-color: #43a047; } .is-style-st-paragraph-pen.has-original-color-a-color::before, .is-style-st-paragraph-memo-txt.has-original-color-a-color::before, .is-style-st-paragraph-link.has-original-color-a-color::before, .is-style-st-paragraph-check.has-original-color-a-color::before, .is-style-st-paragraph-point.has-original-color-a-color::before, .is-style-st-paragraph-info-circle.has-original-color-a-color::before, .is-style-st-paragraph-bigginer.has-original-color-a-color::before, .is-style-st-paragraph-attention.has-original-color-a-color::before, .is-style-st-paragraph-attention-gray.has-original-color-a-color::before, .is-style-st-paragraph-circle-o.has-original-color-a-color::before, .is-style-st-paragraph-times.has-original-color-a-color::before, .is-style-st-paragraph-thumbs-o-up.has-original-color-a-color::before, .is-style-st-paragraph-thumbs-o-down.has-original-color-a-color::before, .is-style-st-paragraph-code.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; } /* 見出しアイコン */ [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; } :root .has-original-color-b-color { color: #795548; } :root .has-original-color-b-background-color { background-color: #795548; } .is-style-st-paragraph-pen.has-original-color-b-color::before, .is-style-st-paragraph-memo-txt.has-original-color-b-color::before, .is-style-st-paragraph-link.has-original-color-b-color::before, .is-style-st-paragraph-check.has-original-color-b-color::before, .is-style-st-paragraph-point.has-original-color-b-color::before, .is-style-st-paragraph-info-circle.has-original-color-b-color::before, .is-style-st-paragraph-bigginer.has-original-color-b-color::before, .is-style-st-paragraph-attention.has-original-color-b-color::before, .is-style-st-paragraph-attention-gray.has-original-color-b-color::before, .is-style-st-paragraph-circle-o.has-original-color-b-color::before, .is-style-st-paragraph-times.has-original-color-b-color::before, .is-style-st-paragraph-thumbs-o-up.has-original-color-b-color::before, .is-style-st-paragraph-thumbs-o-down.has-original-color-b-color::before, .is-style-st-paragraph-code.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; } /* 見出しアイコン */ [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; } /* グループかぎ括弧, 角括弧 */ .editor-styles-wrapper .is-style-st-group-corner-brackets.has-original-color-b-color::before, .editor-styles-wrapper .is-style-st-group-corner-brackets.has-original-color-b-color::after, .editor-styles-wrapper .is-style-st-group-square-brackets.has-original-color-b-color::before, .editor-styles-wrapper .is-style-st-group-square-brackets.has-original-color-b-color::after { border-color: #795548; } /* グループかぎ括弧, 角括弧 */ .is-style-st-group-corner-brackets.has-original-color-b-color, .is-style-st-group-square-brackets.has-original-color-b-color { 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; } :root .has-original-color-c-color { color: #ec407a; } :root .has-original-color-c-background-color { background-color: #ec407a; } .is-style-st-paragraph-pen.has-original-color-c-color::before, .is-style-st-paragraph-memo-txt.has-original-color-c-color::before, .is-style-st-paragraph-link.has-original-color-c-color::before, .is-style-st-paragraph-check.has-original-color-c-color::before, .is-style-st-paragraph-point.has-original-color-c-color::before, .is-style-st-paragraph-info-circle.has-original-color-c-color::before, .is-style-st-paragraph-bigginer.has-original-color-c-color::before, .is-style-st-paragraph-attention.has-original-color-c-color::before, .is-style-st-paragraph-attention-gray.has-original-color-c-color::before, .is-style-st-paragraph-circle-o.has-original-color-c-color::before, .is-style-st-paragraph-times.has-original-color-c-color::before, .is-style-st-paragraph-thumbs-o-up.has-original-color-c-color::before, .is-style-st-paragraph-thumbs-o-down.has-original-color-c-color::before, .is-style-st-paragraph-code.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; } /* 見出しアイコン */ [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; } :root .has-original-color-d-color { color: #9e9d24; } :root .has-original-color-d-background-color { background-color: #9e9d24; } .is-style-st-paragraph-pen.has-original-color-d-color::before, .is-style-st-paragraph-memo-txt.has-original-color-d-color::before, .is-style-st-paragraph-link.has-original-color-d-color::before, .is-style-st-paragraph-check.has-original-color-d-color::before, .is-style-st-paragraph-point.has-original-color-d-color::before, .is-style-st-paragraph-info-circle.has-original-color-d-color::before, .is-style-st-paragraph-bigginer.has-original-color-d-color::before, .is-style-st-paragraph-attention.has-original-color-d-color::before, .is-style-st-paragraph-attention-gray.has-original-color-d-color::before, .is-style-st-paragraph-circle-o.has-original-color-d-color::before, .is-style-st-paragraph-times.has-original-color-d-color::before, .is-style-st-paragraph-thumbs-o-up.has-original-color-d-color::before, .is-style-st-paragraph-thumbs-o-down.has-original-color-d-color::before, .is-style-st-paragraph-code.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; } /* 見出しアイコン */ [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; } /* カラーパレット選択時の見出し（質問と答え） */ .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; } 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; } } .rankstlink-r p, .rankstlink-l p, .rankstlink-r2 p, .rankstlink-l2 p, .rankstlink-a p, .rankstlink-b p { box-shadow: 0 2px 2px rgb(0,0,0,.1); } .rankstlink-r p:hover, .rankstlink-l p:hover, .rankstlink-r2 p:hover, .rankstlink-l2 p:hover, .rankstlink-a p:hover, .rankstlink-b p:hover { box-shadow: 0 1px 1px rgb(0,0,0,.1); } :root .st-author-profile .rankstlink-r2 p a, /* プロフィールカード */ .st-mybtn.wp-block-st-blocks-my-button, /* カスタムボタンブロック */ p.st-mybtn { box-shadow: 0 2px 2px rgb(0,0,0,.1)!important; } :not(.is-style-st-paragraph-kaiwa) [class^="is-style-st-paragraph-"]:not(.is-style-st-paragraph-button):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-dotline):not(.is-style-st-paragraph-kaiwa):not(.is-style-st-paragraph-kaiwa-b), [class*=" is-style-st-paragraph-"]:not(.is-style-st-paragraph-button):not(.is-style-st-paragraph-memo):not(.is-style-st-paragraph-dotline):not(.is-style-st-paragraph-kaiwa):not(.is-style-st-paragraph-kaiwa-b), .is-style-st-paragraph-kaiwa .st-paragraph-kaiwa-text, .is-style-st-paragraph-kaiwa-b .st-paragraph-kaiwa-text, .st-cardlink-card-link, /* おすすめヘッダーカード */ .st-marumozi, /* まるもじ */ .st-marumozi-big, /* まるもじ */ .st-minihukidashi, /* ミニふきだし */ .nowhits, /* おすすめ記事 */ .st-step, /* ステップ */ .st-point::before, /* ポイント */ .freebox, /* 見出し付きフリーボックス */ .st-mybox, /* マイボックス */ .clip-memobox, /* クリップメモ */ .st-blackboard /* こんな方におすすめ */ { -webkit-filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3)); filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3)); } .pop-box:not(.st-wpp-views-widgets) { padding-left: 15px!important; padding-right: 15px!important; } .is-style-st-paragraph-default, .is-style-st-paragraph-memo { box-shadow: none; } /* マイボックスのタイトル */ .st-mybox .st-mybox-title::after { background: none; } .st-mybox .st-mybox-title { padding: 0 5px; } @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; } /* おすすめヘッダーカードを角丸に */ .st-cardlink-card { border-radius: 5px; } /* 画像の高さ / 幅 * 100% */ .content-post-slider .post-slide-image::before, /* サムネイルスライドショー・ショートコードスライドショー */ .post-card-list .post-card-image::before /* カードデザイン */ { padding-top: 74.25742%; } /* 記事スライドショー */ .header-post-slider .post-slide-image::before { padding-top: 70%; /* 画像の高さ (657.2px) / 幅 (1,060px) * 100% */ } @media only screen and (min-width: 600px) { .header-post-slider .post-slide-image::before { padding-top: 40%; /* 画像の高さ (593.6px) / 幅 (1,060px) * 100% */ } } #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; } } .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; } .front-page .st-tab-category .st-tab-content .st-tab-label + label { background-color: transparent!important; border-top: none!important; border-left: none!important; border-right: none!important; padding: 10px 0; border-bottom-color: #ccc!important; border-radius: 0!important; transition-duration: .5s; } .front-page .st-tab-category .st-tab-content .st-tab-label:checked + label { border-bottom-width: 2px!important; border-bottom-color: #28ba62!important; } .front-page .st-tab-category .st-tab-content .st-tab-label.tab-a:checked + label { border-bottom: solid 2px #39871f!important; } .front-page .st-tab-category .st-tab-content .st-tab-label.tab-b:checked + label { border-bottom: solid 2px #2247d8!important; } .front-page .st-tab-category .st-tab-content .st-tab-label.tab-c:checked + label { border-bottom: solid 2px #999999!important; } .front-page .st-tab-category .st-tab-content .st-tab-label.tab-d:checked + label { border-bottom: solid 2px #dd9933!important; } .st-tab-content .st-tab-label + label::before { content: none!important; } .is-style-st-paragraph-kaiwa:not(.stop)::before, .st-kaiwa-face:not(.stop) 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-face2:not(.stop) 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%; } .st-pvm-ranking-item-image::before, /* PVモニター */ .poprank-no2, .poprank-no { border-radius: 0 0 5px 0; } 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 { 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; } footer .widget_categories ul, footer .widget_categories ol { padding-left: 0; } #footer li.cat-item { list-style-type: none; margin: 0px; padding: 0px; } #footer li.cat-item a::after, #side li.cat-item a::after { content: " \f105"; font-family: stsvg; position: absolute; right: 10px; font-size: .8em; } #footer li.cat-item a, #side li.cat-item a { position: relative; vertical-align: middle; width:100%; padding: 10px 20px 10px 10px; box-sizing:border-box; border-bottom: 1px solid #e1e1e1; color:#1a1a1a; text-decoration:none; display:flex; align-items: center; } #footer li.cat-item.has-thumbnail a, #side li.cat-item.has-thumbnail a { /* サムネイルあり */ display: flex; } #footer li.cat-item a:hover, #side li.cat-item a:hover { opacity:0.5; } #footer li.cat-item a , #side li.cat-item a { border-bottom-color: ; color: ; } /*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.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: none; } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /*グループ1 ------------------------------------------------------------*/ /* body背景色 */ /* 一括カラー反映 */ input, textarea { color: #000; } /*縦一行目のセル*/ .wp-block-table table tr:first-child td:first-child, table tr td:first-child { } /* ヘッダーセクション */ table thead tr th, table thead tr:first-child th { font-weight: normal; } /*縦一行目のセル*/ .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-face img, .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; 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:#4892cb; box-shadow: none; } .st-author-profile .sns .st-svg-twitter::before { position: relative; top:1px; left: 1px; } /* 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, #toc_container { border: 5px solid #f3f3f3; } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ padding:20px 30px 30px; } #st_toc_container.st_toc_contracted, #toc_container.contracted { /* 非表示状態 */ padding: 10px 20px; } /* 第一階層のみの場合 */ #st_toc_container.only-toc li { margin-bottom: 0; } #toc_container.only-toc li, #st_toc_container.st_toc_style_default.only-toc li, .post #st_toc_container.st_toc_style_default .st-original-toc li a, #st_toc_container.st_toc_style_default ul a, #st_toc_container.st_toc_style_paper.only-toc li, .post #st_toc_container.st_toc_style_paper .st-original-toc li a, #st_toc_container.st_toc_style_paper ul a, #toc_container ul a { padding-bottom: 0; } #st_toc_container.st_toc_style_check .st_toc_list > li > a, #st_toc_container.st_toc_style_check.only-toc .st_toc_list > li > a, #st_toc_container.st_toc_style_question .st_toc_list > li > a, #st_toc_container.st_toc_style_question.only-toc .st_toc_list > li > a { margin-bottom: 10px; padding-bottom: 0; border: none; } #st_toc_container .st_toc_title::before, #toc_container .toc_title::before { content: "\e91c\00a0"; font-family: stsvg; } #st_toc_container.st_toc_style_default li, #st_toc_container.st_toc_style_paper li { text-indent: 0; padding-left: 0; } .post #st_toc_container.st_toc_style_default ul ul, .post #st_toc_container.st_toc_style_paper ul ul { padding: 5px 0 0 1.5em; } #st_toc_container.st_toc_style_default li a::before, #st_toc_container.st_toc_style_paper li a::before, #st_toc_container.st_toc_style_default li li a::before, #st_toc_container.st_toc_style_paper li li a::before, #st_toc_container > ul > li, #st_toc_container > ul ul > li{ /* リストの数字 */ color: #cccccc; opacity: 1; } /*マル数字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; } .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, .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: .65em; content: "\f00c"; font-family: stsvg; color:#ff0000; z-index: 2; line-height: 1.5; transform: scale(.8); } .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, .is-style-st-square-checkbox-no-border > li::before, .st-square-checkbox ul li::before, /* チェックボックス（番号なしリスト）Classic */ .st-square-checkbox li::before { top: .3em; } .is-style-st-square-checkbox > li::before { top: .55em; } .st-blackboard.square-checkbox li::after, .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: "\e904"; font-family: stsvg; color:#ccc; position:absolute; z-index:1; left: .25em; font-size:150%; line-height:1.5; } .st-blackboard.square-checkbox li::after, .is-style-st-square-checkbox-no-border > li::after, .st-square-checkbox ul li::after, /* チェックボックス（番号なしリスト）Classic */ .st-square-checkbox li::after { top: 0; } .is-style-st-square-checkbox > li::after { top: .15em; } /* マル */ .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アイコン*/ :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 { /*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エリア（トップ） -------------------*/ /* メインコンテンツのボーダー */ /* シャドウを適応する */ /*------------------ mainエリア（記事） -------------------*/ /* メインコンテンツのボーダー */ /* シャドウを適応する */ /*メインコンテンツの背景色*/ body:not(.front-page) main { background: #ffffff!important; } header .sitename a, /*ブログタイトル*/ nav li a /* メニュー */ { color: #ffffff; } /*ページトップ*/ #page-top:not(.page-top-img) a { background: #28ba62; } #page-top:not(.page-top-img) a { line-height:100%; border-radius: 50%; } #page-top:not(.page-top-img) { 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; } /* 背景ワイド */ .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) { .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) { .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.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(.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; } .catname.st-catid { display: none; } .post .st-catgroup a { color: #ffffff; } /*グループ4 ------------------------------------------------------------*/ .rssbox a { background-color: #28ba62; } .wp-block-quote.is-large, .wp-block-quote.is-style-large, .inyoumodoki, .post blockquote { background-color: #f3f3f3; } .inyoumodoki::before, .post blockquote::before { color: #fff; opacity: .6; } /*タイムライン ------------------------------------------------------------*/ /*ステップ ------------------------------------------------------------*/ .st-step { color: #ffffff; background: #28ba62; border-radius:5px; } .st-step::before{ border-top-color: #28ba62; } .st-step-title { border-bottom:solid 2px #28ba62; } .st-step-box { bottom: 15px; } /* ポイント ------------------------------------------------------------*/ .st-point::before { color: #ffffff; background: #28ba62; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .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); } } #st-magazine:not(.st-magazine-k) .kanren .st-top-box:not(.st-magazine-infeed) dl, /* JET */ .st-pvm-ranking-item-image img, /* PVモニター */ .post-card, .kanren:not(.st-cardbox) dt img { border-radius: 10px; overflow: hidden; } .post-card-image img, .st-cardstyle .kanren:not(.st-cardbox) dt img, .st-cardstyleb .kanren:not(.st-cardbox) dt img { border-radius: 10px 10px 0 0!important; } @media print, screen and (max-width: 599px) { .post-card-image .kanren:not(.st-cardbox) dt img { border-radius: 10px 10px 0 0!important; } } .content-post-slider.is-fullsize-card .post-slide-image, .content-post-slider.is-fullsize-text .post-slide-image { border-radius: 10px; overflow: hidden; } .content-post-slider .slider-item { border-radius: 10px; overflow: hidden; } .content-post-slider .post-slide-image .st-catgroup.itiran-category, .post-card-list .post-card-image .st-catgroup.itiran-category { padding: 10px 10px 0 10px; } .content-post-slider:not(.has-excerpt) .post-slide-image img, .post-card-list:not(.post-card-list) .post-card-image img { border-radius: 10px; } #st-magazine .kanren .st-top-box dt img { border-radius: 10px; } #st-magazine .kanren .st-top-box:not(.st-magazine-infeed) dl { border-radius: 10px; overflow: hidden; } /** サムネイル非表示 */ .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 a { border-bottom-color: #2bca6b; color: #28ba62; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid #2bca6b; } #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.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より移動（ここから） */ .header-post-slider { max-width: 1144px; } /*TOC+*/ #toc_container > ul > li { font-size: 21px; } /* 旧st-kanri.phpより移動（ここまで） -------------------------------------------*/ /* 目次 */ #st_toc_container: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 .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 > 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 /* タブ */ { } /* スライドの抜粋 */ .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, /*関連記事*/-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 .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 > 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 /* タブ */ { 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:1124px; } .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; } #st-headwide #headbox { display: flex; justify-content: center; } /*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%; } /*ヘッダーの電話番号とリンク色*/ .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 .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 > 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 /* タブ */ { } /* スライドの抜粋 */ .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, /*関連記事*/-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より移動（ここから） */ @media only screen and (min-width: 1144px) { .header-post-slider.is-wide .slider-item .post-slide-body { display: none; } .header-post-slider.is-wide .slider-item.slick-active .post-slide-body { display: -webkit-flex; display: -ms-flexbox; display: flex; } .header-post-slider.is-wide.is-overlaid .slider-item::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); content: ''; } .header-post-slider.is-wide.is-overlaid .slider-item.slick-active::after { content: normal; } } /* 旧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 { } } /* Gutenberg 見出し付きフリーボックスのタイトル */ .entry-content p.p-free { margin-bottom: 20px; } .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; } /* 斜め背景画像 */ #st-tilt-bg img { clip-path: polygon(0 0, 100% 0%, 100% 40%, 0% 100%); width: 100%; height: auto; max-height: 100%; top: 0; left: 0; position: absolute; } #st-tilt-bg-bottom img { clip-path: polygon(0 60%, 100% 0, 100% 100%, 0 100%); width: 100%; height: auto; max-height: 100%; bottom: 0; left: 0; position: absolute; z-index: -1; }