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

【噂】Halo次回作ではUnreal Engineを採用か、Bloombergが報道。

Haloと開発スタジオの343 Industriesに関しては最近様々なニュースがあります。マイクロソフトによる解雇の影響で343 Industriesは多くの従業員を失いました。これはHaloにとって大きな変化があるように見えます。次回作ではUnreal Engineを採用? Bloombergのジェイソンシュライアー記者は343 Industriesから引き出された記録から次のHaloプロジェクトはUnreal Engineを採用したことを決定するという記録が残っていると主張しています。このプロジェ ...

【噂】XboxはE3 2023に参加しないかもしれません。

E3 2023は今年の夏ロサンゼルスで開催が予定されていますが、Xboxはこのイベントに参加しない可能性があります。 3台ハードプラットフォームは参加しない IGNの報道によれば、Xbox、任天堂、PlayStationの3つすべてがE3 2023に参加しないとのことです。正式発表ではないため真偽は不明ですが、マイクロソフトはロサンゼルスでイベントを予定しており、このイベントはE3とは関係がない可能性があります。ライブ配信には影響がないかもマイクロソフトが独自開催するイベントが6月に開催される場合、ラ ...

343Industriesから戸島壮太郎氏が離れる、Halo日本語版声優変更を謝罪。

343IndustrtiesでHalo 4、Halo 5、Halo Infiniteのオーディオディレクターとして活躍していた戸島壮太郎氏が343Industriesを離れることになったと報告しています。 Halo日本語声優変更問題についてのお詫び戸島壮太郎氏は自身のブログにてHalo 4の日本語版声優変更問題について謝罪しました。 10年も前の事になりますが、HALO4の日本語版発売に際しまして、多くのファンを悲しませてしまった事、沢山の方にご迷惑をおかけしてしまった事について、ずっと悩み、考え続けて ...

Epic Games、RumbleVerseのサービス終了を発表、2月28日まで。

Epic GamesとIron Galaxy StudiosはRumbleverseのサービス終了を発表しました。サービス終了についてサービス終了は2月28日までで、RumbleVerseのサービスにお金を使ったプレイヤーは払い戻しを受けることが出来ます。またストアを閉鎖し、すべてのプレイヤーにバトルパスの配布、経験値2倍キャンペーンが実施されているようです。またアクセサリーや笑もーとといったアイテムも無料配布されています。 Xbox.comでRumbleVerse すべての試合がチャンピオンになるた ...

Forza Motorsport(2023)Xbox Series X|Sでのパフォーマンス目標が明らかに。

2023年にリリースされるゲームはスターフィールドだけではありません。Forza Motorsportは年内にリリース予定であり、開発元のTurn 10は段階的にゲームの情報を公開しています。 Xbox Series X|Sでのパフォーマンスについて開発元のTurn10によればXbox Series Xでは4K/60fps、Xbox Series Sで1080p/60fpsで動作するとのことです。Xbox Series Sバージョンにレイトレーシングなどの機能が含まれているかどうかはわかっていませんが、 ...

HaloTVシリーズなどのメディアミックス担当キキウルフキルが343 Industriesを去ったようです。

マイクロソフトのXboxを含む多くの部門に渡る大量解雇でHaloを手がける343 Industriesは特に大きな影響を受けました。キキウルフキルが343 Industriesを離れたようですキキウルフキルのLinkedinのプロフィールによれば、343 Industriesを離れたようです。なお、現在はHead of Xbox IP Expansion and EntertainmentとしてXbox IPに関する業務を担当しているとみられています。キキウルフキルは343 Industries創業 ...

アクティビジョンブリザードはソニーにThe Last of Usがあることが買収を正当化すると考えています。

現在テレビシリーズのThe Last of USがヒットしており、Xboxのフィルスペンサーも賞賛しています。そんなヒット作の中でアクティビジョンブリザードはこの成功がXboxによる買収の成功に繋がると考えていることを明らかにしました。 The Last of USがソニーの優位性を証明したアクティビジョンブリザードのコーポレートアフェアーズEVP・CCOのLulu Cheng Meservey氏はSNS上で興味深いコメントを行っています。彼によれば、FTCはマーケットリーダーとしてのソニーの地位が危険 ...

今週のXboxセール｢THQ Nordicセール｣｢UBISOFTセール｣が開催中！

