/*------------------------------------------- * カラーパターンに応じて初期カラーを設定 *-------------------------------------------/ /* 見出しスタイル - カウント */ .is-style-st-heading-custom-count::before { color: #f0f0f0; border-color: #f0f0f0; } /* 見出しスタイル - ステップ */ .is-style-st-heading-custom-step { border-bottom-color: #f0f0f0; } .is-style-st-heading-custom-step::before { color: #0f0f0f; background: #f0f0f0; } .is-style-st-heading-custom-step::after { border-top-color: #f0f0f0; } /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /*-------------------------------- 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; } :root .has-pale-cyan-blue-color { color: #1DA1F2; } :root .has-vivid-cyan-blue-color { color: #1877f2; } :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; } :root .has-pale-cyan-blue-background-color { background-color: #1DA1F2; } :root .has-vivid-cyan-blue-background-color { background-color: #1877f2; } :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; } .has-inline-color.has-pale-cyan-blue-color { color: #1DA1F2; } .has-inline-color.has-vivid-cyan-blue-color { color: #1877f2; } .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; } [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: #1DA1F2; } [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: #1877f2; } [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; } .is-style-st-heading-custom-line.has-pale-cyan-blue-color::after { background-color: #1DA1F2; } .is-style-st-heading-custom-line.has-vivid-cyan-blue-color::after { background-color: #1877f2; } .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; border-color: #f78da7; } /* ステップ */ .is-style-st-heading-custom-step.has-pale-pink-background-color { border-bottom-color: #f78da7; } .is-style-st-heading-custom-step.has-pale-pink-background-color::before { background: #f78da7; } .is-style-st-heading-custom-step.has-pale-pink-background-color::after { border-top-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; border-color: #e92f3d; } /* ステップ */ .is-style-st-heading-custom-step.has-soft-red-background-color { border-bottom-color: #e92f3d; } .is-style-st-heading-custom-step.has-soft-red-background-color::before { background: #e92f3d; } .is-style-st-heading-custom-step.has-soft-red-background-color::after { border-top-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; border-color: #fdf0f2; } /* ステップ */ .is-style-st-heading-custom-step.has-light-grayish-red-background-color { border-bottom-color: #fdf0f2; } .is-style-st-heading-custom-step.has-light-grayish-red-background-color::before { background: #fdf0f2; } .is-style-st-heading-custom-step.has-light-grayish-red-background-color::after { border-top-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; border-color: #ffc107; } /* ステップ */ .is-style-st-heading-custom-step.has-vivid-yellow-background-color { border-bottom-color: #ffc107; } .is-style-st-heading-custom-step.has-vivid-yellow-background-color::before { background: #ffc107; } .is-style-st-heading-custom-step.has-vivid-yellow-background-color::after { border-top-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; border-color: #fffde7; } /* ステップ */ .is-style-st-heading-custom-step.has-very-pale-yellow-background-color { border-bottom-color: #fffde7; } .is-style-st-heading-custom-step.has-very-pale-yellow-background-color::before { background: #fffde7; } .is-style-st-heading-custom-step.has-very-pale-yellow-background-color::after { border-top-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; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-light-green-cyan-background-color::after { border-top-color: #eefaff; } /* カウント */ .is-style-st-heading-custom-count.has-light-green-cyan-background-color::before { color: #eefaff; border-color: #eefaff; } /* ステップ */ .is-style-st-heading-custom-step.has-light-green-cyan-background-color { border-bottom-color: #eefaff; } .is-style-st-heading-custom-step.has-light-green-cyan-background-color::before { background: #eefaff; } .is-style-st-heading-custom-step.has-light-green-cyan-background-color::after { border-top-color: #eefaff; } .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: #1DA1F2; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-pale-cyan-blue-background-color::after { border-top-color: #1DA1F2; } /* カウント */ .is-style-st-heading-custom-count.has-pale-cyan-blue-background-color::before { color: #1DA1F2; border-color: #1DA1F2; } /* ステップ */ .is-style-st-heading-custom-step.has-pale-cyan-blue-background-color { border-bottom-color: #1DA1F2; } .is-style-st-heading-custom-step.has-pale-cyan-blue-background-color::before { background: #1DA1F2; } .is-style-st-heading-custom-step.has-pale-cyan-blue-background-color::after { border-top-color: #1DA1F2; } .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: #1877f2; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-vivid-cyan-blue-background-color::after { border-top-color: #1877f2; } /* カウント */ .is-style-st-heading-custom-count.has-vivid-cyan-blue-background-color::before { color: #1877f2; border-color: #1877f2; } /* ステップ */ .is-style-st-heading-custom-step.has-vivid-cyan-blue-background-color { border-bottom-color: #1877f2; } .is-style-st-heading-custom-step.has-vivid-cyan-blue-background-color::before { background: #1877f2; } .is-style-st-heading-custom-step.has-vivid-cyan-blue-background-color::after { border-top-color: #1877f2; } .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; border-color: #fafafa; } /* ステップ */ .is-style-st-heading-custom-step.has-very-light-gray-background-color { border-bottom-color: #fafafa; } .is-style-st-heading-custom-step.has-very-light-gray-background-color::before { background: #fafafa; } .is-style-st-heading-custom-step.has-very-light-gray-background-color::after { border-top-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; border-color: #313131; } /* ステップ */ .is-style-st-heading-custom-step.has-very-dark-gray-background-color { border-bottom-color: #313131; } .is-style-st-heading-custom-step.has-very-dark-gray-background-color::before { background: #313131; } .is-style-st-heading-custom-step.has-very-dark-gray-background-color::after { border-top-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; border-color: #ffffff; } /* ステップ */ .is-style-st-heading-custom-step.has-white-background-color { border-bottom-color: #ffffff; } .is-style-st-heading-custom-step.has-white-background-color::before { background: #ffffff; } .is-style-st-heading-custom-step.has-white-background-color::after { border-top-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; } .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: #1DA1F2; } .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: #1877f2; } .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; 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: #1DA1F2; border-right-color: #1DA1F2!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: #1877f2; border-right-color: #1877f2!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; } .is-style-st-paragraph-dotline.has-pale-cyan-blue-background-color { box-shadow: 0px 0px 0px 7px #1DA1F2; } .is-style-st-paragraph-dotline.has-vivid-cyan-blue-background-color { box-shadow: 0px 0px 0px 7px #1877f2; } .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; } .is-style-st-paragraph-bubble.has-pale-cyan-blue-background-color::after { border-top-color: #1DA1F2; } .is-style-st-paragraph-bubble.has-vivid-cyan-blue-background-color::after { border-top-color: #1877f2; } .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: #00B900; } :root .has-original-color-a-background-color { background-color: #00B900; } .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: #00B900; border-right-color: #00B900!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: #00B900; } .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: #00B900; } .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: #00B900; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-a-background-color::after { border-top-color: #00B900; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-a-color::after { background-color: #00B900; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-a-color { color: #00B900; } .is-style-st-heading-custom-count.has-original-color-a-background-color::before { color: #00B900; border-color: #00B900; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-a-background-color { border-bottom-color: #00B900; } .is-style-st-heading-custom-step.has-original-color-a-background-color::before { background: #00B900; } .is-style-st-heading-custom-step.has-original-color-a-background-color::after { border-top-color: #00B900; } /* グループ ライン */ .is-style-st-group-line-bold.has-original-color-a-color, .is-style-st-group-line.has-original-color-a-color { border-left-color: #00B900; color: inherit; } :root .has-original-color-b-color { color: #f4fff4; } :root .has-original-color-b-background-color { background-color: #f4fff4; } .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: #f4fff4; border-right-color: #f4fff4!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: #f4fff4; } .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: #f4fff4; } .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: #f4fff4; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-b-background-color::after { border-top-color: #f4fff4; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-b-color::after { background-color: #f4fff4; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-b-color { color: #f4fff4; } .is-style-st-heading-custom-count.has-original-color-b-background-color::before { color: #f4fff4; border-color: #f4fff4; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-b-background-color { border-bottom-color: #f4fff4; } .is-style-st-heading-custom-step.has-original-color-b-background-color::before { background: #f4fff4; } .is-style-st-heading-custom-step.has-original-color-b-background-color::after { border-top-color: #f4fff4; } /* グループ ライン */ .is-style-st-group-line-bold.has-original-color-b-color, .is-style-st-group-line.has-original-color-b-color { border-left-color: #f4fff4; color: inherit; } :root .has-original-color-c-color { color: #F3E5F5; } :root .has-original-color-c-background-color { background-color: #F3E5F5; } .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: #F3E5F5; border-right-color: #F3E5F5!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: #F3E5F5; } .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: #F3E5F5; } .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: #F3E5F5; } /* 見出しふきだし */ .is-style-st-heading-custom-bubble.has-original-color-c-background-color::after { border-top-color: #F3E5F5; } /* 見出しライン */ .is-style-st-heading-custom-line.has-original-color-c-color::after { background-color: #F3E5F5; } /* カウント */ .is-style-st-heading-custom-count.has-original-color-c-color { color: #F3E5F5; } .is-style-st-heading-custom-count.has-original-color-c-background-color::before { color: #F3E5F5; border-color: #F3E5F5; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-c-background-color { border-bottom-color: #F3E5F5; } .is-style-st-heading-custom-step.has-original-color-c-background-color::before { background: #F3E5F5; } .is-style-st-heading-custom-step.has-original-color-c-background-color::after { border-top-color: #F3E5F5; } /* グループ ライン */ .is-style-st-group-line-bold.has-original-color-c-color, .is-style-st-group-line.has-original-color-c-color { border-left-color: #F3E5F5; color: inherit; } :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; border-color: #9E9D24; } /* ステップ */ .is-style-st-heading-custom-step.has-original-color-d-background-color { border-bottom-color: #9E9D24; } .is-style-st-heading-custom-step.has-original-color-d-background-color::before { background: #9E9D24; } .is-style-st-heading-custom-step.has-original-color-d-background-color::after { border-top-color: #9E9D24; } /* グループ ライン */ .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; } /* マイ細マーカー */ .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://www.irishraynauds.com/wp-content/themes/affinger/images/no-img.png); } .is-style-st-paragraph-kaiwa-b::before { background-image: url(https://www.irishraynauds.com/wp-content/themes/affinger/images/no-img.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 #00B900; } .is-style-st-paragraph-dotline.has-original-color-b-background-color { box-shadow: 0px 0px 0px 7px #f4fff4; } .is-style-st-paragraph-dotline.has-original-color-c-background-color { box-shadow: 0px 0px 0px 7px #F3E5F5; } .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: #00B900; } .is-style-st-paragraph-bubble.has-original-color-b-background-color::after { border-top-color: #f4fff4; } .is-style-st-paragraph-bubble.has-original-color-c-background-color::after { border-top-color: #F3E5F5; } .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; 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: #1DA1F2; 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: #1877f2; 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-wide-background.wp-block-group.has-background.has-no-st-margin-bottom, .is-style-st-wide-background.has-no-st-margin-bottom, .st-wide-background.has-no-st-margin-bottom, .wp-block-group, .wp-block-group.has-background { margin-bottom: 20px; } .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; } .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; } .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; } /* @keyframes アニメーション */ .st-key-slidedown { animation-name: StSlideDown; /* 上から下 */ animation-duration: 2s; } .st-key-slice-up { animation-name: StSlideUp; /* 下から上 */ animation-duration: 2s; } .st-key-righttuoleft { animation-name: StRightToLeft; /* 右から左 */ animation-duration: 2s; } .st-key-righttuoleft { animation-name: StLeftToRight; /* 左から右 */ animation-duration: 2s; } .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; } } .st-box-shadow { box-shadow: 0 1px 2px rgba(0,0,0,0.2); box-sizing: border-box; } /* ヘッダー画像エリア表示設定 */ body:not(.front-page) #st-header { display: none; } *, code { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; } [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; } p:empty:before { content: none; } /* 画像の高さ / 幅 * 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-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; } } /* キャプション */ .wp-block-embed.is-type-wp-embed.wp-block-embed-wordpress { position: relative; } .wp-block-embed.is-type-wp-embed 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 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 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: } /* 検索フォーム */ #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; } .st-middle-menu .menu > li { width:50%; } .st-middle-menu .menu li a{ font-size:90%; } .sns { width: 100%; text-align:center; } .sns li { float: none; } .sns li a { margin:0; } .post .sns ul, .sns ul { margin:0 auto; display: flex; justify-content: center; flex-wrap: wrap; } .snstext{ display:none; } .snscount{ display:none; } .sns li { float: left; list-style: none; width: 40px; margin: 5px; position: relative; } .sns li i { font-size: 19px!important; } .sns li a { 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; } .sns li a .st-fa, .sns li a .fa { padding: 0; border: 0; height: auto; } /* ツイッター */ .sns .twitter a { box-shadow: none; } .sns .twitter a:hover { background:#4892cb; box-shadow: none; } .sns .st-svg-twitter::before { position: relative; top:1px; left: 1px; } /* Facebook */ .sns .facebook a { box-shadow: none; } .sns .facebook a:hover { background:#2c4373; box-shadow: none; } .sns .st-svg-facebook::before { position: relative; top:1px; } /* Pinterest */ .sns .sns-pinterest a { box-shadow: none; } .sns .sns-pinterest a:hover { background:#d30018; box-shadow: none; } .sns .st-svg-pinterest-p::before { position: relative; left: 1px; } /* URLコピー */ .sns .share-copy a { box-shadow: none; } .sns .share-copy a:hover { background:#ccc; box-shadow: none; } .sns .share-copy::before { position: relative; left: 1px; } .sns .share-copy .st-svg-clipboard { border-right: none; } /* はてぶ */ .sns .hatebu a { box-shadow: none; } .sns .hatebu a:hover { box-shadow: none; background:#00a5de; } .sns .st-svg-hateb::before { border-right:none; padding-right:0; font-size:19px!important; } .sns .st-svg-hateb::before { position: relative; left: 1px; } /* LINE */ .sns .line a { box-shadow: none; } .sns .line a:hover { background:#009200; box-shadow: none; } .sns .st-svg-comment::before { position: relative; left: 1px; top: -1px; } /* Pocket */ .sns .pocket a { box-shadow: none; } .sns .pocket a:hover { background:#F27985; box-shadow: none; } .sns .st-svg-get-pocket::before { position: relative; top: 1px; } /* コメント */ .sns .sns-comment a { box-shadow: none; } .sns .sns-comment a:hover { background:#FFB300; box-shadow: none; } .sns .sns-comment::before { position: relative; top:1px; left: 1px; } /* アドセンス */ .adbox, .adbox div { padding: 0!important; } .st-authorpage-profile-avatar img, /* authorページ */ img.avatar { border-radius:50%; } .p-navi { display:none; } .sitename a, /* サイト名 */ .sitename, #st-mobile-logo a, /*スマホタイトル*/ .footerlogo a, .footerlogo, /*フッターのタイトル*/ .st-pvm-ranking-item-title, /* PVmonitor */ .kanren dd h3 a, /* 記事一覧 */ .kanren dd .kanren-t a, /* 記事一覧サイドバー */ .post-slide-title a, /* ショートコード記事 */ .post-card-title a, /* 記事カード化 */ #st-magazine dd h3, /* JET */ .kanren.pop-box dd h5:not(.st-css-no2) a, /* おすすめ記事 */ #side .kanren.pop-box dd h5:not(.st-css-no2) a, #header-r .footermenust.st-menu-side a, /* ヘッダーメニュー(横列) */ #header-r .footermenust.st-menu-side a span, /* ヘッダーメニュー(横列)title属性 */ header .smanone ul.menu > li > a, /* PCグローバルメニュー */ #side aside .st-pagelists > ul > li > a, /* サイドメニューウィジェット */ .st-cardlink-card-text, /* ヘッダーカード */ .acordion_tree ul.menu > li > a .menu-item-label, /* スマホスライドメニュー */ .st-middle-menu .menu > li > a, /* スマホミドルメニュー */ #st-footermenubox ul.menu > li > a, /* スマホフッターメニュー */ .originalbtn-bold, /* ウィジェットボタン */ .tagcloud a, /*タグクラウド*/ .wp-block-tag-cloud a, .cat-item-label, /* カテゴリ */ header .smanone ul.menu li a, /* PCグローバルメニュー(第二階層以下) */ #side aside .st-pagelists ul > li a, /* サイドメニューウィジェット(第二階層以下) */ .acordion_tree ul.menu li a, /* スマホスライドメニュー(第二階層以下) */ .st-cardbox-t, /* ブログカード */ .kanren .popular-t a, /* おすすめ記事 */ .st-cardlink-card a, #st_toc_container .st_toc_title, /* すごいもくじ見出し */ #st_toc_container ul li a, /* すごいもくじ */ .post .rankh4:not(.st-css-no), #side .rankh4:not(.st-css-no), .rankh4:not(.st-css-no), .h4modoki, .post h4:not(.st-css-no):not(.st-matome):not(.rankh4):not(.post-card-title):not(#reply-title):not(.point), .h5modoki, .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), .post h4.has-st-regular-font-size, .post h5.has-st-regular-font-size, .rankstlink-l2 p a, .rankstlink-l p a, .rankstlink-b p a, .rankstlink-r p a, .rankstlink-r2 p a, .rankstlink-a p a, .st-mybtn a, .st-author-profile .st-author-nickname, /* プロフィール名 */ .st-web-font, .st-step-title, /* ステップ */ .st-point .st-point-text, /* ポイント */ .n-entry, /* NEW ENTRY */ h4:not(.st-css-no) .point-in, /* 関連記事 */ .cat-itiran p.point, .form-submit, /*コメント欄見出し*/ .news-ca, /*お知らせタイトル*/ .st-widgets-title, /* ウィジェットタイトル */ .st-widgets-title span, /* ウィジェットタイトル */ h4.menu_underh2 span, .st-header-flextitle, .post h2:not(.st-css-no), .post h2:not(.st-css-no) span, .post h3:not(.st-css-no), .post h3:not(.st-css-no) span, .post h2.has-st-regular-font-size, .post h2.has-st-regular-font-size span, .post h3.has-st-regular-font-size, .post h3.has-st-regular-font-size span, .h2modoki, .h3modoki, .entry-title:not(.st-css-no), .post .entry-title:not(.st-css-no) { font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , sans-serif; font-weight: 700!important; } 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; } } .st-cardbox .clearfix dd h5:not(.st-css-no), .post .st-cardbox .clearfix dd h5:not(.st-css-no), #side .st-cardbox .clearfix dd h5:not(.st-css-no) { border-bottom:none; } /*サイドバーカテゴリ*/ #side li.cat-item a::after { content: " \f105"; font-family: stsvg; position: absolute; right: 10px; font-size: .8em; } #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:block; } #side li.cat-item.has-thumbnail a { /* サムネイルあり */ display: flex; } #side li.cat-item a:hover { opacity:0.5; } #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) { } /* オリジナル */ .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; } .acordion_extra_1, .acordion_extra_2, #s-navi dt.trigger .op-menu { display: none; } #st-mobile-logo { padding: 0 10px!important; } #headbox { padding-top: 10px!important; } .lp header, .lp .st-author-box, .lp #gazou, .lp #itiran, body:not(.search) .lp .kanren:not(.shortcode-kanren):not(.st-cardbox):not(.st-cardbox-ex), .lp #breadcrumb, .lp nav, .lp .blogbox, .lp .tagst, .lp .point, .lp .p-navi, .lp .pagination, .lp .n-entry-t, .lp .load-more-action, .lp .st-pagelink { display: none; } @media print, screen and (min-width: 960px) { .colum1.lp #content-w { padding-top: 0; } } .front-page .lp header, .front-page .lp .st-author-box, .front-page .lp #gazou, .front-page .lp #itiran, body:not(.search).front-page .lp .kanren:not(.shortcode-kanren):not(.st-cardbox):not(.st-cardbox-ex), .front-page .lp #breadcrumb, .front-page .lp nav, .lp .blogbox, .front-page .lp .tagst, .lp .point, .front-page .lp .p-navi, .front-page .lp .pagination, .front-page .lp .n-entry-t, .front-page .lp .load-more-action, .front-page .lp .st-pagelink { display: block; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*グループ1 ------------------------------------------------------------*/ /* 一括カラー反映 */ input, textarea { color: #000; } /*縦一行目のセル*/ table thead + tbody tr:first-child td:first-child, table tr td:first-child { } /*横一行目のセル及びヘッダセル*/ table tr:first-child td, table tr:first-child th { } table thead + tbody tr:first-child td, table thead + tbody tr:first-child th { /* background-color:transparent;*/ color: inherit; font-weight: normal; } /* 会話レイアウト */ .is-style-st-paragraph-kaiwa::after, .is-style-st-paragraph-kaiwa-b::after { left: 55px!important; } /* プロフィール */ .st-author-profile { text-align:center; width:100%; box-sizing:border-box; background: #fff; margin-bottom: 10px; } .author .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; border-radius:50%; } .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; } /* 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; } .st-author-profile .rankstlink-r2 p a { /* ボタン */ color: #fff; } .st-author-profile .rankstlink-r2 p { margin-bottom: 10px; } /*こんな方におすすめ*/ /* 目次(TOC+) */ #st_toc_container, #toc_container { } #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ padding:15px 20px 20px; } #st_toc_container.st_toc_contracted, #toc_container.contracted { /* 非表示状態 */ } /* 第一階層のみの場合 */ #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_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; } /*マル数字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 { } /*チェックulタグ*/ .post .is-style-st-maruck > li::before, .post .maruck li::before { } .st-blackboard.square-checkbox .st-blackboard-list:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) li::before, .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; top: .55em; left: .4em; content: "\f00c"; font-family: stsvg; color:#ff0000; z-index: 2; margin-right: 15px; font-size: 85%; line-height: 1.5; } .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:0; top: 0; font-size:150%; line-height:1.5; } /*Webアイコン*/ /*サイト上部のボーダー色*/ /*ヘッダーの背景色*/ #headbox { background-color: transparent; background: none; } /* header */ /*ヘッダー下からの背景色*/ #content-w { } /* 検索アイコン(閉じる) + オーバーレイ */ .s-navi-search-overlay.s-navi-search-activated #s-navi dt.trigger .op.op-search.active { color: #424242; } /* 検索アイコン(クール選択時) */ .op-search .st-svg-search_s:before { content: "\e921"; } /* 閉じるアイコン */ .s-navi-active .st-svg-menu_cut::before, .s-navi-search-active #s-navi dt.trigger .acordion_button_search .op-search-close_cut::before { content: "\e90c"; } @media print, screen and (max-width: 599px) { #st-mobile-logo a { line-height: 1.3; font-size: 20px; } } 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; } #s-navi.pcnone #st-icon-logo img { max-height: 38px; } /*アコーディオンメニュー内背景色*/ #s-navi dd.acordion_tree, #s-navi dd.acordion_search { /* 背景画像 */ } /* オーバーレイ検索フォーム */ 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 { } /*追加ボタン2*/ #s-navi dt.trigger .op-st2 { } /*スマホフッターメニュー*/ #st-footermenubox a { color: #000; } /* ガイドマップメニュー */ #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%; } /* 背景ワイド */ .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; } } /* 背景ワイド -右寄せ */ .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), .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), .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), .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, .post h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no) { position: relative; padding: 1em 1em 1em 1.3em; border: 1px solid ; background-color: transparent; background: none; } .h2modoki::after, .post h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no)::after { position: absolute; top: .5em; left: .5em; content: ''; width: 5px; height: -webkit-calc(100% - 1em); height: calc(100% - 1em); background-color: ; } /* 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) { position: relative; padding-left:0; padding-bottom: 10px; border-top:none; background-color:transparent; } .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 { position: absolute; bottom: -3px; left: 0; top: inherit; z-index: 2; content: ''; width: 100%; height: 3px; } /*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(.point) { background-color: transparent; } /* 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) { background-color: transparent; } .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:px!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) { font-weight: bold; margin-bottom: 10px; color: ; background-color: transparent; background: none; } .wp-block-tag-cloud a, .tagcloud a { border: none; } /* NEWENTRY及び関連記事テキスト */ .post h4.point, .n-entry-t { position: relative; background-color: transparent; margin-top: 41px; margin-bottom: 30px; border-bottom: solid 1px #f3f3f3; } .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: #f3f3f3; color:#000; } .catname.st-catid { display: none; } /*グループ4 ------------------------------------------------------------*/ /*タイムライン ------------------------------------------------------------*/ /*ステップ ------------------------------------------------------------*/ .st-step { color: #0f0f0f; background: #e3e3e3; border-radius:5px; } .st-step::before{ border-top-color: #e3e3e3; } .st-step-title { border-bottom:solid 2px #e3e3e3; } .st-step-box { bottom: 15px; } /* 見出しステップ */ .is-style-st-heading-custom-step { border-bottom-color: #e3e3e3; } .is-style-st-heading-custom-step::before { background: #e3e3e3; } .is-style-st-heading-custom-step::after { border-top-color: #e3e3e3; } .is-style-st-heading-custom-step::before { color: #0f0f0f; } .is-style-st-heading-custom-step { border-bottom-color: #e3e3e3; } /* ポイント ------------------------------------------------------------*/ .st-point::before { color: #0f0f0f; background: #e3e3e3; } /*ブログカード ------------------------------------------------------------*/ /* 枠線 */ /* ラベル */ .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); } /** サムネイル非表示 */ .kanren.st-cardbox.st-no-thumbnail dt{ display: none; } .kanren.st-cardbox.st-no-thumbnail dd { padding-left: 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; } /*フリーボックスウィジェット ------------------------------------------------------------*/ /* エリア内テキスト */ /*メモボックス ------------------------------------------------------------*/ /*スライドボックス ------------------------------------------------------------*/ /*お知らせ ------------------------------------------------------------*/ /*お知らせバーの背景色*/ #topnews-box div.rss-bar { border: none; } /*お知らせ日付の文字色*/ #topnews-box dt { color: ; } #topnews-box div dl dd a { color: ; } #topnews-box dd { border-bottom-color: ; } #topnews-box { background-color:transparent!important; } /*追加カラー ------------------------------------------------------------*/ #footer #newsin dt, /* お知らせ日時 */ #footer #newsin dd a, /* お知らせ日テキスト*/ #footer #newsin dd, /* お知らせ日ボーダー */ #footer .cat-item a, #footer .tagcloud a { color: #1a1a1a; border-color: #1a1a1a; } #footer .p-entry, #footer .st-widgets-title { font-weight: bold; } /*フッター背景色*/ #footer { background-color: transparent; background: none; max-width: 1030px; /*padding 15pxあり*/ } /*任意の人気記事 ------------------------------------------------------------*/ #content-w .post .p-entry, #content-w .p-entry, #side .p-entry, .home-post .p-entry { border-radius: 0 0 4px 0; } .pop-box, .nowhits .pop-box, .nowhits-eye .pop-box, .st-eyecatch + .nowhits .pop-box { } .pop-box:not(.st-wpp-views-widgets), #side aside .kanren.pop-box:not(.st-wpp-views-widgets) { padding: 20px 0 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 { } /*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 { } /*ウィジェット問合せボタン*/ .st-formbtn { background-color: transparent!important; } /*ウィジェットオリジナルボタン*/ .st-originalbtn { background-color: transparent!important; } /*ミドルメニュー ------------------------------------------------------------*/ .st-middle-menu .menu li a{ } /*サイドメニューウィジェット ------------------------------------------------------------*/ /*背景色*/ #sidebg { } /*liタグの階層*/ #side aside .st-pagelists ul li:not(.sub-menu) { border: none; } #side aside .st-pagelists ul .sub-menu li { border: none; } #side aside .st-pagelists ul li:last-child { border-bottom: none; } #side aside .st-pagelists ul .sub-menu li:first-child { border-top: none; } #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 { background-color: transparent; background: none; } #side aside .st-pagelists .sub-menu a { border: none; color: ; } #side aside .st-pagelists .sub-menu .sub-menu li:last-child { border-bottom: 1px solid ; } #side aside .st-pagelists .sub-menu li .sub-menu a, #side aside .st-pagelists .sub-menu li .sub-menu .sub-menu li a { color: ; } /*Webアイコン*/ /*------------------------------------- 記事ごとのヘッダー(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; } #st-header-bottom-category .content-post-slider, #st-header-bottom-category .post-card-list { margin-right: 0; margin-left: 0; width: 100%; } @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); } /* ヘッダーカード */ /* メイン画像背景色 */ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ /*目次 ------------------------------------------------------------*/ /* 目次 */ /*media Queries タブレットサイズ(959px以下) ----------------------------------------------------*/ @media only screen and (max-width: 959px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /* ヘッダー画像/記事スライドショー横並び */ /*-- ここまで --*/ } /*media Queries タブレットサイズ以上 ----------------------------------------------------*/ @media only screen and (min-width: 600px) { /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /*TOC+*/ #toc_container > ul > li { font-size: 21px; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /* 目次 */ #st_toc_container:not(.st_toc_contracted):not(.only-toc), #toc_container:not(.contracted) { /* 表示状態 */ } /*強制センタリング・中央寄せ ------------------------------------------------------------*/ } /*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とアーカイブ*/ .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・アーカイブ */ .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とアーカイブ*/ .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: 14px; line-height: 25px; } /* スライドの抜粋 */ .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; line-height: 18px; } /*マルリスト・チェックリスト*/ .post .is-style-st-maruno, .post .is-style-st-maruck, .post .maruno li, .post .maruck li{ line-height: calc( 14px + 5px ); } .post .is-style-st-maruno li::before, .post .is-style-st-maruck li::before, .post .maruno li::before, .post .maruck ul li::before{ min-width: calc( 14px + 5px ); height: calc( 14px + 5px ); line-height: calc( 14px + 5px ); } /* 記事タイトル */ .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: 22px; line-height: 35px; } /* 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: 20px; line-height: 40px; } /* 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: 20px; line-height: 40px; } /* 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・アーカイブ */ .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 { } /*-------------------------------- 全体のサイズ ---------------------------------*/ .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, /*ヘッダー画像下*/ #content, /*コンテンツ*/ #footer-in /*フッター*/ { max-width:1060px; } /* LPワイド */ .st-lp-wide #content, .st-lp-wide #footer { max-width:100%; } #headbox { max-width:1040px; } .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) #content { max-width: 645px; } .colum1.lp:not(.st-lp-wide) footer{ max-width: 645px; 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: 645px; 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; } #headbox { padding: 5px 10px!important; } #st-headwide #headbox { display: flex; justify-content: center; text-align: center; } /*TOC+*/ #toc_container { padding-left: 30px; padding-right: 30px; } #toc_container > ul > li { font-size: 16px; } /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /*TOC+*/ #toc_container:not(.contracted) { /* 表示状態 */ } /*ヘッダーの背景色*/ /*メインコンテンツのボーダー*/ /* メイン画像100% */ /*wrapperに背景がある場合*/ /*メニュー*/ #st-menuwide { border-top: none; border-bottom: none; border-left: none; border-right: none; } #st-menuwide { background-color: transparent; background: none; } 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: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 .headbox .textwidget, #footer .headbox .textwidget{ } /*記事エリアを広げる*/ /*強制センタリング・中央寄せ ------------------------------------------------------------*/ #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 /* タブ */ { font-size: 14px; line-height: 25px; } /* スライドの抜粋 */ .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; line-height: 18px; } /*マルリスト・チェックリスト*/ .post .is-style-st-maruno, .post .is-style-st-maruck, .post .maruno li, .post .maruck ul li{ line-height: calc( 14px + 5px ); } .post .is-style-st-maruno li::before, .post .is-style-st-maruck li::before, .post .maruno li::before, .post .maruck li::before{ min-width: calc( 14px + 5px ); height: calc( 14px + 5px ); line-height: calc( 14px + 5px ); } /* 記事タイトル */ .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: 22px; line-height: 34px; } /* 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; line-height: 30px; } /* 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: 20px; line-height: 36px; } /* 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・アーカイブ */ .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より移動(ここまで) -------------------------------------------*/ /*スマホロゴのある場合のヘッダー*/ #headbox { padding-bottom:0; } #s-navi::after { margin-bottom: 0px; } /*-- ここまで --*/ } /*------------------------------------------- 旧st-kanri.phpより移動(ここから) */ /* 旧st-kanri.phpより移動(ここまで) -------------------------------------------*/ /* Gutenberg調整 -------------------------------------------*/ /* ワイドアライメント */ .alignwide, .alignfull { margin-left: -15px; margin-right: -15px; } @media only screen and (min-width: 600px) { .alignwide, .alignfull { margin-left: -30px; margin-right: -30px; } } @media print, screen and (min-width: 960px) { .alignwide, .alignfull { margin-left: -50px; margin-right: -50px; } /* 1カラム */ .colum1 .alignwide, .colum1 .alignfull { margin-left: -70px; margin-right: -70px; } } /** カバーブロック */ .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 30px ); max-width: calc( 100% + 30px ); padding-left: 30px; padding-right: 30px; } @media only screen and (min-width: 600px) { .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); padding-left: 70px; padding-right: 70px; } } @media print, screen and (min-width: 960px) { .wp-block-cover.alignwide, .wp-block-cover.alignfull { width: calc( 100% + 100px ); max-width: calc( 100% + 100px ); } /* 1カラム */ .colum1 .wp-block-cover.alignwide, .colum1 .wp-block-cover.alignfull { width: calc( 100% + 140px ); max-width: calc( 100% + 140px ); } } /* 最新の記事 */ /** リスト表示 */ @media only screen and (min-width: 600px) and (max-width: 959px) { /* Tabサイズ */ .wp-block-latest-posts li a { font-size: 18px; line-height: 26px; } .wp-block-latest-posts li a { } } @media only screen and (min-width: 960px) { /* PCサイズ */ .wp-block-latest-posts li a { font-size: 16px; line-height: 26px; } .wp-block-latest-posts li a { } } @media only screen and (max-width: 599px) { /* スマホサイズ */ .wp-block-latest-posts li a { font-size: 16px; line-height: 24px; } .wp-block-latest-posts li a { } } .acordion_search_content *, .acordion_search_content a { color: #333; border-color: #333; }