Xbox向けゲームセールDEALS WITH GOLDの情報が更新されました。　今週のセール情報をお伝えします。 DEALS WITH GOLD(ディールズ・ウィズ・ゴールド）とは？ Deals With Gold(ディールズ・ウィズ・ゴールド）とは、Xboxで毎週行われるゲームセールのことです。　基本的にゴールドメンバーシップ会員向けのセールとなっていますが、シルバーメンバーシップ（無料会員）でも割引対象のアイテムもあります。 Xbox Live ゴールドメンバーシップゲームについて Xboxの ...

本日のXbox Game Pass｢Darketst Dungeon｣｢Grid Legends(クラウド）｣

Xbox Game Passの本日配信のラインナップをご紹介します。本日のXbox Game Pass ダーケストダンジョン（クラウド、コンソール、PC） - 2月2日ダーケストダンジョンは、冒険の心理的ストレスを描いた挑戦的なゴシックローグライクのターン制RPGです。主人公は、欠点だらけのヒーローたちを集め、訓練し、ねじれた森、忘れられた荒野、廃墟の地下室、そしてその向こう側へと導いていきます。想像を絶する敵が待ち受けるだけでなく、ストレス、飢餓、病気、そして常に迫り来る暗闇が待ち受けています。 ...

40以上のXbox 360ゲームがマーケットプレイスから削除されます。

マイクロソフトはXbox 360マーケットプレイスからいくつかのゲームやアドオンの削除を行うと発表しました。これはXbox 360マーケットプレイスでのみ影響し、Xbox OneやXbox Series X|Sから購入できるものについては引き続き購入できます。 Xboxマーケットプレイスから削除されるゲーム Aegis Wing Assassin's Creed Brotherhood Assassin's Creed III Assassin's Creed Liberation HD Blood of ...

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

: 【噂】XboxはE3 2023に参加しないかもしれません。
E3 2023は今年の夏ロサンゼルスで開催が予定されていますが、Xboxはこのイベントに参加しない可能性があります。 3 ...

: 343Industriesから戸島壮太郎氏が離れる、Halo日本語版声優変更を謝罪。
343IndustrtiesでHalo 4、Halo 5、Halo Infiniteのオーディオディレクターとして活躍し ...

: Epic Games、RumbleVerseのサービス終了を発表、2月28日まで。
Epic GamesとIron Galaxy StudiosはRumbleverseのサービス終了を発表しました。サー ...

: HaloTVシリーズなどのメディアミックス担当キキウルフキルが343 Industriesを去ったようです。
マイクロソフトのXboxを含む多くの部門に渡る大量解雇でHaloを手がける343 Industriesは特に大きな影響を ...

: アクティビジョンブリザードはソニーにThe Last of Usがあることが買収を正当化すると考えています。
現在テレビシリーズのThe Last of USがヒットしており、Xboxのフィルスペンサーも賞賛しています。そんなヒッ ...

もっと見る

: 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ベースの新しいアプリに ...

もっと見る

: 【噂】Halo次回作ではUnreal Engineを採用か、Bloombergが報道。
Haloと開発スタジオの343 Industriesに関しては最近様々なニュースがあります。マイクロソフトによる解雇の影 ...

: 【噂】XboxはE3 2023に参加しないかもしれません。
E3 2023は今年の夏ロサンゼルスで開催が予定されていますが、Xboxはこのイベントに参加しない可能性があります。 3 ...

: 343Industriesから戸島壮太郎氏が離れる、Halo日本語版声優変更を謝罪。
343IndustrtiesでHalo 4、Halo 5、Halo Infiniteのオーディオディレクターとして活躍し ...

: Epic Games、RumbleVerseのサービス終了を発表、2月28日まで。
Epic GamesとIron Galaxy StudiosはRumbleverseのサービス終了を発表しました。サー ...

: Forza Motorsport(2023)Xbox Series X|Sでのパフォーマンス目標が明らかに。
2023年にリリースされるゲームはスターフィールドだけではありません。Forza Motorsportは年内にリリース予 ...

: HaloTVシリーズなどのメディアミックス担当キキウルフキルが343 Industriesを去ったようです。
マイクロソフトのXboxを含む多くの部門に渡る大量解雇でHaloを手がける343 Industriesは特に大きな影響を ...

: アクティビジョンブリザードはソニーにThe Last of Usがあることが買収を正当化すると考えています。
現在テレビシリーズのThe Last of USがヒットしており、Xboxのフィルスペンサーも賞賛しています。そんなヒッ ...

: 今週のXboxセール｢THQ Nordicセール｣｢UBISOFTセール｣が開催中！
Xbox向けゲームセールDEALS WITH GOLDの情報が更新されました。　今週のセール情報をお伝えします。 DEA ...

: 本日のXbox Game Pass｢Darketst Dungeon｣｢Grid Legends(クラウド）｣
Xbox Game Passの本日配信のラインナップをご紹介します。本日のXbox Game Pass ダーケストダン ...

: 40以上のXbox 360ゲームがマーケットプレイスから削除されます。
マイクロソフトはXbox 360マーケットプレイスからいくつかのゲームやアドオンの削除を行うと発表しました。これはXbo ...

1 2 3 … 1,546 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; }