@charset "UTF-8";
/************************************
** Wordpress管理画面用のCSS
** ※管理画面にしか適用されません
************************************/
body.wp-admin { color: #444; }

.faw::before { font-family: FontAwesome; padding-right: 4px; }

.admin-settings .demo .entry-card, .admin-settings .demo .related-entry-card { position: relative; height: 100%; }

.admin-settings .demo .entry-card-thumb, .admin-settings .demo .widget-entry-card-thumb, .admin-settings .demo .related-entry-card-thumb, .admin-settings .demo .carousel-entry-card-thumb { float: left; margin-top: 3px; position: relative; }

.admin-settings .demo .entry-card-content, .admin-settings .demo .related-entry-card-content { padding-bottom: 1.2em; }

.admin-settings .demo .entry-card-title, .admin-settings .demo .related-entry-card-title { font-size: 18px; margin: 0; line-height: 1.2; margin-bottom: 5px; font-weight: bold; }

.admin-settings .demo .entry-card-snippet, .admin-settings .demo .related-entry-card-snippet { font-size: 0.8em; max-height: 7.8em; line-height: 1.3; overflow: hidden; }

.admin-settings .demo .entry-card-meta, .admin-settings .demo .related-entry-card-meta { bottom: 0; position: absolute; right: 0; text-align: right; line-height: 1; }

.admin-settings .demo .entry-categories-tags { margin-bottom: 18px; }

.admin-settings .demo .sns-share, .admin-settings .demo .sns-follow { margin: 24px 0; }

.admin-settings .demo .sns-share-message, .admin-settings .demo .sns-follow-message { text-align: center; margin-bottom: 3px; }

.admin-settings .demo body, .admin-settings .demo .header, .admin-settings .demo .appeal { /* 画像を常に左右の中央に配置 */ background-position: top center; /* 画像をタイル状に繰り返し表示しない */ background-repeat: no-repeat; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */ background-size: 100% auto; }
.admin-settings .demo body.ba-fixed, .admin-settings .demo .ba-fixed.header, .admin-settings .demo .ba-fixed.appeal { /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; }

.admin-settings .demo .entry-category, .admin-settings .demo .post-date, .admin-settings .demo .post-update, .admin-settings .demo .post-author, .admin-settings .demo .amp-back { padding: 2px; display: inline; font-size: 0.7em; }

.admin-settings .demo .search-edit, .admin-settings .demo input[type="text"], .admin-settings .demo input[type="password"], .admin-settings .demo input[type="date"], .admin-settings .demo input[type="datetime"], .admin-settings .demo input[type="email"], .admin-settings .demo input[type="number"], .admin-settings .demo input[type="search"], .admin-settings .demo input[type="tel"], .admin-settings .demo input[type="time"], .admin-settings .demo input[type="url"], .admin-settings .demo textarea, .admin-settings .demo select { padding: 11px; border: 1px solid #ccc; border-radius: 4px; font-size: 18px; width: 100%; }

.snippet-list { padding: 20px; display: flex; flex-wrap: wrap; }

.snippet-wrap { width: 240px; margin: 5px; padding: 10px; border: 1px solid #ccc; background-color: #fff; position: relative; }

.snippet-title, .snippet-short-code, .snippet-content { margin-bottom: 6px; }

.snippet-short-code input { width: 120px; }

.snippet-content { max-height: 100px; overflow: hidden; margin-bottom: 20px; }

.op-message { text-align: center; font-size: 16px; margin: 0; }

.snippet-menu { text-align: right; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; background-color: #fff; }
.snippet-menu a { margin-left: 8px; }
.snippet-menu .snippet-menu-left { position: absolute; left: 10px; }

.snippet-confirm-wrap { border: 1px solid #ccc; background-color: #fff; padding: 20px; }
.snippet-confirm-wrap .snippet-confirm-title { font-size: 16px; font-weight: bold; }
.snippet-confirm-wrap .snippet-confirm-text pre { max-height: 300px; overflow: auto; }

.operation-buttons { margin: 4px 0; padding: 5px; }
.operation-buttons a { padding: 5px 10px; font-weight: bold; background-color: #fff; border: 2px solid #ccc; }

.sort-options { text-align: right; }

.admin-settings .demo { /************************************
** 基本表示
************************************/ /*初期化*/ /*デフォルトリンク*/ /* クリアフィックス */ /* インナーを囲む */ /************************************
** 本文部分
************************************/ /************************************
** WordPress Misc
************************************/ /************************************
** 画像関係のスタイル
************************************/ /************************************
** 画像の囲み効果
************************************/ /*ボーダー*/ /*ボーダー（太線）*/ /*シャドー*/ /*シャドーペーパー*/ /************************************
** ヘッダー
************************************/ /************************************
** ヘッダーレイアウト
************************************/ /************************************
** センターロゴ（トップメニュー）
************************************/ /************************************
** グローバルメニュー
************************************/ /************************************
** モバイルメニュー
************************************/ /************************************
** フッターメニュー
************************************/ /************************************
** エントリーカードの設定
************************************/ /************************************
** エントリーカードタイプ
************************************/ /************************************
** 日付関係のスタイル
************************************/ /************************************
** パンくずリスト
************************************/ /* メッセージ */ /************************************
** 内容
************************************/ /*エントリー・アーカイブの見出し*/ /*本文下カテゴリとタグ*/ /*本文下カテゴリ*/ /*本文下タグ*/ /************************************
** 投稿・固定ページで使うHTML要素
************************************/ /************************************
** 引用（blockquote）
************************************/ /*本文下情報*/ /*投稿者*/ /************************************
** ページ管理画面の設定で「本文のみ」表示
************************************/ /************************************
** 外部リンク・内部リンク
************************************/ /************************************
** 広告
************************************/ /************************************
** ダブルレクタングル
************************************/ /************************************
** 記事内広告
************************************/ /************************************
** サイドバーのダブルレクタングル
************************************/ /************************************
** サイドバーのスカイスクレイパー
************************************/ /************************************
** ブログカードのサムネイルスタイル
************************************/ /************************************
** 目次
************************************/ /************************************
** h2-h6の見出し目次に連番を振る
************************************/ /************************************
** サイドバーのスタイル
************************************/ /************************************
** サイドバーの非表示
************************************/ /************************************
** サイドバーの位置
************************************/ /************************************
** ウィジェット
************************************/ /*タグクラウド*/ /*ウィジェット（カテゴリー・アーカイブなど）*/ /*カレンダー*/ /************************************
** 新着記事ウィジェット（デフォルト）
************************************/ /************************************
** 新着記事ウィジェット（大きなサムネイル）
************************************/ /************************************
** 新着記事ウィジェット（タイトルを重ねた大きなサムネイル）
************************************/ /************************************
** 人気記事ウィジェットランキング表示
************************************/ /************************************
** 最近のコメントウィジェット
************************************/ /************************************
** フォーローボタウィジェット
************************************/ /*拡張クラスを追加するスタイルシート*/ /*太字*/ /*赤色*/ /*太字で赤色*/ /*青色*/ /*太字で青色*/ /*緑色*/ /*太字で緑色*/ /*赤のアンダーライン*/ /*マーカーの黄色のような色*/ /*下半分のマーカー色（km）*/ /*打ち消し線*/ /*キーボードキーのスタイル*/ /*ブートストラップのインフォメーションライクな囲みが表示される*/ /*サクセスメッセージ*/ /*インフォメッセージ*/ /*注意メッセージ*/ /*警告メッセージ*/ /*セカンダリー*/ /*ライト*/ /*ダーク*/ /*******************************
* 補足説明
********************************/ /*******************************
* 続きはWEBで的な検索ボックス
********************************/ /* ボタンを光らせる */ /************************************
** 汎用ボックス共通
************************************/ /************************************
** キャプションボックス
************************************/ /************************************
** キャプションタブボックス
************************************/ /************************************
** ラベルボックス
************************************/ /************************************
** トグル表示ボタン
************************************/ /************************************
** SNSフォローボタン
************************************/ /************************************
** 関連記事
************************************/ /*関連エントリーカード*/ /************************************
** 関連記事表示タイプがミニカードの時
************************************/ /************************************
** 縦型カード
************************************/ /************************************
** 関連記事ボーダー
************************************/ /************************************
** コメント
************************************/ /************************************
** ページネーション
************************************/ /************************************
** 「次のページ」ページネーション
************************************/ /************************************
** マルチページのページャーリンク
************************************/ /************************************
** 投稿ナビ
************************************/ /*!動画の最大幅を指定する*/ /*!動画の大きさを調整*/ /*!Instagramの大きさを調整*/ /*!動画を囲んでいるdiv目一杯に広げる*/ /*!Twitterビデオの最小幅を上書き変更*/ /************************************
** プロフィールボックス
************************************/ /************************************
** Call to Action
************************************/ /* アイコンを左に表示 */ /************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/ /************************************
** Facebookページを「いいね！」するエリアのスタイル（サイドバーの時）
************************************/ /************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/ /*閉じる用の薄黒カバー*/ /*中身*/ /*チェックが入ったらもろもろ表示*/ /************************************
** フッター
************************************/ /************************************
** フッターボトム
************************************/ /************************************
** トップへ戻るボタン
************************************/ /*検索フォーム*/ /* for Desktop */ /* for Smartphone */ /*Cocoon用記事ボックス*/ /*
.navi-card-wrap { background-color: $white; &.a-wrap { position: relative; padding: 5px 3px; line-height: 1.3; margin-top: 0px; margin-bottom: 10px; }
}

.navi-card-box { //background-color: $white; padding: 0; position: relative;
}

.navi-card-wrap { &:after { display: block; content: ''; position: absolute; top: 50%; bottom: 0; right: 20px; width: 6px; height: 6px; border-top: solid 2px #697b91; border-right: solid 2px #697b91; transform: rotate(45deg); margin-top: -3px; } .navi-card-thumb { float: left; margin: 6px 10px; width: 120px; } .navi-card-content{ margin: 0 24px 0 140px; } .navi-card-title { margin: 2px 0 6px; font-size: 0.9em; color: $text_color; font-weight: 700; } .navi-card-snippet { margin: 0px 0 2px; font-size: 0.7em; color: $pallid_text_color; }
}
*/ /* リボン部分 */ /*  リボンCSSはnxworld様のページの斜めリボンを改変して利用。
多くのカスタマイズを公開していらっしゃるので 「リボン css nxworld」などgoogle検索すると便利。
Copyright (c)
https://www.nxworld.net/tips/pure-css-corner-ribbon.html
https://codepen.io/nxworld/pen/oLdoWb
*/ /* top left*/ /************************************
** おすすめカード
************************************/ /************************************
** 基本表示
************************************/ /*初期化*/ /*デフォルトリンク*/ /* クリアフィックス */ /* インナーを囲む */ /************************************
** 本文部分
************************************/ /************************************
** WordPress Misc
************************************/ /************************************
** 画像関係のスタイル
************************************/ /************************************
** 画像の囲み効果
************************************/ /*ボーダー*/ /*ボーダー（太線）*/ /*シャドー*/ /*シャドーペーパー*/ /************************************
** ヘッダー
************************************/ /************************************
** ヘッダーレイアウト
************************************/ /************************************
** センターロゴ（トップメニュー）
************************************/ /************************************
** グローバルメニュー
************************************/ /************************************
** モバイルメニュー
************************************/ /************************************
** フッターメニュー
************************************/ /************************************
** エントリーカードの設定
************************************/ /************************************
** エントリーカードタイプ
************************************/ /************************************
** 日付関係のスタイル
************************************/ /************************************
** パンくずリスト
************************************/ /* メッセージ */ /************************************
** 内容
************************************/ /*エントリー・アーカイブの見出し*/ /*本文下カテゴリとタグ*/ /*本文下カテゴリ*/ /*本文下タグ*/ /************************************
** 投稿・固定ページで使うHTML要素
************************************/ /************************************
** 引用（blockquote）
************************************/ /*本文下情報*/ /*投稿者*/ /************************************
** ページ管理画面の設定で「本文のみ」表示
************************************/ /************************************
** 外部リンク・内部リンク
************************************/ /************************************
** 広告
************************************/ /************************************
** ダブルレクタングル
************************************/ /************************************
** 記事内広告
************************************/ /************************************
** サイドバーのダブルレクタングル
************************************/ /************************************
** サイドバーのスカイスクレイパー
************************************/ /************************************
** ブログカードのサムネイルスタイル
************************************/ /************************************
** 目次
************************************/ /************************************
** h2-h6の見出し目次に連番を振る
************************************/ /************************************
** サイドバーのスタイル
************************************/ /************************************
** サイドバーの非表示
************************************/ /************************************
** サイドバーの位置
************************************/ /************************************
** ウィジェット
************************************/ /*タグクラウド*/ /*ウィジェット（カテゴリー・アーカイブなど）*/ /*カレンダー*/ /************************************
** 新着記事ウィジェット（デフォルト）
************************************/ /************************************
** 新着記事ウィジェット（大きなサムネイル）
************************************/ /************************************
** 新着記事ウィジェット（タイトルを重ねた大きなサムネイル）
************************************/ /************************************
** 人気記事ウィジェットランキング表示
************************************/ /************************************
** 最近のコメントウィジェット
************************************/ /************************************
** フォーローボタウィジェット
************************************/ /*拡張クラスを追加するスタイルシート*/ /*太字*/ /*赤色*/ /*太字で赤色*/ /*青色*/ /*太字で青色*/ /*緑色*/ /*太字で緑色*/ /*赤のアンダーライン*/ /*マーカーの黄色のような色*/ /*下半分のマーカー色（km）*/ /*打ち消し線*/ /*キーボードキーのスタイル*/ /*ブートストラップのインフォメーションライクな囲みが表示される*/ /*サクセスメッセージ*/ /*インフォメッセージ*/ /*注意メッセージ*/ /*警告メッセージ*/ /*セカンダリー*/ /*ライト*/ /*ダーク*/ /*******************************
* 補足説明
********************************/ /*******************************
* 続きはWEBで的な検索ボックス
********************************/ /* ボタンを光らせる */ /************************************
** 汎用ボックス共通
************************************/ /************************************
** キャプションボックス
************************************/ /************************************
** キャプションタブボックス
************************************/ /************************************
** ラベルボックス
************************************/ /************************************
** トグル表示ボタン
************************************/ /************************************
** SNSフォローボタン
************************************/ /************************************
** 関連記事
************************************/ /*関連エントリーカード*/ /************************************
** 関連記事表示タイプがミニカードの時
************************************/ /************************************
** 縦型カード
************************************/ /************************************
** 関連記事ボーダー
************************************/ /************************************
** コメント
************************************/ /************************************
** ページネーション
************************************/ /************************************
** 「次のページ」ページネーション
************************************/ /************************************
** マルチページのページャーリンク
************************************/ /************************************
** 投稿ナビ
************************************/ /*!動画の最大幅を指定する*/ /*!動画の大きさを調整*/ /*!Instagramの大きさを調整*/ /*!動画を囲んでいるdiv目一杯に広げる*/ /*!Twitterビデオの最小幅を上書き変更*/ /************************************
** プロフィールボックス
************************************/ /************************************
** Call to Action
************************************/ /* アイコンを左に表示 */ /************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/ /************************************
** Facebookページを「いいね！」するエリアのスタイル（サイドバーの時）
************************************/ /************************************
** Facebookページを「いいね！」するエリアのスタイル
************************************/ /*閉じる用の薄黒カバー*/ /*中身*/ /*チェックが入ったらもろもろ表示*/ /************************************
** フッター
************************************/ /************************************
** フッターボトム
************************************/ /************************************
** トップへ戻るボタン
************************************/ /*検索フォーム*/ /* for Desktop */ /* for Smartphone */ /*Cocoon用記事ボックス*/ /*
.navi-card-wrap { background-color: $white; &.a-wrap { position: relative; padding: 5px 3px; line-height: 1.3; margin-top: 0px; margin-bottom: 10px; }
}

.navi-card-box { //background-color: $white; padding: 0; position: relative;
}

.navi-card-wrap { &:after { display: block; content: ''; position: absolute; top: 50%; bottom: 0; right: 20px; width: 6px; height: 6px; border-top: solid 2px #697b91; border-right: solid 2px #697b91; transform: rotate(45deg); margin-top: -3px; } .navi-card-thumb { float: left; margin: 6px 10px; width: 120px; } .navi-card-content{ margin: 0 24px 0 140px; } .navi-card-title { margin: 2px 0 6px; font-size: 0.9em; color: $text_color; font-weight: 700; } .navi-card-snippet { margin: 0px 0 2px; font-size: 0.7em; color: $pallid_text_color; }
}
*/ /* リボン部分 */ /*  リボンCSSはnxworld様のページの斜めリボンを改変して利用。
多くのカスタマイズを公開していらっしゃるので 「リボン css nxworld」などgoogle検索すると便利。
Copyright (c)
https://www.nxworld.net/tips/pure-css-corner-ribbon.html
https://codepen.io/nxworld/pen/oLdoWb
*/ /* top left*/ /************************************
** おすすめカード
************************************/ /************************************
** アピールエリア
************************************/ /************************************
** 入力フォーム
************************************/ /************************************
** カルーセル
************************************/ /************************************
** カルーセルの非表示設定
************************************/ /* Slider */ /* Mobile Menu Core Style
*/ /* IE6/7 support */ /* User Default Style Change the following styles to modify the appearance of the menu.
*/ /* Button */ /* Button Text */ /* Button Lines */ /*bbPressのスタイルを整える*/ /** Cocoon WordPress Theme @author: yhira @link: https://wp-cocoon.com/ @license: http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later  Cocoon WordPress Theme incorporates code from "Youtube SpeedLoad" WordPress Plugin, Copyright 2017 Alexufo[http://habrahabr.ru/users/alexufo/]
"Youtube SpeedLoad" WordPress Plugin is distributed under the terms of the GNU GPL v2 */ /* 検索フォーム風スタイルのボタンを装飾 */ /* ボタンにカーソルを合わせた時のスタイル */ /* フォントの種類 */ font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; /* フォントのサイズ */ font-size: 18px; /* フォントの色 */ color: #333; /* カーニングの設定 */ /* 行間の設定 */ line-height: 1.8; margin: 0; overflow-wrap: break-word; overflow: auto; resize: both; background-color: #fafbfc; padding: 10px; border: 2px solid #ddd; }
.admin-settings .demo .fz-12px { font-size: 12px; }
.admin-settings .demo .fz-13px { font-size: 13px; }
.admin-settings .demo .fz-14px { font-size: 14px; }
.admin-settings .demo .fz-15px { font-size: 15px; }
.admin-settings .demo .fz-16px { font-size: 16px; }
.admin-settings .demo .fz-17px { font-size: 17px; }
.admin-settings .demo .fz-18px { font-size: 18px; }
.admin-settings .demo .fz-19px { font-size: 19px; }
.admin-settings .demo .fz-20px { font-size: 20px; }
.admin-settings .demo .fz-21px { font-size: 21px; }
.admin-settings .demo .fz-22px { font-size: 22px; }
.admin-settings .demo .fz-24px { font-size: 24px; }
.admin-settings .demo .fz-28px { font-size: 28px; }
.admin-settings .demo .fz-32px { font-size: 32px; }
.admin-settings .demo .fz-36px { font-size: 36px; }
.admin-settings .demo .fz-40px { font-size: 40px; }
.admin-settings .demo .fz-44px { font-size: 44px; }
.admin-settings .demo .fz-48px { font-size: 48px; }
.admin-settings .demo .fw-100 { font-weight: 100; }
.admin-settings .demo .fw-200 { font-weight: 200; }
.admin-settings .demo .fw-300 { font-weight: 300; }
.admin-settings .demo .fw-400 { font-weight: 400; }
.admin-settings .demo .fw-500 { font-weight: 500; }
.admin-settings .demo .fw-600 { font-weight: 600; }
.admin-settings .demo .fw-700 { font-weight: 700; }
.admin-settings .demo .fw-800 { font-weight: 800; }
.admin-settings .demo .fw-900 { font-weight: 900; }
.admin-settings .demo .ff-meiryo, .admin-settings .demo .wf-loading body { font-family: "Meiryo",  "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic",sans-serif; }
.admin-settings .demo .ff-hiragino { font-family: 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "Meiryo", "游ゴシック体", "Yu Gothic",sans-serif; }
.admin-settings .demo .ff-ms-pgothic { font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "Meiryo", sans-serif; }
.admin-settings .demo .ff-noto-sans-jp, .admin-settings .demo .wf-active .ff-noto-sans-jp { font-family: "Noto Sans JP" ,sans-serif; }
.admin-settings .demo .ff-noto-serif-jp, .admin-settings .demo .wf-active .ff-noto-serif-jp { font-family: "Noto Serif JP" ,sans-serif; }
.admin-settings .demo .ff-mplus-1p, .admin-settings .demo .wf-active .ff-mplus-1p { font-family: "M PLUS 1p" ,sans-serif; }
.admin-settings .demo .ff-rounded-mplus-1c, .admin-settings .demo .wf-active .ff-rounded-mplus-1c { font-family: "M PLUS Rounded 1c" ,sans-serif; }
.admin-settings .demo .ff-kosugi, .admin-settings .demo .wf-active .ff-kosugi { font-family: "Kosugi" ,sans-serif; }
.admin-settings .demo .ff-kosugi-maru, .admin-settings .demo .wf-active .ff-kosugi-maru { font-family: "Kosugi Maru" ,sans-serif; }
.admin-settings .demo .ff-sawarabi-gothic, .admin-settings .demo .wf-active .ff-sawarabi-gothic { font-family: "Sawarabi Gothic" ,sans-serif; }
.admin-settings .demo .ff-sawarabi-mincho, .admin-settings .demo .wf-active .ff-sawarabi-mincho { font-family: "Sawarabi Mincho" ,sans-serif; }
.admin-settings .demo .sub-caption { font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-weight: 400; font-size: 0.75em; opacity: 0.5; }
.admin-settings .demo span.sub-caption { opacity: 0.8; }
.admin-settings .demo * { padding: 0; margin: 0; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; }
.admin-settings .demo .container { padding-right: constant(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-left: env(safe-area-inset-left); }
.admin-settings .demo body { /* フォントの種類 */ font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; /* フォントのサイズ */ font-size: 18px; /* フォントの色 */ color: #333; /* カーニングの設定 */ /* 行間の設定 */ line-height: 1.8; margin: 0; overflow-wrap: break-word; background-color: #f4f5f7; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; }
.admin-settings .demo a { color: #1967d2; }
.admin-settings .demo a:hover { color: #e53900; }
.admin-settings .demo ol, .admin-settings .demo ul { margin: 1em 0; padding-left: 40px; }
.admin-settings .demo hr { color: #eee; }
.admin-settings .demo .cf::after { clear: both; content: ""; display: block; }
.admin-settings .demo .header-container, .admin-settings .demo .main, .admin-settings .demo .sidebar, .admin-settings .demo .footer { background-color: #fff; }
.admin-settings .demo .wrap { width: 1256px; margin: 0 auto; }
.admin-settings .demo .content-in { display: flex; justify-content: space-between; flex-wrap: wrap; }
.admin-settings .demo .main { width: 860px; margin-right: 20px; padding: 20px 29px; border: 1px solid transparent; border-radius: 4px; position: relative; }
.admin-settings .demo .no-sidebar .content .main { margin: 0; width: 100%; }
.admin-settings .demo .no-scrollable-main .main { height: 100%; }
.admin-settings .demo .main-scroll { position: -webkit-sticky; position: sticky; top: 0; margin-top: 2em; }
@media all and (-ms-high-contrast: none) { .admin-settings .demo .main-scroll { position: static; top: auto; }
  .admin-settings .demo .logo { height: 100%; } }
.admin-settings .demo .publisher { display: none; }
.admin-settings .demo #wpadminbar { font-size: 13px; }
.admin-settings .demo .wp-caption { margin: 1em 0; }
.admin-settings .demo .aligncenter { display: block; margin-right: auto; margin-left: auto; }
.admin-settings .demo .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.admin-settings .demo .alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.admin-settings .demo .wp-caption { padding-top: 4px; border: 1px solid #ddd; border-radius: 3px; background-color: #f3f4f5; text-align: center; max-width: 100%; }
.admin-settings .demo .wp-caption-text, .admin-settings .demo .gallery-caption { font-size: 0.8em; margin: 2px; }
.admin-settings .demo .wp-caption img { margin: 0; padding: 0; border: 0 none; }
.admin-settings .demo .wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }
.admin-settings .demo img.alignright { display: inline-block; margin: 0 0 1em 1.5em; }
.admin-settings .demo img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; }
.admin-settings .demo .comment-btn { margin: 24px 0; cursor: pointer; }
.admin-settings .demo label { cursor: pointer; }
.admin-settings .demo .sitemap li a::before { display: none; }
.admin-settings .demo .content-top, .admin-settings .demo .content-bottom { margin: 1em 0; }
.admin-settings .demo figure { margin: 0; }
.admin-settings .demo img { max-width: 100%; height: auto; border: 0; }
.admin-settings .demo .circle-image img { border-radius: 50%; }
.admin-settings .demo .iwe-border img, .admin-settings .demo .iwe-border amp-img { border: 1px solid #ccc; }
.admin-settings .demo .iwe-border-bold img, .admin-settings .demo .iwe-border-bold amp-img { border: 4px solid #eee; }
.admin-settings .demo .iwe-shadow img, .admin-settings .demo .iwe-shadow amp-img { box-shadow: 5px 5px 15px #ddd; }
.admin-settings .demo .iwe-shadow-paper img, .admin-settings .demo .iwe-shadow-paper amp-img { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); }
.admin-settings .demo .entry-card-thumb, .admin-settings .demo .author-thumb, .admin-settings .demo .blogcard-thumbnail, .admin-settings .demo .related-entry-card-thumb, .admin-settings .demo .popular-entry-card-thumb, .admin-settings .demo .new-entry-card-thumb { margin-right: 1.6%; }
.admin-settings .demo .ect-vertical-card .entry-card-thumb, .admin-settings .demo .rect-vartical-card .related-entry-card-thumb { margin: 0; }
.admin-settings .demo .ib-right .blogcard-thumbnail, .admin-settings .demo .eb-right .blogcard-thumbnail { margin-right: 0; margin-left: 1.4%; }
.admin-settings .demo .no-thumbnail .card-thumb, .admin-settings .demo .no-thumbnail .widget-entry-card-pv { display: none; }
.admin-settings .demo .no-thumbnail .card-content, .admin-settings .demo .no-thumbnail .widget-entry-cards .widget-entry-card-content { margin: 0; }
.admin-settings .demo .no-thumbnail .widget-entry-cards div.widget-entry-card-content { font-size: 18px; margin-bottom: 0.6em; }
.admin-settings .demo .no-thumbnail .widget-entry-cards.large-thumb-on .card-title { max-height: none; position: static; }
.admin-settings .demo .no-thumbnail .entry-card-meta { position: static; background-color: transparent; margin-top: 0.4em; }
.admin-settings .demo .no-thumbnail .entry-card-snippet, .admin-settings .demo .no-thumbnail .related-entry-card-snippet { max-height: 10.4em; }
.admin-settings .demo .no-thumbnail .entry-card-day { display: inline; }
.admin-settings .demo .no-thumbnail .entry-card-meta .entry-card-categorys { display: inline; }
.admin-settings .demo .no-thumbnail .entry-card-meta .entry-card-categorys > span { margin-left: 0.6em; }
.admin-settings .demo img.emoji { display: inline; width: 1em; height: auto; vertical-align: text-bottom; margin-right: 0.1em; }
.admin-settings .demo .header { height: 100%; }
.admin-settings .demo .header-in { display: flex; flex-direction: column; justify-content: center; }
.admin-settings .demo .tagline { text-align: center; font-size: 14px; margin: .6em 0; }
.admin-settings .demo .logo { text-align: center; }
.admin-settings .demo .logo-image span, .admin-settings .demo .logo-image a { display: inline-block; max-width: 100%; }
.admin-settings .demo .site-name-text-link { color: #333; text-decoration: none; font-weight: normal; }
.admin-settings .demo .site-name-text-link:hover { color: inherit; }
.admin-settings .demo .site-name-text { font-size: 28px; }
.admin-settings .demo .logo-text { padding: 20px 0 30px; font-size: 1em; }
.admin-settings .demo .logo-image { padding: 10px 0; font-size: inherit; }
.admin-settings .demo .header-container-in.hlt-top-menu { display: flex; justify-content: space-between; align-items: center; align-content: center; }
.admin-settings .demo .header-container-in.hlt-top-menu .wrap { width: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu .header { background-image: none; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-text { padding: 0; display: flex; align-items: center; align-content: center; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-image { padding: 0; margin: 0; }
.admin-settings .demo .header-container-in.hlt-top-menu .site-name-text-link { margin: 0 16px; display: block; }
.admin-settings .demo .header-container-in.hlt-top-menu .site-name-text { font-size: 22px; white-space: nowrap; }
.admin-settings .demo .header-container-in.hlt-top-menu .tagline { display: none; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header { max-height: 60px; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header .site-name { margin: 0; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header img { max-height: 60px; height: 100%; width: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu amp-img { max-width: 160px; max-height: 60px; }
.admin-settings .demo .header-container-in.hlt-top-menu amp-img img { height: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu .navi { width: 100%; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link { margin: 0 16px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text { font-size: 20px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .logo-header { height: 40px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > li, .admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > .menu-item-has-description > a > .caption-wrap { line-height: 40px; height: 40px; display: block; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .item-description { display: none; }
.admin-settings .demo .hlt-tm-right .navi-in > ul { justify-content: flex-end; }
.admin-settings .demo .header-container-in.hlt-center-logo-top-menu { display: flex; flex-direction: column-reverse; }
.admin-settings .demo .cl-slim .navi-in > ul li { height: 40px; line-height: 40px; }
.admin-settings .demo .cl-slim .navi-in > ul li .sub-menu ul { top: -40px; }
.admin-settings .demo .cl-slim .navi-in > ul li.menu-item-has-description > a > .caption-wrap { height: 40px; line-height: 16px; font-size: 14px; padding-top: 6px; }
.admin-settings .demo .navi { background-color: #fff; }
.admin-settings .demo .navi-in a { position: relative; }
.admin-settings .demo .navi-in .has-icon { position: absolute; right: 6px; top: 0; display: inline-block; opacity: 0.7; font-size: 11px; }
.admin-settings .demo .navi-in > ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; /*サブメニュー*/ }
.admin-settings .demo .navi-in > ul li { display: block; width: 176px; height: 60px; line-height: 60px; position: relative; }
.admin-settings .demo .navi-in > ul li:hover > ul { display: block; }
.admin-settings .demo .navi-in > ul .menu-item-has-description > a > .caption-wrap { line-height: 21.4285714286px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 60px; }
.admin-settings .demo .navi-in > ul .menu-item-has-description > a > .caption-wrap > div { width: 100%; }
.admin-settings .demo .navi-in > ul .sub-menu { display: none; position: absolute; margin: 0; min-width: 240px; list-style: none; padding: 0; background-color: #fafbfc; z-index: 99; text-align: left; /*サブメニューのサブメニュー*/ }
.admin-settings .demo .navi-in > ul .sub-menu li { width: auto; }
.admin-settings .demo .navi-in > ul .sub-menu a { padding-left: 16px; padding-right: 16px; }
.admin-settings .demo .navi-in > ul .sub-menu ul { top: -60px; left: 240px; position: relative; }
.admin-settings .demo .navi-in a { color: #333; text-decoration: none; display: block; font-size: 16px; transition: all 0.7s; }
.admin-settings .demo .navi-in a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .navi-in a:hover > ul { display: block; }
.admin-settings .demo .navi-in > .menu-mobile { display: none; }
.admin-settings .demo .navi-in > .menu-mobile .sub-menu { display: none; }
.admin-settings .demo .navi-footer-in > .menu-footer { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: center; margin: 0; }
.admin-settings .demo .navi-footer-in > .menu-footer li { width: 120px; border-left: 1px solid #ccc; }
.admin-settings .demo .navi-footer-in > .menu-footer li:last-child { border-right: 1px solid #ccc; }
.admin-settings .demo .navi-footer-in a { color: #333; text-decoration: none; display: block; font-size: 14px; transition: all 0.7s; }
.admin-settings .demo .navi-footer-in a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .a-wrap { text-decoration: none; display: block; color: #333; padding: 1.5%; margin-bottom: 3%; transition: all 0.7s; }
.admin-settings .demo .a-wrap:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .card-thumb img { width: 100%; }
.admin-settings .demo .entry-card-thumb { width: 320px; }
.admin-settings .demo .related-entry-card-thumb { width: 160px; }
.admin-settings .demo .cat-label { position: absolute; top: 0.3em; left: 0.3em; border: 1px solid #eee; font-size: 11px; color: #fff; background-color: rgba(51, 51, 51, 0.7); padding: 1px 5px; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-settings .demo .entry-card-content { margin-left: 330px; }
.admin-settings .demo .entry-card-info > * { font-size: 0.7em; padding: 2px; }
.admin-settings .demo .entry-card-meta .entry-card-categorys { display: none; }
.admin-settings .demo .e-card-info .post-author { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.admin-settings .demo .post-author-image { margin-right: 3px; }
.admin-settings .demo .post-author-image img { border-radius: 50%; }
.admin-settings .demo .e-card-info { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.admin-settings .demo .e-card-info > span { margin-right: 4px; }
.admin-settings .demo .ect-vertical-card { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap { width: 49.5%; display: inline-block; margin-bottom: 12px; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-thumb { width: 100%; float: none; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-thumb img { width: 100%; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-content { margin: 0; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .post-date, .admin-settings .demo .ect-vertical-card .entry-card-wrap .post-update { margin-right: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .a-wrap { margin: 0 0.25% 12px; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .entry-card-content { padding: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .card-snippet { padding: 0; margin: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .card-meta { position: static; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .a-wrap { margin: 0 0.16666% 12px; }
.admin-settings .demo .ect-2-columns > * { width: 49.5%; display: inline-block; }
.admin-settings .demo .ect-3-columns { justify-content: space-around; }
.admin-settings .demo .ect-3-columns .entry-card-wrap { width: 33%; padding: 7px; }
.admin-settings .demo .ect-3-columns .entry-card-snippet { max-height: 4em; overflow: hidden; }
.admin-settings .demo .ect-3-columns > * { width: 33%; display: inline-block; }
.admin-settings .demo .ecb-entry-border .entry-card-wrap { border: 1px solid #ccc; }
.admin-settings .demo .entry-card-day span:last-child { margin-right: 0; }
.admin-settings .demo .front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .admin-settings .demo .ect-big-card .card-thumb { float: none; width: 100%; }
.admin-settings .demo .front-top-page .ect-big-card-first .a-wrap:first-of-type .card-content, .admin-settings .demo .ect-big-card .card-content { margin: 0; }
.admin-settings .demo .date-tags { line-height: 0.8; text-align: right; display: flex; flex-direction: row-reverse; margin-bottom: 1em; }
.admin-settings .demo .date-tags .post-update { margin-right: 0; }
.admin-settings .demo .post-date, .admin-settings .demo .post-update, .admin-settings .demo .post-author, .admin-settings .demo .amp-back { margin-right: 8px; }
.admin-settings .demo .related-entry-post-date { margin-right: 0; }
.admin-settings .demo .breadcrumb { margin: 1em .4em; color: #777; font-size: 13px; }
.admin-settings .demo .breadcrumb div { display: inline; }
.admin-settings .demo .breadcrumb span.sp { margin: 0 10px; }
.admin-settings .demo .breadcrumb a { text-decoration: none; color: #777; }
.admin-settings .demo .breadcrumb.sbp-main-before, .admin-settings .demo .breadcrumb.sbp-footer-before, .admin-settings .demo .breadcrumb.pbp-main-before, .admin-settings .demo .breadcrumb.pbp-footer-before { background-color: #fff; margin: 12px auto 0; padding: .6em; }
.admin-settings .demo .breadcrumb.sbp-main-before + .content, .admin-settings .demo .breadcrumb.pbp-main-before + .content { margin-top: 12px; }
.admin-settings .demo .sns-buttons { display: flex; align-items: center; }
.admin-settings .demo .sns-buttons a { display: block; background-color: #333; text-align: center; color: #fff; text-decoration: none; border-radius: 4px; height: 45px; }
.admin-settings .demo .sns-buttons a:hover { opacity: 0.7; color: #fff; transition: all 0.7s; }
.admin-settings .demo .sns-share a, .admin-settings .demo .sns-follow a { cursor: pointer; }
.admin-settings .demo .bc-brand-color.sns-share .twitter-button, .admin-settings .demo .bc-brand-color.sns-follow .twitter-button { background-color: #1da1f2; }
.admin-settings .demo .bc-brand-color.sns-share .facebook-button, .admin-settings .demo .bc-brand-color.sns-follow .facebook-button { background-color: #3b5998; }
.admin-settings .demo .bc-brand-color.sns-share .hatebu-button, .admin-settings .demo .bc-brand-color.sns-follow .hatebu-button { background-color: #2c6ebd; }
.admin-settings .demo .bc-brand-color.sns-share .google-plus-button, .admin-settings .demo .bc-brand-color.sns-follow .google-plus-button { background-color: #dd4b39; }
.admin-settings .demo .bc-brand-color.sns-share .pocket-button, .admin-settings .demo .bc-brand-color.sns-follow .pocket-button { background-color: #ef4056; }
.admin-settings .demo .bc-brand-color.sns-share .line-button, .admin-settings .demo .bc-brand-color.sns-follow .line-button { background-color: #00c300; }
.admin-settings .demo .bc-brand-color.sns-share .website-button, .admin-settings .demo .bc-brand-color.sns-follow .website-button { background-color: #002561; }
.admin-settings .demo .bc-brand-color.sns-share .instagram-button, .admin-settings .demo .bc-brand-color.sns-follow .instagram-button { background-color: #405de6; }
.admin-settings .demo .bc-brand-color.sns-share .pinterest-button, .admin-settings .demo .bc-brand-color.sns-follow .pinterest-button { background-color: #bd081c; }
.admin-settings .demo .bc-brand-color.sns-share .youtube-button, .admin-settings .demo .bc-brand-color.sns-follow .youtube-button { background-color: #cd201f; }
.admin-settings .demo .bc-brand-color.sns-share .linkedin-button, .admin-settings .demo .bc-brand-color.sns-follow .linkedin-button { background-color: #0077b5; }
.admin-settings .demo .bc-brand-color.sns-share .note-button, .admin-settings .demo .bc-brand-color.sns-follow .note-button { background-color: #41c9b4; }
.admin-settings .demo .bc-brand-color.sns-share .flickr-button, .admin-settings .demo .bc-brand-color.sns-follow .flickr-button { background-color: #111; }
.admin-settings .demo .bc-brand-color.sns-share .amazon-button, .admin-settings .demo .bc-brand-color.sns-follow .amazon-button { background-color: #ff9900; }
.admin-settings .demo .bc-brand-color.sns-share .rakuten-room-button, .admin-settings .demo .bc-brand-color.sns-follow .rakuten-room-button { background-color: #c61e79; }
.admin-settings .demo .bc-brand-color.sns-share .slack-button, .admin-settings .demo .bc-brand-color.sns-follow .slack-button { background-color: #e01563; }
.admin-settings .demo .bc-brand-color.sns-share .github-button, .admin-settings .demo .bc-brand-color.sns-follow .github-button { background-color: #4078c0; }
.admin-settings .demo .bc-brand-color.sns-share .codepen-button, .admin-settings .demo .bc-brand-color.sns-follow .codepen-button { background-color: #333; }
.admin-settings .demo .bc-brand-color.sns-share .feedly-button, .admin-settings .demo .bc-brand-color.sns-follow .feedly-button { background-color: #2bb24c; }
.admin-settings .demo .bc-brand-color.sns-share .rss-button, .admin-settings .demo .bc-brand-color.sns-follow .rss-button { background-color: #f26522; }
.admin-settings .demo .bc-brand-color-white.sns-share a, .admin-settings .demo .bc-brand-color-white.sns-follow a { background-color: #fff; font-weight: 500; border: 1px solid #333; color: #333; }
.admin-settings .demo .bc-brand-color-white.sns-share a:hover, .admin-settings .demo .bc-brand-color-white.sns-follow a:hover { opacity: 0.5; }
.admin-settings .demo .bc-brand-color-white.sns-share .twitter-button, .admin-settings .demo .bc-brand-color-white.sns-follow .twitter-button { color: #1da1f2; border-color: #1da1f2; }
.admin-settings .demo .bc-brand-color-white.sns-share .facebook-button, .admin-settings .demo .bc-brand-color-white.sns-follow .facebook-button { color: #3b5998; border-color: #3b5998; }
.admin-settings .demo .bc-brand-color-white.sns-share .hatebu-button, .admin-settings .demo .bc-brand-color-white.sns-follow .hatebu-button { color: #2c6ebd; border-color: #2c6ebd; }
.admin-settings .demo .bc-brand-color-white.sns-share .google-plus-button, .admin-settings .demo .bc-brand-color-white.sns-follow .google-plus-button { color: #dd4b39; border-color: #dd4b39; }
.admin-settings .demo .bc-brand-color-white.sns-share .pocket-button, .admin-settings .demo .bc-brand-color-white.sns-follow .pocket-button { color: #ef4056; border-color: #ef4056; }
.admin-settings .demo .bc-brand-color-white.sns-share .line-button, .admin-settings .demo .bc-brand-color-white.sns-follow .line-button { color: #00c300; border-color: #00c300; }
.admin-settings .demo .bc-brand-color-white.sns-share .website-button, .admin-settings .demo .bc-brand-color-white.sns-follow .website-button { color: #002561; border-color: #002561; }
.admin-settings .demo .bc-brand-color-white.sns-share .instagram-button, .admin-settings .demo .bc-brand-color-white.sns-follow .instagram-button { color: #405de6; border-color: #405de6; }
.admin-settings .demo .bc-brand-color-white.sns-share .pinterest-button, .admin-settings .demo .bc-brand-color-white.sns-follow .pinterest-button { color: #bd081c; border-color: #bd081c; }
.admin-settings .demo .bc-brand-color-white.sns-share .youtube-button, .admin-settings .demo .bc-brand-color-white.sns-follow .youtube-button { color: #cd201f; border-color: #cd201f; }
.admin-settings .demo .bc-brand-color-white.sns-share .linkedin-button, .admin-settings .demo .bc-brand-color-white.sns-follow .linkedin-button { color: #0077b5; border-color: #0077b5; }
.admin-settings .demo .bc-brand-color-white.sns-share .note-button, .admin-settings .demo .bc-brand-color-white.sns-follow .note-button { color: #41c9b4; border-color: #41c9b4; }
.admin-settings .demo .bc-brand-color-white.sns-share .flickr-button, .admin-settings .demo .bc-brand-color-white.sns-follow .flickr-button { color: #111; border-color: #111; }
.admin-settings .demo .bc-brand-color-white.sns-share .amazon-button, .admin-settings .demo .bc-brand-color-white.sns-follow .amazon-button { color: #ff9900; border-color: #ff9900; }
.admin-settings .demo .bc-brand-color-white.sns-share .rakuten-room-button, .admin-settings .demo .bc-brand-color-white.sns-follow .rakuten-room-button { color: #c61e79; border-color: #c61e79; }
.admin-settings .demo .bc-brand-color-white.sns-share .slack-button, .admin-settings .demo .bc-brand-color-white.sns-follow .slack-button { color: #e01563; border-color: #e01563; }
.admin-settings .demo .bc-brand-color-white.sns-share .github-button, .admin-settings .demo .bc-brand-color-white.sns-follow .github-button { color: #4078c0; border-color: #4078c0; }
.admin-settings .demo .bc-brand-color-white.sns-share .codepen-button, .admin-settings .demo .bc-brand-color-white.sns-follow .codepen-button { color: #333; border-color: #333; }
.admin-settings .demo .bc-brand-color-white.sns-share .feedly-button, .admin-settings .demo .bc-brand-color-white.sns-follow .feedly-button { color: #2bb24c; border-color: #2bb24c; }
.admin-settings .demo .bc-brand-color-white.sns-share .rss-button, .admin-settings .demo .bc-brand-color-white.sns-follow .rss-button { color: #f26522; border-color: #f26522; }
.admin-settings .demo .ss-top { margin-top: 0; margin-bottom: 0; }
.admin-settings .demo .ss-top .sns-share-message { display: none; }
.admin-settings .demo .sns-share.ss-col-1 a { width: 100%; }
.admin-settings .demo .sns-share.ss-col-2 a { width: 49%; }
.admin-settings .demo .sns-share.ss-col-4 a { width: 24%; }
.admin-settings .demo .sns-share.ss-col-5 a { width: 19%; }
.admin-settings .demo .sns-share.ss-col-6 a { width: 16%; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a, .admin-settings .demo .sns-share.ss-high-and-low-cl a { display: flex; align-content: center; line-height: 16px; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a .social-icon, .admin-settings .demo .sns-share.ss-high-and-low-cl a .social-icon, .admin-settings .demo .sns-share.ss-high-and-low-lc a .button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .button-caption { display: block; font-size: 16px; margin: 0; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a .social-icon.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .social-icon.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-lc a .button-caption.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .button-caption.button-caption { font-size: 12px; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a { flex-direction: column; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a > span { padding-top: 3px; }
.admin-settings .demo .sns-share.ss-high-and-low-cl a { flex-direction: column-reverse; }
.admin-settings .demo .sns-share-buttons { flex-wrap: wrap; justify-content: space-around; align-content: center; }
.admin-settings .demo .sns-share-buttons a { width: 32%; margin-bottom: 8px; font-size: 18px; display: inline-flex; align-content: center; align-items: center; justify-content: center; position: relative; }
.admin-settings .demo .sns-share-buttons a .button-caption { font-size: 16px; margin-left: 10px; }
.admin-settings .demo .sns-share-buttons a .share-count { font-family: Arial, sans-serif; position: absolute; right: 3px; bottom: 3px; font-size: 12px; line-height: 1; }
.admin-settings .demo .share-menu-content .sns-share-buttons a { width: 24%; }
.admin-settings .demo .sbc-hide .share-count { display: none; }
.admin-settings .demo .copy-info { display: none; /*初期状態は非表示*/ padding: 1em 2em; color: #fff; border-radius: 8px; /*画面上部に表示*/ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333; opacity: 0.8; box-shadow: 0 4px 8px #777; z-index: 2; }
.admin-settings .demo .content { margin-top: 24px; }
.admin-settings .demo .entry-title, .admin-settings .demo .archive-title { font-size: 26px; margin: 16px 0; line-height: 1.3; }
.admin-settings .demo .archive-title span { margin-right: 10px; }
.admin-settings .demo .entry-content { margin-top: 1em; margin-bottom: 3em; }
.admin-settings .demo .entry-content pre { line-height: 1.6; }
.admin-settings .demo .entry-categories-tags > div { margin-bottom: 0.5em; }
.admin-settings .demo .ctdt-one-row > div { display: inline-block; }
.admin-settings .demo .ctdt-category-only .entry-tags { display: none; }
.admin-settings .demo .ctdt-tag-only .entry-categories { display: none; }
.admin-settings .demo .ctdt-none { display: none; }
.admin-settings .demo .cat-link { color: #fff; text-decoration: none; display: inline-block; margin-right: 5px; padding: 2px 6px; font-size: 12px; background-color: #333; border-radius: 2px; word-break: break-all; }
.admin-settings .demo .cat-link:hover { opacity: 0.5; color: #fff; }
.admin-settings .demo .tag-link, .admin-settings .demo .comment-reply-link { color: #333; text-decoration: none; display: inline-block; margin-right: 5px; padding: 1px 5px; font-size: 12px; border: 1px solid #999; border-radius: 2px; word-break: break-all; }
.admin-settings .demo .tag-link:hover, .admin-settings .demo .comment-reply-link:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo p, .admin-settings .demo .paragraph { margin: 1.2em 0; }
.admin-settings .demo table { margin-bottom: 20px; max-width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0; }
.admin-settings .demo table th { background-color: #f3f4f5; }
.admin-settings .demo table tr:nth-of-type(2n+1) { background-color: #fafbfc; }
.admin-settings .demo table th, .admin-settings .demo table td { border: 1px solid #ddd; padding: 6px; }
.admin-settings .demo .scrollable-table { -webkit-overflow-scrolling: touch; }
.admin-settings .demo .scrollable-table.stfc-sticky tr *:first-child { background-color: #e9eff2; position: sticky; left: 0; z-index: 2; }
.admin-settings .demo .scrollable-table table { border-collapse: collapse; max-width: 100%; }
.admin-settings .demo .scrollable-table th { background-color: #eee; }
.admin-settings .demo .scrollable-table th, .admin-settings .demo .scrollable-table td { border: solid 1px #ccc; padding: 3px 5px; white-space: nowrap; }
.admin-settings .demo .scrollable-table { overflow-x: auto; margin-bottom: 1em; }
.admin-settings .demo .article dl { margin: 1em 0; }
.admin-settings .demo .article dd { margin-left: 40px; }
.admin-settings .demo .article ul li, .admin-settings .demo .article ol li { margin: 0.2em; }
.admin-settings .demo .article ul ul, .admin-settings .demo .article ul ol, .admin-settings .demo .article ol ul, .admin-settings .demo .article ol ol { margin: 0; }
.admin-settings .demo .article h1, .admin-settings .demo .article h2, .admin-settings .demo .article h3, .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { line-height: 1.25; font-weight: bold; }
.admin-settings .demo .article h2, .admin-settings .demo .article h3, .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { margin: 2.4em 0 1em; }
.admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { font-size: 20px; padding: 9px 10px; }
.admin-settings .demo .article h2 { font-size: 24px; padding: 25px; background-color: #f3f4f5; border-radius: 2px; }
.admin-settings .demo .article h3 { border-left: 7px solid #777; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 22px; padding: 12px 20px; }
.admin-settings .demo .article h4 { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.admin-settings .demo .article h5 { border-bottom: 2px solid #ccc; }
.admin-settings .demo .article h6 { border-bottom: 1px solid #ccc; }
.admin-settings .demo .article .column-wrap h1, .admin-settings .demo .article .column-wrap h2, .admin-settings .demo .article .column-wrap h3, .admin-settings .demo .article .column-wrap h4, .admin-settings .demo .article .column-wrap h5, .admin-settings .demo .article .column-wrap h6 { margin-top: 0; }
.admin-settings .demo blockquote { background-color: #fafbfc; border: 1px solid #ccc; margin: 1em 0; padding: 10px 1.2em; position: relative; }
.admin-settings .demo blockquote::before, .admin-settings .demo blockquote::after { color: #C8C8C8; font-family: serif; position: absolute; font-size: 300%; }
.admin-settings .demo blockquote::before { content: "“"; line-height: 1.1; left: 10px; top: 0; }
.admin-settings .demo blockquote::after { content: "”"; line-height: 0; right: 10px; bottom: 0px; }
.admin-settings .demo .footer-meta { font-size: 0.8em; text-align: right; }
.admin-settings .demo .author-info .post-author { font-size: 14px; }
.admin-settings .demo .content-only .header-container, .admin-settings .demo .content-only .appeal, .admin-settings .demo .content-only .carousel, .admin-settings .demo .content-only .ad-area, .admin-settings .demo .content-only .sns-share, .admin-settings .demo .content-only .date-tags, .admin-settings .demo .content-only .sns-follow, .admin-settings .demo .content-only .article-footer, .admin-settings .demo .content-only .under-entry-content, .admin-settings .demo .content-only .breadcrumb, .admin-settings .demo .content-only .main-scroll, .admin-settings .demo .content-only .footer, .admin-settings .demo .content-only .go-to-top-button, .admin-settings .demo .content-only .notice-area, .admin-settings .demo .content-only .content-top, .admin-settings .demo .content-only .content-bottom { display: none; }
.admin-settings .demo span.external-icon, .admin-settings .demo span.internal-icon { margin-left: 3px; font-size: 0.8em; }
.admin-settings .demo .login-user-only { text-align: center; padding: 2em; background-color: #fafbfc; border: 1px solid #ccc; margin: 1em 0; }
.admin-settings .demo .no-post-date .post-date, .admin-settings .demo .no-post-update .post-update, .admin-settings .demo .no-post-author .author-info { display: none; }
.admin-settings .demo .read-time { text-align: center; font-size: 0.7em; border-top: 4px double #ddd; border-bottom: 4px double #ddd; margin: 0 3%; }
.admin-settings .demo .eye-catch-wrap { display: flex; }
.admin-settings .demo .eye-catch { position: relative; margin-bottom: .6em; max-width: 100%; }
.admin-settings .demo .eye-catch .cat-label { position: absolute; right: auto; top: 0.4em; bottom: auto; left: 0.4em; font-size: 14px; padding: 4px 8px; opacity: 0.9; border: 1px solid #eee; }
.admin-settings .demo .eye-catch img { vertical-align: bottom; }
.admin-settings .demo .eye-catch-caption { color: #fff; position: absolute; bottom: 0; padding: 0.2em 0.6em; text-align: right; width: 100%; font-size: 0.9em; background: linear-gradient(180deg, transparent, #555); opacity: 0.9; padding-top: 2em; }
@media all and (-ms-high-contrast: none) { .admin-settings .demo { /* IE10～ */ }
  .admin-settings .demo .eye-catch-wrap { display: block; } }
.admin-settings .demo .show-pinterest-button .eye-catch:hover .cat-label { display: none; }
.admin-settings .demo .ad-area { text-align: center; margin-bottom: 1.8em; overflow: hidden; }
.admin-settings .demo .entry-content .ad-area { margin: 1em 0; }
.admin-settings .demo .ad-label-invisible .ad-label { display: none; }
.admin-settings .demo .ad-content-top { margin-top: 1em; }
.admin-settings .demo .ad-responsive ins { width: 100%; }
.admin-settings .demo .ad-single-rectangle .ad-responsive, .admin-settings .demo .ad-dabble-rectangle .ad-responsive { max-width: 336px; margin: auto; }
.admin-settings .demo .ad-dabble-rectangle .ad-wrap { display: flex; }
.admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 336px; }
@media screen and (max-width: 692px) { .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 300px; } }
@media screen and (max-width: 626px) { .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 250px; } }
@media screen and (max-width: 556px) { .admin-settings .demo .ad-dabble-rectangle .ad-wrap { display: block; }
  .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: auto; max-width: none; margin: auto; }
  .admin-settings .demo .ad-dabble-rectangle .ad-additional-double { display: none; } }
.admin-settings .demo .sidebar .ad-additional-double { display: none; }
.admin-settings .demo .sidebar .ad-additional-vertical { display: none; }
@media screen and (max-width: 834px) { .admin-settings .demo .sidebar .ad-vertical .ad-usual { display: none; }
  .admin-settings .demo .sidebar .ad-vertical .ad-additional-vertical { display: block; } }
.admin-settings .demo .blogcard-wrap { margin: 24px auto; padding: 0; width: 90%; background-color: #fff; }
.admin-settings .demo .blogcard { padding: 1.4% 2% 1.8%; border: 1px solid #ccc; border-radius: 4px; line-height: 1.3; position: relative; }
.admin-settings .demo .blogcard-thumbnail { float: left; margin-top: 3px; width: 160px; }
.admin-settings .demo .blogcard-thumbnail img { width: 100%; }
.admin-settings .demo .blogcard-content { margin-left: 170px; max-height: 140px; min-height: 100px; overflow: hidden; }
.admin-settings .demo .blogcard-title { font-weight: bold; }
.admin-settings .demo .blogcard-snippet { font-size: 0.8em; }
.admin-settings .demo .blogcard-footer { clear: both; font-size: 0.8em; padding-top: 0.6%; }
.admin-settings .demo .blogcard-site { float: left; display: flex; align-content: center; }
.admin-settings .demo .blogcard-date { float: right; display: flex; align-content: center; }
.admin-settings .demo .blogcard-favicon { margin-right: 4px; margin-top: 2px; }
.admin-settings .demo .ib-right .blogcard-thumbnail, .admin-settings .demo .eb-right .blogcard-thumbnail { float: right; margin-left: 1.6%; }
.admin-settings .demo .ib-right .blogcard-content, .admin-settings .demo .eb-right .blogcard-content { margin-left: 0; margin-right: 170px; }
.admin-settings .demo .toc { border: 1px solid #ccc; font-size: 0.9em; line-height: 1.5; padding: 1em 1.6em; margin-bottom: 1em; display: table; }
.admin-settings .demo .toc ul, .admin-settings .demo .toc ol { padding-left: 20px; margin-top: 0.5em; }
.admin-settings .demo .toc ul { list-style: none; padding-left: 5px; }
.admin-settings .demo .toc a { color: #333; text-decoration: none; }
.admin-settings .demo .toc a:hover { text-decoration: underline; }
.admin-settings .demo .toc-center { margin: 1em auto; }
.admin-settings .demo .toc-title { font-size: 1.1em; text-align: center; display: block; padding: 2px 16px; }
.admin-settings .demo .toc-widget-box .toc-title { display: none; }
.admin-settings .demo .toc-widget-box .toc-content { visibility: visible; opacity: 1; height: 100%; }
.admin-settings .demo .nwa .toc { border: 0; padding: 0 1em; }
.admin-settings .demo .toc.tnt-number-detail ol { list-style: none; counter-reset: toc; }
.admin-settings .demo .toc.tnt-number-detail ol li:before { margin-right: 6px; counter-increment: toc; content: counters(toc,".") "."; }
.admin-settings .demo .sidebar { width: 376px; border: 1px solid transparent; padding: 19px; border-radius: 4px; background-color: #fff; }
.admin-settings .demo .sidebar h3 { background-color: #f3f4f5; padding: 12px; margin: 16px 0; border-radius: 2px; }
.admin-settings .demo .no-scrollable-sidebar .sidebar { height: 100%; }
.admin-settings .demo .sidebar-scroll { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; }
.admin-settings .demo .no-sidebar .sidebar { display: none; }
.admin-settings .demo .sidebar-left .content-in { flex-direction: row-reverse; }
.admin-settings .demo .nwa .ranking-item-img-desc, .admin-settings .demo .nwa .ranking-item-link-buttons { display: block; }
.admin-settings .demo .nwa .ranking-item-img-desc a, .admin-settings .demo .nwa .ranking-item-link-buttons a { padding: 6px 0; }
.admin-settings .demo .nwa .ranking-item-image-tag { max-width: 100%; text-align: center; display: flex; justify-content: center; }
.admin-settings .demo .nwa .ranking-item-name-text, .admin-settings .demo .nwa .widget_item_ranking .main-widget-label { font-size: 20px; }
.admin-settings .demo .nwa .ranking-item-description p { font-size: 0.9em; }
.admin-settings .demo .nwa .blogcard-wrap { width: auto; }
.admin-settings .demo label.screen-reader-text { display: none; }
.admin-settings .demo .tagcloud { display: flex; flex-wrap: wrap; }
.admin-settings .demo .tagcloud a { border: 1px solid #ddd; border-radius: 2px; color: #555; display: inline-block; padding: 3px 8px; text-decoration: none; font-size: 12px; margin: 2px; flex: 1 1 auto; display: flex; justify-content: space-between; transition: all 0.7s; }
.admin-settings .demo .tagcloud a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .tagcloud a .tag-caption { word-break: break-all; }
.admin-settings .demo .tagcloud a .tag-link-count { margin-left: 8px; }
.admin-settings .demo .widget_recent_entries ul, .admin-settings .demo .widget_categories ul, .admin-settings .demo .widget_archive ul, .admin-settings .demo .widget_pages ul, .admin-settings .demo .widget_meta ul, .admin-settings .demo .widget_rss ul, .admin-settings .demo .widget_nav_menu ul { padding: 0; margin: 0; list-style: none; }
.admin-settings .demo .widget_recent_entries ul li ul, .admin-settings .demo .widget_categories ul li ul, .admin-settings .demo .widget_archive ul li ul, .admin-settings .demo .widget_pages ul li ul, .admin-settings .demo .widget_meta ul li ul, .admin-settings .demo .widget_rss ul li ul, .admin-settings .demo .widget_nav_menu ul li ul { padding-left: 20px; margin: 0; }
.admin-settings .demo .widget_recent_entries ul li a, .admin-settings .demo .widget_categories ul li a, .admin-settings .demo .widget_archive ul li a, .admin-settings .demo .widget_pages ul li a, .admin-settings .demo .widget_meta ul li a, .admin-settings .demo .widget_rss ul li a, .admin-settings .demo .widget_nav_menu ul li a { color: #333; text-decoration: none; padding: 10px 0; display: block; padding-right: 4px; padding-left: 4px; }
.admin-settings .demo .widget_recent_entries ul li a:hover, .admin-settings .demo .widget_categories ul li a:hover, .admin-settings .demo .widget_archive ul li a:hover, .admin-settings .demo .widget_pages ul li a:hover, .admin-settings .demo .widget_meta ul li a:hover, .admin-settings .demo .widget_rss ul li a:hover, .admin-settings .demo .widget_nav_menu ul li a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .widget_recent_entries ul li a .post-count, .admin-settings .demo .widget_categories ul li a .post-count, .admin-settings .demo .widget_archive ul li a .post-count, .admin-settings .demo .widget_pages ul li a .post-count, .admin-settings .demo .widget_meta ul li a .post-count, .admin-settings .demo .widget_rss ul li a .post-count, .admin-settings .demo .widget_nav_menu ul li a .post-count { display: block; float: right; }
.admin-settings .demo .widget_recent_comments li { padding: 10px 0; }
.admin-settings .demo .calendar_wrap { margin: 20px 0; }
.admin-settings .demo #wp-calendar { border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #ddd; border-right-color: #ddd; width: 100%; max-width: 400px; }
.admin-settings .demo #wp-calendar caption { font-weight: bold; text-align: center; }
.admin-settings .demo #wp-calendar #today { background-color: #ffe6b2; }
.admin-settings .demo #wp-calendar #today a { background-color: #ffe6b2; }
.admin-settings .demo #wp-calendar #today a:hover { background-color: #ffd67e; }
.admin-settings .demo #wp-calendar tr:nth-of-type(2n+1) { background-color: transparent; }
.admin-settings .demo #wp-calendar th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #ddd; border-left-color: #ddd; }
.admin-settings .demo #wp-calendar td { text-align: center; padding: 0px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #ddd; border-left-color: #ddd; }
.admin-settings .demo #wp-calendar td a { color: #333; display: block; background-color: #ffface; }
.admin-settings .demo #wp-calendar td a:hover { background-color: #fff69b; }
.admin-settings .demo .widget-entry-cards .a-wrap { padding: 5px; line-height: 1.3; margin-bottom: 4px; }
.admin-settings .demo .widget-entry-cards figure { width: 120px; }
.admin-settings .demo .widget-entry-card { font-size: 16px; position: relative; }
.admin-settings .demo .widget-entry-card-content { margin-left: 126px; }
.admin-settings .demo .widget-entry-card-snippet { margin-top: 6px; font-size: 12px; opacity: 0.8; }
.admin-settings .demo .widget-entry-card-pv { margin-left: 5px; font-style: italic; font-size: 0.8em; }
.admin-settings .demo .border-partition a { border-bottom: 2px dotted #ddd; }
.admin-settings .demo .border-partition a:first-of-type { border-top: 2px dotted #ddd; }
.admin-settings .demo .border-square a { border-radius: 4px; border: 1px solid #ccc; }
.admin-settings .demo .card-title-bold .card-title { font-weight: 700; }
.admin-settings .demo .card-arrow .a-wrap { position: relative; }
.admin-settings .demo .card-arrow .a-wrap::after { display: block; content: ''; position: absolute; top: 50%; bottom: 0; right: 20px; width: 6px; height: 6px; border-top: solid 2px #697b91; border-right: solid 2px #697b91; transform: rotate(45deg); margin-top: -3px; }
.admin-settings .demo .card-arrow .card-content { margin-right: 22px; }
.admin-settings .demo .widget-entry-cards.card-large-image .a-wrap { max-width: 400px; }
.admin-settings .demo .widget-entry-cards.card-large-image .e-card { font-size: 18px; }
.admin-settings .demo .widget-entry-cards.card-large-image figure { float: none; width: 100%; }
.admin-settings .demo .widget-entry-cards.card-large-image figure img { width: 100%; display: block; }
.admin-settings .demo .widget-entry-cards.card-large-image .card-content { margin: 0 0 0.5em; }
.admin-settings .demo .widget-entry-cards.card-large-image .widget-entry-card-pv { opacity: 0.7; position: absolute; top: 0; right: 0; padding: 3px 6px; background-color: #333; color: #fff; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap { overflow: hidden; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap:hover { opacity: 0.8; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap:hover .card-content { margin-bottom: -4em; transition: all 0.5s; opacity: 0; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .e-card { position: relative; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .card-content { margin: 0; position: absolute; width: 100%; bottom: 0; padding: .6em; background-color: rgba(51, 51, 51, 0.7); color: #fff; max-height: 40%; overflow: hidden; transition: all 0.5s; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .card-snippet { margin: 0; }
.admin-settings .demo .widget-entry-cards.ranking-visible { counter-reset: p-rank; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-1 .card-thumb::before { background: #cca11f; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-2 .card-thumb::before { background: #b1b1b3; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-3 .card-thumb::before { background: #b37036; }
.admin-settings .demo .widget-entry-cards.ranking-visible .card-thumb { counter-increment: p-rank; }
.admin-settings .demo .widget-entry-cards.ranking-visible .card-thumb::before { content: counter(p-rank); position: absolute; top: 0; left: 0; padding: 4px; width: 18px; height: 18px; line-height: 18px; background-color: #666; color: #fff; opacity: 0.9; text-align: center; font-size: 14px; font-family: Arial,sans-serif; z-index: 1; }
.admin-settings .demo .recent-comments { line-height: 1.3; }
.admin-settings .demo .recent-comment-avatar { float: left; margin-right: 10px; }
.admin-settings .demo .recent-comment-author { font-weight: bold; }
.admin-settings .demo .recent-comment-info, .admin-settings .demo .recent-comment-article { font-size: 16px; }
.admin-settings .demo .recent-comment-article { margin-top: 3px; }
.admin-settings .demo .recent-comment-content { position: relative; background: #fff; border: 1px solid #ccc; padding: 6px; margin-top: 4px; font-size: 0.9em; border-radius: 5px; }
.admin-settings .demo .recent-comment-content::after, .admin-settings .demo .recent-comment-content::before { bottom: 100%; left: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .recent-comment-content::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
.admin-settings .demo .recent-comment-content::before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; }
.admin-settings .demo .sidebar .sns-follow-buttons, .admin-settings .demo .footer .sns-follow-buttons { flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .sidebar .sns-follow-buttons a, .admin-settings .demo .footer .sns-follow-buttons a { width: 49%; margin-right: 0; }
.admin-settings .demo .widget_mobile_text, .admin-settings .demo .widget_mobile_ad { display: none; }
.admin-settings .demo .widget h2 { font-size: 20px; }
.admin-settings .demo .badge, .admin-settings .demo .ref, .admin-settings .demo .reffer, .admin-settings .demo .sankou, .admin-settings .demo .badge-red, .admin-settings .demo .badge-pink, .admin-settings .demo .badge-purple, .admin-settings .demo .badge-blue, .admin-settings .demo .badge-green, .admin-settings .demo .badge-yellow, .admin-settings .demo .badge-brown, .admin-settings .demo .badge-grey { color: #fff; padding: 1px 5px 0; border-radius: 2px; font-size: 12px; }
.admin-settings .demo .badge, .admin-settings .demo .ref, .admin-settings .demo .reffer, .admin-settings .demo .sankou { background-color: #f39800; }
.admin-settings .demo .badge-red { background-color: #e60033; }
.admin-settings .demo .badge-pink { background-color: #e95295; }
.admin-settings .demo .badge-purple { background-color: #884898; }
.admin-settings .demo .badge-blue { background-color: #0095d9; }
.admin-settings .demo .badge-green { background-color: #3eb370; }
.admin-settings .demo .badge-yellow { background-color: #ffd900; }
.admin-settings .demo .badge-brown { background-color: #954e2a; }
.admin-settings .demo .badge-grey { background-color: #949495; }
.admin-settings .demo .bold { font-weight: bold; }
.admin-settings .demo .red { color: #e60033; }
.admin-settings .demo .bold-red { font-weight: bold; color: #e60033; }
.admin-settings .demo .blue { color: #0095d9; }
.admin-settings .demo .bold-blue { font-weight: bold; color: #0095d9; }
.admin-settings .demo .green { color: #3eb370; }
.admin-settings .demo .bold-green { font-weight: bold; color: #3eb370; }
.admin-settings .demo .red-under { border-bottom: 2px solid red; }
.admin-settings .demo .marker { background-color: #ff9; }
.admin-settings .demo .marker-red { background-color: #ffd0d1; }
.admin-settings .demo .marker-blue { background-color: #a5d7f9; }
.admin-settings .demo .marker-under { background: linear-gradient(transparent 60%, #ff6 60%); }
.admin-settings .demo .marker-under-red { background: linear-gradient(transparent 60%, #ffb6b9 60%); }
.admin-settings .demo .marker-under-blue { background: linear-gradient(transparent 60%, #a8dafb 60%); }
.admin-settings .demo .strike { text-decoration: line-through; }
.admin-settings .demo .keyboard-key { background-color: #f9f9f9; background-image: -moz-linear-gradient(center top, #eee, #f9f9f9, #eee); border: 1px solid #777; border-radius: 2px; box-shadow: 1px 2px 2px #ddd; font-family: inherit; font-size: 0.85em; padding: 1px 3px; }
.admin-settings .demo .primary-box, .admin-settings .demo .sp-primary, .admin-settings .demo .primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .success-box, .admin-settings .demo .sp-success, .admin-settings .demo .success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .info-box, .admin-settings .demo .sp-info, .admin-settings .demo .info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .warning-box, .admin-settings .demo .sp-warning, .admin-settings .demo .warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .danger-box, .admin-settings .demo .sp-danger, .admin-settings .demo .danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .secondary-box { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .light-box { color: #818182; background-color: #fefefe; border-color: #fdfdfe; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .dark-box { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .information-box, .admin-settings .demo .question-box, .admin-settings .demo .alert-box, .admin-settings .demo .information, .admin-settings .demo .question, .admin-settings .demo .alert, .admin-settings .demo .memo-box, .admin-settings .demo .comment-box, .admin-settings .demo .common-icon-box { padding: 20px 20px 20px 72px; border-radius: 4px; position: relative; display: block; margin-top: 1em; margin-bottom: 1em; }
.admin-settings .demo .block-box p:first-of-type { margin-top: 0; }
.admin-settings .demo .block-box p:last-of-type { margin-bottom: 0; }
.admin-settings .demo .block-box ol, .admin-settings .demo .block-box ul { margin: 0; }
.admin-settings .demo .information-box, .admin-settings .demo .information { background: #f3fafe; border: 1px solid #bde4fc; }
.admin-settings .demo .question-box, .admin-settings .demo .question { background: #fff7cc; border: 1px solid #ffe766; }
.admin-settings .demo .alert-box, .admin-settings .demo .alert { background: #fdf2f2; border: 1px solid #f6b9b9; }
.admin-settings .demo .memo-box { background: #ebf8f4; border: 1px solid #8dd7c1; }
.admin-settings .demo .comment-box { background: #fefefe; border: 1px solid #ccd; }
.admin-settings .demo .ok-box { background: #f2fafb; border: 1px solid #3cb2cc; }
.admin-settings .demo .ng-box { background: #ffe7e7; border: 1px solid #dd5454; }
.admin-settings .demo .good-box { background: #f7fcf7; border: 1px solid #98e093; }
.admin-settings .demo .bad-box { background: #fff1f4; border: 1px solid #eb6980; }
.admin-settings .demo .profile-box { background: #fefefe; border: 1px solid #ccd; }
.admin-settings .demo .information-box::before, .admin-settings .demo .question-box::before, .admin-settings .demo .alert-box::before, .admin-settings .demo .information::before, .admin-settings .demo .question::before, .admin-settings .demo .alert::before, .admin-settings .demo .memo-box::before, .admin-settings .demo .comment-box::before, .admin-settings .demo .common-icon-box::before { font-family: "FontAwesome"; font-size: 42px; position: absolute; top: -13px; left: 13px; padding-right: .15em; line-height: 1em; top: 50%; margin-top: -.5em; width: 44px; text-align: center; }
.admin-settings .demo .information-box::before, .admin-settings .demo .information::before { content: '\f05a'; color: #87cefa; border-right: 1px solid #bde4fc; }
.admin-settings .demo .question-box::before, .admin-settings .demo .question::before { content: '\f059'; color: gold; border-right: 1px solid #ffe766; }
.admin-settings .demo .alert-box::before, .admin-settings .demo .alert::before { content: '\f06a'; color: #f3aca9; border-right: 1px solid #f6b9b9; }
.admin-settings .demo .memo-box::before { content: '\f040'; color: #7ad0b6; border-right: 1px solid #8dd7c1; font-size: 36px; }
.admin-settings .demo .comment-box::before, .admin-settings .demo .profile-box::before { content: '\f0e5'; color: #999; border-right: 1px solid #ccd; font-size: 36px; }
.admin-settings .demo .profile-box::before { content: '\f007'; }
.admin-settings .demo .ok-box::before { content: '\f10c'; color: #3cb2cc; border-right: 1px solid #3cb2cc; font-size: 36px; }
.admin-settings .demo .ng-box::before { content: '\f00d'; color: #dd5454; border-right: 1px solid #dd5454; font-size: 36px; }
.admin-settings .demo .good-box::before { content: '\f164'; color: #98e093; border-right: 1px solid #98e093; font-size: 36px; }
.admin-settings .demo .bad-box::before { content: '\f165'; color: #eb6980; border-right: 1px solid #eb6980; font-size: 36px; }
.admin-settings .demo #wpadminbar .alert::before { display: none; }
@media screen and (max-width: 440px) { .admin-settings .demo .information-box, .admin-settings .demo .question-box, .admin-settings .demo .alert-box, .admin-settings .demo .information, .admin-settings .demo .question, .admin-settings .demo .alert, .admin-settings .demo .memo-box, .admin-settings .demo .comment-box, .admin-settings .demo .common-icon-box { padding: 26px 6px 6px; }
  .admin-settings .demo .information-box::before, .admin-settings .demo .question-box::before, .admin-settings .demo .alert-box::before, .admin-settings .demo .information::before, .admin-settings .demo .question::before, .admin-settings .demo .alert::before, .admin-settings .demo .memo-box::before, .admin-settings .demo .comment-box::before, .admin-settings .demo .common-icon-box::before { padding: 0; top: 0.7em; left: 50%; margin-left: -0.5em; font-size: 18px; border: none; width: auto; }
  .admin-settings .demo .container .blank-box { margin-left: 0; margin-right: 0; } }
.admin-settings .demo .blank-box { border: 3px solid #949495; padding: 1.2em 1em; margin: 1em 2%; border-radius: 4px; }
.admin-settings .demo .blank-box ol, .admin-settings .demo .blank-box ul { margin: 0; }
.admin-settings .demo .blank-box.bb-red { border-color: #e60033; }
.admin-settings .demo .blank-box.bb-pink { border-color: #e95295; }
.admin-settings .demo .blank-box.bb-purple { border-color: #884898; }
.admin-settings .demo .blank-box.bb-blue { border-color: #0095d9; }
.admin-settings .demo .blank-box.bb-green { border-color: #3eb370; }
.admin-settings .demo .blank-box.bb-orange { border-color: #f39800; }
.admin-settings .demo .blank-box.bb-yellow { border-color: #ffd900; }
.admin-settings .demo .blank-box.bb-brown { border-color: #954e2a; }
.admin-settings .demo .blank-box.bb-grey { border-color: #949495; }
.admin-settings .demo .blank-box.bb-black { border-color: #333; }
.admin-settings .demo .blank-box.bb-deep { border-color: #55295b; }
.admin-settings .demo .blank-box.bb-indigo { border-color: #1e50a2; }
.admin-settings .demo .blank-box.bb-light-blue { border-color: #2ca9e1; }
.admin-settings .demo .blank-box.bb-cyan { border-color: #00a3af; }
.admin-settings .demo .blank-box.bb-teal { border-color: #007b43; }
.admin-settings .demo .blank-box.bb-light-green { border-color: #8bc34a; }
.admin-settings .demo .blank-box.bb-lime { border-color: #c3d825; }
.admin-settings .demo .blank-box.bb-amber { border-color: #ffc107; }
.admin-settings .demo .blank-box.bb-deep-orange { border-color: #ea5506; }
.admin-settings .demo .blank-box.bb-white { border-color: #fff; }
.admin-settings .demo .blank-box.bb-tab { position: relative; margin-top: 2em; border-top-left-radius: 0; }
.admin-settings .demo .blank-box.bb-tab .bb-label { background-color: #949495; font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif; position: absolute; font-size: 13px; top: -1.8em; line-height: 1.8; color: #fff; left: -3px; border-radius: 6px 6px 0 0; padding: 0 1em 0 .8em; }
.admin-settings .demo .blank-box.bb-tab .bb-label .fa { margin-right: 6px; }
.admin-settings .demo .blank-box.bb-tab.bb-red .bb-label { background-color: #e60033; }
.admin-settings .demo .blank-box.bb-tab.bb-pink .bb-label { background-color: #e95295; }
.admin-settings .demo .blank-box.bb-tab.bb-purple .bb-label { background-color: #884898; }
.admin-settings .demo .blank-box.bb-tab.bb-blue .bb-label { background-color: #0095d9; }
.admin-settings .demo .blank-box.bb-tab.bb-green .bb-label { background-color: #3eb370; }
.admin-settings .demo .blank-box.bb-tab.bb-orange .bb-label { background-color: #f39800; }
.admin-settings .demo .blank-box.bb-tab.bb-yellow .bb-label { background-color: #ffd900; }
.admin-settings .demo .blank-box.bb-tab.bb-brown .bb-label { background-color: #954e2a; }
.admin-settings .demo .blank-box.bb-tab.bb-grey .bb-label { background-color: #949495; }
.admin-settings .demo .blank-box.bb-tab.bb-black .bb-label { background-color: #333; }
.admin-settings .demo .blank-box.bb-tab.bb-deep .bb-label { background-color: #55295b; }
.admin-settings .demo .blank-box.bb-tab.bb-indigo .bb-label { background-color: #1e50a2; }
.admin-settings .demo .blank-box.bb-tab.bb-light-blue .bb-label { background-color: #2ca9e1; }
.admin-settings .demo .blank-box.bb-tab.bb-cyan .bb-label { background-color: #00a3af; }
.admin-settings .demo .blank-box.bb-tab.bb-teal .bb-label { background-color: #007b43; }
.admin-settings .demo .blank-box.bb-tab.bb-light-green .bb-label { background-color: #8bc34a; }
.admin-settings .demo .blank-box.bb-tab.bb-lime .bb-label { background-color: #c3d825; }
.admin-settings .demo .blank-box.bb-tab.bb-amber .bb-label { background-color: #ffc107; }
.admin-settings .demo .blank-box.bb-tab.bb-deep-orange .bb-label { background-color: #ea5506; }
.admin-settings .demo .blank-box.bb-tab.bb-white .bb-label { background-color: #fff; }
.admin-settings .demo .blank-box.sticky { border-width: 0 0 0 6px; border-color: #777; background-color: #f3f4f5; }
.admin-settings .demo .blank-box.sticky.st-yellow { border-color: #FFA103; background-color: #ffeac7; }
.admin-settings .demo .blank-box.sticky.st-red { border-color: #CD3740; background-color: #F5DADC; }
.admin-settings .demo .blank-box.sticky.st-blue { border-color: #0066cc; background-color: #E5F2FF; }
.admin-settings .demo .blank-box.sticky.st-green { border-color: #028760; background-color: #CBEFE4; }
.admin-settings .demo .bb-check .fa::before { content: ""; }
.admin-settings .demo .bb-check .bb-label::after { content: "CHECK"; }
.admin-settings .demo .bb-comment .fa::before { content: ""; }
.admin-settings .demo .bb-comment .bb-label::after { content: "COMMENT"; }
.admin-settings .demo .bb-point .fa::before { content: ""; }
.admin-settings .demo .bb-point .bb-label::after { content: "POINT"; }
.admin-settings .demo .bb-tips .fa::before { content: ""; }
.admin-settings .demo .bb-tips .bb-label::after { content: "TIPS"; }
.admin-settings .demo .bb-hint .fa::before { content: ""; }
.admin-settings .demo .bb-hint .bb-label::after { content: "HINT"; }
.admin-settings .demo .bb-pickup .fa::before { content: ""; }
.admin-settings .demo .bb-pickup .bb-label::after { content: "PICKUP"; }
.admin-settings .demo .bb-bookmark .fa::before { content: ""; }
.admin-settings .demo .bb-bookmark .bb-label::after { content: "BOOKMARK"; }
.admin-settings .demo .bb-memo .fa::before { content: ""; }
.admin-settings .demo .bb-memo .bb-label::after { content: "MEMO"; }
.admin-settings .demo .bb-download .fa::before { content: ""; }
.admin-settings .demo .bb-download .bb-label::after { content: "DOWNLOAD"; }
.admin-settings .demo .bb-break .fa::before { content: ""; }
.admin-settings .demo .bb-break .bb-label::after { content: "BREAK"; }
.admin-settings .demo .bb-amazon .fa::before { content: ""; }
.admin-settings .demo .bb-amazon .bb-label::after { content: "AMAZON"; }
.admin-settings .demo .bb-ok .fa::before { content: ""; }
.admin-settings .demo .bb-ok .bb-label::after { content: "OK"; }
.admin-settings .demo .bb-ng .fa::before { content: ""; }
.admin-settings .demo .bb-ng .bb-label::after { content: "NG"; }
.admin-settings .demo .bb-good .fa::before { content: ""; }
.admin-settings .demo .bb-good .bb-label::after { content: "GOOD"; }
.admin-settings .demo .bb-bad .fa::before { content: ""; }
.admin-settings .demo .bb-bad .bb-label::after { content: "BAD"; }
.admin-settings .demo .bb-profile .fa::before { content: ""; }
.admin-settings .demo .bb-profile .bb-label::after { content: "PROFILE"; }
.admin-settings .demo .container .search-form { margin: 3em 0; }
.admin-settings .demo .search-form > div { border: 1px solid #555; border-radius: 2px; padding: 5px; margin-left: 10px; display: inline-block; }
.admin-settings .demo .search-form div.sform { min-width: 280px; background-color: #fff; }
.admin-settings .demo .search-form div.sbtn { background-color: #1155EE; color: #fff; padding-left: 20px; padding-right: 30px; position: absolute; }
.admin-settings .demo .search-form div.sbtn:before { content: "\f002"; font-family: FontAwesome; margin-right: 7px; }
.admin-settings .demo .search-form div.sbtn:after { content: "\f25a"; font-family: FontAwesome; color: #000; position: absolute; bottom: -1.4em; font-size: 25px; }
@media screen and (max-width: 450px) { .admin-settings .demo .search-form div { padding: 3px 5px; font-size: 75%; }
  .admin-settings .demo .search-form div.sform { min-width: 180px; }
  .admin-settings .demo .search-form div.sbtn { padding-left: 5px; padding-right: 10px; }
  .admin-settings .demo .search-form div.sbtn:after { font-size: 20px; margin-left: -10px; } }
.admin-settings .demo .btn-wrap { min-height: 2em; margin: 1.6em 0; }
.admin-settings .demo .btn-wrap img[width="1"] { position: absolute; bottom: 0; right: 0; }
.admin-settings .demo .btn, .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .btn-wrap > a, .admin-settings .demo .wp-block-freeform .btn-wrap > a { color: #fff; background-color: #32373c; font-weight: bold; border-radius: 4px; display: inline-block; cursor: pointer; line-height: normal; padding: 8px 1em; text-decoration: none; text-align: center; font-size: 14px; border: 2px solid transparent; position: relative; }
.admin-settings .demo .btn amp-img, .admin-settings .demo .ranking-item-link-buttons a amp-img, .admin-settings .demo .btn-wrap > a amp-img, .admin-settings .demo .wp-block-freeform .btn-wrap > a amp-img { position: absolute; }
.admin-settings .demo .btn:before, .admin-settings .demo .ranking-item-link-buttons a:before, .admin-settings .demo .btn:after, .admin-settings .demo .ranking-item-link-buttons a:after, .admin-settings .demo .btn-wrap > a:before, .admin-settings .demo .btn-wrap > a:after { font-family: FontAwesome; margin-right: 12px; transition: all .2s ease; }
.admin-settings .demo .btn-m, .admin-settings .demo .btn-wrap.btn-wrap-m > a { padding: 14px 45px; font-size: 16px; }
.admin-settings .demo .btn-l, .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .btn-wrap.btn-wrap-l > a { padding: 14px 20px; font-size: 18px; margin: 1em; display: flex; justify-content: center; align-items: center; }
.admin-settings .demo .btn-l::after, .admin-settings .demo .ranking-item-link-buttons a::after, .admin-settings .demo .btn-wrap.btn-wrap-l > a::after { content: "\f105"; position: absolute; right: 0; font-size: 20px; }
.admin-settings .demo .btn:hover, .admin-settings .demo .ranking-item-link-buttons a:hover, .admin-settings .demo .btn-wrap > a:hover { opacity: 0.7; color: #fff; transition: all 0.7s; }
.admin-settings .demo .btn:hover::after, .admin-settings .demo .ranking-item-link-buttons a:hover::after, .admin-settings .demo .btn-wrap > a:hover::after { right: -4px; transition: all 0.7s; }
.admin-settings .demo .btn-l.btn-circle::after, .admin-settings .demo .ranking-item-link-buttons a.btn-circle::after, .admin-settings .demo .btn-wrap.btn-wrap-l.btn-wrap-circle > a::after { right: 8px; }
.admin-settings .demo .btn-l.btn-circle:hover::after, .admin-settings .demo .ranking-item-link-buttons a.btn-circle:hover::after, .admin-settings .demo .btn-wrap.btn-wrap-l.btn-wrap-circle > a:hover::after { right: 4px; }
.admin-settings .demo .btn-shine, .admin-settings .demo .btn-wrap-shine > a { overflow: hidden; }
.admin-settings .demo .btn-shine:before, .admin-settings .demo .btn-wrap-shine > a:before { animation: shine 3s ease-in-out infinite; background-color: #fff; content: " "; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; transform: rotate(45deg); width: 30px; }
.admin-settings .demo .btn-circle, .admin-settings .demo .btn-wrap-circle > a { border-radius: 99px; }
.admin-settings .demo .btn-white, .admin-settings .demo .btn-wrap.btn-wrap-white > a { color: #333; background-color: #fff; }
.admin-settings .demo #container .btn-white:hover, .admin-settings .demo #container .btn-wrap.btn-wrap-white > a:hover { color: #333; }
.admin-settings .demo .btn-red, .admin-settings .demo .ranking-item-link a, .admin-settings .demo .btn-wrap.btn-wrap-red > a { background-color: #e60033; }
.admin-settings .demo .btn-pink, .admin-settings .demo .btn-wrap.btn-wrap-pink > a { background-color: #e95295; }
.admin-settings .demo .btn-purple, .admin-settings .demo .btn-wrap.btn-wrap-purple > a { background-color: #884898; }
.admin-settings .demo .btn-deep, .admin-settings .demo .btn-wrap.btn-wrap-deep > a { background-color: #55295b; }
.admin-settings .demo .btn-indigo, .admin-settings .demo .btn-wrap.btn-wrap-indigo > a { background-color: #1e50a2; }
.admin-settings .demo .btn-blue, .admin-settings .demo .ranking-item-detail a, .admin-settings .demo .btn-wrap.btn-wrap-blue > a { background-color: #0095d9; }
.admin-settings .demo .btn-light-blue, .admin-settings .demo .btn-wrap.btn-wrap-light-blue > a { background-color: #2ca9e1; }
.admin-settings .demo .btn-cyan, .admin-settings .demo .btn-wrap.btn-wrap-cyan > a { background-color: #00a3af; }
.admin-settings .demo .btn-teal, .admin-settings .demo .btn-wrap.btn-wrap-teal > a { background-color: #007b43; }
.admin-settings .demo .btn-green, .admin-settings .demo .btn-wrap.btn-wrap-green > a { background-color: #3eb370; }
.admin-settings .demo .btn-light-green, .admin-settings .demo .btn-wrap.btn-wrap-light-green > a { background-color: #8bc34a; }
.admin-settings .demo .btn-lime, .admin-settings .demo .btn-wrap.btn-wrap-lime > a { background-color: #c3d825; }
.admin-settings .demo .btn-yellow, .admin-settings .demo .btn-wrap.btn-wrap-yellow > a { background-color: #ffd900; }
.admin-settings .demo .btn-amber, .admin-settings .demo .btn-wrap.btn-wrap-amber > a { background-color: #ffc107; }
.admin-settings .demo .btn-orange, .admin-settings .demo .btn-wrap.btn-wrap-orange > a { background-color: #f39800; }
.admin-settings .demo .btn-deep-orange, .admin-settings .demo .btn-wrap.btn-wrap-deep-orange > a { background-color: #ea5506; }
.admin-settings .demo .btn-brown, .admin-settings .demo .btn-wrap.btn-wrap-brown > a { background-color: #954e2a; }
.admin-settings .demo .btn-grey, .admin-settings .demo .btn-wrap.btn-wrap-grey > a { background-color: #949495; }
.admin-settings .demo .btn-blue-grey, .admin-settings .demo .btn-wrap.btn-wrap-blue-grey > a { background-color: #607d8b; }
.admin-settings .demo .btn-black, .admin-settings .demo .btn-wrap.btn-wrap-black > a { background-color: #333; }
.admin-settings .demo .btn-arrow-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-right > a:before { content: "\f061"; }
.admin-settings .demo .btn-chevron-right:before, .admin-settings .demo .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f054"; }
.admin-settings .demo .btn-angle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-angle-right > a:before { content: "\f105"; }
.admin-settings .demo .btn-caret-right:before, .admin-settings .demo .btn-wrap.btn-wrap-caret-right > a:before { content: "\f0da"; }
.admin-settings .demo .btn-long-arrow-right:before, .admin-settings .demo .btn-wrap.btn-wrap-long-arrow-right > a:before { content: "\f178"; }
.admin-settings .demo .btn-chevron-circle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f138"; }
.admin-settings .demo .btn-angle-double-right:before, .admin-settings .demo .btn-wrap.btn-wrap-angle-double-right > a:before { content: "\f101"; }
.admin-settings .demo .btn-arrow-circle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-circle-right > a:before { content: "\f0a9"; }
.admin-settings .demo .btn-hand-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-hand-o-right > a:before { content: "\f0a4"; }
.admin-settings .demo .btn-arrow-circle-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-circle-o-right > a:before { content: "\f18e"; }
.admin-settings .demo .btn-caret-square-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-caret-square-o-right > a:before { content: "\f152"; }
.admin-settings .demo .micro-copy.alignleft { float: none; margin-right: 0; text-align: left; }
.admin-settings .demo .micro-copy.alignright { float: none; margin-left: 0; text-align: right; }
.admin-settings .demo .micro-copy.aligncenter { text-align: center; }
.admin-settings .demo .micro-top { font-size: 0.8em; margin-bottom: -1.2em; margin-top: 1em; }
.admin-settings .demo .micro-bottom { font-size: 0.8em; margin-top: -1.2em; margin-bottom: 1em; }
.admin-settings .demo .micro-center { text-align: center; }
.admin-settings .demo .micro-right { text-align: right; }
.admin-settings .demo .micro-balloon { position: relative; background: #fff; border: 1px solid #999; border-radius: 4px; padding: 3px 12px; display: table; font-size: 0.8em; }
.admin-settings .demo .micro-balloon.has-background { color: #fff; }
.admin-settings .demo .micro-balloon:after, .admin-settings .demo .micro-balloon:before { top: calc(100% - 1px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .micro-balloon:after { border-top-color: #fff; border-width: 7px; margin-left: -7px; }
.admin-settings .demo .micro-balloon:before { border-top-color: #999; border-width: 8px; margin-left: -8px; }
.admin-settings .demo .micro-balloon-center { margin-left: auto; margin-right: auto; }
.admin-settings .demo .micro-balloon-right { margin-left: auto; }
.admin-settings .demo .micro-bottom.micro-balloon { margin-top: -.5em; }
.admin-settings .demo .micro-bottom.micro-balloon:after, .admin-settings .demo .micro-bottom.micro-balloon:before { bottom: calc(100% - 1px); top: auto; }
.admin-settings .demo .micro-bottom.micro-balloon:after { border-bottom-color: #fff; border-top-color: transparent; }
.admin-settings .demo .micro-bottom.micro-balloon:before { border-bottom-color: #999; border-top-color: transparent; }
.admin-settings .demo .micro-icon { margin-right: 6px; }
.admin-settings .demo .micro-copy.alignleft, .admin-settings .demo .micro-copy.alignright { float: none; }
.admin-settings .demo .micro-copy.alignright { margin-left: auto; }
.admin-settings .demo .mc-circle { border-radius: 2em; }
.admin-settings .demo .mc-red { background-color: #e60033; color: #fff; border: none; }
.admin-settings .demo .mc-red.micro-bottom::after { border-bottom-color: #e60033; border-top-color: transparent; }
.admin-settings .demo .mc-red::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-red::after { border-top-color: #e60033; }
.admin-settings .demo .mc-pink { background-color: #e95295; color: #fff; border: none; }
.admin-settings .demo .mc-pink.micro-bottom::after { border-bottom-color: #e95295; border-top-color: transparent; }
.admin-settings .demo .mc-pink::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-pink::after { border-top-color: #e95295; }
.admin-settings .demo .mc-purple { background-color: #884898; color: #fff; border: none; }
.admin-settings .demo .mc-purple.micro-bottom::after { border-bottom-color: #884898; border-top-color: transparent; }
.admin-settings .demo .mc-purple::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-purple::after { border-top-color: #884898; }
.admin-settings .demo .mc-blue { background-color: #0095d9; color: #fff; border: none; }
.admin-settings .demo .mc-blue.micro-bottom::after { border-bottom-color: #0095d9; border-top-color: transparent; }
.admin-settings .demo .mc-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-blue::after { border-top-color: #0095d9; }
.admin-settings .demo .mc-green { background-color: #3eb370; color: #fff; border: none; }
.admin-settings .demo .mc-green.micro-bottom::after { border-bottom-color: #3eb370; border-top-color: transparent; }
.admin-settings .demo .mc-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-green::after { border-top-color: #3eb370; }
.admin-settings .demo .mc-orange { background-color: #f39800; color: #fff; border: none; }
.admin-settings .demo .mc-orange.micro-bottom::after { border-bottom-color: #f39800; border-top-color: transparent; }
.admin-settings .demo .mc-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-orange::after { border-top-color: #f39800; }
.admin-settings .demo .mc-yellow { background-color: #ffd900; color: #fff; border: none; }
.admin-settings .demo .mc-yellow.micro-bottom::after { border-bottom-color: #ffd900; border-top-color: transparent; }
.admin-settings .demo .mc-yellow::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-yellow::after { border-top-color: #ffd900; }
.admin-settings .demo .mc-brown { background-color: #954e2a; color: #fff; border: none; }
.admin-settings .demo .mc-brown.micro-bottom::after { border-bottom-color: #954e2a; border-top-color: transparent; }
.admin-settings .demo .mc-brown::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-brown::after { border-top-color: #954e2a; }
.admin-settings .demo .mc-grey { background-color: #949495; color: #fff; border: none; }
.admin-settings .demo .mc-grey.micro-bottom::after { border-bottom-color: #949495; border-top-color: transparent; }
.admin-settings .demo .mc-grey::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-grey::after { border-top-color: #949495; }
.admin-settings .demo .mc-black { background-color: #333; color: #fff; border: none; }
.admin-settings .demo .mc-black.micro-bottom::after { border-bottom-color: #333; border-top-color: transparent; }
.admin-settings .demo .mc-black::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-black::after { border-top-color: #333; }
.admin-settings .demo .mc-deep { background-color: #55295b; color: #fff; border: none; }
.admin-settings .demo .mc-deep.micro-bottom::after { border-bottom-color: #55295b; border-top-color: transparent; }
.admin-settings .demo .mc-deep::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-deep::after { border-top-color: #55295b; }
.admin-settings .demo .mc-indigo { background-color: #1e50a2; color: #fff; border: none; }
.admin-settings .demo .mc-indigo.micro-bottom::after { border-bottom-color: #1e50a2; border-top-color: transparent; }
.admin-settings .demo .mc-indigo::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-indigo::after { border-top-color: #1e50a2; }
.admin-settings .demo .mc-light-blue { background-color: #2ca9e1; color: #fff; border: none; }
.admin-settings .demo .mc-light-blue.micro-bottom::after { border-bottom-color: #2ca9e1; border-top-color: transparent; }
.admin-settings .demo .mc-light-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-light-blue::after { border-top-color: #2ca9e1; }
.admin-settings .demo .mc-cyan { background-color: #00a3af; color: #fff; border: none; }
.admin-settings .demo .mc-cyan.micro-bottom::after { border-bottom-color: #00a3af; border-top-color: transparent; }
.admin-settings .demo .mc-cyan::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-cyan::after { border-top-color: #00a3af; }
.admin-settings .demo .mc-teal { background-color: #007b43; color: #fff; border: none; }
.admin-settings .demo .mc-teal.micro-bottom::after { border-bottom-color: #007b43; border-top-color: transparent; }
.admin-settings .demo .mc-teal::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-teal::after { border-top-color: #007b43; }
.admin-settings .demo .mc-light-green { background-color: #8bc34a; color: #fff; border: none; }
.admin-settings .demo .mc-light-green.micro-bottom::after { border-bottom-color: #8bc34a; border-top-color: transparent; }
.admin-settings .demo .mc-light-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-light-green::after { border-top-color: #8bc34a; }
.admin-settings .demo .mc-lime { background-color: #c3d825; color: #fff; border: none; }
.admin-settings .demo .mc-lime.micro-bottom::after { border-bottom-color: #c3d825; border-top-color: transparent; }
.admin-settings .demo .mc-lime::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-lime::after { border-top-color: #c3d825; }
.admin-settings .demo .mc-amber { background-color: #ffc107; color: #fff; border: none; }
.admin-settings .demo .mc-amber.micro-bottom::after { border-bottom-color: #ffc107; border-top-color: transparent; }
.admin-settings .demo .mc-amber::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-amber::after { border-top-color: #ffc107; }
.admin-settings .demo .mc-deep-orange { background-color: #ea5506; color: #fff; border: none; }
.admin-settings .demo .mc-deep-orange.micro-bottom::after { border-bottom-color: #ea5506; border-top-color: transparent; }
.admin-settings .demo .mc-deep-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-deep-orange::after { border-top-color: #ea5506; }
.admin-settings .demo .mc-white { background-color: #fff; color: #fff; border: none; }
.admin-settings .demo .mc-white.micro-bottom::after { border-bottom-color: #fff; border-top-color: transparent; }
.admin-settings .demo .mc-white::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-white::after { border-top-color: #fff; }
.admin-settings .demo .blogcard-label { position: absolute; top: -18px; left: 16px; font-size: 13px; padding: 3px 0.6em; background-color: #333; color: #fff; border-radius: 3px; letter-spacing: 0.7px; display: none; }
.admin-settings .demo .blogcard-label .fa::before { margin-right: 6px; }
.admin-settings .demo .blogcard-type .blogcard-label { display: block; }
.admin-settings .demo .bct-none .blogcard-label { display: none; }
.admin-settings .demo .bct-related .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-related .blogcard-label::after { content: "関連記事"; }
.admin-settings .demo .bct-reference .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-reference .blogcard-label::after { content: "参考記事"; }
.admin-settings .demo .bct-reference-link .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-reference-link .blogcard-label::after { content: "参考リンク"; }
.admin-settings .demo .bct-popular .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-popular .blogcard-label::after { content: "人気記事"; }
.admin-settings .demo .bct-pickup .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-pickup .blogcard-label::after { content: "ピックアップ"; }
.admin-settings .demo .bct-check .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-check .blogcard-label::after { content: "チェック"; }
.admin-settings .demo .bct-together .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-together .blogcard-label::after { content: "あわせて読みたい"; }
.admin-settings .demo .bct-detail .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-detail .blogcard-label::after { content: "詳細はこちら"; }
.admin-settings .demo .bct-official .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-official .blogcard-label::after { content: "公式サイト"; }
.admin-settings .demo .bct-dl .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-dl .blogcard-label::after { content: "ダウンロード"; }
.admin-settings .demo .button-block { float: none; margin: 1em 0; }
.admin-settings .demo .button-block.alignleft { text-align: left; }
.admin-settings .demo .button-block.aligncenter { text-align: center; }
.admin-settings .demo .button-block.alignright { text-align: right; }
.admin-settings .demo .block-box-label { display: flex; }
.admin-settings .demo .block-box-label::before { margin-right: 0.3em; }
.admin-settings .demo .caption-box { margin: 1.2em 0; border: 2px solid #eee; border-radius: 4px; }
.admin-settings .demo .caption-box.has-border-color .box-label { color: #fff; }
.admin-settings .demo .caption-box-label { padding: 0.2em 0.8em; background-color: #eee; }
.admin-settings .demo .caption-box-content { padding: 0.4em 0.8em; }
.admin-settings .demo .cb-red.caption-box { border-color: #e60033; }
.admin-settings .demo .cb-red .caption-box-label { background-color: #e60033; color: #fff; }
.admin-settings .demo .cb-pink.caption-box { border-color: #e95295; }
.admin-settings .demo .cb-pink .caption-box-label { background-color: #e95295; color: #fff; }
.admin-settings .demo .cb-purple.caption-box { border-color: #884898; }
.admin-settings .demo .cb-purple .caption-box-label { background-color: #884898; color: #fff; }
.admin-settings .demo .cb-blue.caption-box { border-color: #0095d9; }
.admin-settings .demo .cb-blue .caption-box-label { background-color: #0095d9; color: #fff; }
.admin-settings .demo .cb-green.caption-box { border-color: #3eb370; }
.admin-settings .demo .cb-green .caption-box-label { background-color: #3eb370; color: #fff; }
.admin-settings .demo .cb-orange.caption-box { border-color: #f39800; }
.admin-settings .demo .cb-orange .caption-box-label { background-color: #f39800; color: #fff; }
.admin-settings .demo .cb-yellow.caption-box { border-color: #ffd900; }
.admin-settings .demo .cb-yellow .caption-box-label { background-color: #ffd900; color: #fff; }
.admin-settings .demo .cb-brown.caption-box { border-color: #954e2a; }
.admin-settings .demo .cb-brown .caption-box-label { background-color: #954e2a; color: #fff; }
.admin-settings .demo .cb-grey.caption-box { border-color: #949495; }
.admin-settings .demo .cb-grey .caption-box-label { background-color: #949495; color: #fff; }
.admin-settings .demo .cb-black.caption-box { border-color: #333; }
.admin-settings .demo .cb-black .caption-box-label { background-color: #333; color: #fff; }
.admin-settings .demo .cb-deep.caption-box { border-color: #55295b; }
.admin-settings .demo .cb-deep .caption-box-label { background-color: #55295b; color: #fff; }
.admin-settings .demo .cb-indigo.caption-box { border-color: #1e50a2; }
.admin-settings .demo .cb-indigo .caption-box-label { background-color: #1e50a2; color: #fff; }
.admin-settings .demo .cb-light-blue.caption-box { border-color: #2ca9e1; }
.admin-settings .demo .cb-light-blue .caption-box-label { background-color: #2ca9e1; color: #fff; }
.admin-settings .demo .cb-cyan.caption-box { border-color: #00a3af; }
.admin-settings .demo .cb-cyan .caption-box-label { background-color: #00a3af; color: #fff; }
.admin-settings .demo .cb-teal.caption-box { border-color: #007b43; }
.admin-settings .demo .cb-teal .caption-box-label { background-color: #007b43; color: #fff; }
.admin-settings .demo .cb-light-green.caption-box { border-color: #8bc34a; }
.admin-settings .demo .cb-light-green .caption-box-label { background-color: #8bc34a; color: #fff; }
.admin-settings .demo .cb-lime.caption-box { border-color: #c3d825; }
.admin-settings .demo .cb-lime .caption-box-label { background-color: #c3d825; color: #fff; }
.admin-settings .demo .cb-amber.caption-box { border-color: #ffc107; }
.admin-settings .demo .cb-amber .caption-box-label { background-color: #ffc107; color: #fff; }
.admin-settings .demo .cb-deep-orange.caption-box { border-color: #ea5506; }
.admin-settings .demo .cb-deep-orange .caption-box-label { background-color: #ea5506; color: #fff; }
.admin-settings .demo .cb-white.caption-box { border-color: #fff; }
.admin-settings .demo .cb-white .caption-box-label { background-color: #fff; color: #fff; }
.admin-settings .demo .tab-caption-box { margin: 1.2em 0; }
.admin-settings .demo .tab-caption-box.block-box.has-background { background-color: transparent; }
.admin-settings .demo .tab-caption-box.has-border-color .box-label { color: #fff; }
.admin-settings .demo .tab-caption-box-label { padding: 0 0.8em; font-size: 0.9em; background-color: #eee; display: inline-block; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.admin-settings .demo .tab-caption-box-content { margin-top: -3px; border: 3px solid #eee; padding: 0.4em 0.8em; border-radius: 8px; border-top-left-radius: 0; }
.admin-settings .demo .tcb-red .tab-caption-box-label { background-color: #e60033; color: #fff; }
.admin-settings .demo .tcb-red .tab-caption-box-content { border-color: #e60033; }
.admin-settings .demo .tcb-pink .tab-caption-box-label { background-color: #e95295; color: #fff; }
.admin-settings .demo .tcb-pink .tab-caption-box-content { border-color: #e95295; }
.admin-settings .demo .tcb-purple .tab-caption-box-label { background-color: #884898; color: #fff; }
.admin-settings .demo .tcb-purple .tab-caption-box-content { border-color: #884898; }
.admin-settings .demo .tcb-blue .tab-caption-box-label { background-color: #0095d9; color: #fff; }
.admin-settings .demo .tcb-blue .tab-caption-box-content { border-color: #0095d9; }
.admin-settings .demo .tcb-green .tab-caption-box-label { background-color: #3eb370; color: #fff; }
.admin-settings .demo .tcb-green .tab-caption-box-content { border-color: #3eb370; }
.admin-settings .demo .tcb-orange .tab-caption-box-label { background-color: #f39800; color: #fff; }
.admin-settings .demo .tcb-orange .tab-caption-box-content { border-color: #f39800; }
.admin-settings .demo .tcb-yellow .tab-caption-box-label { background-color: #ffd900; color: #fff; }
.admin-settings .demo .tcb-yellow .tab-caption-box-content { border-color: #ffd900; }
.admin-settings .demo .tcb-brown .tab-caption-box-label { background-color: #954e2a; color: #fff; }
.admin-settings .demo .tcb-brown .tab-caption-box-content { border-color: #954e2a; }
.admin-settings .demo .tcb-grey .tab-caption-box-label { background-color: #949495; color: #fff; }
.admin-settings .demo .tcb-grey .tab-caption-box-content { border-color: #949495; }
.admin-settings .demo .tcb-black .tab-caption-box-label { background-color: #333; color: #fff; }
.admin-settings .demo .tcb-black .tab-caption-box-content { border-color: #333; }
.admin-settings .demo .tcb-deep .tab-caption-box-label { background-color: #55295b; color: #fff; }
.admin-settings .demo .tcb-deep .tab-caption-box-content { border-color: #55295b; }
.admin-settings .demo .tcb-indigo .tab-caption-box-label { background-color: #1e50a2; color: #fff; }
.admin-settings .demo .tcb-indigo .tab-caption-box-content { border-color: #1e50a2; }
.admin-settings .demo .tcb-light-blue .tab-caption-box-label { background-color: #2ca9e1; color: #fff; }
.admin-settings .demo .tcb-light-blue .tab-caption-box-content { border-color: #2ca9e1; }
.admin-settings .demo .tcb-cyan .tab-caption-box-label { background-color: #00a3af; color: #fff; }
.admin-settings .demo .tcb-cyan .tab-caption-box-content { border-color: #00a3af; }
.admin-settings .demo .tcb-teal .tab-caption-box-label { background-color: #007b43; color: #fff; }
.admin-settings .demo .tcb-teal .tab-caption-box-content { border-color: #007b43; }
.admin-settings .demo .tcb-light-green .tab-caption-box-label { background-color: #8bc34a; color: #fff; }
.admin-settings .demo .tcb-light-green .tab-caption-box-content { border-color: #8bc34a; }
.admin-settings .demo .tcb-lime .tab-caption-box-label { background-color: #c3d825; color: #fff; }
.admin-settings .demo .tcb-lime .tab-caption-box-content { border-color: #c3d825; }
.admin-settings .demo .tcb-amber .tab-caption-box-label { background-color: #ffc107; color: #fff; }
.admin-settings .demo .tcb-amber .tab-caption-box-content { border-color: #ffc107; }
.admin-settings .demo .tcb-deep-orange .tab-caption-box-label { background-color: #ea5506; color: #fff; }
.admin-settings .demo .tcb-deep-orange .tab-caption-box-content { border-color: #ea5506; }
.admin-settings .demo .tcb-white .tab-caption-box-label { background-color: #fff; color: #fff; }
.admin-settings .demo .tcb-white .tab-caption-box-content { border-color: #fff; }
.admin-settings .demo .label-box { margin: 1.2em 0; }
.admin-settings .demo .label-box.block-box.has-background { background-color: transparent; }
.admin-settings .demo .label-box-label { margin-left: 1em; padding: 0 0.8em; font-size: 0.9em; font-weight: bold; text-shadow: #fff 3px 0px 0px, #fff 2px 1px 0px, #fff 2px 2px 0px, #fff 2px 3px 0px, #fff 1px 3px 0px, #fff 0px 3px 0px, #fff -1px 3px 0px, #fff -2px 2px 0px, #fff -3px 1px 0px, #fff -3px 0px 0px, #fff -3px -1px 0px, #fff -3px -2px 0px, #fff -2px -2px 0px, #fff -1px -3px 0px, #fff 0px -3px 0px, #fff 1px -3px 0px, #fff 2px -2px 0px, #fff 2px -2px 0px, #fff 3px -1px 0px; }
.admin-settings .demo .label-box-content { margin-top: -0.9em; border: 3px solid #777; padding: 1em 0.8em 0.4em; border-radius: 8px; }
.admin-settings .demo .lb-red .label-box-content { border-color: #e60033; }
.admin-settings .demo .lb-pink .label-box-content { border-color: #e95295; }
.admin-settings .demo .lb-purple .label-box-content { border-color: #884898; }
.admin-settings .demo .lb-blue .label-box-content { border-color: #0095d9; }
.admin-settings .demo .lb-green .label-box-content { border-color: #3eb370; }
.admin-settings .demo .lb-orange .label-box-content { border-color: #f39800; }
.admin-settings .demo .lb-yellow .label-box-content { border-color: #ffd900; }
.admin-settings .demo .lb-brown .label-box-content { border-color: #954e2a; }
.admin-settings .demo .lb-grey .label-box-content { border-color: #949495; }
.admin-settings .demo .lb-black .label-box-content { border-color: #333; }
.admin-settings .demo .lb-deep .label-box-content { border-color: #55295b; }
.admin-settings .demo .lb-indigo .label-box-content { border-color: #1e50a2; }
.admin-settings .demo .lb-light-blue .label-box-content { border-color: #2ca9e1; }
.admin-settings .demo .lb-cyan .label-box-content { border-color: #00a3af; }
.admin-settings .demo .lb-teal .label-box-content { border-color: #007b43; }
.admin-settings .demo .lb-light-green .label-box-content { border-color: #8bc34a; }
.admin-settings .demo .lb-lime .label-box-content { border-color: #c3d825; }
.admin-settings .demo .lb-amber .label-box-content { border-color: #ffc107; }
.admin-settings .demo .lb-deep-orange .label-box-content { border-color: #ea5506; }
.admin-settings .demo .lb-white .label-box-content { border-color: #fff; }
.admin-settings .demo .toggle-wrap { margin: 1.2em 0; position: relative; }
.admin-settings .demo .toggle-wrap > p { margin: 0; }
.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.7s; overflow: hidden; }
.admin-settings .demo .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background-color: #f3f4f5; border: 2px solid #ccc; text-align: center; border-radius: 4px; position: relative; margin: 0; }
.admin-settings .demo .toggle-button::before { content: '\f067'; font-family: FontAwesome; margin-right: 0.4em; font-size: 0.8em; color: #999; }
.admin-settings .demo .toggle-button:hover { opacity: 0.7; }
.admin-settings .demo .toggle-checkbox { display: none; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-button::before { content: '\f068'; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-content { visibility: visible; opacity: 1; height: 100%; transition: all 0.7s; padding: 1em; border: 2px solid #ccc; border-top-width: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.admin-settings .demo .tb-red .toggle-button { border: 2px solid #e60033; background: #e60033; color: #fff; }
.admin-settings .demo .tb-red .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-red .toggle-checkbox:checked ~ .toggle-content { border-color: #e60033; }
.admin-settings .demo .tb-pink .toggle-button { border: 2px solid #e95295; background: #e95295; color: #fff; }
.admin-settings .demo .tb-pink .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-pink .toggle-checkbox:checked ~ .toggle-content { border-color: #e95295; }
.admin-settings .demo .tb-purple .toggle-button { border: 2px solid #884898; background: #884898; color: #fff; }
.admin-settings .demo .tb-purple .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-purple .toggle-checkbox:checked ~ .toggle-content { border-color: #884898; }
.admin-settings .demo .tb-blue .toggle-button { border: 2px solid #0095d9; background: #0095d9; color: #fff; }
.admin-settings .demo .tb-blue .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #0095d9; }
.admin-settings .demo .tb-green .toggle-button { border: 2px solid #3eb370; background: #3eb370; color: #fff; }
.admin-settings .demo .tb-green .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-green .toggle-checkbox:checked ~ .toggle-content { border-color: #3eb370; }
.admin-settings .demo .tb-orange .toggle-button { border: 2px solid #f39800; background: #f39800; color: #fff; }
.admin-settings .demo .tb-orange .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #f39800; }
.admin-settings .demo .tb-yellow .toggle-button { border: 2px solid #ffd900; background: #ffd900; color: #fff; }
.admin-settings .demo .tb-yellow .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-yellow .toggle-checkbox:checked ~ .toggle-content { border-color: #ffd900; }
.admin-settings .demo .tb-brown .toggle-button { border: 2px solid #954e2a; background: #954e2a; color: #fff; }
.admin-settings .demo .tb-brown .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-brown .toggle-checkbox:checked ~ .toggle-content { border-color: #954e2a; }
.admin-settings .demo .tb-grey .toggle-button { border: 2px solid #949495; background: #949495; color: #fff; }
.admin-settings .demo .tb-grey .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-grey .toggle-checkbox:checked ~ .toggle-content { border-color: #949495; }
.admin-settings .demo .tb-black .toggle-button { border: 2px solid #333; background: #333; color: #fff; }
.admin-settings .demo .tb-black .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-black .toggle-checkbox:checked ~ .toggle-content { border-color: #333; }
.admin-settings .demo .tb-deep .toggle-button { border: 2px solid #55295b; background: #55295b; color: #fff; }
.admin-settings .demo .tb-deep .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-deep .toggle-checkbox:checked ~ .toggle-content { border-color: #55295b; }
.admin-settings .demo .tb-indigo .toggle-button { border: 2px solid #1e50a2; background: #1e50a2; color: #fff; }
.admin-settings .demo .tb-indigo .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-indigo .toggle-checkbox:checked ~ .toggle-content { border-color: #1e50a2; }
.admin-settings .demo .tb-light-blue .toggle-button { border: 2px solid #2ca9e1; background: #2ca9e1; color: #fff; }
.admin-settings .demo .tb-light-blue .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-light-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #2ca9e1; }
.admin-settings .demo .tb-cyan .toggle-button { border: 2px solid #00a3af; background: #00a3af; color: #fff; }
.admin-settings .demo .tb-cyan .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-cyan .toggle-checkbox:checked ~ .toggle-content { border-color: #00a3af; }
.admin-settings .demo .tb-teal .toggle-button { border: 2px solid #007b43; background: #007b43; color: #fff; }
.admin-settings .demo .tb-teal .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-teal .toggle-checkbox:checked ~ .toggle-content { border-color: #007b43; }
.admin-settings .demo .tb-light-green .toggle-button { border: 2px solid #8bc34a; background: #8bc34a; color: #fff; }
.admin-settings .demo .tb-light-green .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-light-green .toggle-checkbox:checked ~ .toggle-content { border-color: #8bc34a; }
.admin-settings .demo .tb-lime .toggle-button { border: 2px solid #c3d825; background: #c3d825; color: #fff; }
.admin-settings .demo .tb-lime .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-lime .toggle-checkbox:checked ~ .toggle-content { border-color: #c3d825; }
.admin-settings .demo .tb-amber .toggle-button { border: 2px solid #ffc107; background: #ffc107; color: #fff; }
.admin-settings .demo .tb-amber .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-amber .toggle-checkbox:checked ~ .toggle-content { border-color: #ffc107; }
.admin-settings .demo .tb-deep-orange .toggle-button { border: 2px solid #ea5506; background: #ea5506; color: #fff; }
.admin-settings .demo .tb-deep-orange .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-deep-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #ea5506; }
.admin-settings .demo .tb-white .toggle-button { border: 2px solid #fff; background: #fff; color: #fff; }
.admin-settings .demo .tb-white .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-white .toggle-checkbox:checked ~ .toggle-content { border-color: #fff; }
.admin-settings .demo .iic-red li::before { color: #e60033; }
.admin-settings .demo .iic-pink li::before { color: #e95295; }
.admin-settings .demo .iic-purple li::before { color: #884898; }
.admin-settings .demo .iic-blue li::before { color: #0095d9; }
.admin-settings .demo .iic-green li::before { color: #3eb370; }
.admin-settings .demo .iic-orange li::before { color: #f39800; }
.admin-settings .demo .iic-yellow li::before { color: #ffd900; }
.admin-settings .demo .iic-brown li::before { color: #954e2a; }
.admin-settings .demo .iic-grey li::before { color: #949495; }
.admin-settings .demo .iic-black li::before { color: #333; }
.admin-settings .demo .iic-deep li::before { color: #55295b; }
.admin-settings .demo .iic-indigo li::before { color: #1e50a2; }
.admin-settings .demo .iic-light-blue li::before { color: #2ca9e1; }
.admin-settings .demo .iic-cyan li::before { color: #00a3af; }
.admin-settings .demo .iic-teal li::before { color: #007b43; }
.admin-settings .demo .iic-light-green li::before { color: #8bc34a; }
.admin-settings .demo .iic-lime li::before { color: #c3d825; }
.admin-settings .demo .iic-amber li::before { color: #ffc107; }
.admin-settings .demo .iic-deep-orange li::before { color: #ea5506; }
.admin-settings .demo .iic-white li::before { color: #fff; }
.admin-settings .demo .column-wrap { display: flex; justify-content: space-between; position: relative; margin: 1em 0; margin: 0; word-break: break-all; }
.admin-settings .demo .column-wrap > div { width: 49.5%; margin: 0; }
.admin-settings .demo .column-wrap > div > *:first-child { margin-top: 0; }
.admin-settings .demo .column-wrap.column-3 > div { width: 32.5%; }
.admin-settings .demo .column-2-3-1-2 .column-left { width: 34%; }
.admin-settings .demo .column-2-3-1-2 .column-right { width: 65%; }
.admin-settings .demo .column-2-3-2-1 .column-left { width: 65%; }
.admin-settings .demo .column-2-3-2-1 .column-right { width: 34%; }
.admin-settings .demo .column-2-4-1-3 .column-left { width: 25%; }
.admin-settings .demo .column-2-4-1-3 .column-right { width: 74%; }
.admin-settings .demo .column-2-4-3-1 .column-left { width: 74%; }
.admin-settings .demo .column-2-4-3-1 .column-right { width: 25%; }
@media (min-width: 600px) { .admin-settings .demo .wp-block-columns { flex-wrap: nowrap; } }
.admin-settings .demo .wp-block-media-text__content { padding: 0 1em; }
.admin-settings .demo .sns-follow-buttons a { width: 100%; margin-right: 8px; margin-bottom: 8px; font-size: 30px; display: flex; align-items: center; align-content: center; justify-content: center; position: relative; }
.admin-settings .demo .sns-follow-buttons a:last-child { margin-right: 0; }
.admin-settings .demo .sns-follow-buttons a .follow-count { font-family: Arial, sans-serif; position: absolute; right: 3px; bottom: 3px; font-size: 12px; line-height: 1; }
.admin-settings .demo .fbc-hide .follow-count { display: none; }
.admin-settings .demo .related-entry-card .cat-label { font-size: 9px; }
.admin-settings .demo .related-entry-heading, .admin-settings .demo .comment-title { margin: 22px 0; font-size: 24px; }
.admin-settings .demo .related-entry-card-content { margin-left: 170px; }
.admin-settings .demo .rect-mini-card .related-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .rect-mini-card .related-entry-card-wrap { width: 49.5%; padding: 7px; }
.admin-settings .demo .rect-mini-card .related-entry-card-thumb { width: 120px; }
.admin-settings .demo .rect-mini-card .related-entry-card-content { margin-left: 130px; }
.admin-settings .demo .rect-mini-card .related-entry-card-title { font-size: 16px; }
.admin-settings .demo .rect-mini-card .related-entry-card-snippet { display: none; }
.admin-settings .demo .rect-vartical-card .related-list { display: flex; flex-wrap: wrap; justify-content: space-around; }
.admin-settings .demo .rect-vartical-card .related-entry-card-wrap { padding: 5px; }
.admin-settings .demo .rect-vartical-card .related-entry-card-thumb { float: none; width: 100%; }
.admin-settings .demo .rect-vartical-card .related-entry-card-thumb img { width: 100%; }
.admin-settings .demo .rect-vartical-card .related-entry-card-content { margin: 0; }
.admin-settings .demo .rect-vartical-card .related-entry-card-title { font-size: 16px; }
.admin-settings .demo .rect-vartical-card-3 .related-entry-card-wrap { width: 33%; }
.admin-settings .demo .rect-vartical-card-4 .related-entry-card-wrap { width: 24.5%; }
.admin-settings .demo .recb-entry-border .related-entry-card-wrap { border: 1px solid #ccc; }
.admin-settings .demo .commets-list { padding: 0; margin: 0; list-style: none; }
.admin-settings .demo .commets-list .avatar { float: right; }
.admin-settings .demo .commets-list .reply { text-align: right; font-size: 0.8em; }
.admin-settings .demo .commets-list .comment-meta { font-size: 0.8em; }
.admin-settings .demo .commets-list .comment-body, .admin-settings .demo .commets-list .st-comment-body { margin-bottom: 1em; }
.admin-settings .demo .commets-list .children { list-style: none; padding-left: 20px; }
.admin-settings .demo .st-comment-id { display: none; }
.admin-settings .demo .st-comment-edit { font-size: 0.8em; margin-left: 6px; }
.admin-settings .demo .st-comment-author .fn { font-weight: bold; }
.admin-settings .demo .comment-form .required { color: red; }
.admin-settings .demo .comment-form .logged-in-as { margin: 0.2em; font-size: 0.8em; }
.admin-settings .demo .comment-area.website-hide .comment-form-url { display: none; }
.admin-settings .demo .comment-reply-link { font-size: 14px; }
.admin-settings .demo .pagination { margin: 24px 0; clear: both; text-align: center; display: inline-flex; justify-content: center; width: 100%; }
.admin-settings .demo .pagination .current { background-color: #eee; }
.admin-settings .demo .pagination a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .page-numbers { color: #333; text-decoration: none; display: inline-block; height: 46px; width: 46px; border: 1px solid #ccc; margin: 0 4px; line-height: 46px; text-align: center; border-radius: 4px; }
.admin-settings .demo .page-numbers span { line-height: inherit; }
.admin-settings .demo .page-numbers.dots { opacity: 0.6; background-color: #f3f4f5; }
.admin-settings .demo .pagination-next-link, .admin-settings .demo .comment-btn { background-color: #f9f9f9; border: 1px solid #ccc; color: #333; display: block; font-size: 1.2em; text-decoration: none; width: 100%; text-align: center; padding: 10px; display: block; }
.admin-settings .demo .pagination-next-link:hover, .admin-settings .demo .comment-btn:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .pager-links { margin: 24px 0; clear: both; text-align: center; }
.admin-settings .demo .pager-links .post-page-numbers { background-color: transparent; }
.admin-settings .demo .pager-links span { background-color: #eee; }
.admin-settings .demo .pager-links a { display: inline-block; }
.admin-settings .demo .pager-links a span { background-color: #fff; }
.admin-settings .demo .pager-links a:hover span { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .pager-prev-next a { width: 30%; margin: 0 4px; }
.admin-settings .demo .pager-prev-next span { width: 100%; margin: 0; }
.admin-settings .demo .pager-post-navi { margin: 38px 0; display: flex; flex-direction: column; }
.admin-settings .demo .pager-post-navi a { padding: 10px; margin: 0; display: inline-flex; align-items: center; line-height: 1.2; font-size: 0.8em; }
.admin-settings .demo .pager-post-navi a .iconfont { font-size: 1.8em; color: #ccc; padding: 8px; }
.admin-settings .demo .pager-post-navi a figure { min-width: 120px; max-width: 120px; }
.admin-settings .demo .pager-post-navi a.prev-post { flex-direction: row; padding-left: 5px; }
.admin-settings .demo .pager-post-navi a.prev-post .prev-post-title { margin-left: 10px; }
.admin-settings .demo .pager-post-navi a.next-post { flex-direction: row-reverse; padding-right: 5px; }
.admin-settings .demo .pager-post-navi a.next-post .next-post-title { margin-right: 10px; }
.admin-settings .demo .pager-post-navi a.prev-next-home { justify-content: center; font-size: 50px; text-align: center; color: #777; }
.admin-settings .demo .post-navi-square a { height: auto; }
.admin-settings .demo .post-navi-default.post-navi-border a { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.admin-settings .demo .post-navi-default.post-navi-border .next-post { border-top-width: 0px; }
.admin-settings .demo .post-navi-default.post-navi-border .next-post:first-child { border-top-width: 1px; }
.admin-settings .demo .pager-post-navi.post-navi-square { flex-direction: row; }
.admin-settings .demo .pager-post-navi.post-navi-square a { width: 50%; }
.admin-settings .demo .post-navi-square.post-navi-border a { border: 1px solid #ccc; }
.admin-settings .demo .post-navi-square.post-navi-border a:last-child { border-left-width: 0px; }
.admin-settings .demo canvas, .admin-settings .demo iframe, .admin-settings .demo video, .admin-settings .demo .fb_iframe_widget, .admin-settings .demo .fb_iframe_widget span { max-width: 100%; }
.admin-settings .demo .overflow-container { overflow-y: scroll; }
.admin-settings .demo .aspect-ratio { height: 0; padding-top: 56.25%; position: relative; }
.admin-settings .demo .aspect-ratio--object { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100; }
.admin-settings .demo .video-container, .admin-settings .demo .instagram-container, .admin-settings .demo .facebook-container { max-width: 640px; margin: 30px 0; }
.admin-settings .demo .video-container .video { position: relative; padding-bottom: 56.25%; margin-top: 30px; height: 0; overflow: hidden; max-width: 100%; }
.admin-settings .demo .instagram-container .instagram, .admin-settings .demo .facebook-container .facebook { position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; }
.admin-settings .demo .video iframe, .admin-settings .demo .video object, .admin-settings .demo .video embed, .admin-settings .demo .instagram iframe, .admin-settings .demo .instagram object, .admin-settings .demo .instagram embed, .admin-settings .demo .facebook iframe, .admin-settings .demo .facebook object, .admin-settings .demo .facebook embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.admin-settings .demo .twitter-video { min-width: 200px !important; }
.admin-settings .demo .instagram-media { position: static !important; min-width: 280px !important; }
.admin-settings .demo .author-box { border: 1px solid #ccc; border-radius: 4px; margin: 1em 0; line-height: 1.4; position: relative; padding: 1.4% 2% 1.8%; }
.admin-settings .demo .author-box p { margin-top: 0.3em; line-height: 1.3; }
.admin-settings .demo .author-box .sns-follow { margin: 0; }
.admin-settings .demo .author-box .sns-follow-message { display: none; }
.admin-settings .demo .author-box .sns-follow-buttons { flex-wrap: wrap; justify-content: flex-start; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button { font-size: 18px; width: 24px; height: 24px; margin-bottom: 4px; margin-right: 4px; background-color: transparent; color: #777; border: 1px solid #ccc; border-radius: 2px; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button:hover { background-color: #fafbfc; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button .follow-count { display: none; }
.admin-settings .demo .author-box .author-name { font-size: 1.1em; font-weight: bold; margin-bottom: 0.4em; }
.admin-settings .demo .author-thumb { float: left; margin-top: 3px; width: 120px; }
.admin-settings .demo .author-content { margin-left: 130px; }
.admin-settings .demo .author-description { margin-bottom: 1em; }
.admin-settings .demo .nwa .author-box { text-align: center; max-width: 336px; padding: 20px; }
.admin-settings .demo .nwa .author-box .author-thumb { float: none; width: 100px; margin: 9px auto 0; }
.admin-settings .demo .nwa .author-box .author-content { margin: 0; }
.admin-settings .demo .nwa .author-box .author-description { text-align: left; }
.admin-settings .demo .nwa .author-box .sns-follow-buttons { display: block; font-size: 1px; font-size: 0; }
.admin-settings .demo .nwa .author-box .sns-follow-buttons a { display: inline-block; margin: 2px; }
.admin-settings .demo .cta-box { background-color: #444; color: #fff; padding: 20px; }
.admin-settings .demo .cta-heading { font-size: 26px; padding: 12px; margin-bottom: 0.2em; font-weight: bold; }
.admin-settings .demo .cta-content { display: block; }
.admin-settings .demo .cta-left-and-right .cta-content, .admin-settings .demo .cta-right-and-left .cta-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.admin-settings .demo .cta-left-and-right .cta-content div, .admin-settings .demo .cta-right-and-left .cta-content div { width: 49%; }
.admin-settings .demo .cta-left-and-right .cta-content .cta-message p:first-child, .admin-settings .demo .cta-right-and-left .cta-content .cta-message p:first-child { margin-top: 0; }
.admin-settings .demo .cta-right-and-left .cta-content { flex-direction: row-reverse; }
.admin-settings .demo .cta-thumb { text-align: center; }
.admin-settings .demo .cta-button { margin-top: 1em; }
.admin-settings .demo .sidebar .cta-box { font-size: 0.8em; }
.admin-settings .demo .sidebar .cta-heading { font-size: 20px; padding: 8px; }
.admin-settings .demo .sidebar .cta-left-and-right .cta-content, .admin-settings .demo .sidebar .cta-right-and-left .cta-content { display: block; }
.admin-settings .demo .sidebar .cta-left-and-right .cta-content div, .admin-settings .demo .sidebar .cta-right-and-left .cta-content div { width: 100%; }
.admin-settings .demo .sidebar .cta-message { margin-top: 1em; }
.admin-settings .demo .sidebar .cta-button .btn-l, .admin-settings .demo .sidebar .cta-button .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .sidebar .cta-button a { padding: 1em; font-size: 16px; }
.admin-settings .demo .speech-wrap { margin-top: 1em; margin-bottom: 1em; display: flex; }
.admin-settings .demo .speech-person { width: 12%; min-width: 12%; }
.admin-settings .demo .speech-icon img, .admin-settings .demo .speech-icon amp-img { border-radius: 50%; border: 2px solid #ccc; width: 100%; }
.admin-settings .demo .speech-name { text-align: center; font-size: 13px; }
.admin-settings .demo div.speech-balloon { height: 100%; position: relative; padding: 10px; background-color: #fff; border: 2px solid #ccc; border-radius: 6px; word-break: break-all; }
.admin-settings .demo div.speech-balloon p { margin: 0; }
.admin-settings .demo .speech-balloon::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: -12px; top: 10px; border-right: 12px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.admin-settings .demo .speech-balloon::after { content: ''; position: absolute; display: block; width: 0; height: 0; left: -9px; top: 10px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.admin-settings .demo .sbp-l { margin-right: 100px; }
.admin-settings .demo .sbp-l .speech-balloon { margin-left: 20px; }
.admin-settings .demo .sbp-r { flex-direction: row-reverse; margin-left: 100px; /* アイコンを右に表示 */ }
.admin-settings .demo .sbp-r .speech-balloon { margin-right: 20px; }
.admin-settings .demo .sbp-r .speech-balloon::before { right: -12px; left: auto; border-left: 12px solid #ccc; border-right: none; }
.admin-settings .demo .sbp-r .speech-balloon::after { right: -9px; left: auto; border-left: 12px solid #fff; border-right: none; }
.admin-settings .demo .sbis-sn .speech-icon-image { border-radius: 0; border-style: none; box-shadow: none; }
.admin-settings .demo .sbis-sb .speech-icon-image { border-radius: 0; }
.admin-settings .demo .sbis-cn .speech-icon-image { border-style: none; box-shadow: none; }
.admin-settings .demo .sbs-flat .speech-balloon { background-color: #f1f1f1; border-color: #f1f1f1; }
.admin-settings .demo .sbs-flat .speech-balloon::before, .admin-settings .demo .sbs-flat .speech-balloon::after { border-right-color: #f1f1f1; border-left-color: #f1f1f1; }
.admin-settings .demo .sbs-line .speech-balloon { border-width: 1px; }
.admin-settings .demo .sbs-line .speech-balloon::after { left: -10px; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon { background-color: #85e249; border-color: #85e249; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon::after { left: auto; right: -10px; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon::before, .admin-settings .demo .sbs-line.sbp-r .speech-balloon::after { border-right-color: #85e249; border-left-color: #85e249; }
.admin-settings .demo div.sbs-think.sbp-l { margin-right: 126px; }
.admin-settings .demo div.sbs-think.sbp-l .speech-balloon { margin-left: 46px; }
.admin-settings .demo div.sbs-think .speech-balloon::before { border: 2px solid #ccc; border-radius: 50%; left: -29px; top: 11px; width: 20px; height: 20px; }
.admin-settings .demo div.sbs-think .speech-balloon::after { border: 2px solid #ccc; border-radius: 50%; left: -44px; top: 25px; width: 10px; height: 10px; }
.admin-settings .demo .sbs-think.sbp-r { margin-left: 126px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon { margin-right: 46px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon::before { left: auto; right: -29px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon::after { left: auto; right: -44px; }
.admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { padding: 22px 25px; width: 96%; margin: 1.6em auto; border: 3px solid #dfdfdf; box-sizing: border-box; position: relative; }
.admin-settings .demo .product-item-box { position: relative; }
.admin-settings .demo .product-item-box::after { content: '\ea87'; font-family: icomoon; position: absolute; bottom: 0; right: 6px; font-size: 24px; color: #ccc; }
.admin-settings .demo .product-item-box .image-thumb img { border: none; box-shadow: none; }
.admin-settings .demo .rakuten-item-box::after { content: '\e903'; font-family: icomoon; }
.admin-settings .demo .product-item-error.cf { display: block; line-height: 1.2; }
.admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 160px; min-width: 160px; margin: 0 auto 1em !important; float: none !important; text-align: center; }
.admin-settings .demo .booklink-image *, .admin-settings .demo .kaerebalink-image *, .admin-settings .demo .tomarebalink-image *, .admin-settings .demo .product-item-thumb * { display: block; }
.admin-settings .demo .booklink-image > a > img, .admin-settings .demo .kaerebalink-image > a > img, .admin-settings .demo .tomarebalink-image > a > img, .admin-settings .demo .product-item-thumb > a > img { margin: 0 auto; }
.admin-settings .demo .image-content { visibility: hidden; position: absolute; z-index: 99; right: 0; top: 0; border: 1px solid #ddd; background-color: #f3f4f5; border-radius: 2px; transition: all .3s ease; opacity: 0; max-width: calc(100% - 160px); }
.admin-settings .demo .image-content img { display: block; }
.admin-settings .demo .image-content amp-img { min-width: 500px; }
.admin-settings .demo .image-thumb:hover > .image-content { visibility: visible; opacity: 1; }
.admin-settings .demo .image-thumb:hover > .image-content:hover { display: none; }
.admin-settings .demo .swatchimages { display: block; display: flex; flex-wrap: wrap; margin-top: 3px; }
.admin-settings .demo .swatchimages > * { border: 1px solid #ccc; margin: 1px; display: flex; align-items: center; justify-content: center; }
.admin-settings .demo .swatchimages > *:hover { box-shadow: 0 0 4px #f79901; }
.admin-settings .demo .swatchimages > * > img { display: block; }
.admin-settings .demo .swatchimages:hover .si-thumb { display: block; display: flex; align-items: center; justify-content: center; }
.admin-settings .demo .pis-l .si-thumb { width: 30px; }
.admin-settings .demo .pis-m .si-thumb { width: 18%; }
.admin-settings .demo .pis-s .si-thumb { width: 30%; }
@media screen and (max-width: 480px) { .admin-settings .demo .pis-m .si-thumb { width: 30%; } }
.admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { line-height: 125%; width: 100%; }
.admin-settings .demo .product-item-snippet { font-size: 0.8em; margin-top: 6px; }
.admin-settings .demo .booklink-powered-date, .admin-settings .demo .kaerebalink-powered-date, .admin-settings .demo .tomarebalink-powered-date { font-size: 12px; }
.admin-settings .demo .booklink-detail, .admin-settings .demo .kaerebalink-detail, .admin-settings .demo .tomarebalink-address { color: #333; font-size: 12px; margin: 0 0 10px; }
.admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { background: none !important; padding: 0 !important; display: block !important; }
.admin-settings .demo .kaerebalink-link1 a, .admin-settings .demo .booklink-link2 a, .admin-settings .demo .tomarebalink-link1 a, .admin-settings .demo .product-item-buttons a { width: 90%; display: block; margin: 0px auto 8px; padding: 10px 0; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; color: #fff; }
.admin-settings .demo .kaerebalink-link1 a:hover, .admin-settings .demo .booklink-link2 a:hover, .admin-settings .demo .tomarebalink-link1 a:hover, .admin-settings .demo .product-item-buttons a:hover { opacity: 0.6; }
.admin-settings .demo .product-item-buttons { margin-top: 1em; }
@media screen and (min-width: 769px) { .admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { text-align: left; display: flex; font-size: inherit !important; }
  .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { vertical-align: top; box-sizing: border-box; min-width: auto !important; }
  .admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { line-height: 125%; vertical-align: top; box-sizing: border-box; padding-left: 25px; width: 100%; }
  .admin-settings .demo .booklink-powered-date, .admin-settings .demo .kaerebalink-powered-date, .admin-settings .demo .tomarebalink-powered-date { margin: 6px 0 0; }
  .admin-settings .demo .booklink-detail, .admin-settings .demo .kaerebalink-detail { margin: 0 0 14px; }
  .admin-settings .demo .booklink-link2, .admin-settings .demo .kaerebalink-link1, .admin-settings .demo .tomarebalink-link1, .admin-settings .demo .product-item-buttons { display: flex; flex-wrap: wrap; }
  .admin-settings .demo .booklink-link2 a, .admin-settings .demo .kaerebalink-link1 a, .admin-settings .demo .tomarebalink-link1 a, .admin-settings .demo .product-item-buttons a { width: auto; text-align: center; border-radius: 3px; }
  .admin-settings .demo .booklink-link2 a img, .admin-settings .demo .kaerebalink-link1 a img, .admin-settings .demo .tomarebalink-link1 a img, .admin-settings .demo .product-item-buttons a img { position: absolute; bottom: 0; right: 0; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: 31.5%; margin: 0.5%; box-sizing: border-box; } }
.admin-settings .demo .shoplinkbtn { position: relative; }
.admin-settings .demo .shoplinkbtn img { position: absolute; }
.admin-settings .demo .shoplinkbtn1 a { background: #192f60; }
.admin-settings .demo .shoplinkbtn2 a { background: #007b43; }
.admin-settings .demo .shoplinkbtn3 a { background: #522f60; }
.admin-settings .demo .shoplinkamazon a { background: #f79901; }
.admin-settings .demo .shoplinkrakuten a { background: #bf0000; }
.admin-settings .demo .shoplinkyahoo a { background: #e60033; position: relative; }
.admin-settings .demo .shoplinkseven a { background: #008837; }
.admin-settings .demo .shoplinkbellemaison a { background: #80bd22; }
.admin-settings .demo .shoplinkcecile a { background: #8d124b; }
.admin-settings .demo .shoplinkkakakucom a { background: #051d93; }
.admin-settings .demo .shoplinkkindle a { background: #0074c1; }
.admin-settings .demo .shoplinkrakukobo a { background: #bf0000; }
.admin-settings .demo .shoplinkbk1 a { background: #0085cd; }
.admin-settings .demo .shoplinkehon a { background: #000066; }
.admin-settings .demo .shoplinkkino a { background: #004097; }
.admin-settings .demo .shoplinktoshokan a { background: #15b0e7; }
.admin-settings .demo .shoplinkjalan a { background: #FF5800; }
.admin-settings .demo .shoplinkjtb a { background: #C71628; }
.admin-settings .demo .shoplinkikyu a { background: #1C4678; }
.admin-settings .demo .shoplinkrurubu a { background: #000066; }
.admin-settings .demo .shoplinkwowma a { background: #FF6100; }
.admin-settings .demo .product-item-admin { position: absolute; bottom: 3px; left: 6px; }
.admin-settings .demo .product-item-admin > * { font-size: 10px; color: #777; margin: 6px; }
.admin-settings .demo .pis-s { padding: 1em; }
.admin-settings .demo .pis-s::after { font-size: 18px; }
.admin-settings .demo .pis-s .product-item-thumb { width: 90px; min-width: 90px; }
.admin-settings .demo .pis-s .product-item-buttons a { padding: 5px 0; }
.admin-settings .demo .pis-l.product-item-box { display: block; }
.admin-settings .demo .pis-l figure.product-item-thumb { width: 100%; min-width: auto; }
.admin-settings .demo .item-price { color: #c9171e; }
.admin-settings .demo .acquired-date { font-size: 0.9em; }
.admin-settings .demo .nwa .booklink-box, .admin-settings .demo .nwa .kaerebalink-box, .admin-settings .demo .nwa .tomarebalink-box, .admin-settings .demo .nwa .product-item-box { padding: 10px 10px 24px; display: block; }
.admin-settings .demo .nwa .booklink-image, .admin-settings .demo .nwa .kaerebalink-image, .admin-settings .demo .nwa .tomarebalink-image, .admin-settings .demo .nwa .product-item-thumb { width: 120px; min-width: 120px; margin-right: 3% !important; float: left !important; height: 100% !important; }
.admin-settings .demo .nwa .booklink-link2, .admin-settings .demo .nwa .kaerebalink-link1, .admin-settings .demo .nwa .tomarebalink-link1, .admin-settings .demo .nwa .product-item-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .nwa .booklink-link2 > *, .admin-settings .demo .nwa .kaerebalink-link1 > *, .admin-settings .demo .nwa .tomarebalink-link1 > *, .admin-settings .demo .nwa .product-item-buttons > * { width: auto; margin: 0 .5% !important; flex: 1 1 auto; }
.admin-settings .demo .nwa .booklink-link2 > * > a, .admin-settings .demo .nwa .kaerebalink-link1 > * > a, .admin-settings .demo .nwa .tomarebalink-link1 > * > a, .admin-settings .demo .nwa .product-item-buttons > * > a { width: auto; font-size: 11px; padding: 6px 0; }
.admin-settings .demo .nwa .product-item-box::after { font-size: 18px; }
.admin-settings .demo .nwa .booklink-image, .admin-settings .demo .nwa .kaerebalink-image, .admin-settings .demo .nwa .tomarebalink-image, .admin-settings .demo .nwa .product-item-thumb { width: 80px; min-width: 80px; }
.admin-settings .demo .nwa .booklink-info, .admin-settings .demo .nwa .kaerebalink-info, .admin-settings .demo .nwa .tomarebalink-info, .admin-settings .demo .nwa .product-item-content { width: auto !important; overflow: visible !important; text-align: center !important; padding: 0 !important; }
.admin-settings .demo .nwa .booklink-link2 > *, .admin-settings .demo .nwa .kaerebalink-link1 > *, .admin-settings .demo .nwa .tomarebalink-link1 > *, .admin-settings .demo .nwa .product-item-buttons > * { width: 49%; margin: 0 .5% !important; }
@media screen and (max-width: 834px) { .admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { padding: 10px 10px 24px; display: block; }
  .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 120px; min-width: 120px; margin-right: 3% !important; float: left !important; height: 100% !important; }
  .admin-settings .demo .booklink-link2, .admin-settings .demo .kaerebalink-link1, .admin-settings .demo .tomarebalink-link1, .admin-settings .demo .product-item-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: auto; margin: 0 .5% !important; flex: 1 1 auto; }
  .admin-settings .demo .booklink-link2 > * > a, .admin-settings .demo .kaerebalink-link1 > * > a, .admin-settings .demo .tomarebalink-link1 > * > a, .admin-settings .demo .product-item-buttons > * > a { width: auto; font-size: 11px; padding: 6px 0; }
  .admin-settings .demo .product-item-box::after { font-size: 18px; } }
@media screen and (max-width: 480px) { .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 80px; min-width: 80px; }
  .admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { width: auto !important; overflow: visible !important; text-align: center !important; padding: 0 !important; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: 49%; margin: 0 .5% !important; } }
.admin-settings .demo .fb-like-box { background-color: #444; color: #fff; display: flex; flex-wrap: nowrap; }
.admin-settings .demo .fb-like-box .fb-like-thumb, .admin-settings .demo .fb-like-box .fb-like-content { width: 100%; }
.admin-settings .demo .fb-like-box img { display: block; width: 100%; height: 100%; }
.admin-settings .demo .fb-like-box .fb_reset { display: none; }
.admin-settings .demo .fb-like-content { display: flex; flex-direction: column; text-align: center; }
.admin-settings .demo .fb-like-content > div { padding-top: 8px; }
.admin-settings .demo .fb-like-message { color: #eee; font-size: 0.9em; }
.admin-settings .demo .fb-like-sub-message { color: #ccc; font-size: 0.7em; margin-bottom: 8px; }
.admin-settings .demo .fb-like-buttons { padding: 0; text-align: center; }
.admin-settings .demo .fb-like-buttons > div { margin: 8px; display: flex; justify-content: center; }
.admin-settings .demo .fb-like-buttons > div > * { height: 100%; }
.admin-settings .demo .fb-like-facebook { margin-bottom: -7px; }
.admin-settings .demo .sidebar .fb-like-box { max-width: 640px; flex-direction: column; }
.admin-settings .demo div.fb-like-mobile { display: none; }
.admin-settings .demo .fb-like-balloon { height: 100px; margin-top: 30px; margin-bottom: 30px; clear: both; }
.admin-settings .demo .fb-like-balloon-thumb { float: left; width: 100px; }
.admin-settings .demo .fb-like-balloon-thumb img { display: block; }
.admin-settings .demo .fb-like-balloon-body { margin-right: 140px; float: none; padding: 10px; font-size: 18px; line-height: 1.3em; height: 100px; overflow: hidden; color: #000; box-sizing: border-box; }
.admin-settings .demo .fb-like-balloon-body::after { content: '\f054'; position: absolute; right: 110px; top: 27px; color: #ccc; font-size: 50px; font-family: FontAwesome; line-height: 100%; }
.admin-settings .demo .fb-like-balloon-button { background-color: #f3f3f3; width: 100px; height: 100px; text-align: center; float: right; padding-top: 27px; box-sizing: border-box; /*  display: -webkit-flex; display:         flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;*/ }
.admin-settings .demo .fb-like-balloon-button iframe { background-color: #fff; }
.admin-settings .demo .fb-like-balloon-arrow-box { float: left; position: relative; border: 1px solid #bbb; margin-left: 12px; width: calc(100% - 114px); border-radius: 5px; background-color: #fff; }
.admin-settings .demo .fb-like-balloon-arrow-box-in { border-radius: 5px; overflow: hidden; }
.admin-settings .demo .fb-like-balloon-arrow-box:after, .admin-settings .demo .fb-like-balloon-arrow-box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .fb-like-balloon-arrow-box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; }
.admin-settings .demo .fb-like-balloon-arrow-box:before { border-color: rgba(221, 221, 221, 0); border-right-color: #bbb; border-width: 11px; margin-top: -11px; }
.admin-settings .demo .sidebar .fb-like-balloon-body::after { display: none; }
.admin-settings .demo .sidebar .fb-like-balloon-body { font-size: 0.8em; padding: 5px; line-height: 1.1em; margin-right: 0; height: 70px; }
.admin-settings .demo .sidebar .fb-like-balloon-button { float: none; width: 100%; height: 30px; display: block; line-height: 24px; padding-top: 0; }
.admin-settings .demo .sidebar div.fb-like-mobile { display: block; }
.admin-settings .demo .sidebar div.fb-like-pc { display: none; }
@media screen and (max-width: 639px) { .admin-settings .demo .fb-like-balloon-body { margin-right: 100px; font-size: 1em; line-height: 1.2em; }
  .admin-settings .demo .fb-like-balloon-body::after { display: none; } }
@media screen and (max-width: 440px) { .admin-settings .demo .fb-like-balloon-body { font-size: 0.8em; padding: 5px; line-height: 1.1em; margin-right: 0; height: 70px; }
  .admin-settings .demo .fb-like-balloon-button { float: none; width: 100%; height: 30px; display: block; padding-top: 0; line-height: 24px; }
  .admin-settings .demo div.fb-like-mobile { display: block; }
  .admin-settings .demo div.fb-like-pc { display: none; } }
.admin-settings .demo .mobile-menu-buttons { background: #fff; box-shadow: 0 0 5px darkgrey; font-size: 19px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0; margin: 0; list-style: none; display: none; align-items: center; line-height: 1.4; min-height: 50px; transition: .3s; }
.admin-settings .demo .mobile-menu-buttons .menu-icon { text-align: center; width: 100%; display: block; }
.admin-settings .demo .mobile-menu-buttons .menu-caption { font-size: 9px; text-align: center; opacity: 0.8; display: block; }
.admin-settings .demo .mobile-menu-buttons .menu-button { position: relative; width: 100%; cursor: pointer; }
.admin-settings .demo .mobile-menu-buttons .menu-button > a { display: block; color: #333; text-decoration: none; }
.admin-settings .demo .mobile-menu-buttons .menu-button:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .mobile-menu-buttons .ad-area { display: none; }
.admin-settings .demo .mobile-menu-buttons .menu-content { cursor: default; }
.admin-settings .demo .mobile-footer-menu-buttons { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.admin-settings .demo .logo-menu-button { text-align: center; font-weight: 900; line-height: 50px; min-width: 200px; overflow: hidden; }
.admin-settings .demo .logo-menu-button img { max-height: 44px; display: block; margin: 0 auto; }
.admin-settings .demo .fa.menu-icon { font: inherit; }
.admin-settings .demo #navi-menu-close, .admin-settings .demo #sidebar-menu-close, .admin-settings .demo #search-menu-close, .admin-settings .demo #share-menu-close, .admin-settings .demo #follow-menu-close { display: none; /*はじめは隠しておく*/ position: fixed; z-index: 99; top: 0; /*全体に広がるように*/ left: 0; width: 100%; height: 100%; background: black; transition: .3s ease-in-out; }
.admin-settings .demo .menu-content { overflow: auto; position: fixed; top: 0; z-index: 9999; /*最前面に*/ width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/ max-width: 400px; /*最大幅（調整してください）*/ height: 100%; background: #fff; /*背景色*/ transition: .3s ease-in-out; /*滑らかに表示*/ opacity: 1; overflow: scroll; -webkit-overflow-scrolling: touch; }
.admin-settings .demo .menu-content .menu-drawer { padding: 0 1em 30px; }
.admin-settings .demo .menu-content .sidebar { width: 100%; display: block; margin: 0; }
.admin-settings .demo .navi-menu-content { left: 0; -webkit-transform: translateX(-105%); transform: translateX(-105%); }
.admin-settings .demo .sidebar-menu-content { right: 0; -webkit-transform: translateX(105%); transform: translateX(105%); }
.admin-settings .demo #slide-in-sidebar { display: block; }
.admin-settings .demo .search-menu-content, .admin-settings .demo .share-menu-content, .admin-settings .demo .follow-menu-content { transition: .3s ease-in-out; position: fixed; top: 40%; z-index: 99; width: 90%; left: 5%; right: 5%; -webkit-transform: translateY(900%); transform: translateY(900%); }
.admin-settings .demo .search-menu-content .search-edit, .admin-settings .demo .share-menu-content .search-edit, .admin-settings .demo .follow-menu-content .search-edit { width: 100%; }
.admin-settings .demo #navi-menu-input:checked ~ #navi-menu-close, .admin-settings .demo #sidebar-menu-input:checked ~ #sidebar-menu-close, .admin-settings .demo #search-menu-input:checked ~ #search-menu-close, .admin-settings .demo #share-menu-input:checked ~ #share-menu-close, .admin-settings .demo #follow-menu-input:checked ~ #follow-menu-close { display: block; /*カバーを表示*/ opacity: .5; }
.admin-settings .demo #navi-menu-input:checked ~ #navi-menu-content, .admin-settings .demo #sidebar-menu-input:checked ~ #sidebar-menu-content, .admin-settings .demo #search-menu-input:checked ~ #search-menu-content, .admin-settings .demo #share-menu-input:checked ~ #share-menu-content, .admin-settings .demo #follow-menu-input:checked ~ #follow-menu-content { -webkit-transform: translateX(0%); transform: translateX(0%); }
.admin-settings .demo .menu-drawer ul { list-style: none; }
.admin-settings .demo .menu-drawer li { display: block; }
.admin-settings .demo .menu-drawer a { color: #333; text-decoration: none; padding: 6px; display: block; }
.admin-settings .demo .menu-drawer a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .menu-drawer .sub-menu { padding-left: 20px; }
.admin-settings .demo .menu-close-button { display: block; cursor: pointer; text-align: center; font-size: 2em; }
.admin-settings .demo .share-menu-content .sns-buttons { justify-content: space-around; }
.admin-settings .demo .share-menu-content .sns-buttons .share-count { color: #fff; }
.admin-settings .demo .share-menu-content .button-caption { display: none; }
.admin-settings .demo .follow-menu-content .sns-buttons { justify-content: space-around; }
.admin-settings .demo .follow-menu-content .sns-buttons a { width: 24%; }
.admin-settings .demo .follow-menu-content .sns-follow-message { display: none; }
.admin-settings .demo .ranking-items { line-height: 1.4; }
.admin-settings .demo .ranking-items p { font-size: 18px; margin-top: 0; }
.admin-settings .demo .ranking-item, .admin-settings .demo .timeline-box { padding: 3%; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; }
.admin-settings .demo .ranking-item img[width="1"], .admin-settings .demo .timeline-box img[width="1"] { position: absolute; bottom: 0; right: 0; }
.admin-settings .demo .ranking-item-name-text { font-size: 24px; font-weight: bold; }
.admin-settings .demo .star::before, .admin-settings .demo .star-half-o::before, .admin-settings .demo .star-o::before { font-family: FontAwesome; }
.admin-settings .demo .star::before { content: '\f005'; }
.admin-settings .demo .star-half-o::before { content: '\f123'; }
.admin-settings .demo .star-o::before { content: '\f006'; }
.admin-settings .demo .ranking-item-name { padding: 3px 2px 6px; }
.admin-settings .demo .rating-star { color: #f5bc55; font-size: 1.2em; }
.admin-settings .demo .rating-number { color: #333; font-size: 0.9em; margin-left: 0.4em; }
.admin-settings .demo .ranking-item-img-desc, .admin-settings .demo .ranking-item-link-buttons { display: flex; }
.admin-settings .demo .ranking-item-img-desc > div, .admin-settings .demo .ranking-item-link-buttons > div { width: 100%; padding: 2px 0; }
.admin-settings .demo .ranking-item-img-desc { margin-top: 6px; }
.admin-settings .demo .ranking-item-name { display: flex; }
.admin-settings .demo .ranking-item-name-crown { margin-right: 10px; }
.admin-settings .demo .ranking-item-name-text { width: 100%; }
.admin-settings .demo .ranking-item-image-tag { max-width: 302px; margin-right: 1em; position: relative; }
.admin-settings .demo .ranking-item-description { width: 100px; position: relative; }
.admin-settings .demo .ranking-item-link-buttons { margin-top: 6px; }
.admin-settings .demo .ranking-item-link-buttons > div { padding: 0 3px; position: relative; }
.admin-settings .demo .ranking-item-link-buttons a { margin: 0 0 8px; }
.admin-settings .demo .g-crown, .admin-settings .demo .s-crown, .admin-settings .demo .c-crown { width: 0; height: 0; border-bottom-style: solid; border-bottom-width: 35px; border-left: 20px solid transparent; border-right: 20px solid transparent; position: relative; }
.admin-settings .demo .g-crown:after, .admin-settings .demo .s-crown:after, .admin-settings .demo .c-crown:after { width: 0; height: 0; border-top: 15px solid transparent; content: ""; position: absolute; top: 0; left: -20px; }
.admin-settings .demo .g-crown-circle, .admin-settings .demo .s-crown-circle, .admin-settings .demo .c-crown-circle { border-radius: 50%; width: 5px; height: 5px; position: absolute; top: -5px; left: -21px; }
.admin-settings .demo .g-crown-circle:before, .admin-settings .demo .s-crown-circle:before, .admin-settings .demo .c-crown-circle:before { border-radius: 50%; width: 5px; height: 5px; content: ""; position: absolute; top: 0; left: 19px; }
.admin-settings .demo .g-crown-circle:after, .admin-settings .demo .s-crown-circle:after, .admin-settings .demo .c-crown-circle:after { border-radius: 50%; width: 5px; height: 5px; content: ""; position: absolute; top: 0; left: 38px; }
.admin-settings .demo .g-crown { border-bottom: 35px solid #bfa930; }
.admin-settings .demo .g-crown:after { border-bottom: 20px solid #ffe973; border-left: 20px solid #ffe973; border-right: 20px solid #ffd700; }
.admin-settings .demo .g-crown-circle { background-color: #a68c00; }
.admin-settings .demo .g-crown-circle:before { background-color: #a68c00; }
.admin-settings .demo .g-crown-circle:after { background-color: #a68c00; }
.admin-settings .demo .s-crown { border-bottom: 35px solid #909090; }
.admin-settings .demo .s-crown:after { border-bottom: 20px solid #e0e0e0; border-left: 20px solid #e0e0e0; border-right: 20px solid silver; }
.admin-settings .demo .s-crown-circle { background-color: #909090; }
.admin-settings .demo .s-crown-circle:before { background-color: #909090; }
.admin-settings .demo .s-crown-circle:after { background-color: #909090; }
.admin-settings .demo .c-crown { border-bottom: 35px solid #69433f; }
.admin-settings .demo .c-crown:after { border-bottom: 20px solid #8c4841; border-left: 20px solid #8c4841; border-right: 20px solid #5b1c15; }
.admin-settings .demo .c-crown-circle { background-color: #69433f; }
.admin-settings .demo .c-crown-circle:before { background-color: #69433f; }
.admin-settings .demo .c-crown-circle:after { background-color: #69433f; }
.admin-settings .demo .widget_item_ranking .main-widget-label { font-size: 23px; padding: 6px; margin: 28px 0 12px; font-weight: bold; }
.admin-settings .demo .footer { margin-top: 20px; padding-top: 10px; }
.admin-settings .demo .copyright { margin-top: 8px; }
.admin-settings .demo .footer-widgets, .admin-settings .demo .footer-widgets-mobile { margin: 10px auto; display: flex; }
.admin-settings .demo .footer-left, .admin-settings .demo .footer-center, .admin-settings .demo .footer-right, .admin-settings .demo .footer-mobile { padding: 10px 16px; }
.admin-settings .demo .footer-left, .admin-settings .demo .footer-center, .admin-settings .demo .footer-right { width: 33.33%; }
.admin-settings .demo .footer-widgets-mobile { display: none; }
.admin-settings .demo .footer-bottom { margin-top: 24px; padding: 8px; position: relative; font-size: 14px; }
.admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-logo { display: none; }
.admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-content { float: none; display: flex; justify-content: space-between; align-items: baseline; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-logo { display: none; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-content { float: none; display: block; text-align: center; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul { justify-content: center; }
.admin-settings .demo .footer-bottom.fnm-text-width .menu-footer li { width: auto; }
.admin-settings .demo .footer-bottom.fnm-text-width .menu-footer li a { padding: 0 10px; }
.admin-settings .demo .footer-bottom-logo { float: left; bottom: 0; position: absolute; }
.admin-settings .demo .footer-bottom-logo .logo-text { padding: 0; }
.admin-settings .demo .footer-bottom-logo .site-name-text { font-size: 18px; padding-bottom: 8px; }
.admin-settings .demo .footer-bottom-logo .logo-image { padding: 0; max-width: 120px; }
.admin-settings .demo .footer-bottom-logo img { height: 50px; width: auto; }
.admin-settings .demo .footer-bottom-content { float: right; text-align: right; }
.admin-settings .demo .go-to-top { position: fixed; display: none; right: 10px; bottom: 10px; z-index: 99999; }
.admin-settings .demo .go-to-top-button { background-color: #eee; color: #333; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 1; border-radius: 5px; font-size: 22px; }
.admin-settings .demo .go-to-top-button:hover { color: #333; }
.admin-settings .demo .go-to-top-button-image { background-color: transparent; padding: 0; max-width: 120px; }
.admin-settings .demo #wpforo-wrap .anchor-icon, .admin-settings .demo .gallery .anchor-icon, .admin-settings .demo .amazonjs_item .anchor-icon, .admin-settings .demo .kaerebalink-box .anchor-icon, .admin-settings .demo .booklink-box .anchor-icon, .admin-settings .demo .tomarebalink-box .anchor-icon, .admin-settings .demo .wpf-sbtn-wrap .anchor-icon, .admin-settings .demo .btn .anchor-icon, .admin-settings .demo .ranking-item-link-buttons a .anchor-icon, .admin-settings .demo .btn-wrap a .anchor-icon, .admin-settings .demo .no-icon .anchor-icon { display: none !important; }
.admin-settings .demo .gallery { margin: auto; }
.admin-settings .demo .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; height: auto; }
.admin-settings .demo .gallery-columns-1 .gallery-item { width: 100%; }
.admin-settings .demo .gallery-columns-2 .gallery-item { width: 50%; }
.admin-settings .demo .gallery-columns-3 .gallery-item { width: 33%; }
.admin-settings .demo .gallery-columns-4 .gallery-item { width: 25%; }
.admin-settings .demo .gallery-columns-5 .gallery-item { width: 20%; }
.admin-settings .demo .gallery-columns-6 .gallery-item { width: 16%; }
.admin-settings .demo .gallery-columns-7 .gallery-item { width: 14%; }
.admin-settings .demo .gallery-columns-8 .gallery-item { width: 12%; }
.admin-settings .demo .gallery-columns-9 .gallery-item { width: 11%; }
.admin-settings .demo .gallery amp-img { border: 2px solid #cfcfcf; }
.admin-settings .demo .gallery br { clear: both; }
.admin-settings .demo .gallery .gallery-item dd { margin: 0; }
.admin-settings .demo .search-box { margin: 1em 0 2em; position: relative; }
.admin-settings .demo .search-edit { font-family: inherit; }
.admin-settings .demo #search-menu-content .search-edit { font-size: 16px; }
.admin-settings .demo .search-submit { position: absolute; right: 0; top: 0; font-size: 20px; cursor: pointer; line-height: 49px; border: none; color: #ccc; padding: 0 8px; background-color: rgba(255, 255, 255, 0); }
.admin-settings .demo .timeline-box { padding: 16px 5px; }
.admin-settings .demo .timeline-box .timeline { list-style: none; padding: 0; margin: 0; }
.admin-settings .demo .timeline-title { font-weight: bold; font-size: 1.1em; text-align: center; }
.admin-settings .demo .timeline > li { margin-bottom: 60px; }
.admin-settings .demo .timeline > li.timeline-item { overflow: hidden; margin: 0; position: relative; }
.admin-settings .demo .timeline-item-label { width: 110px; float: left; padding-top: 18px; text-align: right; padding-right: 1em; font-size: 14px; }
.admin-settings .demo .timeline-item-title { font-weight: bold; }
.admin-settings .demo .timeline-item-content { width: calc(100% - 110px); float: left; padding: .8em 1.4em; border-left: 3px #e5e5d1 solid; }
.admin-settings .demo .timeline-item:before { content: ''; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 105px; top: 24px; border-radius: 100%; }
@media screen and (max-width: 480px) { .admin-settings .demo .timeline-box .timeline { padding-left: 10px; }
  .admin-settings .demo .timeline > li.timeline-item { overflow: visible; border-left: 3px #e5e5d1 solid; }
  .admin-settings .demo .timeline-item-label { width: auto; float: none; text-align: left; padding-left: 16px; }
  .admin-settings .demo .timeline-item-content { width: auto; padding: 8px; float: none; border: none; }
  .admin-settings .demo .timeline-item::before { left: -12px; top: 19px; width: 21px; height: 21px; } }
.admin-settings .demo .ribbon { width: 80px; height: 80px; overflow: hidden; position: absolute; z-index: 1; }
.admin-settings .demo .ribbon:before, .admin-settings .demo .ribbon:after { position: absolute; z-index: 0; content: ''; display: block; border: 4px solid #224963; }
.admin-settings .demo .ribbon span { position: absolute; display: block; width: 185px; padding: 5px 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #fff; font: 700 11px/1 'Lato',sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; text-align: center; }
.admin-settings .demo .ribbon-color-1 span { background-color: #ea7e7e; }
.admin-settings .demo .ribbon-color-2 span { background-color: #7e95ea; }
.admin-settings .demo .ribbon-color-3 span { background-color: #f7c114; }
.admin-settings .demo .ribbon-color-4 span { background-color: #dc669b; }
.admin-settings .demo .ribbon-color-5 span { background-color: #e9546b; }
.admin-settings .demo .ribbon-top-left { top: -3px; left: -9px; }
.admin-settings .demo .ribbon-top-left::before, .admin-settings .demo .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; }
.admin-settings .demo .ribbon-top-left:before { top: -1px; right: 4px; }
.admin-settings .demo .ribbon-top-left::after { bottom: 4px; left: 1px; }
.admin-settings .demo .ribbon-top-left span { right: -45px; top: 18px; transform: rotate(-45deg); }
.admin-settings .demo .border-square .ribbon-top-left { top: -13px; left: -13px; }
.admin-settings .demo .card-large-image .ribbon-top-left { top: -7px; left: -9px; }
.admin-settings .demo [class*="fab-"] { font-family: FontAwesome; }
.admin-settings .demo .fab-info-circle::before { content: '\f05a'; }
.admin-settings .demo .fab-question-circle::before { content: '\f059'; }
.admin-settings .demo .fab-exclamation-circle::before { content: '\f06a'; }
.admin-settings .demo .fab-pencil::before { content: '\f040'; }
.admin-settings .demo .fab-edit::before { content: '\f044'; }
.admin-settings .demo .fab-comment::before { content: '\f075'; }
.admin-settings .demo .fab-ok::before { content: '\f10c'; }
.admin-settings .demo .fab-bad::before { content: '\f00d'; }
.admin-settings .demo .fab-lightbulb::before { content: '\f0eb'; }
.admin-settings .demo .fab-graduation-cap::before { content: '\f19d'; }
.admin-settings .demo .fab-book::before { content: '\f02d'; }
.admin-settings .demo .fab-amazon::before { content: '\f270'; }
.admin-settings .demo .fab-envelope::before { content: '\f0e0'; }
.admin-settings .demo .fab-flag::before { content: '\f024'; }
.admin-settings .demo .fab-ban::before { content: '\f05e'; }
.admin-settings .demo .fab-bolt::before { content: '\f0e7'; }
.admin-settings .demo .fab-calendar::before { content: '\f073'; }
.admin-settings .demo .fab-clock::before { content: '\f017'; }
.admin-settings .demo .fab-cutlery::before { content: '\f0f5'; }
.admin-settings .demo .fab-heart::before, .admin-settings .demo .list-heart li::before { content: '\f004'; }
.admin-settings .demo .fab-camera::before { content: '\f030'; }
.admin-settings .demo .fab-search::before { content: '\f002'; }
.admin-settings .demo .fab-folder::before { content: '\f07b'; }
.admin-settings .demo .fab-tag::before { content: '\f02b'; }
.admin-settings .demo .fab-trophy::before { content: '\f091'; }
.admin-settings .demo .fab-car::before { content: '\f1b9'; }
.admin-settings .demo .fab-truck::before { content: '\f0d1'; }
.admin-settings .demo .fab-bicycle::before { content: '\f206'; }
.admin-settings .demo .fab-motorcycle::before { content: '\f21c'; }
.admin-settings .demo .fab-bus::before { content: '\f207'; }
.admin-settings .demo .fab-plane::before { content: '\f072'; }
.admin-settings .demo .fab-train::before { content: '\f238'; }
.admin-settings .demo .fab-subway::before { content: '\f239'; }
.admin-settings .demo .fab-taxi::before { content: '\f1ba'; }
.admin-settings .demo .fab-file-text::before { content: '\f15c'; }
.admin-settings .demo .fab-jpy::before { content: '\f157'; }
.admin-settings .demo .fab-usd::before { content: '\f155'; }
.admin-settings .demo .fab-eur::before { content: '\f153'; }
.admin-settings .demo .fab-btc::before { content: '\f15a'; }
.admin-settings .demo .fab-apple::before { content: '\f179'; }
.admin-settings .demo .fab-android::before { content: '\f17b'; }
.admin-settings .demo .fab-ship::before { content: '\f21a'; }
.admin-settings .demo .fab-wordpress::before { content: '\f19a'; }
.admin-settings .demo .fab-thumbs-up::before { content: '\f164'; }
.admin-settings .demo .fab-thumbs-down::before { content: '\f165'; }
.admin-settings .demo .fab-check::before, .admin-settings .demo .list-check li::before { content: '\f00c'; }
.admin-settings .demo .fab-bell::before { content: '\f0f3'; }
.admin-settings .demo .fab-star::before, .admin-settings .demo .list-star li::before { content: '\f005'; }
.admin-settings .demo .fab-bookmark::before { content: '\f02e'; }
.admin-settings .demo .fab-download::before { content: '\f019'; }
.admin-settings .demo .fab-coffee::before { content: '\f0f4'; }
.admin-settings .demo .fab-user::before { content: '\f007'; }
.admin-settings .demo .iconlist-box { border-color: transparent; }
.admin-settings .demo .iconlist-box ul, .admin-settings .demo .iconlist-box ol { list-style: none; }
.admin-settings .demo .iconlist-box.list-none ul { list-style: disc; }
.admin-settings .demo .iconlist-box.list-none ol { list-style: decimal; }
.admin-settings .demo .iconlist-box li::before { font-family: FontAwesome; margin-right: 0.4em; margin-left: -1em; }
.admin-settings .demo .iconlist-title { font-weight: 700; text-align: center; }
.admin-settings .demo .fab-check-circle::before, .admin-settings .demo .list-check-circle li::before { content: '\f058'; }
.admin-settings .demo .fab-check-circle-o::before, .admin-settings .demo .list-check-circle-o li::before { content: '\f05d'; }
.admin-settings .demo .fab-check-square::before, .admin-settings .demo .list-check-square li::before { content: '\f14a'; }
.admin-settings .demo .fab-check-square-o::before, .admin-settings .demo .list-check-square-o li::before { content: '\f046'; }
.admin-settings .demo .fab-caret-right::before, .admin-settings .demo .list-caret-right li::before { content: '\f0da'; }
.admin-settings .demo .fab-caret-square-o-right::before, .admin-settings .demo .list-caret-square-o-right li::before { content: '\f152'; }
.admin-settings .demo .fab-arrow-right::before, .admin-settings .demo .list-arrow-right li::before { content: '\f061'; }
.admin-settings .demo .fab-angle-right::before, .admin-settings .demo .list-angle-right li::before { content: '\f105'; }
.admin-settings .demo .fab-angle-double-right::before, .admin-settings .demo .list-angle-double-right li::before { content: '\f101'; }
.admin-settings .demo .fab-arrow-circle-right::before, .admin-settings .demo .list-arrow-circle-right li::before { content: '\f0a9'; }
.admin-settings .demo .fab-arrow-circle-o-right::before, .admin-settings .demo .list-arrow-circle-o-right li::before { content: '\f18e'; }
.admin-settings .demo .fab-play-circle::before, .admin-settings .demo .list-play-circle li::before { content: '\f144'; }
.admin-settings .demo .fab-play-circle-o::before, .admin-settings .demo .list-play-circle-o li::before { content: '\f01d'; }
.admin-settings .demo .fab-chevron-right::before, .admin-settings .demo .list-chevron-right li::before { content: '\f054'; }
.admin-settings .demo .fab-chevron-circle-right::before, .admin-settings .demo .list-chevron-circle-right li::before { content: '\f138'; }
.admin-settings .demo .fab-hand-o-right::before, .admin-settings .demo .list-hand-o-right li::before { content: '\f0a4'; }
.admin-settings .demo .fab-star-o::before, .admin-settings .demo .list-star-o li::before { content: '\f006'; }
.admin-settings .demo .fab-heart-o::before, .admin-settings .demo .list-heart-o li::before { content: '\f08a'; }
.admin-settings .demo .fab-square::before, .admin-settings .demo .list-square li::before { content: '\f0c8'; }
.admin-settings .demo .fab-square-o::before, .admin-settings .demo .list-square-o li::before { content: '\f096'; }
.admin-settings .demo .fab-circle::before, .admin-settings .demo .list-circle li::before { content: '\f111'; }
.admin-settings .demo .fab-circle-o::before, .admin-settings .demo .list-circle-o li::before { content: '\f10c'; }
.admin-settings .demo .fab-dot-circle-o::before, .admin-settings .demo .list-dot-circle-o li::before { content: '\f192'; }
.admin-settings .demo .fab-plus::before, .admin-settings .demo .list-plus li::before { content: '\f067'; }
.admin-settings .demo .fab-plus-circle::before, .admin-settings .demo .list-plus-circle li::before { content: '\f055'; }
.admin-settings .demo .fab-plus-square::before, .admin-settings .demo .list-plus-square li::before { content: '\f0fe'; }
.admin-settings .demo .fab-plus-square-o::before, .admin-settings .demo .list-plus-square-o li::before { content: '\f196'; }
.admin-settings .demo .fab-minus::before, .admin-settings .demo .list-minus li::before { content: '\f068'; }
.admin-settings .demo .fab-minus-circle::before, .admin-settings .demo .list-minus-circle li::before { content: '\f056'; }
.admin-settings .demo .fab-minus-square::before, .admin-settings .demo .list-minus-square li::before { content: '\f146'; }
.admin-settings .demo .fab-minus-square-o::before, .admin-settings .demo .list-minus-square-o li::before { content: '\f147'; }
.admin-settings .demo .fab-times::before, .admin-settings .demo .list-times li::before { content: '\f00d'; }
.admin-settings .demo .fab-times-circle::before, .admin-settings .demo .list-times-circle li::before { content: '\f057'; }
.admin-settings .demo .fab-times-circle-o::before, .admin-settings .demo .list-times-circle-o li::before { content: '\f05c'; }
.admin-settings .demo .fab-window-close::before, .admin-settings .demo .list-window-close li::before { content: '\f2d3'; }
.admin-settings .demo .fab-window-close-o::before, .admin-settings .demo .list-window-close-o li::before { content: '\f2d4'; }
.admin-settings .demo .recommended .navi-entry-cards { display: flex; justify-content: center; }
.admin-settings .demo .recommended .navi-entry-cards a { padding: 0; margin: 0; border-radius: 0; }
.admin-settings .demo .recommended figure { margin: 0; }
.admin-settings .demo .recommended img { vertical-align: bottom; }
.admin-settings .demo .recommended .card-content { font-size: 0.8em; text-align: center; }
.admin-settings .demo .recommended .card-snippet { display: none; }
.admin-settings .demo .recommended.rcs-image-only .card-content { display: none; }
.admin-settings .demo .recommended.rcs-center-title .card-content { left: 0; top: 0; right: 0; bottom: 0; text-align: center; opacity: 1; font-size: 1em; max-height: none; display: flex; justify-content: center; align-items: center; height: 100%; }
.admin-settings .demo .recommended.rcs-center-title .a-wrap:hover .card-content { opacity: 1; }
.admin-settings .demo .recommended.rcs-center-white-title .card-content { background-color: rgba(51, 51, 51, 0.3); transition: all .7s; }
.admin-settings .demo .recommended.rcs-center-white-title .a-wrap:hover .card-content { transition: all .7s; opacity: 0; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content { background-color: rgba(51, 51, 51, 0); padding: 0; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content .card-title { color: #333; background-color: #fffffc; padding: 6px 1em; opacity: 0.8; background-color: rgba(255, 255, 255, 0.9); width: 100%; transition: all .5s; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content:hover .card-title { transition: all .3s; }
.admin-settings .demo .recommended.rcs-card-margin a { margin: 1em; margin-right: 0; }
.admin-settings .demo .recommended.rcs-card-margin a:last-child { margin-right: 1em; }
.admin-settings .demo .recommended .ribbon { display: none; }
.admin-settings .demo .nwa .recommended .navi-entry-cards { flex-wrap: wrap; justify-content: space-around; }
.admin-settings .demo .nwa .recommended .navi-entry-cards a { width: 50%; }
.admin-settings .demo .nwa .recommended.rcs-card-margin a { margin: .3em 0; width: 48%; }
.admin-settings .demo .nwa .recommended.rcs-card-margin a:last-child { margin-right: 0; }
.admin-settings .demo .no-border { border: none; }
.admin-settings .demo .no-after::after { display: none; }
.admin-settings .demo .display-block { display: block; }
.admin-settings .demo .display-none { display: none; }
.admin-settings .demo .fz-12px { font-size: 12px; }
.admin-settings .demo .fz-13px { font-size: 13px; }
.admin-settings .demo .fz-14px { font-size: 14px; }
.admin-settings .demo .fz-15px { font-size: 15px; }
.admin-settings .demo .fz-16px { font-size: 16px; }
.admin-settings .demo .fz-17px { font-size: 17px; }
.admin-settings .demo .fz-18px { font-size: 18px; }
.admin-settings .demo .fz-19px { font-size: 19px; }
.admin-settings .demo .fz-20px { font-size: 20px; }
.admin-settings .demo .fz-21px { font-size: 21px; }
.admin-settings .demo .fz-22px { font-size: 22px; }
.admin-settings .demo .fz-24px { font-size: 24px; }
.admin-settings .demo .fz-28px { font-size: 28px; }
.admin-settings .demo .fz-32px { font-size: 32px; }
.admin-settings .demo .fz-36px { font-size: 36px; }
.admin-settings .demo .fz-40px { font-size: 40px; }
.admin-settings .demo .fz-44px { font-size: 44px; }
.admin-settings .demo .fz-48px { font-size: 48px; }
.admin-settings .demo .fw-100 { font-weight: 100; }
.admin-settings .demo .fw-200 { font-weight: 200; }
.admin-settings .demo .fw-300 { font-weight: 300; }
.admin-settings .demo .fw-400 { font-weight: 400; }
.admin-settings .demo .fw-500 { font-weight: 500; }
.admin-settings .demo .fw-600 { font-weight: 600; }
.admin-settings .demo .fw-700 { font-weight: 700; }
.admin-settings .demo .fw-800 { font-weight: 800; }
.admin-settings .demo .fw-900 { font-weight: 900; }
.admin-settings .demo .ff-meiryo, .admin-settings .demo .wf-loading body { font-family: "Meiryo",  "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic",sans-serif; }
.admin-settings .demo .ff-hiragino { font-family: 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "Meiryo", "游ゴシック体", "Yu Gothic",sans-serif; }
.admin-settings .demo .ff-ms-pgothic { font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "Meiryo", sans-serif; }
.admin-settings .demo .ff-noto-sans-jp, .admin-settings .demo .wf-active .ff-noto-sans-jp { font-family: "Noto Sans JP" ,sans-serif; }
.admin-settings .demo .ff-noto-serif-jp, .admin-settings .demo .wf-active .ff-noto-serif-jp { font-family: "Noto Serif JP" ,sans-serif; }
.admin-settings .demo .ff-mplus-1p, .admin-settings .demo .wf-active .ff-mplus-1p { font-family: "M PLUS 1p" ,sans-serif; }
.admin-settings .demo .ff-rounded-mplus-1c, .admin-settings .demo .wf-active .ff-rounded-mplus-1c { font-family: "M PLUS Rounded 1c" ,sans-serif; }
.admin-settings .demo .ff-kosugi, .admin-settings .demo .wf-active .ff-kosugi { font-family: "Kosugi" ,sans-serif; }
.admin-settings .demo .ff-kosugi-maru, .admin-settings .demo .wf-active .ff-kosugi-maru { font-family: "Kosugi Maru" ,sans-serif; }
.admin-settings .demo .ff-sawarabi-gothic, .admin-settings .demo .wf-active .ff-sawarabi-gothic { font-family: "Sawarabi Gothic" ,sans-serif; }
.admin-settings .demo .ff-sawarabi-mincho, .admin-settings .demo .wf-active .ff-sawarabi-mincho { font-family: "Sawarabi Mincho" ,sans-serif; }
.admin-settings .demo .sub-caption { font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-weight: 400; font-size: 0.75em; opacity: 0.5; }
.admin-settings .demo span.sub-caption { opacity: 0.8; }
.admin-settings .demo * { padding: 0; margin: 0; box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; }
.admin-settings .demo .container { padding-right: constant(safe-area-inset-right); padding-left: constant(safe-area-inset-left); padding-right: env(safe-area-inset-right); padding-left: env(safe-area-inset-left); }
.admin-settings .demo body { /* フォントの種類 */ font-family: "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; /* フォントのサイズ */ font-size: 18px; /* フォントの色 */ color: #333; /* カーニングの設定 */ /* 行間の設定 */ line-height: 1.8; margin: 0; overflow-wrap: break-word; background-color: #f4f5f7; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; }
.admin-settings .demo a { color: #1967d2; }
.admin-settings .demo a:hover { color: #e53900; }
.admin-settings .demo ol, .admin-settings .demo ul { margin: 1em 0; padding-left: 40px; }
.admin-settings .demo hr { color: #eee; }
.admin-settings .demo .cf::after { clear: both; content: ""; display: block; }
.admin-settings .demo .header-container, .admin-settings .demo .main, .admin-settings .demo .sidebar, .admin-settings .demo .footer { background-color: #fff; }
.admin-settings .demo .wrap { width: 1256px; margin: 0 auto; }
.admin-settings .demo .content-in { display: flex; justify-content: space-between; flex-wrap: wrap; }
.admin-settings .demo .main { width: 860px; margin-right: 20px; padding: 20px 29px; border: 1px solid transparent; border-radius: 4px; position: relative; }
.admin-settings .demo .no-sidebar .content .main { margin: 0; width: 100%; }
.admin-settings .demo .no-scrollable-main .main { height: 100%; }
.admin-settings .demo .main-scroll { position: -webkit-sticky; position: sticky; top: 0; margin-top: 2em; }
@media all and (-ms-high-contrast: none) { .admin-settings .demo .main-scroll { position: static; top: auto; }
  .admin-settings .demo .logo { height: 100%; } }
.admin-settings .demo .publisher { display: none; }
.admin-settings .demo #wpadminbar { font-size: 13px; }
.admin-settings .demo .wp-caption { margin: 1em 0; }
.admin-settings .demo .aligncenter { display: block; margin-right: auto; margin-left: auto; }
.admin-settings .demo .alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
.admin-settings .demo .alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
.admin-settings .demo .wp-caption { padding-top: 4px; border: 1px solid #ddd; border-radius: 3px; background-color: #f3f4f5; text-align: center; max-width: 100%; }
.admin-settings .demo .wp-caption-text, .admin-settings .demo .gallery-caption { font-size: 0.8em; margin: 2px; }
.admin-settings .demo .wp-caption img { margin: 0; padding: 0; border: 0 none; }
.admin-settings .demo .wp-caption-dd { margin: 0; padding: 0 4px 5px; font-size: 11px; line-height: 17px; }
.admin-settings .demo img.alignright { display: inline-block; margin: 0 0 1em 1.5em; }
.admin-settings .demo img.alignleft { display: inline-block; margin: 0 1.5em 1em 0; }
.admin-settings .demo .comment-btn { margin: 24px 0; cursor: pointer; }
.admin-settings .demo label { cursor: pointer; }
.admin-settings .demo .sitemap li a::before { display: none; }
.admin-settings .demo .content-top, .admin-settings .demo .content-bottom { margin: 1em 0; }
.admin-settings .demo figure { margin: 0; }
.admin-settings .demo img { max-width: 100%; height: auto; border: 0; }
.admin-settings .demo .circle-image img { border-radius: 50%; }
.admin-settings .demo .iwe-border img, .admin-settings .demo .iwe-border amp-img { border: 1px solid #ccc; }
.admin-settings .demo .iwe-border-bold img, .admin-settings .demo .iwe-border-bold amp-img { border: 4px solid #eee; }
.admin-settings .demo .iwe-shadow img, .admin-settings .demo .iwe-shadow amp-img { box-shadow: 5px 5px 15px #ddd; }
.admin-settings .demo .iwe-shadow-paper img, .admin-settings .demo .iwe-shadow-paper amp-img { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08); }
.admin-settings .demo .entry-card-thumb, .admin-settings .demo .author-thumb, .admin-settings .demo .blogcard-thumbnail, .admin-settings .demo .related-entry-card-thumb, .admin-settings .demo .popular-entry-card-thumb, .admin-settings .demo .new-entry-card-thumb { margin-right: 1.6%; }
.admin-settings .demo .ect-vertical-card .entry-card-thumb, .admin-settings .demo .rect-vartical-card .related-entry-card-thumb { margin: 0; }
.admin-settings .demo .ib-right .blogcard-thumbnail, .admin-settings .demo .eb-right .blogcard-thumbnail { margin-right: 0; margin-left: 1.4%; }
.admin-settings .demo .no-thumbnail .card-thumb, .admin-settings .demo .no-thumbnail .widget-entry-card-pv { display: none; }
.admin-settings .demo .no-thumbnail .card-content, .admin-settings .demo .no-thumbnail .widget-entry-cards .widget-entry-card-content { margin: 0; }
.admin-settings .demo .no-thumbnail .widget-entry-cards div.widget-entry-card-content { font-size: 18px; margin-bottom: 0.6em; }
.admin-settings .demo .no-thumbnail .widget-entry-cards.large-thumb-on .card-title { max-height: none; position: static; }
.admin-settings .demo .no-thumbnail .entry-card-meta { position: static; background-color: transparent; margin-top: 0.4em; }
.admin-settings .demo .no-thumbnail .entry-card-snippet, .admin-settings .demo .no-thumbnail .related-entry-card-snippet { max-height: 10.4em; }
.admin-settings .demo .no-thumbnail .entry-card-day { display: inline; }
.admin-settings .demo .no-thumbnail .entry-card-meta .entry-card-categorys { display: inline; }
.admin-settings .demo .no-thumbnail .entry-card-meta .entry-card-categorys > span { margin-left: 0.6em; }
.admin-settings .demo img.emoji { display: inline; width: 1em; height: auto; vertical-align: text-bottom; margin-right: 0.1em; }
.admin-settings .demo .header { height: 100%; }
.admin-settings .demo .header-in { display: flex; flex-direction: column; justify-content: center; }
.admin-settings .demo .tagline { text-align: center; font-size: 14px; margin: .6em 0; }
.admin-settings .demo .logo { text-align: center; }
.admin-settings .demo .logo-image span, .admin-settings .demo .logo-image a { display: inline-block; max-width: 100%; }
.admin-settings .demo .site-name-text-link { color: #333; text-decoration: none; font-weight: normal; }
.admin-settings .demo .site-name-text-link:hover { color: inherit; }
.admin-settings .demo .site-name-text { font-size: 28px; }
.admin-settings .demo .logo-text { padding: 20px 0 30px; font-size: 1em; }
.admin-settings .demo .logo-image { padding: 10px 0; font-size: inherit; }
.admin-settings .demo .header-container-in.hlt-top-menu { display: flex; justify-content: space-between; align-items: center; align-content: center; }
.admin-settings .demo .header-container-in.hlt-top-menu .wrap { width: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu .header { background-image: none; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-text { padding: 0; display: flex; align-items: center; align-content: center; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-image { padding: 0; margin: 0; }
.admin-settings .demo .header-container-in.hlt-top-menu .site-name-text-link { margin: 0 16px; display: block; }
.admin-settings .demo .header-container-in.hlt-top-menu .site-name-text { font-size: 22px; white-space: nowrap; }
.admin-settings .demo .header-container-in.hlt-top-menu .tagline { display: none; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header { max-height: 60px; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header .site-name { margin: 0; }
.admin-settings .demo .header-container-in.hlt-top-menu .logo-header img { max-height: 60px; height: 100%; width: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu amp-img { max-width: 160px; max-height: 60px; }
.admin-settings .demo .header-container-in.hlt-top-menu amp-img img { height: auto; }
.admin-settings .demo .header-container-in.hlt-top-menu .navi { width: 100%; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text-link { margin: 0 16px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .site-name-text { font-size: 20px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .logo-header { height: 40px; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > li, .admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .navi-in > ul > .menu-item-has-description > a > .caption-wrap { line-height: 40px; height: 40px; display: block; }
.admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .item-description { display: none; }
.admin-settings .demo .hlt-tm-right .navi-in > ul { justify-content: flex-end; }
.admin-settings .demo .header-container-in.hlt-center-logo-top-menu { display: flex; flex-direction: column-reverse; }
.admin-settings .demo .cl-slim .navi-in > ul li { height: 40px; line-height: 40px; }
.admin-settings .demo .cl-slim .navi-in > ul li .sub-menu ul { top: -40px; }
.admin-settings .demo .cl-slim .navi-in > ul li.menu-item-has-description > a > .caption-wrap { height: 40px; line-height: 16px; font-size: 14px; padding-top: 6px; }
.admin-settings .demo .navi { background-color: #fff; }
.admin-settings .demo .navi-in a { position: relative; }
.admin-settings .demo .navi-in .has-icon { position: absolute; right: 6px; top: 0; display: inline-block; opacity: 0.7; font-size: 11px; }
.admin-settings .demo .navi-in > ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; text-align: center; /*サブメニュー*/ }
.admin-settings .demo .navi-in > ul li { display: block; width: 176px; height: 60px; line-height: 60px; position: relative; }
.admin-settings .demo .navi-in > ul li:hover > ul { display: block; }
.admin-settings .demo .navi-in > ul .menu-item-has-description > a > .caption-wrap { line-height: 21.4285714286px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center; height: 60px; }
.admin-settings .demo .navi-in > ul .menu-item-has-description > a > .caption-wrap > div { width: 100%; }
.admin-settings .demo .navi-in > ul .sub-menu { display: none; position: absolute; margin: 0; min-width: 240px; list-style: none; padding: 0; background-color: #fafbfc; z-index: 99; text-align: left; /*サブメニューのサブメニュー*/ }
.admin-settings .demo .navi-in > ul .sub-menu li { width: auto; }
.admin-settings .demo .navi-in > ul .sub-menu a { padding-left: 16px; padding-right: 16px; }
.admin-settings .demo .navi-in > ul .sub-menu ul { top: -60px; left: 240px; position: relative; }
.admin-settings .demo .navi-in a { color: #333; text-decoration: none; display: block; font-size: 16px; transition: all 0.7s; }
.admin-settings .demo .navi-in a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .navi-in a:hover > ul { display: block; }
.admin-settings .demo .navi-in > .menu-mobile { display: none; }
.admin-settings .demo .navi-in > .menu-mobile .sub-menu { display: none; }
.admin-settings .demo .navi-footer-in > .menu-footer { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: flex-end; text-align: center; margin: 0; }
.admin-settings .demo .navi-footer-in > .menu-footer li { width: 120px; border-left: 1px solid #ccc; }
.admin-settings .demo .navi-footer-in > .menu-footer li:last-child { border-right: 1px solid #ccc; }
.admin-settings .demo .navi-footer-in a { color: #333; text-decoration: none; display: block; font-size: 14px; transition: all 0.7s; }
.admin-settings .demo .navi-footer-in a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .a-wrap { text-decoration: none; display: block; color: #333; padding: 1.5%; margin-bottom: 3%; transition: all 0.7s; }
.admin-settings .demo .a-wrap:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .card-thumb img { width: 100%; }
.admin-settings .demo .entry-card-thumb { width: 320px; }
.admin-settings .demo .related-entry-card-thumb { width: 160px; }
.admin-settings .demo .cat-label { position: absolute; top: 0.3em; left: 0.3em; border: 1px solid #eee; font-size: 11px; color: #fff; background-color: rgba(51, 51, 51, 0.7); padding: 1px 5px; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-settings .demo .entry-card-content { margin-left: 330px; }
.admin-settings .demo .entry-card-info > * { font-size: 0.7em; padding: 2px; }
.admin-settings .demo .entry-card-meta .entry-card-categorys { display: none; }
.admin-settings .demo .e-card-info .post-author { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.admin-settings .demo .post-author-image { margin-right: 3px; }
.admin-settings .demo .post-author-image img { border-radius: 50%; }
.admin-settings .demo .e-card-info { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
.admin-settings .demo .e-card-info > span { margin-right: 4px; }
.admin-settings .demo .ect-vertical-card { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap { width: 49.5%; display: inline-block; margin-bottom: 12px; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-thumb { width: 100%; float: none; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-thumb img { width: 100%; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .entry-card-content { margin: 0; }
.admin-settings .demo .ect-vertical-card .entry-card-wrap .post-date, .admin-settings .demo .ect-vertical-card .entry-card-wrap .post-update { margin-right: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .a-wrap { margin: 0 0.25% 12px; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .entry-card-content { padding: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .card-snippet { padding: 0; margin: 0; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .card-meta { position: static; }
.admin-settings .demo .ect-vertical-card.ect-tile-card .a-wrap { margin: 0 0.16666% 12px; }
.admin-settings .demo .ect-2-columns > * { width: 49.5%; display: inline-block; }
.admin-settings .demo .ect-3-columns { justify-content: space-around; }
.admin-settings .demo .ect-3-columns .entry-card-wrap { width: 33%; padding: 7px; }
.admin-settings .demo .ect-3-columns .entry-card-snippet { max-height: 4em; overflow: hidden; }
.admin-settings .demo .ect-3-columns > * { width: 33%; display: inline-block; }
.admin-settings .demo .ecb-entry-border .entry-card-wrap { border: 1px solid #ccc; }
.admin-settings .demo .entry-card-day span:last-child { margin-right: 0; }
.admin-settings .demo .front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .admin-settings .demo .ect-big-card .card-thumb { float: none; width: 100%; }
.admin-settings .demo .front-top-page .ect-big-card-first .a-wrap:first-of-type .card-content, .admin-settings .demo .ect-big-card .card-content { margin: 0; }
.admin-settings .demo .date-tags { line-height: 0.8; text-align: right; display: flex; flex-direction: row-reverse; margin-bottom: 1em; }
.admin-settings .demo .date-tags .post-update { margin-right: 0; }
.admin-settings .demo .post-date, .admin-settings .demo .post-update, .admin-settings .demo .post-author, .admin-settings .demo .amp-back { margin-right: 8px; }
.admin-settings .demo .related-entry-post-date { margin-right: 0; }
.admin-settings .demo .breadcrumb { margin: 1em .4em; color: #777; font-size: 13px; }
.admin-settings .demo .breadcrumb div { display: inline; }
.admin-settings .demo .breadcrumb span.sp { margin: 0 10px; }
.admin-settings .demo .breadcrumb a { text-decoration: none; color: #777; }
.admin-settings .demo .breadcrumb.sbp-main-before, .admin-settings .demo .breadcrumb.sbp-footer-before, .admin-settings .demo .breadcrumb.pbp-main-before, .admin-settings .demo .breadcrumb.pbp-footer-before { background-color: #fff; margin: 12px auto 0; padding: .6em; }
.admin-settings .demo .breadcrumb.sbp-main-before + .content, .admin-settings .demo .breadcrumb.pbp-main-before + .content { margin-top: 12px; }
.admin-settings .demo .sns-buttons { display: flex; align-items: center; }
.admin-settings .demo .sns-buttons a { display: block; background-color: #333; text-align: center; color: #fff; text-decoration: none; border-radius: 4px; height: 45px; }
.admin-settings .demo .sns-buttons a:hover { opacity: 0.7; color: #fff; transition: all 0.7s; }
.admin-settings .demo .sns-share a, .admin-settings .demo .sns-follow a { cursor: pointer; }
.admin-settings .demo .bc-brand-color.sns-share .twitter-button, .admin-settings .demo .bc-brand-color.sns-follow .twitter-button { background-color: #1da1f2; }
.admin-settings .demo .bc-brand-color.sns-share .facebook-button, .admin-settings .demo .bc-brand-color.sns-follow .facebook-button { background-color: #3b5998; }
.admin-settings .demo .bc-brand-color.sns-share .hatebu-button, .admin-settings .demo .bc-brand-color.sns-follow .hatebu-button { background-color: #2c6ebd; }
.admin-settings .demo .bc-brand-color.sns-share .google-plus-button, .admin-settings .demo .bc-brand-color.sns-follow .google-plus-button { background-color: #dd4b39; }
.admin-settings .demo .bc-brand-color.sns-share .pocket-button, .admin-settings .demo .bc-brand-color.sns-follow .pocket-button { background-color: #ef4056; }
.admin-settings .demo .bc-brand-color.sns-share .line-button, .admin-settings .demo .bc-brand-color.sns-follow .line-button { background-color: #00c300; }
.admin-settings .demo .bc-brand-color.sns-share .website-button, .admin-settings .demo .bc-brand-color.sns-follow .website-button { background-color: #002561; }
.admin-settings .demo .bc-brand-color.sns-share .instagram-button, .admin-settings .demo .bc-brand-color.sns-follow .instagram-button { background-color: #405de6; }
.admin-settings .demo .bc-brand-color.sns-share .pinterest-button, .admin-settings .demo .bc-brand-color.sns-follow .pinterest-button { background-color: #bd081c; }
.admin-settings .demo .bc-brand-color.sns-share .youtube-button, .admin-settings .demo .bc-brand-color.sns-follow .youtube-button { background-color: #cd201f; }
.admin-settings .demo .bc-brand-color.sns-share .linkedin-button, .admin-settings .demo .bc-brand-color.sns-follow .linkedin-button { background-color: #0077b5; }
.admin-settings .demo .bc-brand-color.sns-share .note-button, .admin-settings .demo .bc-brand-color.sns-follow .note-button { background-color: #41c9b4; }
.admin-settings .demo .bc-brand-color.sns-share .flickr-button, .admin-settings .demo .bc-brand-color.sns-follow .flickr-button { background-color: #111; }
.admin-settings .demo .bc-brand-color.sns-share .amazon-button, .admin-settings .demo .bc-brand-color.sns-follow .amazon-button { background-color: #ff9900; }
.admin-settings .demo .bc-brand-color.sns-share .rakuten-room-button, .admin-settings .demo .bc-brand-color.sns-follow .rakuten-room-button { background-color: #c61e79; }
.admin-settings .demo .bc-brand-color.sns-share .slack-button, .admin-settings .demo .bc-brand-color.sns-follow .slack-button { background-color: #e01563; }
.admin-settings .demo .bc-brand-color.sns-share .github-button, .admin-settings .demo .bc-brand-color.sns-follow .github-button { background-color: #4078c0; }
.admin-settings .demo .bc-brand-color.sns-share .codepen-button, .admin-settings .demo .bc-brand-color.sns-follow .codepen-button { background-color: #333; }
.admin-settings .demo .bc-brand-color.sns-share .feedly-button, .admin-settings .demo .bc-brand-color.sns-follow .feedly-button { background-color: #2bb24c; }
.admin-settings .demo .bc-brand-color.sns-share .rss-button, .admin-settings .demo .bc-brand-color.sns-follow .rss-button { background-color: #f26522; }
.admin-settings .demo .bc-brand-color-white.sns-share a, .admin-settings .demo .bc-brand-color-white.sns-follow a { background-color: #fff; font-weight: 500; border: 1px solid #333; color: #333; }
.admin-settings .demo .bc-brand-color-white.sns-share a:hover, .admin-settings .demo .bc-brand-color-white.sns-follow a:hover { opacity: 0.5; }
.admin-settings .demo .bc-brand-color-white.sns-share .twitter-button, .admin-settings .demo .bc-brand-color-white.sns-follow .twitter-button { color: #1da1f2; border-color: #1da1f2; }
.admin-settings .demo .bc-brand-color-white.sns-share .facebook-button, .admin-settings .demo .bc-brand-color-white.sns-follow .facebook-button { color: #3b5998; border-color: #3b5998; }
.admin-settings .demo .bc-brand-color-white.sns-share .hatebu-button, .admin-settings .demo .bc-brand-color-white.sns-follow .hatebu-button { color: #2c6ebd; border-color: #2c6ebd; }
.admin-settings .demo .bc-brand-color-white.sns-share .google-plus-button, .admin-settings .demo .bc-brand-color-white.sns-follow .google-plus-button { color: #dd4b39; border-color: #dd4b39; }
.admin-settings .demo .bc-brand-color-white.sns-share .pocket-button, .admin-settings .demo .bc-brand-color-white.sns-follow .pocket-button { color: #ef4056; border-color: #ef4056; }
.admin-settings .demo .bc-brand-color-white.sns-share .line-button, .admin-settings .demo .bc-brand-color-white.sns-follow .line-button { color: #00c300; border-color: #00c300; }
.admin-settings .demo .bc-brand-color-white.sns-share .website-button, .admin-settings .demo .bc-brand-color-white.sns-follow .website-button { color: #002561; border-color: #002561; }
.admin-settings .demo .bc-brand-color-white.sns-share .instagram-button, .admin-settings .demo .bc-brand-color-white.sns-follow .instagram-button { color: #405de6; border-color: #405de6; }
.admin-settings .demo .bc-brand-color-white.sns-share .pinterest-button, .admin-settings .demo .bc-brand-color-white.sns-follow .pinterest-button { color: #bd081c; border-color: #bd081c; }
.admin-settings .demo .bc-brand-color-white.sns-share .youtube-button, .admin-settings .demo .bc-brand-color-white.sns-follow .youtube-button { color: #cd201f; border-color: #cd201f; }
.admin-settings .demo .bc-brand-color-white.sns-share .linkedin-button, .admin-settings .demo .bc-brand-color-white.sns-follow .linkedin-button { color: #0077b5; border-color: #0077b5; }
.admin-settings .demo .bc-brand-color-white.sns-share .note-button, .admin-settings .demo .bc-brand-color-white.sns-follow .note-button { color: #41c9b4; border-color: #41c9b4; }
.admin-settings .demo .bc-brand-color-white.sns-share .flickr-button, .admin-settings .demo .bc-brand-color-white.sns-follow .flickr-button { color: #111; border-color: #111; }
.admin-settings .demo .bc-brand-color-white.sns-share .amazon-button, .admin-settings .demo .bc-brand-color-white.sns-follow .amazon-button { color: #ff9900; border-color: #ff9900; }
.admin-settings .demo .bc-brand-color-white.sns-share .rakuten-room-button, .admin-settings .demo .bc-brand-color-white.sns-follow .rakuten-room-button { color: #c61e79; border-color: #c61e79; }
.admin-settings .demo .bc-brand-color-white.sns-share .slack-button, .admin-settings .demo .bc-brand-color-white.sns-follow .slack-button { color: #e01563; border-color: #e01563; }
.admin-settings .demo .bc-brand-color-white.sns-share .github-button, .admin-settings .demo .bc-brand-color-white.sns-follow .github-button { color: #4078c0; border-color: #4078c0; }
.admin-settings .demo .bc-brand-color-white.sns-share .codepen-button, .admin-settings .demo .bc-brand-color-white.sns-follow .codepen-button { color: #333; border-color: #333; }
.admin-settings .demo .bc-brand-color-white.sns-share .feedly-button, .admin-settings .demo .bc-brand-color-white.sns-follow .feedly-button { color: #2bb24c; border-color: #2bb24c; }
.admin-settings .demo .bc-brand-color-white.sns-share .rss-button, .admin-settings .demo .bc-brand-color-white.sns-follow .rss-button { color: #f26522; border-color: #f26522; }
.admin-settings .demo .ss-top { margin-top: 0; margin-bottom: 0; }
.admin-settings .demo .ss-top .sns-share-message { display: none; }
.admin-settings .demo .sns-share.ss-col-1 a { width: 100%; }
.admin-settings .demo .sns-share.ss-col-2 a { width: 49%; }
.admin-settings .demo .sns-share.ss-col-4 a { width: 24%; }
.admin-settings .demo .sns-share.ss-col-5 a { width: 19%; }
.admin-settings .demo .sns-share.ss-col-6 a { width: 16%; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a, .admin-settings .demo .sns-share.ss-high-and-low-cl a { display: flex; align-content: center; line-height: 16px; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a .social-icon, .admin-settings .demo .sns-share.ss-high-and-low-cl a .social-icon, .admin-settings .demo .sns-share.ss-high-and-low-lc a .button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .button-caption { display: block; font-size: 16px; margin: 0; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a .social-icon.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .social-icon.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-lc a .button-caption.button-caption, .admin-settings .demo .sns-share.ss-high-and-low-cl a .button-caption.button-caption { font-size: 12px; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a { flex-direction: column; }
.admin-settings .demo .sns-share.ss-high-and-low-lc a > span { padding-top: 3px; }
.admin-settings .demo .sns-share.ss-high-and-low-cl a { flex-direction: column-reverse; }
.admin-settings .demo .sns-share-buttons { flex-wrap: wrap; justify-content: space-around; align-content: center; }
.admin-settings .demo .sns-share-buttons a { width: 32%; margin-bottom: 8px; font-size: 18px; display: inline-flex; align-content: center; align-items: center; justify-content: center; position: relative; }
.admin-settings .demo .sns-share-buttons a .button-caption { font-size: 16px; margin-left: 10px; }
.admin-settings .demo .sns-share-buttons a .share-count { font-family: Arial, sans-serif; position: absolute; right: 3px; bottom: 3px; font-size: 12px; line-height: 1; }
.admin-settings .demo .share-menu-content .sns-share-buttons a { width: 24%; }
.admin-settings .demo .sbc-hide .share-count { display: none; }
.admin-settings .demo .copy-info { display: none; /*初期状態は非表示*/ padding: 1em 2em; color: #fff; border-radius: 8px; /*画面上部に表示*/ position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #333; opacity: 0.8; box-shadow: 0 4px 8px #777; z-index: 2; }
.admin-settings .demo .content { margin-top: 24px; }
.admin-settings .demo .entry-title, .admin-settings .demo .archive-title { font-size: 26px; margin: 16px 0; line-height: 1.3; }
.admin-settings .demo .archive-title span { margin-right: 10px; }
.admin-settings .demo .entry-content { margin-top: 1em; margin-bottom: 3em; }
.admin-settings .demo .entry-content pre { line-height: 1.6; }
.admin-settings .demo .entry-categories-tags > div { margin-bottom: 0.5em; }
.admin-settings .demo .ctdt-one-row > div { display: inline-block; }
.admin-settings .demo .ctdt-category-only .entry-tags { display: none; }
.admin-settings .demo .ctdt-tag-only .entry-categories { display: none; }
.admin-settings .demo .ctdt-none { display: none; }
.admin-settings .demo .cat-link { color: #fff; text-decoration: none; display: inline-block; margin-right: 5px; padding: 2px 6px; font-size: 12px; background-color: #333; border-radius: 2px; word-break: break-all; }
.admin-settings .demo .cat-link:hover { opacity: 0.5; color: #fff; }
.admin-settings .demo .tag-link, .admin-settings .demo .comment-reply-link { color: #333; text-decoration: none; display: inline-block; margin-right: 5px; padding: 1px 5px; font-size: 12px; border: 1px solid #999; border-radius: 2px; word-break: break-all; }
.admin-settings .demo .tag-link:hover, .admin-settings .demo .comment-reply-link:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo p, .admin-settings .demo .paragraph { margin: 1.2em 0; }
.admin-settings .demo table { margin-bottom: 20px; max-width: 100%; width: 100%; border-collapse: collapse; border-spacing: 0; }
.admin-settings .demo table th { background-color: #f3f4f5; }
.admin-settings .demo table tr:nth-of-type(2n+1) { background-color: #fafbfc; }
.admin-settings .demo table th, .admin-settings .demo table td { border: 1px solid #ddd; padding: 6px; }
.admin-settings .demo .scrollable-table { -webkit-overflow-scrolling: touch; }
.admin-settings .demo .scrollable-table.stfc-sticky tr *:first-child { background-color: #e9eff2; position: sticky; left: 0; z-index: 2; }
.admin-settings .demo .scrollable-table table { border-collapse: collapse; max-width: 100%; }
.admin-settings .demo .scrollable-table th { background-color: #eee; }
.admin-settings .demo .scrollable-table th, .admin-settings .demo .scrollable-table td { border: solid 1px #ccc; padding: 3px 5px; white-space: nowrap; }
.admin-settings .demo .scrollable-table { overflow-x: auto; margin-bottom: 1em; }
.admin-settings .demo .article dl { margin: 1em 0; }
.admin-settings .demo .article dd { margin-left: 40px; }
.admin-settings .demo .article ul li, .admin-settings .demo .article ol li { margin: 0.2em; }
.admin-settings .demo .article ul ul, .admin-settings .demo .article ul ol, .admin-settings .demo .article ol ul, .admin-settings .demo .article ol ol { margin: 0; }
.admin-settings .demo .article h1, .admin-settings .demo .article h2, .admin-settings .demo .article h3, .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { line-height: 1.25; font-weight: bold; }
.admin-settings .demo .article h2, .admin-settings .demo .article h3, .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { margin: 2.4em 0 1em; }
.admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { font-size: 20px; padding: 9px 10px; }
.admin-settings .demo .article h2 { font-size: 24px; padding: 25px; background-color: #f3f4f5; border-radius: 2px; }
.admin-settings .demo .article h3 { border-left: 7px solid #777; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 22px; padding: 12px 20px; }
.admin-settings .demo .article h4 { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.admin-settings .demo .article h5 { border-bottom: 2px solid #ccc; }
.admin-settings .demo .article h6 { border-bottom: 1px solid #ccc; }
.admin-settings .demo .article .column-wrap h1, .admin-settings .demo .article .column-wrap h2, .admin-settings .demo .article .column-wrap h3, .admin-settings .demo .article .column-wrap h4, .admin-settings .demo .article .column-wrap h5, .admin-settings .demo .article .column-wrap h6 { margin-top: 0; }
.admin-settings .demo blockquote { background-color: #fafbfc; border: 1px solid #ccc; margin: 1em 0; padding: 10px 1.2em; position: relative; }
.admin-settings .demo blockquote::before, .admin-settings .demo blockquote::after { color: #C8C8C8; font-family: serif; position: absolute; font-size: 300%; }
.admin-settings .demo blockquote::before { content: "“"; line-height: 1.1; left: 10px; top: 0; }
.admin-settings .demo blockquote::after { content: "”"; line-height: 0; right: 10px; bottom: 0px; }
.admin-settings .demo .footer-meta { font-size: 0.8em; text-align: right; }
.admin-settings .demo .author-info .post-author { font-size: 14px; }
.admin-settings .demo .content-only .header-container, .admin-settings .demo .content-only .appeal, .admin-settings .demo .content-only .carousel, .admin-settings .demo .content-only .ad-area, .admin-settings .demo .content-only .sns-share, .admin-settings .demo .content-only .date-tags, .admin-settings .demo .content-only .sns-follow, .admin-settings .demo .content-only .article-footer, .admin-settings .demo .content-only .under-entry-content, .admin-settings .demo .content-only .breadcrumb, .admin-settings .demo .content-only .main-scroll, .admin-settings .demo .content-only .footer, .admin-settings .demo .content-only .go-to-top-button, .admin-settings .demo .content-only .notice-area, .admin-settings .demo .content-only .content-top, .admin-settings .demo .content-only .content-bottom { display: none; }
.admin-settings .demo span.external-icon, .admin-settings .demo span.internal-icon { margin-left: 3px; font-size: 0.8em; }
.admin-settings .demo .login-user-only { text-align: center; padding: 2em; background-color: #fafbfc; border: 1px solid #ccc; margin: 1em 0; }
.admin-settings .demo .no-post-date .post-date, .admin-settings .demo .no-post-update .post-update, .admin-settings .demo .no-post-author .author-info { display: none; }
.admin-settings .demo .read-time { text-align: center; font-size: 0.7em; border-top: 4px double #ddd; border-bottom: 4px double #ddd; margin: 0 3%; }
.admin-settings .demo .eye-catch-wrap { display: flex; }
.admin-settings .demo .eye-catch { position: relative; margin-bottom: .6em; max-width: 100%; }
.admin-settings .demo .eye-catch .cat-label { position: absolute; right: auto; top: 0.4em; bottom: auto; left: 0.4em; font-size: 14px; padding: 4px 8px; opacity: 0.9; border: 1px solid #eee; }
.admin-settings .demo .eye-catch img { vertical-align: bottom; }
.admin-settings .demo .eye-catch-caption { color: #fff; position: absolute; bottom: 0; padding: 0.2em 0.6em; text-align: right; width: 100%; font-size: 0.9em; background: linear-gradient(180deg, transparent, #555); opacity: 0.9; padding-top: 2em; }
@media all and (-ms-high-contrast: none) { .admin-settings .demo { /* IE10～ */ }
  .admin-settings .demo .eye-catch-wrap { display: block; } }
.admin-settings .demo .show-pinterest-button .eye-catch:hover .cat-label { display: none; }
.admin-settings .demo .ad-area { text-align: center; margin-bottom: 1.8em; overflow: hidden; }
.admin-settings .demo .entry-content .ad-area { margin: 1em 0; }
.admin-settings .demo .ad-label-invisible .ad-label { display: none; }
.admin-settings .demo .ad-content-top { margin-top: 1em; }
.admin-settings .demo .ad-responsive ins { width: 100%; }
.admin-settings .demo .ad-single-rectangle .ad-responsive, .admin-settings .demo .ad-dabble-rectangle .ad-responsive { max-width: 336px; margin: auto; }
.admin-settings .demo .ad-dabble-rectangle .ad-wrap { display: flex; }
.admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 336px; }
@media screen and (max-width: 692px) { .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 300px; } }
@media screen and (max-width: 626px) { .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: 250px; } }
@media screen and (max-width: 556px) { .admin-settings .demo .ad-dabble-rectangle .ad-wrap { display: block; }
  .admin-settings .demo .ad-dabble-rectangle .ad-responsive { width: auto; max-width: none; margin: auto; }
  .admin-settings .demo .ad-dabble-rectangle .ad-additional-double { display: none; } }
.admin-settings .demo .sidebar .ad-additional-double { display: none; }
.admin-settings .demo .sidebar .ad-additional-vertical { display: none; }
@media screen and (max-width: 834px) { .admin-settings .demo .sidebar .ad-vertical .ad-usual { display: none; }
  .admin-settings .demo .sidebar .ad-vertical .ad-additional-vertical { display: block; } }
.admin-settings .demo .blogcard-wrap { margin: 24px auto; padding: 0; width: 90%; background-color: #fff; }
.admin-settings .demo .blogcard { padding: 1.4% 2% 1.8%; border: 1px solid #ccc; border-radius: 4px; line-height: 1.3; position: relative; }
.admin-settings .demo .blogcard-thumbnail { float: left; margin-top: 3px; width: 160px; }
.admin-settings .demo .blogcard-thumbnail img { width: 100%; }
.admin-settings .demo .blogcard-content { margin-left: 170px; max-height: 140px; min-height: 100px; overflow: hidden; }
.admin-settings .demo .blogcard-title { font-weight: bold; }
.admin-settings .demo .blogcard-snippet { font-size: 0.8em; }
.admin-settings .demo .blogcard-footer { clear: both; font-size: 0.8em; padding-top: 0.6%; }
.admin-settings .demo .blogcard-site { float: left; display: flex; align-content: center; }
.admin-settings .demo .blogcard-date { float: right; display: flex; align-content: center; }
.admin-settings .demo .blogcard-favicon { margin-right: 4px; margin-top: 2px; }
.admin-settings .demo .ib-right .blogcard-thumbnail, .admin-settings .demo .eb-right .blogcard-thumbnail { float: right; margin-left: 1.6%; }
.admin-settings .demo .ib-right .blogcard-content, .admin-settings .demo .eb-right .blogcard-content { margin-left: 0; margin-right: 170px; }
.admin-settings .demo .toc { border: 1px solid #ccc; font-size: 0.9em; line-height: 1.5; padding: 1em 1.6em; margin-bottom: 1em; display: table; }
.admin-settings .demo .toc ul, .admin-settings .demo .toc ol { padding-left: 20px; margin-top: 0.5em; }
.admin-settings .demo .toc ul { list-style: none; padding-left: 5px; }
.admin-settings .demo .toc a { color: #333; text-decoration: none; }
.admin-settings .demo .toc a:hover { text-decoration: underline; }
.admin-settings .demo .toc-center { margin: 1em auto; }
.admin-settings .demo .toc-title { font-size: 1.1em; text-align: center; display: block; padding: 2px 16px; }
.admin-settings .demo .toc-widget-box .toc-title { display: none; }
.admin-settings .demo .toc-widget-box .toc-content { visibility: visible; opacity: 1; height: 100%; }
.admin-settings .demo .nwa .toc { border: 0; padding: 0 1em; }
.admin-settings .demo .toc.tnt-number-detail ol { list-style: none; counter-reset: toc; }
.admin-settings .demo .toc.tnt-number-detail ol li:before { margin-right: 6px; counter-increment: toc; content: counters(toc,".") "."; }
.admin-settings .demo .sidebar { width: 376px; border: 1px solid transparent; padding: 19px; border-radius: 4px; background-color: #fff; }
.admin-settings .demo .sidebar h3 { background-color: #f3f4f5; padding: 12px; margin: 16px 0; border-radius: 2px; }
.admin-settings .demo .no-scrollable-sidebar .sidebar { height: 100%; }
.admin-settings .demo .sidebar-scroll { position: -webkit-sticky; /* Safari */ position: sticky; top: 0; }
.admin-settings .demo .no-sidebar .sidebar { display: none; }
.admin-settings .demo .sidebar-left .content-in { flex-direction: row-reverse; }
.admin-settings .demo .nwa .ranking-item-img-desc, .admin-settings .demo .nwa .ranking-item-link-buttons { display: block; }
.admin-settings .demo .nwa .ranking-item-img-desc a, .admin-settings .demo .nwa .ranking-item-link-buttons a { padding: 6px 0; }
.admin-settings .demo .nwa .ranking-item-image-tag { max-width: 100%; text-align: center; display: flex; justify-content: center; }
.admin-settings .demo .nwa .ranking-item-name-text, .admin-settings .demo .nwa .widget_item_ranking .main-widget-label { font-size: 20px; }
.admin-settings .demo .nwa .ranking-item-description p { font-size: 0.9em; }
.admin-settings .demo .nwa .blogcard-wrap { width: auto; }
.admin-settings .demo label.screen-reader-text { display: none; }
.admin-settings .demo .tagcloud { display: flex; flex-wrap: wrap; }
.admin-settings .demo .tagcloud a { border: 1px solid #ddd; border-radius: 2px; color: #555; display: inline-block; padding: 3px 8px; text-decoration: none; font-size: 12px; margin: 2px; flex: 1 1 auto; display: flex; justify-content: space-between; transition: all 0.7s; }
.admin-settings .demo .tagcloud a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .tagcloud a .tag-caption { word-break: break-all; }
.admin-settings .demo .tagcloud a .tag-link-count { margin-left: 8px; }
.admin-settings .demo .widget_recent_entries ul, .admin-settings .demo .widget_categories ul, .admin-settings .demo .widget_archive ul, .admin-settings .demo .widget_pages ul, .admin-settings .demo .widget_meta ul, .admin-settings .demo .widget_rss ul, .admin-settings .demo .widget_nav_menu ul { padding: 0; margin: 0; list-style: none; }
.admin-settings .demo .widget_recent_entries ul li ul, .admin-settings .demo .widget_categories ul li ul, .admin-settings .demo .widget_archive ul li ul, .admin-settings .demo .widget_pages ul li ul, .admin-settings .demo .widget_meta ul li ul, .admin-settings .demo .widget_rss ul li ul, .admin-settings .demo .widget_nav_menu ul li ul { padding-left: 20px; margin: 0; }
.admin-settings .demo .widget_recent_entries ul li a, .admin-settings .demo .widget_categories ul li a, .admin-settings .demo .widget_archive ul li a, .admin-settings .demo .widget_pages ul li a, .admin-settings .demo .widget_meta ul li a, .admin-settings .demo .widget_rss ul li a, .admin-settings .demo .widget_nav_menu ul li a { color: #333; text-decoration: none; padding: 10px 0; display: block; padding-right: 4px; padding-left: 4px; }
.admin-settings .demo .widget_recent_entries ul li a:hover, .admin-settings .demo .widget_categories ul li a:hover, .admin-settings .demo .widget_archive ul li a:hover, .admin-settings .demo .widget_pages ul li a:hover, .admin-settings .demo .widget_meta ul li a:hover, .admin-settings .demo .widget_rss ul li a:hover, .admin-settings .demo .widget_nav_menu ul li a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .widget_recent_entries ul li a .post-count, .admin-settings .demo .widget_categories ul li a .post-count, .admin-settings .demo .widget_archive ul li a .post-count, .admin-settings .demo .widget_pages ul li a .post-count, .admin-settings .demo .widget_meta ul li a .post-count, .admin-settings .demo .widget_rss ul li a .post-count, .admin-settings .demo .widget_nav_menu ul li a .post-count { display: block; float: right; }
.admin-settings .demo .widget_recent_comments li { padding: 10px 0; }
.admin-settings .demo .calendar_wrap { margin: 20px 0; }
.admin-settings .demo #wp-calendar { border-collapse: collapse; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #ddd; border-right-color: #ddd; width: 100%; max-width: 400px; }
.admin-settings .demo #wp-calendar caption { font-weight: bold; text-align: center; }
.admin-settings .demo #wp-calendar #today { background-color: #ffe6b2; }
.admin-settings .demo #wp-calendar #today a { background-color: #ffe6b2; }
.admin-settings .demo #wp-calendar #today a:hover { background-color: #ffd67e; }
.admin-settings .demo #wp-calendar tr:nth-of-type(2n+1) { background-color: transparent; }
.admin-settings .demo #wp-calendar th { border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #ddd; border-left-color: #ddd; }
.admin-settings .demo #wp-calendar td { text-align: center; padding: 0px; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #ddd; border-left-color: #ddd; }
.admin-settings .demo #wp-calendar td a { color: #333; display: block; background-color: #ffface; }
.admin-settings .demo #wp-calendar td a:hover { background-color: #fff69b; }
.admin-settings .demo .widget-entry-cards .a-wrap { padding: 5px; line-height: 1.3; margin-bottom: 4px; }
.admin-settings .demo .widget-entry-cards figure { width: 120px; }
.admin-settings .demo .widget-entry-card { font-size: 16px; position: relative; }
.admin-settings .demo .widget-entry-card-content { margin-left: 126px; }
.admin-settings .demo .widget-entry-card-snippet { margin-top: 6px; font-size: 12px; opacity: 0.8; }
.admin-settings .demo .widget-entry-card-pv { margin-left: 5px; font-style: italic; font-size: 0.8em; }
.admin-settings .demo .border-partition a { border-bottom: 2px dotted #ddd; }
.admin-settings .demo .border-partition a:first-of-type { border-top: 2px dotted #ddd; }
.admin-settings .demo .border-square a { border-radius: 4px; border: 1px solid #ccc; }
.admin-settings .demo .card-title-bold .card-title { font-weight: 700; }
.admin-settings .demo .card-arrow .a-wrap { position: relative; }
.admin-settings .demo .card-arrow .a-wrap::after { display: block; content: ''; position: absolute; top: 50%; bottom: 0; right: 20px; width: 6px; height: 6px; border-top: solid 2px #697b91; border-right: solid 2px #697b91; transform: rotate(45deg); margin-top: -3px; }
.admin-settings .demo .card-arrow .card-content { margin-right: 22px; }
.admin-settings .demo .widget-entry-cards.card-large-image .a-wrap { max-width: 400px; }
.admin-settings .demo .widget-entry-cards.card-large-image .e-card { font-size: 18px; }
.admin-settings .demo .widget-entry-cards.card-large-image figure { float: none; width: 100%; }
.admin-settings .demo .widget-entry-cards.card-large-image figure img { width: 100%; display: block; }
.admin-settings .demo .widget-entry-cards.card-large-image .card-content { margin: 0 0 0.5em; }
.admin-settings .demo .widget-entry-cards.card-large-image .widget-entry-card-pv { opacity: 0.7; position: absolute; top: 0; right: 0; padding: 3px 6px; background-color: #333; color: #fff; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap { overflow: hidden; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap:hover { opacity: 0.8; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .a-wrap:hover .card-content { margin-bottom: -4em; transition: all 0.5s; opacity: 0; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .e-card { position: relative; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .card-content { margin: 0; position: absolute; width: 100%; bottom: 0; padding: .6em; background-color: rgba(51, 51, 51, 0.7); color: #fff; max-height: 40%; overflow: hidden; transition: all 0.5s; }
.admin-settings .demo .widget-entry-cards.large-thumb-on .card-snippet { margin: 0; }
.admin-settings .demo .widget-entry-cards.ranking-visible { counter-reset: p-rank; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-1 .card-thumb::before { background: #cca11f; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-2 .card-thumb::before { background: #b1b1b3; }
.admin-settings .demo .widget-entry-cards.ranking-visible .no-3 .card-thumb::before { background: #b37036; }
.admin-settings .demo .widget-entry-cards.ranking-visible .card-thumb { counter-increment: p-rank; }
.admin-settings .demo .widget-entry-cards.ranking-visible .card-thumb::before { content: counter(p-rank); position: absolute; top: 0; left: 0; padding: 4px; width: 18px; height: 18px; line-height: 18px; background-color: #666; color: #fff; opacity: 0.9; text-align: center; font-size: 14px; font-family: Arial,sans-serif; z-index: 1; }
.admin-settings .demo .recent-comments { line-height: 1.3; }
.admin-settings .demo .recent-comment-avatar { float: left; margin-right: 10px; }
.admin-settings .demo .recent-comment-author { font-weight: bold; }
.admin-settings .demo .recent-comment-info, .admin-settings .demo .recent-comment-article { font-size: 16px; }
.admin-settings .demo .recent-comment-article { margin-top: 3px; }
.admin-settings .demo .recent-comment-content { position: relative; background: #fff; border: 1px solid #ccc; padding: 6px; margin-top: 4px; font-size: 0.9em; border-radius: 5px; }
.admin-settings .demo .recent-comment-content::after, .admin-settings .demo .recent-comment-content::before { bottom: 100%; left: 18px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .recent-comment-content::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 6px; margin-left: -6px; }
.admin-settings .demo .recent-comment-content::before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #ccc; border-width: 9px; margin-left: -9px; }
.admin-settings .demo .sidebar .sns-follow-buttons, .admin-settings .demo .footer .sns-follow-buttons { flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .sidebar .sns-follow-buttons a, .admin-settings .demo .footer .sns-follow-buttons a { width: 49%; margin-right: 0; }
.admin-settings .demo .widget_mobile_text, .admin-settings .demo .widget_mobile_ad { display: none; }
.admin-settings .demo .widget h2 { font-size: 20px; }
.admin-settings .demo .badge, .admin-settings .demo .ref, .admin-settings .demo .reffer, .admin-settings .demo .sankou, .admin-settings .demo .badge-red, .admin-settings .demo .badge-pink, .admin-settings .demo .badge-purple, .admin-settings .demo .badge-blue, .admin-settings .demo .badge-green, .admin-settings .demo .badge-yellow, .admin-settings .demo .badge-brown, .admin-settings .demo .badge-grey { color: #fff; padding: 1px 5px 0; border-radius: 2px; font-size: 12px; }
.admin-settings .demo .badge, .admin-settings .demo .ref, .admin-settings .demo .reffer, .admin-settings .demo .sankou { background-color: #f39800; }
.admin-settings .demo .badge-red { background-color: #e60033; }
.admin-settings .demo .badge-pink { background-color: #e95295; }
.admin-settings .demo .badge-purple { background-color: #884898; }
.admin-settings .demo .badge-blue { background-color: #0095d9; }
.admin-settings .demo .badge-green { background-color: #3eb370; }
.admin-settings .demo .badge-yellow { background-color: #ffd900; }
.admin-settings .demo .badge-brown { background-color: #954e2a; }
.admin-settings .demo .badge-grey { background-color: #949495; }
.admin-settings .demo .bold { font-weight: bold; }
.admin-settings .demo .red { color: #e60033; }
.admin-settings .demo .bold-red { font-weight: bold; color: #e60033; }
.admin-settings .demo .blue { color: #0095d9; }
.admin-settings .demo .bold-blue { font-weight: bold; color: #0095d9; }
.admin-settings .demo .green { color: #3eb370; }
.admin-settings .demo .bold-green { font-weight: bold; color: #3eb370; }
.admin-settings .demo .red-under { border-bottom: 2px solid red; }
.admin-settings .demo .marker { background-color: #ff9; }
.admin-settings .demo .marker-red { background-color: #ffd0d1; }
.admin-settings .demo .marker-blue { background-color: #a5d7f9; }
.admin-settings .demo .marker-under { background: linear-gradient(transparent 60%, #ff6 60%); }
.admin-settings .demo .marker-under-red { background: linear-gradient(transparent 60%, #ffb6b9 60%); }
.admin-settings .demo .marker-under-blue { background: linear-gradient(transparent 60%, #a8dafb 60%); }
.admin-settings .demo .strike { text-decoration: line-through; }
.admin-settings .demo .keyboard-key { background-color: #f9f9f9; background-image: -moz-linear-gradient(center top, #eee, #f9f9f9, #eee); border: 1px solid #777; border-radius: 2px; box-shadow: 1px 2px 2px #ddd; font-family: inherit; font-size: 0.85em; padding: 1px 3px; }
.admin-settings .demo .primary-box, .admin-settings .demo .sp-primary, .admin-settings .demo .primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .success-box, .admin-settings .demo .sp-success, .admin-settings .demo .success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .info-box, .admin-settings .demo .sp-info, .admin-settings .demo .info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .warning-box, .admin-settings .demo .sp-warning, .admin-settings .demo .warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .danger-box, .admin-settings .demo .sp-danger, .admin-settings .demo .danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .secondary-box { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .light-box { color: #818182; background-color: #fefefe; border-color: #fdfdfe; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .dark-box { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.admin-settings .demo .information-box, .admin-settings .demo .question-box, .admin-settings .demo .alert-box, .admin-settings .demo .information, .admin-settings .demo .question, .admin-settings .demo .alert, .admin-settings .demo .memo-box, .admin-settings .demo .comment-box, .admin-settings .demo .common-icon-box { padding: 20px 20px 20px 72px; border-radius: 4px; position: relative; display: block; margin-top: 1em; margin-bottom: 1em; }
.admin-settings .demo .block-box p:first-of-type { margin-top: 0; }
.admin-settings .demo .block-box p:last-of-type { margin-bottom: 0; }
.admin-settings .demo .block-box ol, .admin-settings .demo .block-box ul { margin: 0; }
.admin-settings .demo .information-box, .admin-settings .demo .information { background: #f3fafe; border: 1px solid #bde4fc; }
.admin-settings .demo .question-box, .admin-settings .demo .question { background: #fff7cc; border: 1px solid #ffe766; }
.admin-settings .demo .alert-box, .admin-settings .demo .alert { background: #fdf2f2; border: 1px solid #f6b9b9; }
.admin-settings .demo .memo-box { background: #ebf8f4; border: 1px solid #8dd7c1; }
.admin-settings .demo .comment-box { background: #fefefe; border: 1px solid #ccd; }
.admin-settings .demo .ok-box { background: #f2fafb; border: 1px solid #3cb2cc; }
.admin-settings .demo .ng-box { background: #ffe7e7; border: 1px solid #dd5454; }
.admin-settings .demo .good-box { background: #f7fcf7; border: 1px solid #98e093; }
.admin-settings .demo .bad-box { background: #fff1f4; border: 1px solid #eb6980; }
.admin-settings .demo .profile-box { background: #fefefe; border: 1px solid #ccd; }
.admin-settings .demo .information-box::before, .admin-settings .demo .question-box::before, .admin-settings .demo .alert-box::before, .admin-settings .demo .information::before, .admin-settings .demo .question::before, .admin-settings .demo .alert::before, .admin-settings .demo .memo-box::before, .admin-settings .demo .comment-box::before, .admin-settings .demo .common-icon-box::before { font-family: "FontAwesome"; font-size: 42px; position: absolute; top: -13px; left: 13px; padding-right: .15em; line-height: 1em; top: 50%; margin-top: -.5em; width: 44px; text-align: center; }
.admin-settings .demo .information-box::before, .admin-settings .demo .information::before { content: '\f05a'; color: #87cefa; border-right: 1px solid #bde4fc; }
.admin-settings .demo .question-box::before, .admin-settings .demo .question::before { content: '\f059'; color: gold; border-right: 1px solid #ffe766; }
.admin-settings .demo .alert-box::before, .admin-settings .demo .alert::before { content: '\f06a'; color: #f3aca9; border-right: 1px solid #f6b9b9; }
.admin-settings .demo .memo-box::before { content: '\f040'; color: #7ad0b6; border-right: 1px solid #8dd7c1; font-size: 36px; }
.admin-settings .demo .comment-box::before, .admin-settings .demo .profile-box::before { content: '\f0e5'; color: #999; border-right: 1px solid #ccd; font-size: 36px; }
.admin-settings .demo .profile-box::before { content: '\f007'; }
.admin-settings .demo .ok-box::before { content: '\f10c'; color: #3cb2cc; border-right: 1px solid #3cb2cc; font-size: 36px; }
.admin-settings .demo .ng-box::before { content: '\f00d'; color: #dd5454; border-right: 1px solid #dd5454; font-size: 36px; }
.admin-settings .demo .good-box::before { content: '\f164'; color: #98e093; border-right: 1px solid #98e093; font-size: 36px; }
.admin-settings .demo .bad-box::before { content: '\f165'; color: #eb6980; border-right: 1px solid #eb6980; font-size: 36px; }
.admin-settings .demo #wpadminbar .alert::before { display: none; }
@media screen and (max-width: 440px) { .admin-settings .demo .information-box, .admin-settings .demo .question-box, .admin-settings .demo .alert-box, .admin-settings .demo .information, .admin-settings .demo .question, .admin-settings .demo .alert, .admin-settings .demo .memo-box, .admin-settings .demo .comment-box, .admin-settings .demo .common-icon-box { padding: 26px 6px 6px; }
  .admin-settings .demo .information-box::before, .admin-settings .demo .question-box::before, .admin-settings .demo .alert-box::before, .admin-settings .demo .information::before, .admin-settings .demo .question::before, .admin-settings .demo .alert::before, .admin-settings .demo .memo-box::before, .admin-settings .demo .comment-box::before, .admin-settings .demo .common-icon-box::before { padding: 0; top: 0.7em; left: 50%; margin-left: -0.5em; font-size: 18px; border: none; width: auto; }
  .admin-settings .demo .container .blank-box { margin-left: 0; margin-right: 0; } }
.admin-settings .demo .blank-box { border: 3px solid #949495; padding: 1.2em 1em; margin: 1em 2%; border-radius: 4px; }
.admin-settings .demo .blank-box ol, .admin-settings .demo .blank-box ul { margin: 0; }
.admin-settings .demo .blank-box.bb-red { border-color: #e60033; }
.admin-settings .demo .blank-box.bb-pink { border-color: #e95295; }
.admin-settings .demo .blank-box.bb-purple { border-color: #884898; }
.admin-settings .demo .blank-box.bb-blue { border-color: #0095d9; }
.admin-settings .demo .blank-box.bb-green { border-color: #3eb370; }
.admin-settings .demo .blank-box.bb-orange { border-color: #f39800; }
.admin-settings .demo .blank-box.bb-yellow { border-color: #ffd900; }
.admin-settings .demo .blank-box.bb-brown { border-color: #954e2a; }
.admin-settings .demo .blank-box.bb-grey { border-color: #949495; }
.admin-settings .demo .blank-box.bb-black { border-color: #333; }
.admin-settings .demo .blank-box.bb-deep { border-color: #55295b; }
.admin-settings .demo .blank-box.bb-indigo { border-color: #1e50a2; }
.admin-settings .demo .blank-box.bb-light-blue { border-color: #2ca9e1; }
.admin-settings .demo .blank-box.bb-cyan { border-color: #00a3af; }
.admin-settings .demo .blank-box.bb-teal { border-color: #007b43; }
.admin-settings .demo .blank-box.bb-light-green { border-color: #8bc34a; }
.admin-settings .demo .blank-box.bb-lime { border-color: #c3d825; }
.admin-settings .demo .blank-box.bb-amber { border-color: #ffc107; }
.admin-settings .demo .blank-box.bb-deep-orange { border-color: #ea5506; }
.admin-settings .demo .blank-box.bb-white { border-color: #fff; }
.admin-settings .demo .blank-box.bb-tab { position: relative; margin-top: 2em; border-top-left-radius: 0; }
.admin-settings .demo .blank-box.bb-tab .bb-label { background-color: #949495; font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif; position: absolute; font-size: 13px; top: -1.8em; line-height: 1.8; color: #fff; left: -3px; border-radius: 6px 6px 0 0; padding: 0 1em 0 .8em; }
.admin-settings .demo .blank-box.bb-tab .bb-label .fa { margin-right: 6px; }
.admin-settings .demo .blank-box.bb-tab.bb-red .bb-label { background-color: #e60033; }
.admin-settings .demo .blank-box.bb-tab.bb-pink .bb-label { background-color: #e95295; }
.admin-settings .demo .blank-box.bb-tab.bb-purple .bb-label { background-color: #884898; }
.admin-settings .demo .blank-box.bb-tab.bb-blue .bb-label { background-color: #0095d9; }
.admin-settings .demo .blank-box.bb-tab.bb-green .bb-label { background-color: #3eb370; }
.admin-settings .demo .blank-box.bb-tab.bb-orange .bb-label { background-color: #f39800; }
.admin-settings .demo .blank-box.bb-tab.bb-yellow .bb-label { background-color: #ffd900; }
.admin-settings .demo .blank-box.bb-tab.bb-brown .bb-label { background-color: #954e2a; }
.admin-settings .demo .blank-box.bb-tab.bb-grey .bb-label { background-color: #949495; }
.admin-settings .demo .blank-box.bb-tab.bb-black .bb-label { background-color: #333; }
.admin-settings .demo .blank-box.bb-tab.bb-deep .bb-label { background-color: #55295b; }
.admin-settings .demo .blank-box.bb-tab.bb-indigo .bb-label { background-color: #1e50a2; }
.admin-settings .demo .blank-box.bb-tab.bb-light-blue .bb-label { background-color: #2ca9e1; }
.admin-settings .demo .blank-box.bb-tab.bb-cyan .bb-label { background-color: #00a3af; }
.admin-settings .demo .blank-box.bb-tab.bb-teal .bb-label { background-color: #007b43; }
.admin-settings .demo .blank-box.bb-tab.bb-light-green .bb-label { background-color: #8bc34a; }
.admin-settings .demo .blank-box.bb-tab.bb-lime .bb-label { background-color: #c3d825; }
.admin-settings .demo .blank-box.bb-tab.bb-amber .bb-label { background-color: #ffc107; }
.admin-settings .demo .blank-box.bb-tab.bb-deep-orange .bb-label { background-color: #ea5506; }
.admin-settings .demo .blank-box.bb-tab.bb-white .bb-label { background-color: #fff; }
.admin-settings .demo .blank-box.sticky { border-width: 0 0 0 6px; border-color: #777; background-color: #f3f4f5; }
.admin-settings .demo .blank-box.sticky.st-yellow { border-color: #FFA103; background-color: #ffeac7; }
.admin-settings .demo .blank-box.sticky.st-red { border-color: #CD3740; background-color: #F5DADC; }
.admin-settings .demo .blank-box.sticky.st-blue { border-color: #0066cc; background-color: #E5F2FF; }
.admin-settings .demo .blank-box.sticky.st-green { border-color: #028760; background-color: #CBEFE4; }
.admin-settings .demo .bb-check .fa::before { content: ""; }
.admin-settings .demo .bb-check .bb-label::after { content: "CHECK"; }
.admin-settings .demo .bb-comment .fa::before { content: ""; }
.admin-settings .demo .bb-comment .bb-label::after { content: "COMMENT"; }
.admin-settings .demo .bb-point .fa::before { content: ""; }
.admin-settings .demo .bb-point .bb-label::after { content: "POINT"; }
.admin-settings .demo .bb-tips .fa::before { content: ""; }
.admin-settings .demo .bb-tips .bb-label::after { content: "TIPS"; }
.admin-settings .demo .bb-hint .fa::before { content: ""; }
.admin-settings .demo .bb-hint .bb-label::after { content: "HINT"; }
.admin-settings .demo .bb-pickup .fa::before { content: ""; }
.admin-settings .demo .bb-pickup .bb-label::after { content: "PICKUP"; }
.admin-settings .demo .bb-bookmark .fa::before { content: ""; }
.admin-settings .demo .bb-bookmark .bb-label::after { content: "BOOKMARK"; }
.admin-settings .demo .bb-memo .fa::before { content: ""; }
.admin-settings .demo .bb-memo .bb-label::after { content: "MEMO"; }
.admin-settings .demo .bb-download .fa::before { content: ""; }
.admin-settings .demo .bb-download .bb-label::after { content: "DOWNLOAD"; }
.admin-settings .demo .bb-break .fa::before { content: ""; }
.admin-settings .demo .bb-break .bb-label::after { content: "BREAK"; }
.admin-settings .demo .bb-amazon .fa::before { content: ""; }
.admin-settings .demo .bb-amazon .bb-label::after { content: "AMAZON"; }
.admin-settings .demo .bb-ok .fa::before { content: ""; }
.admin-settings .demo .bb-ok .bb-label::after { content: "OK"; }
.admin-settings .demo .bb-ng .fa::before { content: ""; }
.admin-settings .demo .bb-ng .bb-label::after { content: "NG"; }
.admin-settings .demo .bb-good .fa::before { content: ""; }
.admin-settings .demo .bb-good .bb-label::after { content: "GOOD"; }
.admin-settings .demo .bb-bad .fa::before { content: ""; }
.admin-settings .demo .bb-bad .bb-label::after { content: "BAD"; }
.admin-settings .demo .bb-profile .fa::before { content: ""; }
.admin-settings .demo .bb-profile .bb-label::after { content: "PROFILE"; }
.admin-settings .demo .container .search-form { margin: 3em 0; }
.admin-settings .demo .search-form > div { border: 1px solid #555; border-radius: 2px; padding: 5px; margin-left: 10px; display: inline-block; }
.admin-settings .demo .search-form div.sform { min-width: 280px; background-color: #fff; }
.admin-settings .demo .search-form div.sbtn { background-color: #1155EE; color: #fff; padding-left: 20px; padding-right: 30px; position: absolute; }
.admin-settings .demo .search-form div.sbtn:before { content: "\f002"; font-family: FontAwesome; margin-right: 7px; }
.admin-settings .demo .search-form div.sbtn:after { content: "\f25a"; font-family: FontAwesome; color: #000; position: absolute; bottom: -1.4em; font-size: 25px; }
@media screen and (max-width: 450px) { .admin-settings .demo .search-form div { padding: 3px 5px; font-size: 75%; }
  .admin-settings .demo .search-form div.sform { min-width: 180px; }
  .admin-settings .demo .search-form div.sbtn { padding-left: 5px; padding-right: 10px; }
  .admin-settings .demo .search-form div.sbtn:after { font-size: 20px; margin-left: -10px; } }
.admin-settings .demo .btn-wrap { min-height: 2em; margin: 1.6em 0; }
.admin-settings .demo .btn-wrap img[width="1"] { position: absolute; bottom: 0; right: 0; }
.admin-settings .demo .btn, .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .btn-wrap > a, .admin-settings .demo .wp-block-freeform .btn-wrap > a { color: #fff; background-color: #32373c; font-weight: bold; border-radius: 4px; display: inline-block; cursor: pointer; line-height: normal; padding: 8px 1em; text-decoration: none; text-align: center; font-size: 14px; border: 2px solid transparent; position: relative; }
.admin-settings .demo .btn amp-img, .admin-settings .demo .ranking-item-link-buttons a amp-img, .admin-settings .demo .btn-wrap > a amp-img, .admin-settings .demo .wp-block-freeform .btn-wrap > a amp-img { position: absolute; }
.admin-settings .demo .btn:before, .admin-settings .demo .ranking-item-link-buttons a:before, .admin-settings .demo .btn:after, .admin-settings .demo .ranking-item-link-buttons a:after, .admin-settings .demo .btn-wrap > a:before, .admin-settings .demo .btn-wrap > a:after { font-family: FontAwesome; margin-right: 12px; transition: all .2s ease; }
.admin-settings .demo .btn-m, .admin-settings .demo .btn-wrap.btn-wrap-m > a { padding: 14px 45px; font-size: 16px; }
.admin-settings .demo .btn-l, .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .btn-wrap.btn-wrap-l > a { padding: 14px 20px; font-size: 18px; margin: 1em; display: flex; justify-content: center; align-items: center; }
.admin-settings .demo .btn-l::after, .admin-settings .demo .ranking-item-link-buttons a::after, .admin-settings .demo .btn-wrap.btn-wrap-l > a::after { content: "\f105"; position: absolute; right: 0; font-size: 20px; }
.admin-settings .demo .btn:hover, .admin-settings .demo .ranking-item-link-buttons a:hover, .admin-settings .demo .btn-wrap > a:hover { opacity: 0.7; color: #fff; transition: all 0.7s; }
.admin-settings .demo .btn:hover::after, .admin-settings .demo .ranking-item-link-buttons a:hover::after, .admin-settings .demo .btn-wrap > a:hover::after { right: -4px; transition: all 0.7s; }
.admin-settings .demo .btn-l.btn-circle::after, .admin-settings .demo .ranking-item-link-buttons a.btn-circle::after, .admin-settings .demo .btn-wrap.btn-wrap-l.btn-wrap-circle > a::after { right: 8px; }
.admin-settings .demo .btn-l.btn-circle:hover::after, .admin-settings .demo .ranking-item-link-buttons a.btn-circle:hover::after, .admin-settings .demo .btn-wrap.btn-wrap-l.btn-wrap-circle > a:hover::after { right: 4px; }
.admin-settings .demo .btn-shine, .admin-settings .demo .btn-wrap-shine > a { overflow: hidden; }
.admin-settings .demo .btn-shine:before, .admin-settings .demo .btn-wrap-shine > a:before { animation: shine 3s ease-in-out infinite; background-color: #fff; content: " "; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; transform: rotate(45deg); width: 30px; }
.admin-settings .demo .btn-circle, .admin-settings .demo .btn-wrap-circle > a { border-radius: 99px; }
.admin-settings .demo .btn-white, .admin-settings .demo .btn-wrap.btn-wrap-white > a { color: #333; background-color: #fff; }
.admin-settings .demo #container .btn-white:hover, .admin-settings .demo #container .btn-wrap.btn-wrap-white > a:hover { color: #333; }
.admin-settings .demo .btn-red, .admin-settings .demo .ranking-item-link a, .admin-settings .demo .btn-wrap.btn-wrap-red > a { background-color: #e60033; }
.admin-settings .demo .btn-pink, .admin-settings .demo .btn-wrap.btn-wrap-pink > a { background-color: #e95295; }
.admin-settings .demo .btn-purple, .admin-settings .demo .btn-wrap.btn-wrap-purple > a { background-color: #884898; }
.admin-settings .demo .btn-deep, .admin-settings .demo .btn-wrap.btn-wrap-deep > a { background-color: #55295b; }
.admin-settings .demo .btn-indigo, .admin-settings .demo .btn-wrap.btn-wrap-indigo > a { background-color: #1e50a2; }
.admin-settings .demo .btn-blue, .admin-settings .demo .ranking-item-detail a, .admin-settings .demo .btn-wrap.btn-wrap-blue > a { background-color: #0095d9; }
.admin-settings .demo .btn-light-blue, .admin-settings .demo .btn-wrap.btn-wrap-light-blue > a { background-color: #2ca9e1; }
.admin-settings .demo .btn-cyan, .admin-settings .demo .btn-wrap.btn-wrap-cyan > a { background-color: #00a3af; }
.admin-settings .demo .btn-teal, .admin-settings .demo .btn-wrap.btn-wrap-teal > a { background-color: #007b43; }
.admin-settings .demo .btn-green, .admin-settings .demo .btn-wrap.btn-wrap-green > a { background-color: #3eb370; }
.admin-settings .demo .btn-light-green, .admin-settings .demo .btn-wrap.btn-wrap-light-green > a { background-color: #8bc34a; }
.admin-settings .demo .btn-lime, .admin-settings .demo .btn-wrap.btn-wrap-lime > a { background-color: #c3d825; }
.admin-settings .demo .btn-yellow, .admin-settings .demo .btn-wrap.btn-wrap-yellow > a { background-color: #ffd900; }
.admin-settings .demo .btn-amber, .admin-settings .demo .btn-wrap.btn-wrap-amber > a { background-color: #ffc107; }
.admin-settings .demo .btn-orange, .admin-settings .demo .btn-wrap.btn-wrap-orange > a { background-color: #f39800; }
.admin-settings .demo .btn-deep-orange, .admin-settings .demo .btn-wrap.btn-wrap-deep-orange > a { background-color: #ea5506; }
.admin-settings .demo .btn-brown, .admin-settings .demo .btn-wrap.btn-wrap-brown > a { background-color: #954e2a; }
.admin-settings .demo .btn-grey, .admin-settings .demo .btn-wrap.btn-wrap-grey > a { background-color: #949495; }
.admin-settings .demo .btn-blue-grey, .admin-settings .demo .btn-wrap.btn-wrap-blue-grey > a { background-color: #607d8b; }
.admin-settings .demo .btn-black, .admin-settings .demo .btn-wrap.btn-wrap-black > a { background-color: #333; }
.admin-settings .demo .btn-arrow-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-right > a:before { content: "\f061"; }
.admin-settings .demo .btn-chevron-right:before, .admin-settings .demo .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f054"; }
.admin-settings .demo .btn-angle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-angle-right > a:before { content: "\f105"; }
.admin-settings .demo .btn-caret-right:before, .admin-settings .demo .btn-wrap.btn-wrap-caret-right > a:before { content: "\f0da"; }
.admin-settings .demo .btn-long-arrow-right:before, .admin-settings .demo .btn-wrap.btn-wrap-long-arrow-right > a:before { content: "\f178"; }
.admin-settings .demo .btn-chevron-circle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f138"; }
.admin-settings .demo .btn-angle-double-right:before, .admin-settings .demo .btn-wrap.btn-wrap-angle-double-right > a:before { content: "\f101"; }
.admin-settings .demo .btn-arrow-circle-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-circle-right > a:before { content: "\f0a9"; }
.admin-settings .demo .btn-hand-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-hand-o-right > a:before { content: "\f0a4"; }
.admin-settings .demo .btn-arrow-circle-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-arrow-circle-o-right > a:before { content: "\f18e"; }
.admin-settings .demo .btn-caret-square-o-right:before, .admin-settings .demo .btn-wrap.btn-wrap-caret-square-o-right > a:before { content: "\f152"; }
.admin-settings .demo .micro-copy.alignleft { float: none; margin-right: 0; text-align: left; }
.admin-settings .demo .micro-copy.alignright { float: none; margin-left: 0; text-align: right; }
.admin-settings .demo .micro-copy.aligncenter { text-align: center; }
.admin-settings .demo .micro-top { font-size: 0.8em; margin-bottom: -1.2em; margin-top: 1em; }
.admin-settings .demo .micro-bottom { font-size: 0.8em; margin-top: -1.2em; margin-bottom: 1em; }
.admin-settings .demo .micro-center { text-align: center; }
.admin-settings .demo .micro-right { text-align: right; }
.admin-settings .demo .micro-balloon { position: relative; background: #fff; border: 1px solid #999; border-radius: 4px; padding: 3px 12px; display: table; font-size: 0.8em; }
.admin-settings .demo .micro-balloon.has-background { color: #fff; }
.admin-settings .demo .micro-balloon:after, .admin-settings .demo .micro-balloon:before { top: calc(100% - 1px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .micro-balloon:after { border-top-color: #fff; border-width: 7px; margin-left: -7px; }
.admin-settings .demo .micro-balloon:before { border-top-color: #999; border-width: 8px; margin-left: -8px; }
.admin-settings .demo .micro-balloon-center { margin-left: auto; margin-right: auto; }
.admin-settings .demo .micro-balloon-right { margin-left: auto; }
.admin-settings .demo .micro-bottom.micro-balloon { margin-top: -.5em; }
.admin-settings .demo .micro-bottom.micro-balloon:after, .admin-settings .demo .micro-bottom.micro-balloon:before { bottom: calc(100% - 1px); top: auto; }
.admin-settings .demo .micro-bottom.micro-balloon:after { border-bottom-color: #fff; border-top-color: transparent; }
.admin-settings .demo .micro-bottom.micro-balloon:before { border-bottom-color: #999; border-top-color: transparent; }
.admin-settings .demo .micro-icon { margin-right: 6px; }
.admin-settings .demo .micro-copy.alignleft, .admin-settings .demo .micro-copy.alignright { float: none; }
.admin-settings .demo .micro-copy.alignright { margin-left: auto; }
.admin-settings .demo .mc-circle { border-radius: 2em; }
.admin-settings .demo .mc-red { background-color: #e60033; color: #fff; border: none; }
.admin-settings .demo .mc-red.micro-bottom::after { border-bottom-color: #e60033; border-top-color: transparent; }
.admin-settings .demo .mc-red::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-red::after { border-top-color: #e60033; }
.admin-settings .demo .mc-pink { background-color: #e95295; color: #fff; border: none; }
.admin-settings .demo .mc-pink.micro-bottom::after { border-bottom-color: #e95295; border-top-color: transparent; }
.admin-settings .demo .mc-pink::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-pink::after { border-top-color: #e95295; }
.admin-settings .demo .mc-purple { background-color: #884898; color: #fff; border: none; }
.admin-settings .demo .mc-purple.micro-bottom::after { border-bottom-color: #884898; border-top-color: transparent; }
.admin-settings .demo .mc-purple::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-purple::after { border-top-color: #884898; }
.admin-settings .demo .mc-blue { background-color: #0095d9; color: #fff; border: none; }
.admin-settings .demo .mc-blue.micro-bottom::after { border-bottom-color: #0095d9; border-top-color: transparent; }
.admin-settings .demo .mc-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-blue::after { border-top-color: #0095d9; }
.admin-settings .demo .mc-green { background-color: #3eb370; color: #fff; border: none; }
.admin-settings .demo .mc-green.micro-bottom::after { border-bottom-color: #3eb370; border-top-color: transparent; }
.admin-settings .demo .mc-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-green::after { border-top-color: #3eb370; }
.admin-settings .demo .mc-orange { background-color: #f39800; color: #fff; border: none; }
.admin-settings .demo .mc-orange.micro-bottom::after { border-bottom-color: #f39800; border-top-color: transparent; }
.admin-settings .demo .mc-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-orange::after { border-top-color: #f39800; }
.admin-settings .demo .mc-yellow { background-color: #ffd900; color: #fff; border: none; }
.admin-settings .demo .mc-yellow.micro-bottom::after { border-bottom-color: #ffd900; border-top-color: transparent; }
.admin-settings .demo .mc-yellow::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-yellow::after { border-top-color: #ffd900; }
.admin-settings .demo .mc-brown { background-color: #954e2a; color: #fff; border: none; }
.admin-settings .demo .mc-brown.micro-bottom::after { border-bottom-color: #954e2a; border-top-color: transparent; }
.admin-settings .demo .mc-brown::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-brown::after { border-top-color: #954e2a; }
.admin-settings .demo .mc-grey { background-color: #949495; color: #fff; border: none; }
.admin-settings .demo .mc-grey.micro-bottom::after { border-bottom-color: #949495; border-top-color: transparent; }
.admin-settings .demo .mc-grey::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-grey::after { border-top-color: #949495; }
.admin-settings .demo .mc-black { background-color: #333; color: #fff; border: none; }
.admin-settings .demo .mc-black.micro-bottom::after { border-bottom-color: #333; border-top-color: transparent; }
.admin-settings .demo .mc-black::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-black::after { border-top-color: #333; }
.admin-settings .demo .mc-deep { background-color: #55295b; color: #fff; border: none; }
.admin-settings .demo .mc-deep.micro-bottom::after { border-bottom-color: #55295b; border-top-color: transparent; }
.admin-settings .demo .mc-deep::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-deep::after { border-top-color: #55295b; }
.admin-settings .demo .mc-indigo { background-color: #1e50a2; color: #fff; border: none; }
.admin-settings .demo .mc-indigo.micro-bottom::after { border-bottom-color: #1e50a2; border-top-color: transparent; }
.admin-settings .demo .mc-indigo::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-indigo::after { border-top-color: #1e50a2; }
.admin-settings .demo .mc-light-blue { background-color: #2ca9e1; color: #fff; border: none; }
.admin-settings .demo .mc-light-blue.micro-bottom::after { border-bottom-color: #2ca9e1; border-top-color: transparent; }
.admin-settings .demo .mc-light-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-light-blue::after { border-top-color: #2ca9e1; }
.admin-settings .demo .mc-cyan { background-color: #00a3af; color: #fff; border: none; }
.admin-settings .demo .mc-cyan.micro-bottom::after { border-bottom-color: #00a3af; border-top-color: transparent; }
.admin-settings .demo .mc-cyan::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-cyan::after { border-top-color: #00a3af; }
.admin-settings .demo .mc-teal { background-color: #007b43; color: #fff; border: none; }
.admin-settings .demo .mc-teal.micro-bottom::after { border-bottom-color: #007b43; border-top-color: transparent; }
.admin-settings .demo .mc-teal::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-teal::after { border-top-color: #007b43; }
.admin-settings .demo .mc-light-green { background-color: #8bc34a; color: #fff; border: none; }
.admin-settings .demo .mc-light-green.micro-bottom::after { border-bottom-color: #8bc34a; border-top-color: transparent; }
.admin-settings .demo .mc-light-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-light-green::after { border-top-color: #8bc34a; }
.admin-settings .demo .mc-lime { background-color: #c3d825; color: #fff; border: none; }
.admin-settings .demo .mc-lime.micro-bottom::after { border-bottom-color: #c3d825; border-top-color: transparent; }
.admin-settings .demo .mc-lime::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-lime::after { border-top-color: #c3d825; }
.admin-settings .demo .mc-amber { background-color: #ffc107; color: #fff; border: none; }
.admin-settings .demo .mc-amber.micro-bottom::after { border-bottom-color: #ffc107; border-top-color: transparent; }
.admin-settings .demo .mc-amber::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-amber::after { border-top-color: #ffc107; }
.admin-settings .demo .mc-deep-orange { background-color: #ea5506; color: #fff; border: none; }
.admin-settings .demo .mc-deep-orange.micro-bottom::after { border-bottom-color: #ea5506; border-top-color: transparent; }
.admin-settings .demo .mc-deep-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-deep-orange::after { border-top-color: #ea5506; }
.admin-settings .demo .mc-white { background-color: #fff; color: #fff; border: none; }
.admin-settings .demo .mc-white.micro-bottom::after { border-bottom-color: #fff; border-top-color: transparent; }
.admin-settings .demo .mc-white::before { border-top-color: transparent; border-bottom-color: transparent; }
.admin-settings .demo .mc-white::after { border-top-color: #fff; }
.admin-settings .demo .blogcard-label { position: absolute; top: -18px; left: 16px; font-size: 13px; padding: 3px 0.6em; background-color: #333; color: #fff; border-radius: 3px; letter-spacing: 0.7px; display: none; }
.admin-settings .demo .blogcard-label .fa::before { margin-right: 6px; }
.admin-settings .demo .blogcard-type .blogcard-label { display: block; }
.admin-settings .demo .bct-none .blogcard-label { display: none; }
.admin-settings .demo .bct-related .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-related .blogcard-label::after { content: "関連記事"; }
.admin-settings .demo .bct-reference .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-reference .blogcard-label::after { content: "参考記事"; }
.admin-settings .demo .bct-reference-link .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-reference-link .blogcard-label::after { content: "参考リンク"; }
.admin-settings .demo .bct-popular .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-popular .blogcard-label::after { content: "人気記事"; }
.admin-settings .demo .bct-pickup .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-pickup .blogcard-label::after { content: "ピックアップ"; }
.admin-settings .demo .bct-check .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-check .blogcard-label::after { content: "チェック"; }
.admin-settings .demo .bct-together .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-together .blogcard-label::after { content: "あわせて読みたい"; }
.admin-settings .demo .bct-detail .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-detail .blogcard-label::after { content: "詳細はこちら"; }
.admin-settings .demo .bct-official .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-official .blogcard-label::after { content: "公式サイト"; }
.admin-settings .demo .bct-dl .blogcard-label .fa::before { content: ""; }
.admin-settings .demo .bct-dl .blogcard-label::after { content: "ダウンロード"; }
.admin-settings .demo .button-block { float: none; margin: 1em 0; }
.admin-settings .demo .button-block.alignleft { text-align: left; }
.admin-settings .demo .button-block.aligncenter { text-align: center; }
.admin-settings .demo .button-block.alignright { text-align: right; }
.admin-settings .demo .block-box-label { display: flex; }
.admin-settings .demo .block-box-label::before { margin-right: 0.3em; }
.admin-settings .demo .caption-box { margin: 1.2em 0; border: 2px solid #eee; border-radius: 4px; }
.admin-settings .demo .caption-box.has-border-color .box-label { color: #fff; }
.admin-settings .demo .caption-box-label { padding: 0.2em 0.8em; background-color: #eee; }
.admin-settings .demo .caption-box-content { padding: 0.4em 0.8em; }
.admin-settings .demo .cb-red.caption-box { border-color: #e60033; }
.admin-settings .demo .cb-red .caption-box-label { background-color: #e60033; color: #fff; }
.admin-settings .demo .cb-pink.caption-box { border-color: #e95295; }
.admin-settings .demo .cb-pink .caption-box-label { background-color: #e95295; color: #fff; }
.admin-settings .demo .cb-purple.caption-box { border-color: #884898; }
.admin-settings .demo .cb-purple .caption-box-label { background-color: #884898; color: #fff; }
.admin-settings .demo .cb-blue.caption-box { border-color: #0095d9; }
.admin-settings .demo .cb-blue .caption-box-label { background-color: #0095d9; color: #fff; }
.admin-settings .demo .cb-green.caption-box { border-color: #3eb370; }
.admin-settings .demo .cb-green .caption-box-label { background-color: #3eb370; color: #fff; }
.admin-settings .demo .cb-orange.caption-box { border-color: #f39800; }
.admin-settings .demo .cb-orange .caption-box-label { background-color: #f39800; color: #fff; }
.admin-settings .demo .cb-yellow.caption-box { border-color: #ffd900; }
.admin-settings .demo .cb-yellow .caption-box-label { background-color: #ffd900; color: #fff; }
.admin-settings .demo .cb-brown.caption-box { border-color: #954e2a; }
.admin-settings .demo .cb-brown .caption-box-label { background-color: #954e2a; color: #fff; }
.admin-settings .demo .cb-grey.caption-box { border-color: #949495; }
.admin-settings .demo .cb-grey .caption-box-label { background-color: #949495; color: #fff; }
.admin-settings .demo .cb-black.caption-box { border-color: #333; }
.admin-settings .demo .cb-black .caption-box-label { background-color: #333; color: #fff; }
.admin-settings .demo .cb-deep.caption-box { border-color: #55295b; }
.admin-settings .demo .cb-deep .caption-box-label { background-color: #55295b; color: #fff; }
.admin-settings .demo .cb-indigo.caption-box { border-color: #1e50a2; }
.admin-settings .demo .cb-indigo .caption-box-label { background-color: #1e50a2; color: #fff; }
.admin-settings .demo .cb-light-blue.caption-box { border-color: #2ca9e1; }
.admin-settings .demo .cb-light-blue .caption-box-label { background-color: #2ca9e1; color: #fff; }
.admin-settings .demo .cb-cyan.caption-box { border-color: #00a3af; }
.admin-settings .demo .cb-cyan .caption-box-label { background-color: #00a3af; color: #fff; }
.admin-settings .demo .cb-teal.caption-box { border-color: #007b43; }
.admin-settings .demo .cb-teal .caption-box-label { background-color: #007b43; color: #fff; }
.admin-settings .demo .cb-light-green.caption-box { border-color: #8bc34a; }
.admin-settings .demo .cb-light-green .caption-box-label { background-color: #8bc34a; color: #fff; }
.admin-settings .demo .cb-lime.caption-box { border-color: #c3d825; }
.admin-settings .demo .cb-lime .caption-box-label { background-color: #c3d825; color: #fff; }
.admin-settings .demo .cb-amber.caption-box { border-color: #ffc107; }
.admin-settings .demo .cb-amber .caption-box-label { background-color: #ffc107; color: #fff; }
.admin-settings .demo .cb-deep-orange.caption-box { border-color: #ea5506; }
.admin-settings .demo .cb-deep-orange .caption-box-label { background-color: #ea5506; color: #fff; }
.admin-settings .demo .cb-white.caption-box { border-color: #fff; }
.admin-settings .demo .cb-white .caption-box-label { background-color: #fff; color: #fff; }
.admin-settings .demo .tab-caption-box { margin: 1.2em 0; }
.admin-settings .demo .tab-caption-box.block-box.has-background { background-color: transparent; }
.admin-settings .demo .tab-caption-box.has-border-color .box-label { color: #fff; }
.admin-settings .demo .tab-caption-box-label { padding: 0 0.8em; font-size: 0.9em; background-color: #eee; display: inline-block; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.admin-settings .demo .tab-caption-box-content { margin-top: -3px; border: 3px solid #eee; padding: 0.4em 0.8em; border-radius: 8px; border-top-left-radius: 0; }
.admin-settings .demo .tcb-red .tab-caption-box-label { background-color: #e60033; color: #fff; }
.admin-settings .demo .tcb-red .tab-caption-box-content { border-color: #e60033; }
.admin-settings .demo .tcb-pink .tab-caption-box-label { background-color: #e95295; color: #fff; }
.admin-settings .demo .tcb-pink .tab-caption-box-content { border-color: #e95295; }
.admin-settings .demo .tcb-purple .tab-caption-box-label { background-color: #884898; color: #fff; }
.admin-settings .demo .tcb-purple .tab-caption-box-content { border-color: #884898; }
.admin-settings .demo .tcb-blue .tab-caption-box-label { background-color: #0095d9; color: #fff; }
.admin-settings .demo .tcb-blue .tab-caption-box-content { border-color: #0095d9; }
.admin-settings .demo .tcb-green .tab-caption-box-label { background-color: #3eb370; color: #fff; }
.admin-settings .demo .tcb-green .tab-caption-box-content { border-color: #3eb370; }
.admin-settings .demo .tcb-orange .tab-caption-box-label { background-color: #f39800; color: #fff; }
.admin-settings .demo .tcb-orange .tab-caption-box-content { border-color: #f39800; }
.admin-settings .demo .tcb-yellow .tab-caption-box-label { background-color: #ffd900; color: #fff; }
.admin-settings .demo .tcb-yellow .tab-caption-box-content { border-color: #ffd900; }
.admin-settings .demo .tcb-brown .tab-caption-box-label { background-color: #954e2a; color: #fff; }
.admin-settings .demo .tcb-brown .tab-caption-box-content { border-color: #954e2a; }
.admin-settings .demo .tcb-grey .tab-caption-box-label { background-color: #949495; color: #fff; }
.admin-settings .demo .tcb-grey .tab-caption-box-content { border-color: #949495; }
.admin-settings .demo .tcb-black .tab-caption-box-label { background-color: #333; color: #fff; }
.admin-settings .demo .tcb-black .tab-caption-box-content { border-color: #333; }
.admin-settings .demo .tcb-deep .tab-caption-box-label { background-color: #55295b; color: #fff; }
.admin-settings .demo .tcb-deep .tab-caption-box-content { border-color: #55295b; }
.admin-settings .demo .tcb-indigo .tab-caption-box-label { background-color: #1e50a2; color: #fff; }
.admin-settings .demo .tcb-indigo .tab-caption-box-content { border-color: #1e50a2; }
.admin-settings .demo .tcb-light-blue .tab-caption-box-label { background-color: #2ca9e1; color: #fff; }
.admin-settings .demo .tcb-light-blue .tab-caption-box-content { border-color: #2ca9e1; }
.admin-settings .demo .tcb-cyan .tab-caption-box-label { background-color: #00a3af; color: #fff; }
.admin-settings .demo .tcb-cyan .tab-caption-box-content { border-color: #00a3af; }
.admin-settings .demo .tcb-teal .tab-caption-box-label { background-color: #007b43; color: #fff; }
.admin-settings .demo .tcb-teal .tab-caption-box-content { border-color: #007b43; }
.admin-settings .demo .tcb-light-green .tab-caption-box-label { background-color: #8bc34a; color: #fff; }
.admin-settings .demo .tcb-light-green .tab-caption-box-content { border-color: #8bc34a; }
.admin-settings .demo .tcb-lime .tab-caption-box-label { background-color: #c3d825; color: #fff; }
.admin-settings .demo .tcb-lime .tab-caption-box-content { border-color: #c3d825; }
.admin-settings .demo .tcb-amber .tab-caption-box-label { background-color: #ffc107; color: #fff; }
.admin-settings .demo .tcb-amber .tab-caption-box-content { border-color: #ffc107; }
.admin-settings .demo .tcb-deep-orange .tab-caption-box-label { background-color: #ea5506; color: #fff; }
.admin-settings .demo .tcb-deep-orange .tab-caption-box-content { border-color: #ea5506; }
.admin-settings .demo .tcb-white .tab-caption-box-label { background-color: #fff; color: #fff; }
.admin-settings .demo .tcb-white .tab-caption-box-content { border-color: #fff; }
.admin-settings .demo .label-box { margin: 1.2em 0; }
.admin-settings .demo .label-box.block-box.has-background { background-color: transparent; }
.admin-settings .demo .label-box-label { margin-left: 1em; padding: 0 0.8em; font-size: 0.9em; font-weight: bold; text-shadow: #fff 3px 0px 0px, #fff 2px 1px 0px, #fff 2px 2px 0px, #fff 2px 3px 0px, #fff 1px 3px 0px, #fff 0px 3px 0px, #fff -1px 3px 0px, #fff -2px 2px 0px, #fff -3px 1px 0px, #fff -3px 0px 0px, #fff -3px -1px 0px, #fff -3px -2px 0px, #fff -2px -2px 0px, #fff -1px -3px 0px, #fff 0px -3px 0px, #fff 1px -3px 0px, #fff 2px -2px 0px, #fff 2px -2px 0px, #fff 3px -1px 0px; }
.admin-settings .demo .label-box-content { margin-top: -0.9em; border: 3px solid #777; padding: 1em 0.8em 0.4em; border-radius: 8px; }
.admin-settings .demo .lb-red .label-box-content { border-color: #e60033; }
.admin-settings .demo .lb-pink .label-box-content { border-color: #e95295; }
.admin-settings .demo .lb-purple .label-box-content { border-color: #884898; }
.admin-settings .demo .lb-blue .label-box-content { border-color: #0095d9; }
.admin-settings .demo .lb-green .label-box-content { border-color: #3eb370; }
.admin-settings .demo .lb-orange .label-box-content { border-color: #f39800; }
.admin-settings .demo .lb-yellow .label-box-content { border-color: #ffd900; }
.admin-settings .demo .lb-brown .label-box-content { border-color: #954e2a; }
.admin-settings .demo .lb-grey .label-box-content { border-color: #949495; }
.admin-settings .demo .lb-black .label-box-content { border-color: #333; }
.admin-settings .demo .lb-deep .label-box-content { border-color: #55295b; }
.admin-settings .demo .lb-indigo .label-box-content { border-color: #1e50a2; }
.admin-settings .demo .lb-light-blue .label-box-content { border-color: #2ca9e1; }
.admin-settings .demo .lb-cyan .label-box-content { border-color: #00a3af; }
.admin-settings .demo .lb-teal .label-box-content { border-color: #007b43; }
.admin-settings .demo .lb-light-green .label-box-content { border-color: #8bc34a; }
.admin-settings .demo .lb-lime .label-box-content { border-color: #c3d825; }
.admin-settings .demo .lb-amber .label-box-content { border-color: #ffc107; }
.admin-settings .demo .lb-deep-orange .label-box-content { border-color: #ea5506; }
.admin-settings .demo .lb-white .label-box-content { border-color: #fff; }
.admin-settings .demo .toggle-wrap { margin: 1.2em 0; position: relative; }
.admin-settings .demo .toggle-wrap > p { margin: 0; }
.admin-settings .demo .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.7s; overflow: hidden; }
.admin-settings .demo .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background-color: #f3f4f5; border: 2px solid #ccc; text-align: center; border-radius: 4px; position: relative; margin: 0; }
.admin-settings .demo .toggle-button::before { content: '\f067'; font-family: FontAwesome; margin-right: 0.4em; font-size: 0.8em; color: #999; }
.admin-settings .demo .toggle-button:hover { opacity: 0.7; }
.admin-settings .demo .toggle-checkbox { display: none; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-button::before { content: '\f068'; }
.admin-settings .demo .toggle-checkbox:checked ~ .toggle-content { visibility: visible; opacity: 1; height: 100%; transition: all 0.7s; padding: 1em; border: 2px solid #ccc; border-top-width: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.admin-settings .demo .tb-red .toggle-button { border: 2px solid #e60033; background: #e60033; color: #fff; }
.admin-settings .demo .tb-red .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-red .toggle-checkbox:checked ~ .toggle-content { border-color: #e60033; }
.admin-settings .demo .tb-pink .toggle-button { border: 2px solid #e95295; background: #e95295; color: #fff; }
.admin-settings .demo .tb-pink .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-pink .toggle-checkbox:checked ~ .toggle-content { border-color: #e95295; }
.admin-settings .demo .tb-purple .toggle-button { border: 2px solid #884898; background: #884898; color: #fff; }
.admin-settings .demo .tb-purple .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-purple .toggle-checkbox:checked ~ .toggle-content { border-color: #884898; }
.admin-settings .demo .tb-blue .toggle-button { border: 2px solid #0095d9; background: #0095d9; color: #fff; }
.admin-settings .demo .tb-blue .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #0095d9; }
.admin-settings .demo .tb-green .toggle-button { border: 2px solid #3eb370; background: #3eb370; color: #fff; }
.admin-settings .demo .tb-green .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-green .toggle-checkbox:checked ~ .toggle-content { border-color: #3eb370; }
.admin-settings .demo .tb-orange .toggle-button { border: 2px solid #f39800; background: #f39800; color: #fff; }
.admin-settings .demo .tb-orange .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #f39800; }
.admin-settings .demo .tb-yellow .toggle-button { border: 2px solid #ffd900; background: #ffd900; color: #fff; }
.admin-settings .demo .tb-yellow .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-yellow .toggle-checkbox:checked ~ .toggle-content { border-color: #ffd900; }
.admin-settings .demo .tb-brown .toggle-button { border: 2px solid #954e2a; background: #954e2a; color: #fff; }
.admin-settings .demo .tb-brown .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-brown .toggle-checkbox:checked ~ .toggle-content { border-color: #954e2a; }
.admin-settings .demo .tb-grey .toggle-button { border: 2px solid #949495; background: #949495; color: #fff; }
.admin-settings .demo .tb-grey .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-grey .toggle-checkbox:checked ~ .toggle-content { border-color: #949495; }
.admin-settings .demo .tb-black .toggle-button { border: 2px solid #333; background: #333; color: #fff; }
.admin-settings .demo .tb-black .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-black .toggle-checkbox:checked ~ .toggle-content { border-color: #333; }
.admin-settings .demo .tb-deep .toggle-button { border: 2px solid #55295b; background: #55295b; color: #fff; }
.admin-settings .demo .tb-deep .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-deep .toggle-checkbox:checked ~ .toggle-content { border-color: #55295b; }
.admin-settings .demo .tb-indigo .toggle-button { border: 2px solid #1e50a2; background: #1e50a2; color: #fff; }
.admin-settings .demo .tb-indigo .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-indigo .toggle-checkbox:checked ~ .toggle-content { border-color: #1e50a2; }
.admin-settings .demo .tb-light-blue .toggle-button { border: 2px solid #2ca9e1; background: #2ca9e1; color: #fff; }
.admin-settings .demo .tb-light-blue .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-light-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #2ca9e1; }
.admin-settings .demo .tb-cyan .toggle-button { border: 2px solid #00a3af; background: #00a3af; color: #fff; }
.admin-settings .demo .tb-cyan .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-cyan .toggle-checkbox:checked ~ .toggle-content { border-color: #00a3af; }
.admin-settings .demo .tb-teal .toggle-button { border: 2px solid #007b43; background: #007b43; color: #fff; }
.admin-settings .demo .tb-teal .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-teal .toggle-checkbox:checked ~ .toggle-content { border-color: #007b43; }
.admin-settings .demo .tb-light-green .toggle-button { border: 2px solid #8bc34a; background: #8bc34a; color: #fff; }
.admin-settings .demo .tb-light-green .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-light-green .toggle-checkbox:checked ~ .toggle-content { border-color: #8bc34a; }
.admin-settings .demo .tb-lime .toggle-button { border: 2px solid #c3d825; background: #c3d825; color: #fff; }
.admin-settings .demo .tb-lime .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-lime .toggle-checkbox:checked ~ .toggle-content { border-color: #c3d825; }
.admin-settings .demo .tb-amber .toggle-button { border: 2px solid #ffc107; background: #ffc107; color: #fff; }
.admin-settings .demo .tb-amber .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-amber .toggle-checkbox:checked ~ .toggle-content { border-color: #ffc107; }
.admin-settings .demo .tb-deep-orange .toggle-button { border: 2px solid #ea5506; background: #ea5506; color: #fff; }
.admin-settings .demo .tb-deep-orange .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-deep-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #ea5506; }
.admin-settings .demo .tb-white .toggle-button { border: 2px solid #fff; background: #fff; color: #fff; }
.admin-settings .demo .tb-white .toggle-button::before { color: #ccc; }
.admin-settings .demo .tb-white .toggle-checkbox:checked ~ .toggle-content { border-color: #fff; }
.admin-settings .demo .iic-red li::before { color: #e60033; }
.admin-settings .demo .iic-pink li::before { color: #e95295; }
.admin-settings .demo .iic-purple li::before { color: #884898; }
.admin-settings .demo .iic-blue li::before { color: #0095d9; }
.admin-settings .demo .iic-green li::before { color: #3eb370; }
.admin-settings .demo .iic-orange li::before { color: #f39800; }
.admin-settings .demo .iic-yellow li::before { color: #ffd900; }
.admin-settings .demo .iic-brown li::before { color: #954e2a; }
.admin-settings .demo .iic-grey li::before { color: #949495; }
.admin-settings .demo .iic-black li::before { color: #333; }
.admin-settings .demo .iic-deep li::before { color: #55295b; }
.admin-settings .demo .iic-indigo li::before { color: #1e50a2; }
.admin-settings .demo .iic-light-blue li::before { color: #2ca9e1; }
.admin-settings .demo .iic-cyan li::before { color: #00a3af; }
.admin-settings .demo .iic-teal li::before { color: #007b43; }
.admin-settings .demo .iic-light-green li::before { color: #8bc34a; }
.admin-settings .demo .iic-lime li::before { color: #c3d825; }
.admin-settings .demo .iic-amber li::before { color: #ffc107; }
.admin-settings .demo .iic-deep-orange li::before { color: #ea5506; }
.admin-settings .demo .iic-white li::before { color: #fff; }
.admin-settings .demo .column-wrap { display: flex; justify-content: space-between; position: relative; margin: 1em 0; margin: 0; word-break: break-all; }
.admin-settings .demo .column-wrap > div { width: 49.5%; margin: 0; }
.admin-settings .demo .column-wrap > div > *:first-child { margin-top: 0; }
.admin-settings .demo .column-wrap.column-3 > div { width: 32.5%; }
.admin-settings .demo .column-2-3-1-2 .column-left { width: 34%; }
.admin-settings .demo .column-2-3-1-2 .column-right { width: 65%; }
.admin-settings .demo .column-2-3-2-1 .column-left { width: 65%; }
.admin-settings .demo .column-2-3-2-1 .column-right { width: 34%; }
.admin-settings .demo .column-2-4-1-3 .column-left { width: 25%; }
.admin-settings .demo .column-2-4-1-3 .column-right { width: 74%; }
.admin-settings .demo .column-2-4-3-1 .column-left { width: 74%; }
.admin-settings .demo .column-2-4-3-1 .column-right { width: 25%; }
@media (min-width: 600px) { .admin-settings .demo .wp-block-columns { flex-wrap: nowrap; } }
.admin-settings .demo .wp-block-media-text__content { padding: 0 1em; }
.admin-settings .demo .sns-follow-buttons a { width: 100%; margin-right: 8px; margin-bottom: 8px; font-size: 30px; display: flex; align-items: center; align-content: center; justify-content: center; position: relative; }
.admin-settings .demo .sns-follow-buttons a:last-child { margin-right: 0; }
.admin-settings .demo .sns-follow-buttons a .follow-count { font-family: Arial, sans-serif; position: absolute; right: 3px; bottom: 3px; font-size: 12px; line-height: 1; }
.admin-settings .demo .fbc-hide .follow-count { display: none; }
.admin-settings .demo .related-entry-card .cat-label { font-size: 9px; }
.admin-settings .demo .related-entry-heading, .admin-settings .demo .comment-title { margin: 22px 0; font-size: 24px; }
.admin-settings .demo .related-entry-card-content { margin-left: 170px; }
.admin-settings .demo .rect-mini-card .related-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .rect-mini-card .related-entry-card-wrap { width: 49.5%; padding: 7px; }
.admin-settings .demo .rect-mini-card .related-entry-card-thumb { width: 120px; }
.admin-settings .demo .rect-mini-card .related-entry-card-content { margin-left: 130px; }
.admin-settings .demo .rect-mini-card .related-entry-card-title { font-size: 16px; }
.admin-settings .demo .rect-mini-card .related-entry-card-snippet { display: none; }
.admin-settings .demo .rect-vartical-card .related-list { display: flex; flex-wrap: wrap; justify-content: space-around; }
.admin-settings .demo .rect-vartical-card .related-entry-card-wrap { padding: 5px; }
.admin-settings .demo .rect-vartical-card .related-entry-card-thumb { float: none; width: 100%; }
.admin-settings .demo .rect-vartical-card .related-entry-card-thumb img { width: 100%; }
.admin-settings .demo .rect-vartical-card .related-entry-card-content { margin: 0; }
.admin-settings .demo .rect-vartical-card .related-entry-card-title { font-size: 16px; }
.admin-settings .demo .rect-vartical-card-3 .related-entry-card-wrap { width: 33%; }
.admin-settings .demo .rect-vartical-card-4 .related-entry-card-wrap { width: 24.5%; }
.admin-settings .demo .recb-entry-border .related-entry-card-wrap { border: 1px solid #ccc; }
.admin-settings .demo .commets-list { padding: 0; margin: 0; list-style: none; }
.admin-settings .demo .commets-list .avatar { float: right; }
.admin-settings .demo .commets-list .reply { text-align: right; font-size: 0.8em; }
.admin-settings .demo .commets-list .comment-meta { font-size: 0.8em; }
.admin-settings .demo .commets-list .comment-body, .admin-settings .demo .commets-list .st-comment-body { margin-bottom: 1em; }
.admin-settings .demo .commets-list .children { list-style: none; padding-left: 20px; }
.admin-settings .demo .st-comment-id { display: none; }
.admin-settings .demo .st-comment-edit { font-size: 0.8em; margin-left: 6px; }
.admin-settings .demo .st-comment-author .fn { font-weight: bold; }
.admin-settings .demo .comment-form .required { color: red; }
.admin-settings .demo .comment-form .logged-in-as { margin: 0.2em; font-size: 0.8em; }
.admin-settings .demo .comment-area.website-hide .comment-form-url { display: none; }
.admin-settings .demo .comment-reply-link { font-size: 14px; }
.admin-settings .demo .pagination { margin: 24px 0; clear: both; text-align: center; display: inline-flex; justify-content: center; width: 100%; }
.admin-settings .demo .pagination .current { background-color: #eee; }
.admin-settings .demo .pagination a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .page-numbers { color: #333; text-decoration: none; display: inline-block; height: 46px; width: 46px; border: 1px solid #ccc; margin: 0 4px; line-height: 46px; text-align: center; border-radius: 4px; }
.admin-settings .demo .page-numbers span { line-height: inherit; }
.admin-settings .demo .page-numbers.dots { opacity: 0.6; background-color: #f3f4f5; }
.admin-settings .demo .pagination-next-link, .admin-settings .demo .comment-btn { background-color: #f9f9f9; border: 1px solid #ccc; color: #333; display: block; font-size: 1.2em; text-decoration: none; width: 100%; text-align: center; padding: 10px; display: block; }
.admin-settings .demo .pagination-next-link:hover, .admin-settings .demo .comment-btn:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .pager-links { margin: 24px 0; clear: both; text-align: center; }
.admin-settings .demo .pager-links .post-page-numbers { background-color: transparent; }
.admin-settings .demo .pager-links span { background-color: #eee; }
.admin-settings .demo .pager-links a { display: inline-block; }
.admin-settings .demo .pager-links a span { background-color: #fff; }
.admin-settings .demo .pager-links a:hover span { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .pager-prev-next a { width: 30%; margin: 0 4px; }
.admin-settings .demo .pager-prev-next span { width: 100%; margin: 0; }
.admin-settings .demo .pager-post-navi { margin: 38px 0; display: flex; flex-direction: column; }
.admin-settings .demo .pager-post-navi a { padding: 10px; margin: 0; display: inline-flex; align-items: center; line-height: 1.2; font-size: 0.8em; }
.admin-settings .demo .pager-post-navi a .iconfont { font-size: 1.8em; color: #ccc; padding: 8px; }
.admin-settings .demo .pager-post-navi a figure { min-width: 120px; max-width: 120px; }
.admin-settings .demo .pager-post-navi a.prev-post { flex-direction: row; padding-left: 5px; }
.admin-settings .demo .pager-post-navi a.prev-post .prev-post-title { margin-left: 10px; }
.admin-settings .demo .pager-post-navi a.next-post { flex-direction: row-reverse; padding-right: 5px; }
.admin-settings .demo .pager-post-navi a.next-post .next-post-title { margin-right: 10px; }
.admin-settings .demo .pager-post-navi a.prev-next-home { justify-content: center; font-size: 50px; text-align: center; color: #777; }
.admin-settings .demo .post-navi-square a { height: auto; }
.admin-settings .demo .post-navi-default.post-navi-border a { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.admin-settings .demo .post-navi-default.post-navi-border .next-post { border-top-width: 0px; }
.admin-settings .demo .post-navi-default.post-navi-border .next-post:first-child { border-top-width: 1px; }
.admin-settings .demo .pager-post-navi.post-navi-square { flex-direction: row; }
.admin-settings .demo .pager-post-navi.post-navi-square a { width: 50%; }
.admin-settings .demo .post-navi-square.post-navi-border a { border: 1px solid #ccc; }
.admin-settings .demo .post-navi-square.post-navi-border a:last-child { border-left-width: 0px; }
.admin-settings .demo canvas, .admin-settings .demo iframe, .admin-settings .demo video, .admin-settings .demo .fb_iframe_widget, .admin-settings .demo .fb_iframe_widget span { max-width: 100%; }
.admin-settings .demo .overflow-container { overflow-y: scroll; }
.admin-settings .demo .aspect-ratio { height: 0; padding-top: 56.25%; position: relative; }
.admin-settings .demo .aspect-ratio--object { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 100; }
.admin-settings .demo .video-container, .admin-settings .demo .instagram-container, .admin-settings .demo .facebook-container { max-width: 640px; margin: 30px 0; }
.admin-settings .demo .video-container .video { position: relative; padding-bottom: 56.25%; margin-top: 30px; height: 0; overflow: hidden; max-width: 100%; }
.admin-settings .demo .instagram-container .instagram, .admin-settings .demo .facebook-container .facebook { position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; }
.admin-settings .demo .video iframe, .admin-settings .demo .video object, .admin-settings .demo .video embed, .admin-settings .demo .instagram iframe, .admin-settings .demo .instagram object, .admin-settings .demo .instagram embed, .admin-settings .demo .facebook iframe, .admin-settings .demo .facebook object, .admin-settings .demo .facebook embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.admin-settings .demo .twitter-video { min-width: 200px !important; }
.admin-settings .demo .instagram-media { position: static !important; min-width: 280px !important; }
.admin-settings .demo .author-box { border: 1px solid #ccc; border-radius: 4px; margin: 1em 0; line-height: 1.4; position: relative; padding: 1.4% 2% 1.8%; }
.admin-settings .demo .author-box p { margin-top: 0.3em; line-height: 1.3; }
.admin-settings .demo .author-box .sns-follow { margin: 0; }
.admin-settings .demo .author-box .sns-follow-message { display: none; }
.admin-settings .demo .author-box .sns-follow-buttons { flex-wrap: wrap; justify-content: flex-start; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button { font-size: 18px; width: 24px; height: 24px; margin-bottom: 4px; margin-right: 4px; background-color: transparent; color: #777; border: 1px solid #ccc; border-radius: 2px; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button:hover { background-color: #fafbfc; }
.admin-settings .demo .author-box .sns-follow-buttons a.follow-button .follow-count { display: none; }
.admin-settings .demo .author-box .author-name { font-size: 1.1em; font-weight: bold; margin-bottom: 0.4em; }
.admin-settings .demo .author-thumb { float: left; margin-top: 3px; width: 120px; }
.admin-settings .demo .author-content { margin-left: 130px; }
.admin-settings .demo .author-description { margin-bottom: 1em; }
.admin-settings .demo .nwa .author-box { text-align: center; max-width: 336px; padding: 20px; }
.admin-settings .demo .nwa .author-box .author-thumb { float: none; width: 100px; margin: 9px auto 0; }
.admin-settings .demo .nwa .author-box .author-content { margin: 0; }
.admin-settings .demo .nwa .author-box .author-description { text-align: left; }
.admin-settings .demo .nwa .author-box .sns-follow-buttons { display: block; font-size: 1px; font-size: 0; }
.admin-settings .demo .nwa .author-box .sns-follow-buttons a { display: inline-block; margin: 2px; }
.admin-settings .demo .cta-box { background-color: #444; color: #fff; padding: 20px; }
.admin-settings .demo .cta-heading { font-size: 26px; padding: 12px; margin-bottom: 0.2em; font-weight: bold; }
.admin-settings .demo .cta-content { display: block; }
.admin-settings .demo .cta-left-and-right .cta-content, .admin-settings .demo .cta-right-and-left .cta-content { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
.admin-settings .demo .cta-left-and-right .cta-content div, .admin-settings .demo .cta-right-and-left .cta-content div { width: 49%; }
.admin-settings .demo .cta-left-and-right .cta-content .cta-message p:first-child, .admin-settings .demo .cta-right-and-left .cta-content .cta-message p:first-child { margin-top: 0; }
.admin-settings .demo .cta-right-and-left .cta-content { flex-direction: row-reverse; }
.admin-settings .demo .cta-thumb { text-align: center; }
.admin-settings .demo .cta-button { margin-top: 1em; }
.admin-settings .demo .sidebar .cta-box { font-size: 0.8em; }
.admin-settings .demo .sidebar .cta-heading { font-size: 20px; padding: 8px; }
.admin-settings .demo .sidebar .cta-left-and-right .cta-content, .admin-settings .demo .sidebar .cta-right-and-left .cta-content { display: block; }
.admin-settings .demo .sidebar .cta-left-and-right .cta-content div, .admin-settings .demo .sidebar .cta-right-and-left .cta-content div { width: 100%; }
.admin-settings .demo .sidebar .cta-message { margin-top: 1em; }
.admin-settings .demo .sidebar .cta-button .btn-l, .admin-settings .demo .sidebar .cta-button .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .sidebar .cta-button a { padding: 1em; font-size: 16px; }
.admin-settings .demo .speech-wrap { margin-top: 1em; margin-bottom: 1em; display: flex; }
.admin-settings .demo .speech-person { width: 12%; min-width: 12%; }
.admin-settings .demo .speech-icon img, .admin-settings .demo .speech-icon amp-img { border-radius: 50%; border: 2px solid #ccc; width: 100%; }
.admin-settings .demo .speech-name { text-align: center; font-size: 13px; }
.admin-settings .demo div.speech-balloon { height: 100%; position: relative; padding: 10px; background-color: #fff; border: 2px solid #ccc; border-radius: 6px; word-break: break-all; }
.admin-settings .demo div.speech-balloon p { margin: 0; }
.admin-settings .demo .speech-balloon::before { content: ''; position: absolute; display: block; width: 0; height: 0; left: -12px; top: 10px; border-right: 12px solid #ccc; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.admin-settings .demo .speech-balloon::after { content: ''; position: absolute; display: block; width: 0; height: 0; left: -9px; top: 10px; border-right: 12px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; }
.admin-settings .demo .sbp-l { margin-right: 100px; }
.admin-settings .demo .sbp-l .speech-balloon { margin-left: 20px; }
.admin-settings .demo .sbp-r { flex-direction: row-reverse; margin-left: 100px; /* アイコンを右に表示 */ }
.admin-settings .demo .sbp-r .speech-balloon { margin-right: 20px; }
.admin-settings .demo .sbp-r .speech-balloon::before { right: -12px; left: auto; border-left: 12px solid #ccc; border-right: none; }
.admin-settings .demo .sbp-r .speech-balloon::after { right: -9px; left: auto; border-left: 12px solid #fff; border-right: none; }
.admin-settings .demo .sbis-sn .speech-icon-image { border-radius: 0; border-style: none; box-shadow: none; }
.admin-settings .demo .sbis-sb .speech-icon-image { border-radius: 0; }
.admin-settings .demo .sbis-cn .speech-icon-image { border-style: none; box-shadow: none; }
.admin-settings .demo .sbs-flat .speech-balloon { background-color: #f1f1f1; border-color: #f1f1f1; }
.admin-settings .demo .sbs-flat .speech-balloon::before, .admin-settings .demo .sbs-flat .speech-balloon::after { border-right-color: #f1f1f1; border-left-color: #f1f1f1; }
.admin-settings .demo .sbs-line .speech-balloon { border-width: 1px; }
.admin-settings .demo .sbs-line .speech-balloon::after { left: -10px; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon { background-color: #85e249; border-color: #85e249; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon::after { left: auto; right: -10px; }
.admin-settings .demo .sbs-line.sbp-r .speech-balloon::before, .admin-settings .demo .sbs-line.sbp-r .speech-balloon::after { border-right-color: #85e249; border-left-color: #85e249; }
.admin-settings .demo div.sbs-think.sbp-l { margin-right: 126px; }
.admin-settings .demo div.sbs-think.sbp-l .speech-balloon { margin-left: 46px; }
.admin-settings .demo div.sbs-think .speech-balloon::before { border: 2px solid #ccc; border-radius: 50%; left: -29px; top: 11px; width: 20px; height: 20px; }
.admin-settings .demo div.sbs-think .speech-balloon::after { border: 2px solid #ccc; border-radius: 50%; left: -44px; top: 25px; width: 10px; height: 10px; }
.admin-settings .demo .sbs-think.sbp-r { margin-left: 126px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon { margin-right: 46px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon::before { left: auto; right: -29px; }
.admin-settings .demo .sbs-think.sbp-r .speech-balloon::after { left: auto; right: -44px; }
.admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { padding: 22px 25px; width: 96%; margin: 1.6em auto; border: 3px solid #dfdfdf; box-sizing: border-box; position: relative; }
.admin-settings .demo .product-item-box { position: relative; }
.admin-settings .demo .product-item-box::after { content: '\ea87'; font-family: icomoon; position: absolute; bottom: 0; right: 6px; font-size: 24px; color: #ccc; }
.admin-settings .demo .product-item-box .image-thumb img { border: none; box-shadow: none; }
.admin-settings .demo .rakuten-item-box::after { content: '\e903'; font-family: icomoon; }
.admin-settings .demo .product-item-error.cf { display: block; line-height: 1.2; }
.admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 160px; min-width: 160px; margin: 0 auto 1em !important; float: none !important; text-align: center; }
.admin-settings .demo .booklink-image *, .admin-settings .demo .kaerebalink-image *, .admin-settings .demo .tomarebalink-image *, .admin-settings .demo .product-item-thumb * { display: block; }
.admin-settings .demo .booklink-image > a > img, .admin-settings .demo .kaerebalink-image > a > img, .admin-settings .demo .tomarebalink-image > a > img, .admin-settings .demo .product-item-thumb > a > img { margin: 0 auto; }
.admin-settings .demo .image-content { visibility: hidden; position: absolute; z-index: 99; right: 0; top: 0; border: 1px solid #ddd; background-color: #f3f4f5; border-radius: 2px; transition: all .3s ease; opacity: 0; max-width: calc(100% - 160px); }
.admin-settings .demo .image-content img { display: block; }
.admin-settings .demo .image-content amp-img { min-width: 500px; }
.admin-settings .demo .image-thumb:hover > .image-content { visibility: visible; opacity: 1; }
.admin-settings .demo .image-thumb:hover > .image-content:hover { display: none; }
.admin-settings .demo .swatchimages { display: block; display: flex; flex-wrap: wrap; margin-top: 3px; }
.admin-settings .demo .swatchimages > * { border: 1px solid #ccc; margin: 1px; display: flex; align-items: center; justify-content: center; }
.admin-settings .demo .swatchimages > *:hover { box-shadow: 0 0 4px #f79901; }
.admin-settings .demo .swatchimages > * > img { display: block; }
.admin-settings .demo .swatchimages:hover .si-thumb { display: block; display: flex; align-items: center; justify-content: center; }
.admin-settings .demo .pis-l .si-thumb { width: 30px; }
.admin-settings .demo .pis-m .si-thumb { width: 18%; }
.admin-settings .demo .pis-s .si-thumb { width: 30%; }
@media screen and (max-width: 480px) { .admin-settings .demo .pis-m .si-thumb { width: 30%; } }
.admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { line-height: 125%; width: 100%; }
.admin-settings .demo .product-item-snippet { font-size: 0.8em; margin-top: 6px; }
.admin-settings .demo .booklink-powered-date, .admin-settings .demo .kaerebalink-powered-date, .admin-settings .demo .tomarebalink-powered-date { font-size: 12px; }
.admin-settings .demo .booklink-detail, .admin-settings .demo .kaerebalink-detail, .admin-settings .demo .tomarebalink-address { color: #333; font-size: 12px; margin: 0 0 10px; }
.admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { background: none !important; padding: 0 !important; display: block !important; }
.admin-settings .demo .kaerebalink-link1 a, .admin-settings .demo .booklink-link2 a, .admin-settings .demo .tomarebalink-link1 a, .admin-settings .demo .product-item-buttons a { width: 90%; display: block; margin: 0px auto 8px; padding: 10px 0; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; color: #fff; }
.admin-settings .demo .kaerebalink-link1 a:hover, .admin-settings .demo .booklink-link2 a:hover, .admin-settings .demo .tomarebalink-link1 a:hover, .admin-settings .demo .product-item-buttons a:hover { opacity: 0.6; }
.admin-settings .demo .product-item-buttons { margin-top: 1em; }
@media screen and (min-width: 769px) { .admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { text-align: left; display: flex; font-size: inherit !important; }
  .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { vertical-align: top; box-sizing: border-box; min-width: auto !important; }
  .admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { line-height: 125%; vertical-align: top; box-sizing: border-box; padding-left: 25px; width: 100%; }
  .admin-settings .demo .booklink-powered-date, .admin-settings .demo .kaerebalink-powered-date, .admin-settings .demo .tomarebalink-powered-date { margin: 6px 0 0; }
  .admin-settings .demo .booklink-detail, .admin-settings .demo .kaerebalink-detail { margin: 0 0 14px; }
  .admin-settings .demo .booklink-link2, .admin-settings .demo .kaerebalink-link1, .admin-settings .demo .tomarebalink-link1, .admin-settings .demo .product-item-buttons { display: flex; flex-wrap: wrap; }
  .admin-settings .demo .booklink-link2 a, .admin-settings .demo .kaerebalink-link1 a, .admin-settings .demo .tomarebalink-link1 a, .admin-settings .demo .product-item-buttons a { width: auto; text-align: center; border-radius: 3px; }
  .admin-settings .demo .booklink-link2 a img, .admin-settings .demo .kaerebalink-link1 a img, .admin-settings .demo .tomarebalink-link1 a img, .admin-settings .demo .product-item-buttons a img { position: absolute; bottom: 0; right: 0; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: 31.5%; margin: 0.5%; box-sizing: border-box; } }
.admin-settings .demo .shoplinkbtn { position: relative; }
.admin-settings .demo .shoplinkbtn img { position: absolute; }
.admin-settings .demo .shoplinkbtn1 a { background: #192f60; }
.admin-settings .demo .shoplinkbtn2 a { background: #007b43; }
.admin-settings .demo .shoplinkbtn3 a { background: #522f60; }
.admin-settings .demo .shoplinkamazon a { background: #f79901; }
.admin-settings .demo .shoplinkrakuten a { background: #bf0000; }
.admin-settings .demo .shoplinkyahoo a { background: #e60033; position: relative; }
.admin-settings .demo .shoplinkseven a { background: #008837; }
.admin-settings .demo .shoplinkbellemaison a { background: #80bd22; }
.admin-settings .demo .shoplinkcecile a { background: #8d124b; }
.admin-settings .demo .shoplinkkakakucom a { background: #051d93; }
.admin-settings .demo .shoplinkkindle a { background: #0074c1; }
.admin-settings .demo .shoplinkrakukobo a { background: #bf0000; }
.admin-settings .demo .shoplinkbk1 a { background: #0085cd; }
.admin-settings .demo .shoplinkehon a { background: #000066; }
.admin-settings .demo .shoplinkkino a { background: #004097; }
.admin-settings .demo .shoplinktoshokan a { background: #15b0e7; }
.admin-settings .demo .shoplinkjalan a { background: #FF5800; }
.admin-settings .demo .shoplinkjtb a { background: #C71628; }
.admin-settings .demo .shoplinkikyu a { background: #1C4678; }
.admin-settings .demo .shoplinkrurubu a { background: #000066; }
.admin-settings .demo .shoplinkwowma a { background: #FF6100; }
.admin-settings .demo .product-item-admin { position: absolute; bottom: 3px; left: 6px; }
.admin-settings .demo .product-item-admin > * { font-size: 10px; color: #777; margin: 6px; }
.admin-settings .demo .pis-s { padding: 1em; }
.admin-settings .demo .pis-s::after { font-size: 18px; }
.admin-settings .demo .pis-s .product-item-thumb { width: 90px; min-width: 90px; }
.admin-settings .demo .pis-s .product-item-buttons a { padding: 5px 0; }
.admin-settings .demo .pis-l.product-item-box { display: block; }
.admin-settings .demo .pis-l figure.product-item-thumb { width: 100%; min-width: auto; }
.admin-settings .demo .item-price { color: #c9171e; }
.admin-settings .demo .acquired-date { font-size: 0.9em; }
.admin-settings .demo .nwa .booklink-box, .admin-settings .demo .nwa .kaerebalink-box, .admin-settings .demo .nwa .tomarebalink-box, .admin-settings .demo .nwa .product-item-box { padding: 10px 10px 24px; display: block; }
.admin-settings .demo .nwa .booklink-image, .admin-settings .demo .nwa .kaerebalink-image, .admin-settings .demo .nwa .tomarebalink-image, .admin-settings .demo .nwa .product-item-thumb { width: 120px; min-width: 120px; margin-right: 3% !important; float: left !important; height: 100% !important; }
.admin-settings .demo .nwa .booklink-link2, .admin-settings .demo .nwa .kaerebalink-link1, .admin-settings .demo .nwa .tomarebalink-link1, .admin-settings .demo .nwa .product-item-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; }
.admin-settings .demo .nwa .booklink-link2 > *, .admin-settings .demo .nwa .kaerebalink-link1 > *, .admin-settings .demo .nwa .tomarebalink-link1 > *, .admin-settings .demo .nwa .product-item-buttons > * { width: auto; margin: 0 .5% !important; flex: 1 1 auto; }
.admin-settings .demo .nwa .booklink-link2 > * > a, .admin-settings .demo .nwa .kaerebalink-link1 > * > a, .admin-settings .demo .nwa .tomarebalink-link1 > * > a, .admin-settings .demo .nwa .product-item-buttons > * > a { width: auto; font-size: 11px; padding: 6px 0; }
.admin-settings .demo .nwa .product-item-box::after { font-size: 18px; }
.admin-settings .demo .nwa .booklink-image, .admin-settings .demo .nwa .kaerebalink-image, .admin-settings .demo .nwa .tomarebalink-image, .admin-settings .demo .nwa .product-item-thumb { width: 80px; min-width: 80px; }
.admin-settings .demo .nwa .booklink-info, .admin-settings .demo .nwa .kaerebalink-info, .admin-settings .demo .nwa .tomarebalink-info, .admin-settings .demo .nwa .product-item-content { width: auto !important; overflow: visible !important; text-align: center !important; padding: 0 !important; }
.admin-settings .demo .nwa .booklink-link2 > *, .admin-settings .demo .nwa .kaerebalink-link1 > *, .admin-settings .demo .nwa .tomarebalink-link1 > *, .admin-settings .demo .nwa .product-item-buttons > * { width: 49%; margin: 0 .5% !important; }
@media screen and (max-width: 834px) { .admin-settings .demo .booklink-box, .admin-settings .demo .kaerebalink-box, .admin-settings .demo .tomarebalink-box, .admin-settings .demo .product-item-box { padding: 10px 10px 24px; display: block; }
  .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 120px; min-width: 120px; margin-right: 3% !important; float: left !important; height: 100% !important; }
  .admin-settings .demo .booklink-link2, .admin-settings .demo .kaerebalink-link1, .admin-settings .demo .tomarebalink-link1, .admin-settings .demo .product-item-buttons { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: auto; margin: 0 .5% !important; flex: 1 1 auto; }
  .admin-settings .demo .booklink-link2 > * > a, .admin-settings .demo .kaerebalink-link1 > * > a, .admin-settings .demo .tomarebalink-link1 > * > a, .admin-settings .demo .product-item-buttons > * > a { width: auto; font-size: 11px; padding: 6px 0; }
  .admin-settings .demo .product-item-box::after { font-size: 18px; } }
@media screen and (max-width: 480px) { .admin-settings .demo .booklink-image, .admin-settings .demo .kaerebalink-image, .admin-settings .demo .tomarebalink-image, .admin-settings .demo .product-item-thumb { width: 80px; min-width: 80px; }
  .admin-settings .demo .booklink-info, .admin-settings .demo .kaerebalink-info, .admin-settings .demo .tomarebalink-info, .admin-settings .demo .product-item-content { width: auto !important; overflow: visible !important; text-align: center !important; padding: 0 !important; }
  .admin-settings .demo .booklink-link2 > *, .admin-settings .demo .kaerebalink-link1 > *, .admin-settings .demo .tomarebalink-link1 > *, .admin-settings .demo .product-item-buttons > * { width: 49%; margin: 0 .5% !important; } }
.admin-settings .demo .fb-like-box { background-color: #444; color: #fff; display: flex; flex-wrap: nowrap; }
.admin-settings .demo .fb-like-box .fb-like-thumb, .admin-settings .demo .fb-like-box .fb-like-content { width: 100%; }
.admin-settings .demo .fb-like-box img { display: block; width: 100%; height: 100%; }
.admin-settings .demo .fb-like-box .fb_reset { display: none; }
.admin-settings .demo .fb-like-content { display: flex; flex-direction: column; text-align: center; }
.admin-settings .demo .fb-like-content > div { padding-top: 8px; }
.admin-settings .demo .fb-like-message { color: #eee; font-size: 0.9em; }
.admin-settings .demo .fb-like-sub-message { color: #ccc; font-size: 0.7em; margin-bottom: 8px; }
.admin-settings .demo .fb-like-buttons { padding: 0; text-align: center; }
.admin-settings .demo .fb-like-buttons > div { margin: 8px; display: flex; justify-content: center; }
.admin-settings .demo .fb-like-buttons > div > * { height: 100%; }
.admin-settings .demo .fb-like-facebook { margin-bottom: -7px; }
.admin-settings .demo .sidebar .fb-like-box { max-width: 640px; flex-direction: column; }
.admin-settings .demo div.fb-like-mobile { display: none; }
.admin-settings .demo .fb-like-balloon { height: 100px; margin-top: 30px; margin-bottom: 30px; clear: both; }
.admin-settings .demo .fb-like-balloon-thumb { float: left; width: 100px; }
.admin-settings .demo .fb-like-balloon-thumb img { display: block; }
.admin-settings .demo .fb-like-balloon-body { margin-right: 140px; float: none; padding: 10px; font-size: 18px; line-height: 1.3em; height: 100px; overflow: hidden; color: #000; box-sizing: border-box; }
.admin-settings .demo .fb-like-balloon-body::after { content: '\f054'; position: absolute; right: 110px; top: 27px; color: #ccc; font-size: 50px; font-family: FontAwesome; line-height: 100%; }
.admin-settings .demo .fb-like-balloon-button { background-color: #f3f3f3; width: 100px; height: 100px; text-align: center; float: right; padding-top: 27px; box-sizing: border-box; /*  display: -webkit-flex; display:         flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;*/ }
.admin-settings .demo .fb-like-balloon-button iframe { background-color: #fff; }
.admin-settings .demo .fb-like-balloon-arrow-box { float: left; position: relative; border: 1px solid #bbb; margin-left: 12px; width: calc(100% - 114px); border-radius: 5px; background-color: #fff; }
.admin-settings .demo .fb-like-balloon-arrow-box-in { border-radius: 5px; overflow: hidden; }
.admin-settings .demo .fb-like-balloon-arrow-box:after, .admin-settings .demo .fb-like-balloon-arrow-box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.admin-settings .demo .fb-like-balloon-arrow-box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; }
.admin-settings .demo .fb-like-balloon-arrow-box:before { border-color: rgba(221, 221, 221, 0); border-right-color: #bbb; border-width: 11px; margin-top: -11px; }
.admin-settings .demo .sidebar .fb-like-balloon-body::after { display: none; }
.admin-settings .demo .sidebar .fb-like-balloon-body { font-size: 0.8em; padding: 5px; line-height: 1.1em; margin-right: 0; height: 70px; }
.admin-settings .demo .sidebar .fb-like-balloon-button { float: none; width: 100%; height: 30px; display: block; line-height: 24px; padding-top: 0; }
.admin-settings .demo .sidebar div.fb-like-mobile { display: block; }
.admin-settings .demo .sidebar div.fb-like-pc { display: none; }
@media screen and (max-width: 639px) { .admin-settings .demo .fb-like-balloon-body { margin-right: 100px; font-size: 1em; line-height: 1.2em; }
  .admin-settings .demo .fb-like-balloon-body::after { display: none; } }
@media screen and (max-width: 440px) { .admin-settings .demo .fb-like-balloon-body { font-size: 0.8em; padding: 5px; line-height: 1.1em; margin-right: 0; height: 70px; }
  .admin-settings .demo .fb-like-balloon-button { float: none; width: 100%; height: 30px; display: block; padding-top: 0; line-height: 24px; }
  .admin-settings .demo div.fb-like-mobile { display: block; }
  .admin-settings .demo div.fb-like-pc { display: none; } }
.admin-settings .demo .mobile-menu-buttons { background: #fff; box-shadow: 0 0 5px darkgrey; font-size: 19px; position: fixed; bottom: 0; left: 0; right: 0; z-index: 2; padding: 0; margin: 0; list-style: none; display: none; align-items: center; line-height: 1.4; min-height: 50px; transition: .3s; }
.admin-settings .demo .mobile-menu-buttons .menu-icon { text-align: center; width: 100%; display: block; }
.admin-settings .demo .mobile-menu-buttons .menu-caption { font-size: 9px; text-align: center; opacity: 0.8; display: block; }
.admin-settings .demo .mobile-menu-buttons .menu-button { position: relative; width: 100%; cursor: pointer; }
.admin-settings .demo .mobile-menu-buttons .menu-button > a { display: block; color: #333; text-decoration: none; }
.admin-settings .demo .mobile-menu-buttons .menu-button:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .mobile-menu-buttons .ad-area { display: none; }
.admin-settings .demo .mobile-menu-buttons .menu-content { cursor: default; }
.admin-settings .demo .mobile-footer-menu-buttons { padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.admin-settings .demo .logo-menu-button { text-align: center; font-weight: 900; line-height: 50px; min-width: 200px; overflow: hidden; }
.admin-settings .demo .logo-menu-button img { max-height: 44px; display: block; margin: 0 auto; }
.admin-settings .demo .fa.menu-icon { font: inherit; }
.admin-settings .demo #navi-menu-close, .admin-settings .demo #sidebar-menu-close, .admin-settings .demo #search-menu-close, .admin-settings .demo #share-menu-close, .admin-settings .demo #follow-menu-close { display: none; /*はじめは隠しておく*/ position: fixed; z-index: 99; top: 0; /*全体に広がるように*/ left: 0; width: 100%; height: 100%; background: black; transition: .3s ease-in-out; }
.admin-settings .demo .menu-content { overflow: auto; position: fixed; top: 0; z-index: 9999; /*最前面に*/ width: 100%; /*右側に隙間を作る（閉じるカバーを表示）*/ max-width: 400px; /*最大幅（調整してください）*/ height: 100%; background: #fff; /*背景色*/ transition: .3s ease-in-out; /*滑らかに表示*/ opacity: 1; overflow: scroll; -webkit-overflow-scrolling: touch; }
.admin-settings .demo .menu-content .menu-drawer { padding: 0 1em 30px; }
.admin-settings .demo .menu-content .sidebar { width: 100%; display: block; margin: 0; }
.admin-settings .demo .navi-menu-content { left: 0; -webkit-transform: translateX(-105%); transform: translateX(-105%); }
.admin-settings .demo .sidebar-menu-content { right: 0; -webkit-transform: translateX(105%); transform: translateX(105%); }
.admin-settings .demo #slide-in-sidebar { display: block; }
.admin-settings .demo .search-menu-content, .admin-settings .demo .share-menu-content, .admin-settings .demo .follow-menu-content { transition: .3s ease-in-out; position: fixed; top: 40%; z-index: 99; width: 90%; left: 5%; right: 5%; -webkit-transform: translateY(900%); transform: translateY(900%); }
.admin-settings .demo .search-menu-content .search-edit, .admin-settings .demo .share-menu-content .search-edit, .admin-settings .demo .follow-menu-content .search-edit { width: 100%; }
.admin-settings .demo #navi-menu-input:checked ~ #navi-menu-close, .admin-settings .demo #sidebar-menu-input:checked ~ #sidebar-menu-close, .admin-settings .demo #search-menu-input:checked ~ #search-menu-close, .admin-settings .demo #share-menu-input:checked ~ #share-menu-close, .admin-settings .demo #follow-menu-input:checked ~ #follow-menu-close { display: block; /*カバーを表示*/ opacity: .5; }
.admin-settings .demo #navi-menu-input:checked ~ #navi-menu-content, .admin-settings .demo #sidebar-menu-input:checked ~ #sidebar-menu-content, .admin-settings .demo #search-menu-input:checked ~ #search-menu-content, .admin-settings .demo #share-menu-input:checked ~ #share-menu-content, .admin-settings .demo #follow-menu-input:checked ~ #follow-menu-content { -webkit-transform: translateX(0%); transform: translateX(0%); }
.admin-settings .demo .menu-drawer ul { list-style: none; }
.admin-settings .demo .menu-drawer li { display: block; }
.admin-settings .demo .menu-drawer a { color: #333; text-decoration: none; padding: 6px; display: block; }
.admin-settings .demo .menu-drawer a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .menu-drawer .sub-menu { padding-left: 20px; }
.admin-settings .demo .menu-close-button { display: block; cursor: pointer; text-align: center; font-size: 2em; }
.admin-settings .demo .share-menu-content .sns-buttons { justify-content: space-around; }
.admin-settings .demo .share-menu-content .sns-buttons .share-count { color: #fff; }
.admin-settings .demo .share-menu-content .button-caption { display: none; }
.admin-settings .demo .follow-menu-content .sns-buttons { justify-content: space-around; }
.admin-settings .demo .follow-menu-content .sns-buttons a { width: 24%; }
.admin-settings .demo .follow-menu-content .sns-follow-message { display: none; }
.admin-settings .demo .ranking-items { line-height: 1.4; }
.admin-settings .demo .ranking-items p { font-size: 18px; margin-top: 0; }
.admin-settings .demo .ranking-item, .admin-settings .demo .timeline-box { padding: 3%; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 4px; }
.admin-settings .demo .ranking-item img[width="1"], .admin-settings .demo .timeline-box img[width="1"] { position: absolute; bottom: 0; right: 0; }
.admin-settings .demo .ranking-item-name-text { font-size: 24px; font-weight: bold; }
.admin-settings .demo .star::before, .admin-settings .demo .star-half-o::before, .admin-settings .demo .star-o::before { font-family: FontAwesome; }
.admin-settings .demo .star::before { content: '\f005'; }
.admin-settings .demo .star-half-o::before { content: '\f123'; }
.admin-settings .demo .star-o::before { content: '\f006'; }
.admin-settings .demo .ranking-item-name { padding: 3px 2px 6px; }
.admin-settings .demo .rating-star { color: #f5bc55; font-size: 1.2em; }
.admin-settings .demo .rating-number { color: #333; font-size: 0.9em; margin-left: 0.4em; }
.admin-settings .demo .ranking-item-img-desc, .admin-settings .demo .ranking-item-link-buttons { display: flex; }
.admin-settings .demo .ranking-item-img-desc > div, .admin-settings .demo .ranking-item-link-buttons > div { width: 100%; padding: 2px 0; }
.admin-settings .demo .ranking-item-img-desc { margin-top: 6px; }
.admin-settings .demo .ranking-item-name { display: flex; }
.admin-settings .demo .ranking-item-name-crown { margin-right: 10px; }
.admin-settings .demo .ranking-item-name-text { width: 100%; }
.admin-settings .demo .ranking-item-image-tag { max-width: 302px; margin-right: 1em; position: relative; }
.admin-settings .demo .ranking-item-description { width: 100px; position: relative; }
.admin-settings .demo .ranking-item-link-buttons { margin-top: 6px; }
.admin-settings .demo .ranking-item-link-buttons > div { padding: 0 3px; position: relative; }
.admin-settings .demo .ranking-item-link-buttons a { margin: 0 0 8px; }
.admin-settings .demo .g-crown, .admin-settings .demo .s-crown, .admin-settings .demo .c-crown { width: 0; height: 0; border-bottom-style: solid; border-bottom-width: 35px; border-left: 20px solid transparent; border-right: 20px solid transparent; position: relative; }
.admin-settings .demo .g-crown:after, .admin-settings .demo .s-crown:after, .admin-settings .demo .c-crown:after { width: 0; height: 0; border-top: 15px solid transparent; content: ""; position: absolute; top: 0; left: -20px; }
.admin-settings .demo .g-crown-circle, .admin-settings .demo .s-crown-circle, .admin-settings .demo .c-crown-circle { border-radius: 50%; width: 5px; height: 5px; position: absolute; top: -5px; left: -21px; }
.admin-settings .demo .g-crown-circle:before, .admin-settings .demo .s-crown-circle:before, .admin-settings .demo .c-crown-circle:before { border-radius: 50%; width: 5px; height: 5px; content: ""; position: absolute; top: 0; left: 19px; }
.admin-settings .demo .g-crown-circle:after, .admin-settings .demo .s-crown-circle:after, .admin-settings .demo .c-crown-circle:after { border-radius: 50%; width: 5px; height: 5px; content: ""; position: absolute; top: 0; left: 38px; }
.admin-settings .demo .g-crown { border-bottom: 35px solid #bfa930; }
.admin-settings .demo .g-crown:after { border-bottom: 20px solid #ffe973; border-left: 20px solid #ffe973; border-right: 20px solid #ffd700; }
.admin-settings .demo .g-crown-circle { background-color: #a68c00; }
.admin-settings .demo .g-crown-circle:before { background-color: #a68c00; }
.admin-settings .demo .g-crown-circle:after { background-color: #a68c00; }
.admin-settings .demo .s-crown { border-bottom: 35px solid #909090; }
.admin-settings .demo .s-crown:after { border-bottom: 20px solid #e0e0e0; border-left: 20px solid #e0e0e0; border-right: 20px solid silver; }
.admin-settings .demo .s-crown-circle { background-color: #909090; }
.admin-settings .demo .s-crown-circle:before { background-color: #909090; }
.admin-settings .demo .s-crown-circle:after { background-color: #909090; }
.admin-settings .demo .c-crown { border-bottom: 35px solid #69433f; }
.admin-settings .demo .c-crown:after { border-bottom: 20px solid #8c4841; border-left: 20px solid #8c4841; border-right: 20px solid #5b1c15; }
.admin-settings .demo .c-crown-circle { background-color: #69433f; }
.admin-settings .demo .c-crown-circle:before { background-color: #69433f; }
.admin-settings .demo .c-crown-circle:after { background-color: #69433f; }
.admin-settings .demo .widget_item_ranking .main-widget-label { font-size: 23px; padding: 6px; margin: 28px 0 12px; font-weight: bold; }
.admin-settings .demo .footer { margin-top: 20px; padding-top: 10px; }
.admin-settings .demo .copyright { margin-top: 8px; }
.admin-settings .demo .footer-widgets, .admin-settings .demo .footer-widgets-mobile { margin: 10px auto; display: flex; }
.admin-settings .demo .footer-left, .admin-settings .demo .footer-center, .admin-settings .demo .footer-right, .admin-settings .demo .footer-mobile { padding: 10px 16px; }
.admin-settings .demo .footer-left, .admin-settings .demo .footer-center, .admin-settings .demo .footer-right { width: 33.33%; }
.admin-settings .demo .footer-widgets-mobile { display: none; }
.admin-settings .demo .footer-bottom { margin-top: 24px; padding: 8px; position: relative; font-size: 14px; }
.admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-logo { display: none; }
.admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-content { float: none; display: flex; justify-content: space-between; align-items: baseline; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-logo { display: none; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-content { float: none; display: block; text-align: center; }
.admin-settings .demo .footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul { justify-content: center; }
.admin-settings .demo .footer-bottom.fnm-text-width .menu-footer li { width: auto; }
.admin-settings .demo .footer-bottom.fnm-text-width .menu-footer li a { padding: 0 10px; }
.admin-settings .demo .footer-bottom-logo { float: left; bottom: 0; position: absolute; }
.admin-settings .demo .footer-bottom-logo .logo-text { padding: 0; }
.admin-settings .demo .footer-bottom-logo .site-name-text { font-size: 18px; padding-bottom: 8px; }
.admin-settings .demo .footer-bottom-logo .logo-image { padding: 0; max-width: 120px; }
.admin-settings .demo .footer-bottom-logo img { height: 50px; width: auto; }
.admin-settings .demo .footer-bottom-content { float: right; text-align: right; }
.admin-settings .demo .go-to-top { position: fixed; display: none; right: 10px; bottom: 10px; z-index: 99999; }
.admin-settings .demo .go-to-top-button { background-color: #eee; color: #333; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 1; border-radius: 5px; font-size: 22px; }
.admin-settings .demo .go-to-top-button:hover { color: #333; }
.admin-settings .demo .go-to-top-button-image { background-color: transparent; padding: 0; max-width: 120px; }
.admin-settings .demo #wpforo-wrap .anchor-icon, .admin-settings .demo .gallery .anchor-icon, .admin-settings .demo .amazonjs_item .anchor-icon, .admin-settings .demo .kaerebalink-box .anchor-icon, .admin-settings .demo .booklink-box .anchor-icon, .admin-settings .demo .tomarebalink-box .anchor-icon, .admin-settings .demo .wpf-sbtn-wrap .anchor-icon, .admin-settings .demo .btn .anchor-icon, .admin-settings .demo .ranking-item-link-buttons a .anchor-icon, .admin-settings .demo .btn-wrap a .anchor-icon, .admin-settings .demo .no-icon .anchor-icon { display: none !important; }
.admin-settings .demo .gallery { margin: auto; }
.admin-settings .demo .gallery .gallery-item { float: left; margin-top: 10px; text-align: center; height: auto; }
.admin-settings .demo .gallery-columns-1 .gallery-item { width: 100%; }
.admin-settings .demo .gallery-columns-2 .gallery-item { width: 50%; }
.admin-settings .demo .gallery-columns-3 .gallery-item { width: 33%; }
.admin-settings .demo .gallery-columns-4 .gallery-item { width: 25%; }
.admin-settings .demo .gallery-columns-5 .gallery-item { width: 20%; }
.admin-settings .demo .gallery-columns-6 .gallery-item { width: 16%; }
.admin-settings .demo .gallery-columns-7 .gallery-item { width: 14%; }
.admin-settings .demo .gallery-columns-8 .gallery-item { width: 12%; }
.admin-settings .demo .gallery-columns-9 .gallery-item { width: 11%; }
.admin-settings .demo .gallery amp-img { border: 2px solid #cfcfcf; }
.admin-settings .demo .gallery br { clear: both; }
.admin-settings .demo .gallery .gallery-item dd { margin: 0; }
.admin-settings .demo .search-box { margin: 1em 0 2em; position: relative; }
.admin-settings .demo .search-edit { font-family: inherit; }
.admin-settings .demo #search-menu-content .search-edit { font-size: 16px; }
.admin-settings .demo .search-submit { position: absolute; right: 0; top: 0; font-size: 20px; cursor: pointer; line-height: 49px; border: none; color: #ccc; padding: 0 8px; background-color: rgba(255, 255, 255, 0); }
.admin-settings .demo .timeline-box { padding: 16px 5px; }
.admin-settings .demo .timeline-box .timeline { list-style: none; padding: 0; margin: 0; }
.admin-settings .demo .timeline-title { font-weight: bold; font-size: 1.1em; text-align: center; }
.admin-settings .demo .timeline > li { margin-bottom: 60px; }
.admin-settings .demo .timeline > li.timeline-item { overflow: hidden; margin: 0; position: relative; }
.admin-settings .demo .timeline-item-label { width: 110px; float: left; padding-top: 18px; text-align: right; padding-right: 1em; font-size: 14px; }
.admin-settings .demo .timeline-item-title { font-weight: bold; }
.admin-settings .demo .timeline-item-content { width: calc(100% - 110px); float: left; padding: .8em 1.4em; border-left: 3px #e5e5d1 solid; }
.admin-settings .demo .timeline-item:before { content: ''; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 105px; top: 24px; border-radius: 100%; }
@media screen and (max-width: 480px) { .admin-settings .demo .timeline-box .timeline { padding-left: 10px; }
  .admin-settings .demo .timeline > li.timeline-item { overflow: visible; border-left: 3px #e5e5d1 solid; }
  .admin-settings .demo .timeline-item-label { width: auto; float: none; text-align: left; padding-left: 16px; }
  .admin-settings .demo .timeline-item-content { width: auto; padding: 8px; float: none; border: none; }
  .admin-settings .demo .timeline-item::before { left: -12px; top: 19px; width: 21px; height: 21px; } }
.admin-settings .demo .ribbon { width: 80px; height: 80px; overflow: hidden; position: absolute; z-index: 1; }
.admin-settings .demo .ribbon:before, .admin-settings .demo .ribbon:after { position: absolute; z-index: 0; content: ''; display: block; border: 4px solid #224963; }
.admin-settings .demo .ribbon span { position: absolute; display: block; width: 185px; padding: 5px 0; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #fff; font: 700 11px/1 'Lato',sans-serif; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; text-align: center; }
.admin-settings .demo .ribbon-color-1 span { background-color: #ea7e7e; }
.admin-settings .demo .ribbon-color-2 span { background-color: #7e95ea; }
.admin-settings .demo .ribbon-color-3 span { background-color: #f7c114; }
.admin-settings .demo .ribbon-color-4 span { background-color: #dc669b; }
.admin-settings .demo .ribbon-color-5 span { background-color: #e9546b; }
.admin-settings .demo .ribbon-top-left { top: -3px; left: -9px; }
.admin-settings .demo .ribbon-top-left::before, .admin-settings .demo .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; }
.admin-settings .demo .ribbon-top-left:before { top: -1px; right: 4px; }
.admin-settings .demo .ribbon-top-left::after { bottom: 4px; left: 1px; }
.admin-settings .demo .ribbon-top-left span { right: -45px; top: 18px; transform: rotate(-45deg); }
.admin-settings .demo .border-square .ribbon-top-left { top: -13px; left: -13px; }
.admin-settings .demo .card-large-image .ribbon-top-left { top: -7px; left: -9px; }
.admin-settings .demo [class*="fab-"] { font-family: FontAwesome; }
.admin-settings .demo .fab-info-circle::before { content: '\f05a'; }
.admin-settings .demo .fab-question-circle::before { content: '\f059'; }
.admin-settings .demo .fab-exclamation-circle::before { content: '\f06a'; }
.admin-settings .demo .fab-pencil::before { content: '\f040'; }
.admin-settings .demo .fab-edit::before { content: '\f044'; }
.admin-settings .demo .fab-comment::before { content: '\f075'; }
.admin-settings .demo .fab-ok::before { content: '\f10c'; }
.admin-settings .demo .fab-bad::before { content: '\f00d'; }
.admin-settings .demo .fab-lightbulb::before { content: '\f0eb'; }
.admin-settings .demo .fab-graduation-cap::before { content: '\f19d'; }
.admin-settings .demo .fab-book::before { content: '\f02d'; }
.admin-settings .demo .fab-amazon::before { content: '\f270'; }
.admin-settings .demo .fab-envelope::before { content: '\f0e0'; }
.admin-settings .demo .fab-flag::before { content: '\f024'; }
.admin-settings .demo .fab-ban::before { content: '\f05e'; }
.admin-settings .demo .fab-bolt::before { content: '\f0e7'; }
.admin-settings .demo .fab-calendar::before { content: '\f073'; }
.admin-settings .demo .fab-clock::before { content: '\f017'; }
.admin-settings .demo .fab-cutlery::before { content: '\f0f5'; }
.admin-settings .demo .fab-heart::before, .admin-settings .demo .list-heart li::before { content: '\f004'; }
.admin-settings .demo .fab-camera::before { content: '\f030'; }
.admin-settings .demo .fab-search::before { content: '\f002'; }
.admin-settings .demo .fab-folder::before { content: '\f07b'; }
.admin-settings .demo .fab-tag::before { content: '\f02b'; }
.admin-settings .demo .fab-trophy::before { content: '\f091'; }
.admin-settings .demo .fab-car::before { content: '\f1b9'; }
.admin-settings .demo .fab-truck::before { content: '\f0d1'; }
.admin-settings .demo .fab-bicycle::before { content: '\f206'; }
.admin-settings .demo .fab-motorcycle::before { content: '\f21c'; }
.admin-settings .demo .fab-bus::before { content: '\f207'; }
.admin-settings .demo .fab-plane::before { content: '\f072'; }
.admin-settings .demo .fab-train::before { content: '\f238'; }
.admin-settings .demo .fab-subway::before { content: '\f239'; }
.admin-settings .demo .fab-taxi::before { content: '\f1ba'; }
.admin-settings .demo .fab-file-text::before { content: '\f15c'; }
.admin-settings .demo .fab-jpy::before { content: '\f157'; }
.admin-settings .demo .fab-usd::before { content: '\f155'; }
.admin-settings .demo .fab-eur::before { content: '\f153'; }
.admin-settings .demo .fab-btc::before { content: '\f15a'; }
.admin-settings .demo .fab-apple::before { content: '\f179'; }
.admin-settings .demo .fab-android::before { content: '\f17b'; }
.admin-settings .demo .fab-ship::before { content: '\f21a'; }
.admin-settings .demo .fab-wordpress::before { content: '\f19a'; }
.admin-settings .demo .fab-thumbs-up::before { content: '\f164'; }
.admin-settings .demo .fab-thumbs-down::before { content: '\f165'; }
.admin-settings .demo .fab-check::before, .admin-settings .demo .list-check li::before { content: '\f00c'; }
.admin-settings .demo .fab-bell::before { content: '\f0f3'; }
.admin-settings .demo .fab-star::before, .admin-settings .demo .list-star li::before { content: '\f005'; }
.admin-settings .demo .fab-bookmark::before { content: '\f02e'; }
.admin-settings .demo .fab-download::before { content: '\f019'; }
.admin-settings .demo .fab-coffee::before { content: '\f0f4'; }
.admin-settings .demo .fab-user::before { content: '\f007'; }
.admin-settings .demo .iconlist-box { border-color: transparent; }
.admin-settings .demo .iconlist-box ul, .admin-settings .demo .iconlist-box ol { list-style: none; }
.admin-settings .demo .iconlist-box.list-none ul { list-style: disc; }
.admin-settings .demo .iconlist-box.list-none ol { list-style: decimal; }
.admin-settings .demo .iconlist-box li::before { font-family: FontAwesome; margin-right: 0.4em; margin-left: -1em; }
.admin-settings .demo .iconlist-title { font-weight: 700; text-align: center; }
.admin-settings .demo .fab-check-circle::before, .admin-settings .demo .list-check-circle li::before { content: '\f058'; }
.admin-settings .demo .fab-check-circle-o::before, .admin-settings .demo .list-check-circle-o li::before { content: '\f05d'; }
.admin-settings .demo .fab-check-square::before, .admin-settings .demo .list-check-square li::before { content: '\f14a'; }
.admin-settings .demo .fab-check-square-o::before, .admin-settings .demo .list-check-square-o li::before { content: '\f046'; }
.admin-settings .demo .fab-caret-right::before, .admin-settings .demo .list-caret-right li::before { content: '\f0da'; }
.admin-settings .demo .fab-caret-square-o-right::before, .admin-settings .demo .list-caret-square-o-right li::before { content: '\f152'; }
.admin-settings .demo .fab-arrow-right::before, .admin-settings .demo .list-arrow-right li::before { content: '\f061'; }
.admin-settings .demo .fab-angle-right::before, .admin-settings .demo .list-angle-right li::before { content: '\f105'; }
.admin-settings .demo .fab-angle-double-right::before, .admin-settings .demo .list-angle-double-right li::before { content: '\f101'; }
.admin-settings .demo .fab-arrow-circle-right::before, .admin-settings .demo .list-arrow-circle-right li::before { content: '\f0a9'; }
.admin-settings .demo .fab-arrow-circle-o-right::before, .admin-settings .demo .list-arrow-circle-o-right li::before { content: '\f18e'; }
.admin-settings .demo .fab-play-circle::before, .admin-settings .demo .list-play-circle li::before { content: '\f144'; }
.admin-settings .demo .fab-play-circle-o::before, .admin-settings .demo .list-play-circle-o li::before { content: '\f01d'; }
.admin-settings .demo .fab-chevron-right::before, .admin-settings .demo .list-chevron-right li::before { content: '\f054'; }
.admin-settings .demo .fab-chevron-circle-right::before, .admin-settings .demo .list-chevron-circle-right li::before { content: '\f138'; }
.admin-settings .demo .fab-hand-o-right::before, .admin-settings .demo .list-hand-o-right li::before { content: '\f0a4'; }
.admin-settings .demo .fab-star-o::before, .admin-settings .demo .list-star-o li::before { content: '\f006'; }
.admin-settings .demo .fab-heart-o::before, .admin-settings .demo .list-heart-o li::before { content: '\f08a'; }
.admin-settings .demo .fab-square::before, .admin-settings .demo .list-square li::before { content: '\f0c8'; }
.admin-settings .demo .fab-square-o::before, .admin-settings .demo .list-square-o li::before { content: '\f096'; }
.admin-settings .demo .fab-circle::before, .admin-settings .demo .list-circle li::before { content: '\f111'; }
.admin-settings .demo .fab-circle-o::before, .admin-settings .demo .list-circle-o li::before { content: '\f10c'; }
.admin-settings .demo .fab-dot-circle-o::before, .admin-settings .demo .list-dot-circle-o li::before { content: '\f192'; }
.admin-settings .demo .fab-plus::before, .admin-settings .demo .list-plus li::before { content: '\f067'; }
.admin-settings .demo .fab-plus-circle::before, .admin-settings .demo .list-plus-circle li::before { content: '\f055'; }
.admin-settings .demo .fab-plus-square::before, .admin-settings .demo .list-plus-square li::before { content: '\f0fe'; }
.admin-settings .demo .fab-plus-square-o::before, .admin-settings .demo .list-plus-square-o li::before { content: '\f196'; }
.admin-settings .demo .fab-minus::before, .admin-settings .demo .list-minus li::before { content: '\f068'; }
.admin-settings .demo .fab-minus-circle::before, .admin-settings .demo .list-minus-circle li::before { content: '\f056'; }
.admin-settings .demo .fab-minus-square::before, .admin-settings .demo .list-minus-square li::before { content: '\f146'; }
.admin-settings .demo .fab-minus-square-o::before, .admin-settings .demo .list-minus-square-o li::before { content: '\f147'; }
.admin-settings .demo .fab-times::before, .admin-settings .demo .list-times li::before { content: '\f00d'; }
.admin-settings .demo .fab-times-circle::before, .admin-settings .demo .list-times-circle li::before { content: '\f057'; }
.admin-settings .demo .fab-times-circle-o::before, .admin-settings .demo .list-times-circle-o li::before { content: '\f05c'; }
.admin-settings .demo .fab-window-close::before, .admin-settings .demo .list-window-close li::before { content: '\f2d3'; }
.admin-settings .demo .fab-window-close-o::before, .admin-settings .demo .list-window-close-o li::before { content: '\f2d4'; }
.admin-settings .demo .recommended .navi-entry-cards { display: flex; justify-content: center; }
.admin-settings .demo .recommended .navi-entry-cards a { padding: 0; margin: 0; border-radius: 0; }
.admin-settings .demo .recommended figure { margin: 0; }
.admin-settings .demo .recommended img { vertical-align: bottom; }
.admin-settings .demo .recommended .card-content { font-size: 0.8em; text-align: center; }
.admin-settings .demo .recommended .card-snippet { display: none; }
.admin-settings .demo .recommended.rcs-image-only .card-content { display: none; }
.admin-settings .demo .recommended.rcs-center-title .card-content { left: 0; top: 0; right: 0; bottom: 0; text-align: center; opacity: 1; font-size: 1em; max-height: none; display: flex; justify-content: center; align-items: center; height: 100%; }
.admin-settings .demo .recommended.rcs-center-title .a-wrap:hover .card-content { opacity: 1; }
.admin-settings .demo .recommended.rcs-center-white-title .card-content { background-color: rgba(51, 51, 51, 0.3); transition: all .7s; }
.admin-settings .demo .recommended.rcs-center-white-title .a-wrap:hover .card-content { transition: all .7s; opacity: 0; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content { background-color: rgba(51, 51, 51, 0); padding: 0; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content .card-title { color: #333; background-color: #fffffc; padding: 6px 1em; opacity: 0.8; background-color: rgba(255, 255, 255, 0.9); width: 100%; transition: all .5s; }
.admin-settings .demo .recommended.rcs-center-label-title .card-content:hover .card-title { transition: all .3s; }
.admin-settings .demo .recommended.rcs-card-margin a { margin: 1em; margin-right: 0; }
.admin-settings .demo .recommended.rcs-card-margin a:last-child { margin-right: 1em; }
.admin-settings .demo .recommended .ribbon { display: none; }
.admin-settings .demo .nwa .recommended .navi-entry-cards { flex-wrap: wrap; justify-content: space-around; }
.admin-settings .demo .nwa .recommended .navi-entry-cards a { width: 50%; }
.admin-settings .demo .nwa .recommended.rcs-card-margin a { margin: .3em 0; width: 48%; }
.admin-settings .demo .nwa .recommended.rcs-card-margin a:last-child { margin-right: 0; }
.admin-settings .demo .no-border { border: none; }
.admin-settings .demo .no-after::after { display: none; }
.admin-settings .demo .display-block { display: block; }
.admin-settings .demo .display-none { display: none; }
.admin-settings .demo .notice-area-link { display: block; text-decoration: none; }
.admin-settings .demo .notice-area-link:hover { opacity: 0.8; }
.admin-settings .demo .notice-area { color: #fff; text-align: center; background-color: #4cae4c; padding: 0.6em; font-size: 0.8em; }
.admin-settings .demo .notice-area.nt-warning { background-color: #f7ab00; }
.admin-settings .demo .notice-area.nt-danger { background-color: #ff6666; }
.admin-settings .demo .no-appeal-area .appeal { display: none; }
.admin-settings .demo .appeal-in { display: flex; min-height: 200px; padding: 3% 5%; }
.admin-settings .demo .appeal-content { max-width: 800px; background-color: rgba(255, 255, 255, 0.85); margin: auto; padding: 1em; text-align: center; border-radius: 4px; display: block; }
.admin-settings .demo .appeal-title { font-size: 1.1em; font-weight: bold; }
.admin-settings .demo .appeal-message { margin-bottom: 1em; }
.admin-settings .demo .appeal-button { color: #fff; text-decoration: none; background-color: #dd4b39; font-weight: bold; text-align: center; display: block; max-width: 80%; margin: auto; padding: 10px 2em; border-radius: 4px; }
.admin-settings .demo .appeal-button:hover { color: #fff; opacity: 0.7; }
.admin-settings .demo textarea { min-height: 260px; }
.admin-settings .demo option { padding: 12px; }
.admin-settings .demo input[type='submit'], .admin-settings .demo #bbp_reply_submit, .admin-settings .demo .bp-login-widget-register-link a { padding: 11px; width: 100%; margin: 0; cursor: pointer; }
.admin-settings .demo .container input[type='submit'] { -webkit-appearance: none; border: 1px solid #ccc; background-color: #f5f8fa; }
.admin-settings .demo .bp-login-widget-register-link { display: block; margin-top: 10px; }
.admin-settings .demo .bp-login-widget-register-link a { color: #333; text-decoration: none; display: block; text-align: center; border: 1px solid #777; padding: 6px; border-radius: 2px; }
.admin-settings .demo .bp-login-widget-register-link a:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.admin-settings .demo .widget.buddypress #bp-login-widget-form input#bp-login-widget-submit { margin: 0; }
.admin-settings .demo #wp-comment-cookies-consent { margin-right: 5px; }
.admin-settings .demo .carousel { margin-top: 10px; line-height: 1.1; }
.admin-settings .demo .carousel .slick-arrow:before { color: #ccc; }
.admin-settings .demo .carousel-in { background-color: #fff; padding: 2px 0; }
.admin-settings .demo .carousel-content { margin: 0 30px; padding-bottom: 4px; }
.admin-settings .demo .carousel-content a { float: left; width: 10%; }
.admin-settings .demo .carousel-content .slick-track { display: flex; }
.admin-settings .demo .carousel-content .slick-slide { height: auto; }
.admin-settings .demo .carousel-content .a-wrap { margin: 0 3px 3px; }
.admin-settings .demo .carousel-entry-card-thumb { float: none; display: inline-block; }
.admin-settings .demo .carousel-entry-card-title { font-size: 16px; margin-top: 4px; max-height: 3.2em; overflow: hidden; }
.admin-settings .demo .no-carousel .carousel { display: none; }
.admin-settings .demo .carousel { display: none; }
.admin-settings .demo .carousel .a-wrap { padding: 0.2em 0.3em; }
.admin-settings .demo .ccb-carousel-border .a-wrap { border: 1px solid #ccc; }
.admin-settings .demo .admin-panel { background-color: #333; color: #fff; opacity: 0.8; padding: 10px; font-size: 16px; position: fixed; bottom: 0; left: 0; right: 0; display: flex; flex-direction: row; flex-wrap: wrap; transition: .3s; z-index: 9999; }
.admin-settings .demo .admin-panel a { color: #fff; }
.admin-settings .demo .admin-pv, .admin-settings .demo .admin-edit, .admin-settings .demo .admin-amp, .admin-settings .demo .admin-checks, .admin-settings .demo .admin-cresponsive { border-radius: 3px; padding: 0 10px; border: 1px solid #ccc; margin: 6px 4px; }
.admin-settings .demo .admin-pv > span, .admin-settings .demo .admin-edit > span, .admin-settings .demo .admin-amp > span, .admin-settings .demo .admin-checks > span, .admin-settings .demo .admin-cresponsive > span { padding: 0 4px; }
.admin-settings .demo .admin-amp a, .admin-settings .demo .admin-checks a, .admin-settings .demo .admin-cresponsive a { margin: 0 4px; font-size: 0.8em; }
.admin-settings .demo .admin-pv { position: relative; }
.admin-settings .demo .admin-pv .admin-pv-by { position: absolute; bottom: -1em; right: 0.4em; font-size: 0.6em; background-color: #333; padding: 0 5px; }
.admin-settings .demo .apdt-pc-only { display: flex; }
.admin-settings .demo .apdt-mobile-only { display: none; }
@media screen and (max-width: 1023px) { .admin-settings .demo .admin-bar .mobile-header-menu-buttons { margin-top: 32px; }
  .admin-settings .demo .admin-bar.mblt-header-mobile-buttons, .admin-settings .demo .admin-bar.mblt-header-and-footer-mobile-buttons { margin-top: 32px; } }
@media screen and (max-width: 1023px) and (max-width: 782px) { .admin-settings .demo .admin-bar .mobile-header-menu-buttons { margin-top: 0; }
  .admin-settings .demo .admin-bar.mblt-header-mobile-buttons, .admin-settings .demo .admin-bar.mblt-header-and-footer-mobile-buttons { margin-top: 0; } }

.admin-settings .demo .entry-card .admin-pv { margin: 0 0 8px; padding: 0; border-width: 0; }
.admin-settings .demo .entry-card .admin-pv .admin-pv-by { background-color: transparent; bottom: 0; }
.admin-settings .demo .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.admin-settings .demo .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.admin-settings .demo .slick-list:focus { outline: none; }
.admin-settings .demo .slick-list.dragging { cursor: pointer; }
.admin-settings .demo .slick-slider .slick-track, .admin-settings .demo .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.admin-settings .demo .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
.admin-settings .demo .slick-track:before, .admin-settings .demo .slick-track:after { content: ""; display: table; }
.admin-settings .demo .slick-track:after { clear: both; }
.slick-loading .admin-settings .demo .slick-track { visibility: hidden; }
.admin-settings .demo .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .admin-settings .demo .slick-slide { float: right; }
.admin-settings .demo .slick-slide img { display: block; }
.admin-settings .demo .slick-slide.slick-loading img { display: none; }
.admin-settings .demo .slick-slide.dragging img { pointer-events: none; }
.slick-initialized .admin-settings .demo .slick-slide { display: block; }
.slick-loading .admin-settings .demo .slick-slide { visibility: hidden; }
.slick-vertical .admin-settings .demo .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.admin-settings .demo .slick-arrow.slick-hidden { display: none; }
.admin-settings .demo .carousel .slick-dotted.slick-slider { margin-bottom: 0; }
.admin-settings .demo .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.admin-settings .demo .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.admin-settings .demo .slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.admin-settings .demo .slicknav_menu .slicknav_no-text { margin: 0; }
.admin-settings .demo .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.admin-settings .demo .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; }
.admin-settings .demo .slicknav_nav { clear: both; }
.admin-settings .demo .slicknav_nav ul, .admin-settings .demo .slicknav_nav li { display: block; }
.admin-settings .demo .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.admin-settings .demo .slicknav_nav .slicknav_item { cursor: pointer; }
.admin-settings .demo .slicknav_nav .slicknav_row { display: block; }
.admin-settings .demo .slicknav_nav a { display: block; }
.admin-settings .demo .slicknav_nav .slicknav_item a, .admin-settings .demo .slicknav_nav .slicknav_parent-link a { display: inline; }
.admin-settings .demo .slicknav_brand { float: left; }
.admin-settings .demo .slicknav_menu:before, .admin-settings .demo .slicknav_menu:after { content: " "; display: table; }
.admin-settings .demo .slicknav_menu:after { clear: both; }
.admin-settings .demo .slicknav_menu { *zoom: 1; }
.admin-settings .demo .slicknav_menu { font-size: 16px; box-sizing: border-box; }
.admin-settings .demo .slicknav_btn { margin: 5px 5px 6px; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-radius: 4px; background-color: #222222; }
.admin-settings .demo .slicknav_menu .slicknav_menutxt { color: #FFF; font-weight: bold; text-shadow: 0 1px 3px #000; }
.admin-settings .demo .slicknav_menu .slicknav_icon-bar { background-color: #f5f5f5; }
.admin-settings .demo .slicknav_menu { background: #4c4c4c; padding: 5px; }
.admin-settings .demo .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; }
.admin-settings .demo .slicknav_nav, .admin-settings .demo .slicknav_nav ul { list-style: none; overflow: hidden; }
.admin-settings .demo .slicknav_nav ul { padding: 0; margin: 0 0 0 20px; }
.admin-settings .demo .slicknav_nav .slicknav_row { padding: 5px 10px; margin: 2px 5px; }
.admin-settings .demo .slicknav_nav a { padding: 5px 10px; margin: 2px 5px; text-decoration: none; color: #fff; }
.admin-settings .demo .slicknav_nav .slicknav_item a, .admin-settings .demo .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; }
.admin-settings .demo .slicknav_nav .slicknav_row:hover { border-radius: 6px; background: #ccc; color: #fff; }
.admin-settings .demo .slicknav_nav a:hover { border-radius: 6px; background: #ccc; color: #222; }
.admin-settings .demo .slicknav_nav .slicknav_txtnode { margin-left: 15px; }
.admin-settings .demo .slicknav_brand { color: #fff; font-size: 18px; line-height: 30px; padding: 7px 12px; height: 44px; }
.admin-settings .demo .slicknav_nav .caption-wrap, .admin-settings .demo .slicknav_nav .item-label, .admin-settings .demo .slicknav_nav .item-description { display: inline; }
.admin-settings .demo .slicknav_nav .item-description { margin-left: 1em; }
.admin-settings .demo .slicknav_menu { display: none; }
.admin-settings .demo .bbp-breadcrumb-home, .admin-settings .demo .bbp-breadcrumb-home + .bbp-breadcrumb-sep, .admin-settings .demo .topic .post-date, .admin-settings .demo .topic .post-update, .admin-settings .demo .topic .footer-post-meta, .admin-settings .demo .post-0 .post-date, .admin-settings .demo .post-0 .post-update, .admin-settings .demo .post-0 .footer-post-meta, .admin-settings .demo .forum .post-date, .admin-settings .demo .forum .post-update, .admin-settings .demo .forum .footer-post-meta { display: none; }
.admin-settings .demo #bbp_search { font-size: 17px; height: 28px; }
.admin-settings .demo .post-0 .post-meta { height: 27px; }
.admin-settings .demo .bbp-reply-content { font-size: 16px; line-height: 170%; }
.admin-settings .demo .bbp-forum-title { font-size: 16px; }
.admin-settings .demo .bbp-topic-permalink { font-size: 14px; }
.admin-settings .demo div#bbpress-forums { font-size: 16px; }
.admin-settings .demo div#bbpress-forums .bbp-topic-permalink { font-size: 16px; }
.admin-settings .demo div#bbpress-forums #bbp-user-wrapper { margin-top: 1.6em; }
.admin-settings .demo div#bbpress-forums .entry-title { background-color: transparent; color: #333; padding-left: 0; }
.admin-settings .demo div#bbpress-forums #bbp_topic_submit { padding: 12px 24px; }
.admin-settings .demo div#bbpress-forums input[type=text] { width: 100%; }
.admin-settings .demo div#bbpress-forums div.odd, .admin-settings .demo div#bbpress-forums ul.odd { background-color: #fefefe; }
.admin-settings .demo div#bbpress-forums span.bbp-admin-links a, .admin-settings .demo div#bbpress-forums .status-closed, .admin-settings .demo div#bbpress-forums .status-closed a { color: #555; }
.admin-settings .demo div#bbpress-forums a.bbp-topic-permalink { text-decoration: none; }
.admin-settings .demo div#bbpress-forums a.bbp-topic-permalink:before { content: " \f096"; font-family: FontAwesome; margin-right: 3px; }
.admin-settings .demo div#bbpress-forums .status-closed a.bbp-topic-permalink:before { content: " \f046"; font-family: FontAwesome; }
.admin-settings .demo div#bbpress-forums .status-closed .bbp-reply-content:before { content: " \f046\00A0 Closed"; font-family: FontAwesome,"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
.admin-settings .demo #bbp_search_submit { padding: 4px; width: auto; }
@media screen and (max-width: 480px) { .admin-settings .demo div#bbpress-forums div.bbp-reply-author img.avatar { position: static; }
  .admin-settings .demo div#bbpress-forums .bbp-body div.bbp-reply-author { padding-left: 0; width: 80px; text-align: center; }
  .admin-settings .demo div#bbpress-forums .bbp-body div.bbp-reply-content { clear: none; margin: 0; }
  .admin-settings .demo div#bbpress-forums .bbp-body div.bbp-reply-content p { margin-top: 0; } }
.admin-settings .demo #buddypress h2 { background-color: transparent; color: #333; padding: 0; }
.admin-settings .demo #buddypress #members-friends { margin-left: 6px; }
.admin-settings .demo #buddypress #members-friends select, .admin-settings .demo #buddypress #members-friends option { padding: 3px; font-size: 16px; }
.admin-settings .demo #buddypress div.item-list-tabs ul li.last select { min-width: 210px; }
.admin-settings .demo div#wpforo-wrap { padding: 0; }
.admin-settings .demo div#wpforo-wrap .wpfl-1 .wpforo-forum-description, .admin-settings .demo div#wpforo-wrap .wpfl-1 .wpforo-last-post-title, .admin-settings .demo div#wpforo-wrap .wpforo-post-head { font-size: 16px; }
.admin-settings .demo div#wpforo-wrap .wpfl-1 .head-title, .admin-settings .demo div#wpforo-wrap .wpforo-topic-title a { font-size: 20px; }
.admin-settings .demo div#wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content, .admin-settings .demo div#wpforo-wrap .wpforo-recent-wrap .wpforo-recent-content td.wpf-spost-title .wpf-spost-title-link, .admin-settings .demo div#wpforo-wrap .wpf-htr td { font-size: 18px; }
.admin-settings .demo div#wpforo-wrap .wpfl-1 .wpforo-post, .admin-settings .demo div#wpforo-wrap #wpforo-stat-body { background-color: transparent; }
.admin-settings .demo div#wpforo-wrap pre, .admin-settings .demo div#wpforo-wrap .wpforo-post .wpf-right code { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; font-size: 17px; }
.admin-settings .demo div#wpforo-wrap .wpforo-post .wpf-right ol, .admin-settings .demo div#wpforo-wrap .wpforo-post .wpf-right ul { margin: 2em 1em; }
.admin-settings .demo .wpforo-list-item p { margin: 0; }
.admin-settings .demo div#wpforo-wrap .wpforo-post .wpf-right .wpforo-post-content p { line-height: 1.8; }
.admin-settings .demo .bleft { font-weight: bold; }
.admin-settings .demo #wpf-form-wrapper .mce-edit-area iframe { min-height: 400px; }
.admin-settings .demo .mce-wpf-emoji-extra-wrap { min-width: 300px !important; min-height: 300px !important; }
.admin-settings .demo .wpf-emoji-wrap .wpf-emoji { font-size: 24px; }
.admin-settings .demo .wpforo-attached-file { word-break: break-all; }
.admin-settings .demo .live-writer .main { max-width: 860px; width: 860px; min-width: 860px; }
.admin-settings .demo .live-writer .article { width: 800px; }
.admin-settings .demo .live-writer blockquote, .admin-settings .demo .live-writer .information-box, .admin-settings .demo .live-writer .question-box, .admin-settings .demo .live-writer .alert-box { padding: 10px; }
.admin-settings .demo .live-writer blockquote::before, .admin-settings .demo .live-writer blockquote::after, .admin-settings .demo .live-writer .information-box::before, .admin-settings .demo .live-writer .information-box::after, .admin-settings .demo .live-writer .question-box::before, .admin-settings .demo .live-writer .question-box::after, .admin-settings .demo .live-writer .alert-box::before, .admin-settings .demo .live-writer .alert-box::after { display: none; }
.admin-settings .demo .gsc-search-box table { margin-bottom: 0; }
.admin-settings .demo .gsc-search-box table th, .admin-settings .demo .gsc-search-box table td { border: 0; }
.admin-settings .demo #cse-search-box input[name="q"] { line-height: 34px; width: calc(100% - 60px); float: left; }
.admin-settings .demo #cse-search-box input[name="sa"] { width: 60px; padding: 0; line-height: 34px; }
.admin-settings .demo twitter-widget { overflow: hidden; }
.admin-settings .demo .video-click { cursor: pointer; }
.admin-settings .demo .video-click:hover .video-play { background: url("images/youtube-play.png") no-repeat scroll -101px -13px rgba(0, 0, 0, 0); }
.admin-settings .demo .video-play { background: url("images/youtube-play.png") no-repeat scroll 2px -13px rgba(0, 0, 0, 0); height: 62px; left: 50%; margin-left: -45px; margin-top: -33px; position: absolute; top: 50%; width: 100px; opacity: 0.8; }
.admin-settings .demo .video-title-grad { position: absolute; top: 0; left: 0; right: 0; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABiCAQAAAA7fHH2AAAAQUlEQVQYV22KQQoAIAzDyv7/Et/oVlGZVCfkkIYamsENXESyi8vc0u/PKZ6o8+7fZ0h8ShRYnD+BFKToRJkHFpkM2hZSxuyWpEYAAAAASUVORK5CYII="); background-position: center top; }
.admin-settings .demo .video-title-text { color: #eeeeee; font-family: Roboto,Arial,Helvetica,sans-serif; font-size: 17px; overflow: hidden; padding: 12px 16px 4px; text-overflow: ellipsis; white-space: nowrap; }
.admin-settings .demo #main .wp-block-embed__wrapper::before { display: none; }
.admin-settings .demo .entry-content .wp-block-gallery .blocks-gallery-item { display: list-item; }
.admin-settings .demo .search-form div.sbtn { transition: 0.3s; /* 変化をなめらかにする */ }
.admin-settings .demo .search-form div.sbtn:hover { color: #333; /* 文字色 */ background: #fff; /* 背景色 */ border-color: #333; /* ボーダーの色 */ cursor: pointer; /* カーソルをポインターに */ }
@media screen and (max-width: 1023px) { .admin-settings .demo .navi-footer { float: none; margin: 0; width: 100%; }
  .admin-settings .demo .copyright { width: 100%; }
  .admin-settings .demo .navi-footer-in > ul { justify-content: center; padding: 1em; }
  .admin-settings .demo .footer-widgets { display: block; }
  .admin-settings .demo .footer-widgets > div { width: 100%; }
  .admin-settings .demo .content-in { display: block; }
  .admin-settings .demo main.main, .admin-settings .demo div.sidebar { display: block; margin: 10px; width: auto; }
  .admin-settings .demo .footer-bottom-logo, .admin-settings .demo .footer-bottom-content { float: none; }
  .admin-settings .demo .footer-bottom-logo { line-height: 1; }
  .admin-settings .demo .footer-bottom-content { text-align: center; }
  .admin-settings .demo .fb-like-message { font-size: 0.8em; line-height: 1.4; }
  .admin-settings .demo .sidebar-scroll { position: static; }
  .admin-settings .demo .ba-fixed.header, .admin-settings .demo .ba-fixed.appeal { background-attachment: scroll; }
  .admin-settings .demo .header, .admin-settings .demo .appeal { background-size: cover; }
  .admin-settings .demo .footer-bottom-logo { position: relative; bottom: auto; }
  .admin-settings .demo .logo-footer { margin: 8px auto; }
  .admin-settings .demo .mobile-menu-buttons { display: flex; align-items: stretch; }
  .admin-settings .demo .mobile-menu-buttons > li { padding-top: 3px; }
  .admin-settings .demo .mobile-header-menu-buttons { top: 0; bottom: auto; justify-content: space-around; min-width: 46px; z-index: 3; box-shadow: 0 0 5px darkgrey; }
  .admin-settings .demo .mobile-header-menu-buttons .menu-button { width: 70px; }
  .admin-settings .demo .mobile-header-menu-buttons .logo-menu-button { flex-grow: 99; }
  .admin-settings .demo .no-mobile-sidebar .sidebar, .admin-settings .demo .mobile-button-fmb .go-to-top-button, .admin-settings .demo .no-mobile-header-logo .logo-header { display: none; }
  .admin-settings .demo .mblt-header-mobile-buttons { margin-top: 46px; }
  .admin-settings .demo .mblt-footer-mobile-buttons { margin-bottom: 50px; }
  .admin-settings .demo .mblt-header-and-footer-mobile-buttons { margin-top: 46px; margin-bottom: 50px; }
  .admin-settings .demo .scrollable-mobile-buttons { margin-bottom: 0; }
  .admin-settings .demo .navi-footer-in > .menu-footer { justify-content: center; }
  .admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-content { flex-direction: column; }
  .admin-settings .demo .mblt-footer-mobile-buttons .go-to-top-button, .admin-settings .demo .mblt-header-and-footer-mobile-buttons .go-to-top-button { display: none; } }
@media screen and (max-width: 834px) { .admin-settings .demo { /************************************
** 関連記事
************************************/ }
  .admin-settings .demo .navi-in > .menu-header { display: none; }
  .admin-settings .demo #navi .navi-in > .menu-mobile { display: flex; }
  .admin-settings .demo #navi .navi-in > .menu-mobile > .menu-item-has-description > a > .caption-wrap { height: 40px; line-height: 16px; }
  .admin-settings .demo #navi .navi-in > .menu-mobile li { width: 50%; height: 40px; line-height: 40px; }
  .admin-settings .demo #navi .navi-in > .menu-mobile li a { font-size: 14px; }
  .admin-settings .demo #navi .navi-in > .menu-mobile li a:after { display: none; }
  .admin-settings .demo main.main, .admin-settings .demo div.sidebar { padding: 10px; margin: 10px 0; border-width: 0; }
  .admin-settings .demo .article ul, .admin-settings .demo .article ol { padding-left: 26px; }
  .admin-settings .demo .entry-card-title, .admin-settings .demo .related-entry-card-title { font-size: 17px; }
  .admin-settings .demo .entry-card-snippet, .admin-settings .demo .related-entry-card-snippet { font-size: 14px; }
  .admin-settings .demo table th, .admin-settings .demo table td { padding: 3px; font-size: 0.8em; }
  .admin-settings .demo .blogcard-wrap { width: 100%; }
  .admin-settings .demo .blogcard-thumbnail { width: 30%; }
  .admin-settings .demo .blogcard-snippet { font-size: 12px; }
  .admin-settings .demo .blogcard-content { margin-left: 31.6%; margin-right: 0; max-height: 120px; min-height: 70px; font-size: 0.9em; line-height: 1.2; }
  .admin-settings .demo .ib-right .blogcard-content, .admin-settings .demo .eb-right .blogcard-content { margin-right: 31.6%; margin-left: 0; }
  .admin-settings .demo .ss-top .sns-share-buttons a, .admin-settings .demo .ss-bottom .sns-share-buttons a { font-size: 14px; }
  .admin-settings .demo .ss-top .sns-share-buttons a .button-caption, .admin-settings .demo .ss-bottom .sns-share-buttons a .button-caption { font-size: 14px; margin-left: 4px; }
  .admin-settings .demo .sns-share.ss-top.ss-col-6 a, .admin-settings .demo .sns-share.ss-bottom.ss-col-6 a { width: 32%; }
  .admin-settings .demo .sns-follow-buttons { flex-wrap: wrap; justify-content: space-around; }
  .admin-settings .demo .sns-follow-buttons a { margin-right: 0; width: 48%; }
  .admin-settings .demo .rect-vartical-card .related-entry-card-wrap { width: 49%; }
  .admin-settings .demo .rect-mini-card .related-entry-card-wrap { margin-bottom: 10px; }
  .admin-settings .demo .rect-mini-card .cat-label { font-size: 8px; }
  .admin-settings .demo .rect-mini-card .related-entry-card-thumb { width: 30%; }
  .admin-settings .demo .rect-mini-card .related-entry-card-content { margin-left: 32%; }
  .admin-settings .demo .header-container-in.hlt-top-menu { flex-direction: column; }
  .admin-settings .demo .ect-vertical-card-3 .entry-card-wrap { width: 49%; }
  .admin-settings .demo .header div.header-in, .admin-settings .demo .appeal div.appeal-in { min-height: auto; }
  .admin-settings .demo .footer-widgets { display: none; }
  .admin-settings .demo .footer-widgets-mobile { display: block; }
  .admin-settings .demo .widget_pc_text, .admin-settings .demo .widget_pc_ad, .admin-settings .demo .widget_pc_double_ads { display: none; }
  .admin-settings .demo .widget_mobile_text, .admin-settings .demo .widget_mobile_ad { display: block; }
  .admin-settings .demo .slicknav_menu { display: block; }
  .admin-settings .demo .fb-like-box { max-width: none; flex-direction: column; }
  .admin-settings .demo .cta-box { font-size: 0.8em; }
  .admin-settings .demo .cta-heading { font-size: 20px; padding: 8px; }
  .admin-settings .demo .cta-left-and-right .cta-content, .admin-settings .demo .cta-right-and-left .cta-content { display: block; }
  .admin-settings .demo .cta-left-and-right .cta-content div, .admin-settings .demo .cta-right-and-left .cta-content div { width: 100%; }
  .admin-settings .demo .cta-message { margin-top: 1em; }
  .admin-settings .demo .cta-button .btn-l, .admin-settings .demo .cta-button .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .cta-button a { padding: 1em; font-size: 16px; }
  .admin-settings .demo .sbp-l { margin-right: auto; }
  .admin-settings .demo .sbp-r { margin-left: auto; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-l { margin-right: 0; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-r { margin-left: 0; }
  .admin-settings .demo .admin-panel { padding: 5px; font-size: 14px; line-height: 1.4; }
  .admin-settings .demo .admin-panel > div { margin: 3px; }
  .admin-settings .demo .apdt-pc-only { display: none; }
  .admin-settings .demo .apdt-mobile-only { display: flex; }
  .admin-settings .demo .ranking-item-image-tag { max-width: 30%; }
  .admin-settings .demo #header .site-name-text { font-size: 22px; }
  .admin-settings .demo .header-container-in.hlt-top-menu { display: block; }
  .admin-settings .demo .header-container-in.hlt-top-menu #header .header-in, .admin-settings .demo .header-container-in.hlt-top-menu #header .logo-text { display: block; height: 100%; }
  .admin-settings .demo .header-container-in.hlt-top-menu .site-name-text { white-space: normal; }
  .admin-settings .demo .header-container-in.hlt-top-menu .logo-header { max-height: none; }
  .admin-settings .demo .eye-catch .cat-label { font-size: 10px; padding: 2px 4px; }
  .admin-settings .demo textarea { min-height: 160px; }
  .admin-settings .demo .navi-footer-in > .menu-footer li.menu-item { width: 32%; border: 0; margin: 2px; display: flex; flex: 1 1 auto; text-align: center; }
  .admin-settings .demo .navi-footer-in > .menu-footer li.menu-item a { padding: 0; width: 100%; }
  .admin-settings .demo .footer-bottom.fdt-left-and-right .footer-bottom-content { flex-direction: column; }
  .admin-settings .demo #wpf-form-wrapper .mce-edit-area iframe { min-height: 200px; }
  .admin-settings .demo .content { margin-top: 10px; }
  .admin-settings .demo .product-item-thumb-l, .admin-settings .demo .swatchimages { display: none; }
  .admin-settings .demo .image-content amp-img { min-width: 360px; max-width: 360px; }
  .admin-settings .demo .btn-l, .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .btn-wrap.btn-wrap-l > a { font-size: 14px; }
  .admin-settings .demo .slick-dots { display: none !important; }
  .admin-settings .demo .carousel-entry-card-title { font-size: 0.7em; }
  .admin-settings .demo .header-container-in.hlt-top-menu.hlt-tm-small .logo-header { height: auto; }
  .admin-settings .demo .recommended .navi-entry-cards { flex-wrap: wrap; justify-content: space-around; }
  .admin-settings .demo .recommended .navi-entry-cards a { width: 50%; }
  .admin-settings .demo .recommended.rcs-card-margin a { margin: .3em 0; width: 48%; }
  .admin-settings .demo .recommended.rcs-card-margin a:last-child { margin-right: 0; } }
@media screen and (max-width: 599px) { .admin-settings .demo .container .column-wrap { flex-direction: column; }
  .admin-settings .demo .container .column-wrap > div { width: 100%; padding: 1em 0; } }
@media screen and (max-width: 480px) { .admin-settings .demo { /*本文の見出し*/ }
  .admin-settings .demo h2, .admin-settings .demo h3 { font-size: 20px; }
  .admin-settings .demo .related-entry-heading, .admin-settings .demo .comment-title { margin: 1.2em 0 1em; }
  .admin-settings .demo .entry-card, .admin-settings .demo .related-entry-card, .admin-settings .demo .e-card-title { line-height: 1.1; }
  .admin-settings .demo .e-card-title { font-size: 16px; }
  .admin-settings .demo .e-card-snippet { font-size: 13px; }
  .admin-settings .demo .cat-label { font-size: 10px; padding: 1px 3px; }
  .admin-settings .demo .page-numbers { width: 34px; height: 34px; line-height: 34px; }
  .admin-settings .demo .pagination-next-link, .admin-settings .demo .comment-btn { font-size: 1em; }
  .admin-settings .demo .related-entry-card-thumb { width: 38%; }
  .admin-settings .demo .related-entry-card-content { margin-left: 40%; font-size: 0.9em; }
  .admin-settings .demo .entry-title, .admin-settings .demo .article h2, .admin-settings .demo .article h3, .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { padding: 0.6em; margin: 1.2em 0 0.8em; }
  .admin-settings .demo .entry-title, .admin-settings .demo .article h2 { font-size: 20px; padding: 0.6em 0.8em; }
  .admin-settings .demo .article h3 { font-size: 18px; }
  .admin-settings .demo .article h4, .admin-settings .demo .article h5, .admin-settings .demo .article h6 { font-size: 16px; }
  .admin-settings .demo .entry-title { margin: 0; margin-bottom: 6px; }
  .admin-settings .demo body { font-size: 16px; }
  .admin-settings .demo .pager-post-navi a figure { min-width: 30%; max-width: 30%; }
  .admin-settings .demo .pager-post-navi a.prev-post .prev-post-title { margin-left: 1.6%; }
  .admin-settings .demo .pager-post-navi a.next-post .next-post-title { margin-right: 1.6%; }
  .admin-settings .demo .pager-post-navi a::before { font-size: 16px; }
  .admin-settings .demo .rect-mini-card .related-entry-card-wrap { width: 100%; }
  .admin-settings .demo .pager-post-navi.post-navi-square { flex-direction: column; }
  .admin-settings .demo .pager-post-navi.post-navi-square a { width: 100%; padding: 7px; }
  .admin-settings .demo .pager-post-navi.post-navi-square a:last-child { border-top-width: 0; border-left-width: 1px; }
  .admin-settings .demo .author-box { font-size: 0.9em; line-height: 1.3; }
  .admin-settings .demo .author-box .author-thumb { width: 24%; }
  .admin-settings .demo .author-box .author-content { margin-left: 26%; }
  .admin-settings .demo .speech-person { width: 16%; min-width: 16%; }
  .admin-settings .demo .speech-name { font-size: 10px; }
  .admin-settings .demo .speech-wrap .speech-balloon { padding: 7px; }
  .admin-settings .demo .speech-wrap .speech-balloon::before, .admin-settings .demo .speech-wrap .speech-balloon::after { border-bottom-width: 7px; border-right-width: 7px; border-top-width: 7px; }
  .admin-settings .demo .speech-wrap .speech-balloon::before { left: -7px; }
  .admin-settings .demo .speech-wrap .speech-balloon::after { left: -5px; }
  .admin-settings .demo .speech-wrap.sbp-l .speech-balloon { margin-left: 10px; }
  .admin-settings .demo .speech-wrap.sbp-r .speech-balloon { margin-right: 10px; }
  .admin-settings .demo .speech-wrap.sbp-r .speech-balloon::before { right: -7px; left: auto; border-left-width: 7px; }
  .admin-settings .demo .speech-wrap.sbp-r .speech-balloon::after { border-left-width: 7px; right: -5px; left: auto; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-l .speech-balloon { margin-left: 28px; }
  .admin-settings .demo .speech-wrap.sbs-think .speech-balloon::before { top: 4px; left: -19px; width: 12px; height: 12px; }
  .admin-settings .demo .speech-wrap.sbs-think .speech-balloon::after { top: 16px; width: 6px; height: 6px; left: -27px; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-r .speech-balloon { margin-right: 28px; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-r .speech-balloon::before { border: 2px solid #ccc; left: auto; right: -19px; }
  .admin-settings .demo .speech-wrap.sbs-think.sbp-r .speech-balloon::after { border: 2px solid #ccc; left: auto; right: -27px; }
  .admin-settings .demo .admin-panel > div { margin-bottom: 0.6em; padding: 2px; }
  .admin-settings .demo .menu-content { max-width: 84%; }
  .admin-settings .demo .ranking-item-img-desc, .admin-settings .demo .ranking-item-link-buttons { display: block; }
  .admin-settings .demo .ranking-item-image-tag { max-width: 100%; text-align: center; display: flex; justify-content: center; }
  .admin-settings .demo .ranking-item-name-text, .admin-settings .demo .widget_item_ranking .main-widget-label { font-size: 20px; }
  .admin-settings .demo a.facebook-follow-button { top: 3px; }
  .admin-settings .demo #header .site-name-text { font-size: 18px; }
  .admin-settings .demo .tagline { font-size: 12px; }
  .admin-settings .demo .navi-footer-in > .menu-footer li.menu-item { width: 46%; }
  .admin-settings .demo .blogcard-content { font-size: 0.84em; }
  .admin-settings .demo .blogcard-snippet { font-size: 0.74em; }
  .admin-settings .demo .ect-vertical-card .entry-card-wrap { margin-bottom: 8px; }
  .admin-settings .demo .ect-vertical-card.sp-entry-card-1-column .entry-card-wrap { display: block; }
  .admin-settings .demo .ect-vertical-card.sp-entry-card-1-column > * { width: 100%; }
  .admin-settings .demo #bbpress-forums .form-allowed-tags code { width: 100% !important; }
  .admin-settings .demo .no-sp-snippet .entry-card-snippet { display: none; }
  .admin-settings .demo .no-sp-snippet-related .related-entry-card-snippet { display: none; }
  .admin-settings .demo .e-card-meta { margin-top: 2px; }
  .admin-settings .demo .ect-entry-card .card-thumb, .admin-settings .demo .rect-entry-card .card-thumb, .admin-settings .demo .ect-big-card-first .card-thumb { margin-bottom: 6px; }
  .admin-settings .demo .ect-entry-card .card-content, .admin-settings .demo .rect-entry-card .card-content, .admin-settings .demo .ect-big-card-first .card-content { margin: 0; }
  .admin-settings .demo .ect-entry-card .card-snippet, .admin-settings .demo .rect-entry-card .card-snippet, .admin-settings .demo .ect-big-card-first .card-snippet { margin-bottom: 0; clear: both; }
  .admin-settings .demo .ect-entry-card .card-meta, .admin-settings .demo .rect-entry-card .card-meta, .admin-settings .demo .ect-big-card-first .card-meta { clear: both; }
  .admin-settings .demo .list .ect-vertical-card > * { width: 48%; padding: 0.5% !important; margin: 0.5% 0.5% 1.5% !important; }
  .admin-settings .demo .sp-display-none { display: none !important; }
  .admin-settings .demo .image-content amp-img { min-width: 200px; max-width: 200px; }
  .admin-settings .demo .blogcard { padding-top: 3%; } }
@media screen and (max-width: 356px) { .admin-settings .demo .ect-vertical-card .entry-card-wrap, .admin-settings .demo .rect-vartical-card .related-entry-card-wrap, .admin-settings .demo .ect-2-columns > *, .admin-settings .demo .ect-3-columns > * { width: 100% !important; } }
@media print { .admin-settings .demo { /************************************
** 印刷用スタイル
************************************/ }
  .admin-settings .demo #container { font-size: 11pt; }
  .admin-settings .demo #container .header-container, .admin-settings .demo #container .ad-area, .admin-settings .demo #container .pager-links, .admin-settings .demo #container .under-entry-content, .admin-settings .demo #container .breadcrumb-category, .admin-settings .demo #container .entry-footer, .admin-settings .demo #container .sidebar, .admin-settings .demo #container .footer, .admin-settings .demo #container #admin-panel, .admin-settings .demo #container #go-to-top, .admin-settings .demo #container .go-to-top-button, .admin-settings .demo #container #fb-root, .admin-settings .demo #container .mobile-menu-buttons, .admin-settings .demo #container .toc, .admin-settings .demo #container .sns-share, .admin-settings .demo #container .widget, .admin-settings .demo #container #notice-area-wrap, .admin-settings .demo #container #notice-area, .admin-settings .demo #container #appeal, .admin-settings .demo #container #recommended, .admin-settings .demo #container #carousel, .admin-settings .demo #container #go-to-top { display: none !important; }
  .admin-settings .demo #container .content-in { display: block; }
  .admin-settings .demo #container .main, .admin-settings .demo #container .content, .admin-settings .demo #container .wrap { width: auto; margin: 0; float: none; padding: 0; border: none; overflow-wrap: normal; }
  .admin-settings .demo #container .main { width: 100% !important; }
  .admin-settings .demo #container h1, .admin-settings .demo #container h2, .admin-settings .demo #container h3, .admin-settings .demo #container h4, .admin-settings .demo #container h5, .admin-settings .demo #container h6 { background-color: transparent; border-width: 0; padding: 0; margin: 10px 0; color: #333; }
  .admin-settings .demo #container h1 { font-size: 21.5pt; }
  .admin-settings .demo #container h2 { font-size: 18.5pt; }
  .admin-settings .demo #container h3 { font-size: 16pt; }
  .admin-settings .demo #container h4, .admin-settings .demo #container h5, .admin-settings .demo #container .article h6 { font-size: 14pt; }
  .admin-settings .demo #wpadminbar, .admin-settings .demo #go-to-top, .admin-settings .demo #admin-panel { display: none !important; }
  .admin-settings .demo body { background-image: none !important; background-break: transparent; } }
.admin-settings .demo pre { padding: 10px; }
.admin-settings .demo .entry-content { margin: 0; }
.admin-settings .demo .search-result { padding: 10px; font-size: 16px; line-height: 1.4; font-family: arial,sans-serif; max-width: 600px; }
.admin-settings .demo .search-result .title { color: #1a0dab; font-weight: bold; text-decoration: none; }
.admin-settings .demo .search-result .url { color: #006621; font-size: 14px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-settings .demo .search-result .description { font-size: 14px; }
.admin-settings .demo .wrap { width: 100%; }
.admin-settings .demo .demo .navi-in > ul > .menu-item-has-children > a::after { display: none; }
.admin-settings .demo .archive-title { display: none; }
.admin-settings .demo .ad-area { display: none; }
.admin-settings .demo.toc .entry-header, .admin-settings .demo.toc .entry-footer { display: none; }
.admin-settings .demo.header-demo { overflow: visible; }
.admin-settings .demo .go-to-top { position: relative; display: inline-block; bottom: auto; right: auto; }
.admin-settings .demo .slick-slide { display: block; }
.admin-settings .demo .widget { display: none; }
.admin-settings .demo.iframe-standard-demo { height: 400px; }
.admin-settings .demo.mobile-demo { height: 640px; }
.admin-settings .demo .iframe-demo { width: 100%; height: 100%; }
.admin-settings .demo .recommended-in.wrap { padding: 0 5%; }

.demo #related-entries h2 { font-size: 1.3em; margin: 1em 0; font-weight: bold; line-height: unset; margin: unset; }

.form-table td p { font-size: unset; }

/************************************
** ソースコード
************************************/
pre { background-color: #f3f4f5; border: 1px solid #ccc; overflow: auto; padding: 10px; margin: 1em 0; }

/*記事一覧のサムネイル幅*/
.column-thumbnail { width: 80px; }

/*記事一覧の投稿ID幅*/
.column-post-id { width: 42px; }

/*記事一覧の文字数幅*/
.column-word-count { width: 76px; }

.admin-custum-label { margin-left: -30px; margin-top: 20px; margin-bottom: -16px; font-style: normal; font-weight: bold; font-size: 1.1em; background-color: #ddd; padding: 12px; }

/************************************
** テーマ設定画面
************************************/
.preview-label { font-weight: bold; text-align: center; margin-bottom: 0; }

/*設定項目のヒント*/
form.admin-settings { margin-top: 2em; }

#tabs > div { display: none; }

#tabs .tabs-nav { border-bottom: 1px solid #999; list-style-type: none; margin: 0; padding: 0; }
#tabs > ul > li { background-color: #f1f1f1; cursor: pointer; display: inline-block !important; margin: 0 !important; padding: 4px 9px 3px !important; border-color: #999 #999 currentcolor; border-image: none; border-style: solid solid none; border-width: 1px 1px medium; border-top-left-radius: 4px; border-top-right-radius: 4px; }
#tabs > ul > li:hover { background-color: #fff; }
#tabs > ul > li.selected { background-color: #fff; }
#tabs input[type="text"], #tabs input[type="password"], #tabs input[type="search"], #tabs input[type="number"], #tabs textarea, #tabs select { border-color: #ddd; }

.col-2 { display: flex; }
.col-2 > div { width: 50%; padding: 10px; }

.list-style-disc { list-style-type: disc; padding-left: 30px; }

/************************************
** トグル詳細設定
************************************/
.toggle .toggle-link { font-size: 0.8em; cursor: pointer; margin-left: 6px; text-decoration: underline; color: #0073aa; transition-duration: 0.05s; transition-property: border, background, color; transition-timing-function: ease-in-out; }
.toggle .toggle-link:hover { color: #00a0d2; }
.toggle .toggle-content { display: none; width: 100%; }

/*カスタムボックスラベル*/
.box-label { font-weight: bold; margin-bottom: 5px; }

/*文字数カウントエリア*/
.str-count { margin-left: 10px; background-color: #f7f7f7; padding: 1px 2px; border-radius: 5px; border: 1px solid #ccc; font-weight: normal; }

.seo-title-count, .meta-description-count, .wp-title-count { margin-left: 5px; }

.str-wp-title-count { position: absolute; top: -23px; right: 0; color: #666; background-color: #f7f7f7; padding: 1px 2px; border-radius: 5px; border: 1px solid #ccc; }

.uploded-thumbnail img { max-width: 400px; height: auto; }

.tooltip { position: relative; color: orange; font-size: 0.9em !important; }
.tooltip:hover .tip-content { display: block; }
.tooltip .tip-content { background: #ffffeb; border: 1px solid #878787; color: #333; display: none; width: 680px; padding: 8px; position: absolute; bottom: 1em; left: -200px; z-index: 9999; }
.tooltip .tip-content img { width: 100%; height: auto; }
.tooltip .tip-content:after, .tooltip .tip-content:before { top: 100%; left: 205px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.tooltip .tip-content:after { border-color: rgba(255, 255, 235, 0); border-top-color: #ffffeb; border-width: 5px; margin-left: -5px; }
.tooltip .tip-content:before { border-color: rgba(135, 135, 135, 0); border-top-color: #878787; border-width: 6px; margin-left: -6px; }

#tabs table th, #tabs table tr:nth-of-type(2n+1) { background-color: unset; }

p.submit { margin: 2px 0; padding: 3px 0; }

#wpbody-content .metabox-holder { padding: 0; }

.detail-area { padding: 5px 10px; margin-bottom: 10px; background-color: #eee; border: 1px solid #ccc; }

select option.fa { display: block; }
select option.fa:before { width: 18px; display: inline-block; text-align: center; margin-right: 5px; }

.list-content, .tabs .tab-content, .tabs .tagcloud-list, .widget-content .tab-content { height: 200px; overflow: auto; border: 1px solid #ccc; padding: 5px; margin: 0 0 5px; background-color: #fff; }
.list-content ul, .tabs .tab-content ul, .tabs .tagcloud-list ul, .widget-content .tab-content ul { margin: 0; padding-left: 20px; }
.list-content ul li, .tabs .tab-content ul li, .tabs .tagcloud-list ul li, .widget-content .tab-content ul li { margin-bottom: 3px; }
.list-content > ul, .tabs .tab-content > ul, .tabs .tagcloud-list > ul, .widget-content .tab-content > ul { padding-left: 0; }

.widget-content .tab-content { height: 120px; margin-bottom: 1em; }

.tabs .tagcloud-list { height: auto; max-height: 200px; }

#edittag { max-width: 1200px; }

.indent { padding-left: 30px; }

.red { color: red; margin-left: 1em; }

.postbox-container input[type="text"], .components-panel input[type="text"] { width: 100%; }

.components-panel input[type="range"] { width: calc(100% - 18px); }
.components-panel .range-wrap { width: 100%; }

.list-option { width: 50px; text-align: center; }

#ranking-items { counter-reset: ranking-item-number; }
#ranking-items .ranking-items .ranking-item::before, #ranking-items .ranking-items .admin-settings .demo .timeline-box::before, .admin-settings .demo #ranking-items .ranking-items .timeline-box::before { display: none; }
#ranking-items .ranking-items .ranking-item:last-of-type, #ranking-items .ranking-items .admin-settings .demo .timeline-box:last-of-type, .admin-settings .demo #ranking-items .ranking-items .timeline-box:last-of-type { background-color: #fff; }
#ranking-items .ranking-item-name-text .tips { font-weight: normal; }
#ranking-items .ranking-item, #ranking-items .admin-settings .demo .timeline-box, .admin-settings .demo #ranking-items .timeline-box { margin-bottom: 1em; position: relative; overflow: visible; background-color: #fafafa; }
#ranking-items .ranking-item ul, #ranking-items .admin-settings .demo .timeline-box ul, .admin-settings .demo #ranking-items .timeline-box ul { display: flex; padding-left: 0; }
#ranking-items .ranking-item ul li, #ranking-items .admin-settings .demo .timeline-box ul li, .admin-settings .demo #ranking-items .timeline-box ul li { margin-right: 12px; }
#ranking-items .ranking-item ul li input, #ranking-items .admin-settings .demo .timeline-box ul li input, .admin-settings .demo #ranking-items .timeline-box ul li input { margin-right: 2px; }
#ranking-items .ranking-item:last-of-type, #ranking-items .admin-settings .demo .timeline-box:last-of-type, .admin-settings .demo #ranking-items .timeline-box:last-of-type { background-color: #eaf5fa; }
#ranking-items .ranking-item::before, #ranking-items .admin-settings .demo .timeline-box::before, .admin-settings .demo #ranking-items .timeline-box::before { counter-increment: ranking-item-number; /* ranking-item-number カウンタの増加数をセット */ content: counter(ranking-item-number); /* 表示形式を指定 */ position: absolute; font-size: 15px; background-color: #777; color: #fff; padding: 6px; top: -15px; left: -15px; display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; border-radius: 4px; }
#ranking-items .ranking-item .toggle .toggle-link, #ranking-items .admin-settings .demo .timeline-box .toggle .toggle-link, .admin-settings .demo #ranking-items .timeline-box .toggle .toggle-link { margin: 0; font-size: 1em; font-weight: bold; }
#ranking-items .demo { font-size: 14px; padding: 12px 18px; }
#ranking-items .ranking-title input[type=text] { font-weight: bold; }
#ranking-items .rating-star { color: #333; font-size: 1em; }
#ranking-items input[type='text'], #ranking-items textarea { width: 100%; font-size: 14px; }
#ranking-items input[type='text'] { padding: 10px; border-width: 2px; }
#ranking-items .rating-star label { float: left; }
#ranking-items .rating-star ul { margin: 0; display: flex; }
#ranking-items .rating-star ul li { margin-right: 1em; }
#ranking-items textarea { resize: both; min-height: 0px; height: 120px; max-height: 600px; }
#ranking-items .ranking-item-link-tag textarea { height: 80px; }
#ranking-items .ranking-item-img-desc > div, #ranking-items .ranking-item-link-buttons > div { padding: 0 6px; }
#ranking-items input[type="submit"] { padding: 0 10px 1px; }
#ranking-items .opration-area { display: flex; }
#ranking-items .opration-area .opration-submit { width: 120px; }
#ranking-items .opration-area .opration-menu-links { width: 100%; text-align: right; }
#ranking-items .opration-area .opration-menu-links a { margin-left: 10px; }

.ir-list-title { font-size: 22px; font-weight: bold; padding: 1em 0 0.6em; }

.speech-wrap div.speech-balloon p { font-size: 16px; margin: 0; }

.balloon-box { margin: 10px 0; padding: 12px; border-top: 1px solid #ccc; }
.balloon-box:first-child { border-top: 0px solid transparent; }

.balloon-top { display: flex; justify-content: space-between; }

.balloon-content { display: flex; }
.balloon-content > div { width: 100%; }
.balloon-content .balloon-option { width: 80px; text-align: center; display: flex; flex-direction: column; align-content: space-around; align-items: center; justify-content: center; }
.balloon-content .balloon-option > div { padding: 5px 0; }
.balloon-content .demo { background-color: #fff; resize: none; border-style: none; padding-bottom: 0; }
.balloon-content .demo .speech-wrap { margin: 0; }

.baloon-credit { text-align: right; padding: 3px; }

.balloon-demo-credit { margin: 6px; padding: 10px; background-color: #fff9d8; line-height: 1.6; }

.widget-content input[type=text] { width: 100%; }

.toggle-wrap .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background: #1b95e0 -moz-linear-gradient(center top, #f9f9f9 5%, #e9e9e9 100%) repeat scroll 0 0; border: 1px solid #bbb; text-align: center; margin-bottom: 1em; border-radius: 3px; }
.toggle-wrap .toggle-button:hover { border-color: #333; }
.toggle-wrap .toggle-content { display: none; }
.toggle-wrap .toggle-content select { width: 100%; }
.toggle-wrap .toggle-content input[type='text'] { width: 100%; }
.toggle-wrap > input[type="checkbox"] { display: none; }
.toggle-wrap > input[type="checkbox"]:checked ~ .toggle-content { display: block; }
.toggle-wrap .tabs { margin-top: 12px; }
.toggle-wrap .tabs .tab-item { display: inline-block; border-top-left-radius: 3px; border-top-right-radius: 3px; border: 1px solid #000; background-color: #f3f3f3; margin-left: 1px; margin-right: 1px; padding: 3px 6px; border-bottom: none; font-size: 0.85em; }
.toggle-wrap .tabs .tab-item:hover { opacity: 0.7; }
.toggle-wrap .tabs input[name="tab_item"], .toggle-wrap .tabs .tab-content { display: none; }
.toggle-wrap .tabs input[name="tab_item"]:checked + .tab-item { background-color: #fff; }

.metaslider-ui .metaslider-slides-container .slide { display: flex; }

.metaslider-ui .col-2 > div { width: 100%; }

.widget.open { margin-left: -116px; z-index: 100; }

.customize-control .widget.open, #wp_inactive_widgets .widget.open { margin-left: 0; }

.not-allowed-form { opacity: 0.5; }

.toggle-entered { font-size: 0.8em; }

.range-wrap { display: table; }
.range-wrap output { display: block; text-align: center; }

.tooltip .fa-image, .tooltip .fa-picture-o { color: #285294; }

textarea[name="the_page_memo"] { width: 100%; }

.mce-text { color: #333 !important; }

.mce-menu-item { background: #fff !important; border: 0 !important; }
.mce-menu-item span { color: #333 !important; }
.mce-menu-item:hover { background-color: #0073aa !important; }
.mce-menu-item:hover span { color: #fff !important; }

.mce-menu .mce-menu-item-preview.mce-active, .mce-menu .mce-menu-item.mce-selected, .mce-menu .mce-menu-item:focus, .mce-menu .mce-menu-item:hover { background: #0073aa !important; color: #fff !important; }
.mce-menu .mce-menu-item-preview.mce-active span, .mce-menu .mce-menu-item.mce-selected span, .mce-menu .mce-menu-item:focus span, .mce-menu .mce-menu-item:hover span { color: #fff !important; }
.mce-menu .mce-menu-item-preview.mce-active, .mce-menu .mce-menu-item:focus { background: #e7609e !important; border-left: 5px solid #60e5a7 !important; }

.wp-button { line-height: normal !important; }
.wp-button span { width: 16px; height: 16px; vertical-align: text-top; margin-right: 6px; line-height: normal; }

.necessity-input { font-size: 14px; color: red; }

.api-badge { color: #fff; padding: 1px 5px 0; border-radius: 2px; font-size: 12px; margin: 0 4px; }

.amazon-badge { background-color: #f79901; }

.rakuten-badge { background-color: #bf0000; }

.moshimo-badge { background-color: #99c737; }

#singular_sns_image_settings input[type=text] { width: 100%; }
#singular_sns_image_settings #sns_image_url_thumbnail img { width: 100%; }

.skin-control { opacity: 0.5; padding: 1.4em 0.6em 0.6em; position: relative; display: inline-block; background-color: #f3f4f5; border: 1px solid #ba2636; border-radius: 2px; pointer-events: none; cursor: not-allowed; }
.skin-control::before { content: 'スキン制御'; font-size: 0.7em; border-bottom-right-radius: 8px; position: absolute; top: 0; left: 0; background-color: #ba2636; color: #fff; padding: 2px 10px 2px 6px; }

.backwpup_page_backwpupeditjob #wpfooter { display: none; }

.editor-inserter__search { max-width: 370px; }

#carousel { display: block; }

.components-popover__content { /*拡張クラスを追加するスタイルシート*/ /*太字*/ /*赤色*/ /*太字で赤色*/ /*青色*/ /*太字で青色*/ /*緑色*/ /*太字で緑色*/ /*赤のアンダーライン*/ /*マーカーの黄色のような色*/ /*下半分のマーカー色（km）*/ /*打ち消し線*/ /*キーボードキーのスタイル*/ /*ブートストラップのインフォメーションライクな囲みが表示される*/ /*サクセスメッセージ*/ /*インフォメッセージ*/ /*注意メッセージ*/ /*警告メッセージ*/ /*セカンダリー*/ /*ライト*/ /*ダーク*/ /*******************************
* 補足説明
********************************/ /*******************************
* 続きはWEBで的な検索ボックス
********************************/ /* ボタンを光らせる */ /************************************
** 汎用ボックス共通
************************************/ /************************************
** キャプションボックス
************************************/ /************************************
** キャプションタブボックス
************************************/ /************************************
** ラベルボックス
************************************/ /************************************
** トグル表示ボタン
************************************/ }
.components-popover__content .admin-settings .demo .badge, .admin-settings .demo .components-popover__content .badge, .components-popover__content .admin-settings .demo .ref, .admin-settings .demo .components-popover__content .ref, .components-popover__content .admin-settings .demo .reffer, .admin-settings .demo .components-popover__content .reffer, .components-popover__content .admin-settings .demo .sankou, .admin-settings .demo .components-popover__content .sankou, .components-popover__content .admin-settings .demo .badge-red, .admin-settings .demo .components-popover__content .badge-red, .components-popover__content .admin-settings .demo .badge-pink, .admin-settings .demo .components-popover__content .badge-pink, .components-popover__content .admin-settings .demo .badge-purple, .admin-settings .demo .components-popover__content .badge-purple, .components-popover__content .admin-settings .demo .badge-blue, .admin-settings .demo .components-popover__content .badge-blue, .components-popover__content .admin-settings .demo .badge-green, .admin-settings .demo .components-popover__content .badge-green, .components-popover__content .admin-settings .demo .badge-yellow, .admin-settings .demo .components-popover__content .badge-yellow, .components-popover__content .admin-settings .demo .badge-brown, .admin-settings .demo .components-popover__content .badge-brown, .components-popover__content .admin-settings .demo .badge-grey, .admin-settings .demo .components-popover__content .badge-grey, .components-popover__content .badge, .components-popover__content .ref, .components-popover__content .reffer, .components-popover__content .sankou, .components-popover__content .badge-red, .components-popover__content .badge-pink, .components-popover__content .badge-purple, .components-popover__content .badge-blue, .components-popover__content .badge-green, .components-popover__content .badge-yellow, .components-popover__content .badge-brown, .components-popover__content .badge-grey { color: #fff; padding: 1px 5px 0; border-radius: 2px; font-size: 12px; }
.components-popover__content .badge, .components-popover__content .ref, .components-popover__content .reffer, .components-popover__content .sankou { background-color: #f39800; }
.components-popover__content .badge-red { background-color: #e60033; }
.components-popover__content .badge-pink { background-color: #e95295; }
.components-popover__content .badge-purple { background-color: #884898; }
.components-popover__content .badge-blue { background-color: #0095d9; }
.components-popover__content .badge-green { background-color: #3eb370; }
.components-popover__content .badge-yellow { background-color: #ffd900; }
.components-popover__content .badge-brown { background-color: #954e2a; }
.components-popover__content .badge-grey { background-color: #949495; }
.components-popover__content .bold { font-weight: bold; }
.components-popover__content .red { color: #e60033; }
.components-popover__content .bold-red { font-weight: bold; color: #e60033; }
.components-popover__content .blue { color: #0095d9; }
.components-popover__content .bold-blue { font-weight: bold; color: #0095d9; }
.components-popover__content .green { color: #3eb370; }
.components-popover__content .bold-green { font-weight: bold; color: #3eb370; }
.components-popover__content .red-under { border-bottom: 2px solid red; }
.components-popover__content .marker { background-color: #ff9; }
.components-popover__content .marker-red { background-color: #ffd0d1; }
.components-popover__content .marker-blue { background-color: #a5d7f9; }
.components-popover__content .marker-under { background: linear-gradient(transparent 60%, #ff6 60%); }
.components-popover__content .marker-under-red { background: linear-gradient(transparent 60%, #ffb6b9 60%); }
.components-popover__content .marker-under-blue { background: linear-gradient(transparent 60%, #a8dafb 60%); }
.components-popover__content .strike { text-decoration: line-through; }
.components-popover__content .keyboard-key { background-color: #f9f9f9; background-image: -moz-linear-gradient(center top, #eee, #f9f9f9, #eee); border: 1px solid #777; border-radius: 2px; box-shadow: 1px 2px 2px #ddd; font-family: inherit; font-size: 0.85em; padding: 1px 3px; }
.components-popover__content .primary-box, .components-popover__content .sp-primary, .components-popover__content .primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .success-box, .components-popover__content .sp-success, .components-popover__content .success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .info-box, .components-popover__content .sp-info, .components-popover__content .info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .warning-box, .components-popover__content .sp-warning, .components-popover__content .warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .danger-box, .components-popover__content .sp-danger, .components-popover__content .danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .secondary-box { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .light-box { color: #818182; background-color: #fefefe; border-color: #fdfdfe; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .dark-box { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; padding: 15px; border-radius: 4px; margin-bottom: 20px; }
.components-popover__content .information-box, .components-popover__content .question-box, .components-popover__content .alert-box, .components-popover__content .information, .components-popover__content .question, .components-popover__content .alert, .components-popover__content .memo-box, .components-popover__content .comment-box, .components-popover__content .common-icon-box { padding: 20px 20px 20px 72px; border-radius: 4px; position: relative; display: block; margin-top: 1em; margin-bottom: 1em; }
.components-popover__content .block-box p:first-of-type { margin-top: 0; }
.components-popover__content .block-box p:last-of-type { margin-bottom: 0; }
.components-popover__content .block-box ol, .components-popover__content .block-box ul { margin: 0; }
.components-popover__content .information-box, .components-popover__content .information { background: #f3fafe; border: 1px solid #bde4fc; }
.components-popover__content .question-box, .components-popover__content .question { background: #fff7cc; border: 1px solid #ffe766; }
.components-popover__content .alert-box, .components-popover__content .alert { background: #fdf2f2; border: 1px solid #f6b9b9; }
.components-popover__content .memo-box { background: #ebf8f4; border: 1px solid #8dd7c1; }
.components-popover__content .comment-box { background: #fefefe; border: 1px solid #ccd; }
.components-popover__content .ok-box { background: #f2fafb; border: 1px solid #3cb2cc; }
.components-popover__content .ng-box { background: #ffe7e7; border: 1px solid #dd5454; }
.components-popover__content .good-box { background: #f7fcf7; border: 1px solid #98e093; }
.components-popover__content .bad-box { background: #fff1f4; border: 1px solid #eb6980; }
.components-popover__content .profile-box { background: #fefefe; border: 1px solid #ccd; }
.components-popover__content .information-box::before, .components-popover__content .question-box::before, .components-popover__content .alert-box::before, .components-popover__content .information::before, .components-popover__content .question::before, .components-popover__content .alert::before, .components-popover__content .memo-box::before, .components-popover__content .comment-box::before, .components-popover__content .common-icon-box::before { font-family: "FontAwesome"; font-size: 42px; position: absolute; top: -13px; left: 13px; padding-right: .15em; line-height: 1em; top: 50%; margin-top: -.5em; width: 44px; text-align: center; }
.components-popover__content .information-box::before, .components-popover__content .information::before { content: '\f05a'; color: #87cefa; border-right: 1px solid #bde4fc; }
.components-popover__content .question-box::before, .components-popover__content .question::before { content: '\f059'; color: gold; border-right: 1px solid #ffe766; }
.components-popover__content .alert-box::before, .components-popover__content .alert::before { content: '\f06a'; color: #f3aca9; border-right: 1px solid #f6b9b9; }
.components-popover__content .memo-box::before { content: '\f040'; color: #7ad0b6; border-right: 1px solid #8dd7c1; font-size: 36px; }
.components-popover__content .comment-box::before, .components-popover__content .profile-box::before { content: '\f0e5'; color: #999; border-right: 1px solid #ccd; font-size: 36px; }
.components-popover__content .profile-box::before { content: '\f007'; }
.components-popover__content .ok-box::before { content: '\f10c'; color: #3cb2cc; border-right: 1px solid #3cb2cc; font-size: 36px; }
.components-popover__content .ng-box::before { content: '\f00d'; color: #dd5454; border-right: 1px solid #dd5454; font-size: 36px; }
.components-popover__content .good-box::before { content: '\f164'; color: #98e093; border-right: 1px solid #98e093; font-size: 36px; }
.components-popover__content .bad-box::before { content: '\f165'; color: #eb6980; border-right: 1px solid #eb6980; font-size: 36px; }
.components-popover__content #wpadminbar .alert::before { display: none; }
@media screen and (max-width: 440px) { .components-popover__content .information-box, .components-popover__content .question-box, .components-popover__content .alert-box, .components-popover__content .information, .components-popover__content .question, .components-popover__content .alert, .components-popover__content .memo-box, .components-popover__content .comment-box, .components-popover__content .common-icon-box { padding: 26px 6px 6px; }
  .components-popover__content .information-box::before, .components-popover__content .question-box::before, .components-popover__content .alert-box::before, .components-popover__content .information::before, .components-popover__content .question::before, .components-popover__content .alert::before, .components-popover__content .memo-box::before, .components-popover__content .comment-box::before, .components-popover__content .common-icon-box::before { padding: 0; top: 0.7em; left: 50%; margin-left: -0.5em; font-size: 18px; border: none; width: auto; }
  .components-popover__content .container .blank-box { margin-left: 0; margin-right: 0; } }
.components-popover__content .blank-box { border: 3px solid #949495; padding: 1.2em 1em; margin: 1em 2%; border-radius: 4px; }
.components-popover__content .blank-box ol, .components-popover__content .blank-box ul { margin: 0; }
.components-popover__content .blank-box.bb-red { border-color: #e60033; }
.components-popover__content .blank-box.bb-pink { border-color: #e95295; }
.components-popover__content .blank-box.bb-purple { border-color: #884898; }
.components-popover__content .blank-box.bb-blue { border-color: #0095d9; }
.components-popover__content .blank-box.bb-green { border-color: #3eb370; }
.components-popover__content .blank-box.bb-orange { border-color: #f39800; }
.components-popover__content .blank-box.bb-yellow { border-color: #ffd900; }
.components-popover__content .blank-box.bb-brown { border-color: #954e2a; }
.components-popover__content .blank-box.bb-grey { border-color: #949495; }
.components-popover__content .blank-box.bb-black { border-color: #333; }
.components-popover__content .blank-box.bb-deep { border-color: #55295b; }
.components-popover__content .blank-box.bb-indigo { border-color: #1e50a2; }
.components-popover__content .blank-box.bb-light-blue { border-color: #2ca9e1; }
.components-popover__content .blank-box.bb-cyan { border-color: #00a3af; }
.components-popover__content .blank-box.bb-teal { border-color: #007b43; }
.components-popover__content .blank-box.bb-light-green { border-color: #8bc34a; }
.components-popover__content .blank-box.bb-lime { border-color: #c3d825; }
.components-popover__content .blank-box.bb-amber { border-color: #ffc107; }
.components-popover__content .blank-box.bb-deep-orange { border-color: #ea5506; }
.components-popover__content .blank-box.bb-white { border-color: #fff; }
.components-popover__content .blank-box.bb-tab { position: relative; margin-top: 2em; border-top-left-radius: 0; }
.components-popover__content .blank-box.bb-tab .bb-label { background-color: #949495; font-family: Aharoni, "Arial Black", Impact, Arial, sans-serif; position: absolute; font-size: 13px; top: -1.8em; line-height: 1.8; color: #fff; left: -3px; border-radius: 6px 6px 0 0; padding: 0 1em 0 .8em; }
.components-popover__content .blank-box.bb-tab .bb-label .fa { margin-right: 6px; }
.components-popover__content .blank-box.bb-tab.bb-red .bb-label { background-color: #e60033; }
.components-popover__content .blank-box.bb-tab.bb-pink .bb-label { background-color: #e95295; }
.components-popover__content .blank-box.bb-tab.bb-purple .bb-label { background-color: #884898; }
.components-popover__content .blank-box.bb-tab.bb-blue .bb-label { background-color: #0095d9; }
.components-popover__content .blank-box.bb-tab.bb-green .bb-label { background-color: #3eb370; }
.components-popover__content .blank-box.bb-tab.bb-orange .bb-label { background-color: #f39800; }
.components-popover__content .blank-box.bb-tab.bb-yellow .bb-label { background-color: #ffd900; }
.components-popover__content .blank-box.bb-tab.bb-brown .bb-label { background-color: #954e2a; }
.components-popover__content .blank-box.bb-tab.bb-grey .bb-label { background-color: #949495; }
.components-popover__content .blank-box.bb-tab.bb-black .bb-label { background-color: #333; }
.components-popover__content .blank-box.bb-tab.bb-deep .bb-label { background-color: #55295b; }
.components-popover__content .blank-box.bb-tab.bb-indigo .bb-label { background-color: #1e50a2; }
.components-popover__content .blank-box.bb-tab.bb-light-blue .bb-label { background-color: #2ca9e1; }
.components-popover__content .blank-box.bb-tab.bb-cyan .bb-label { background-color: #00a3af; }
.components-popover__content .blank-box.bb-tab.bb-teal .bb-label { background-color: #007b43; }
.components-popover__content .blank-box.bb-tab.bb-light-green .bb-label { background-color: #8bc34a; }
.components-popover__content .blank-box.bb-tab.bb-lime .bb-label { background-color: #c3d825; }
.components-popover__content .blank-box.bb-tab.bb-amber .bb-label { background-color: #ffc107; }
.components-popover__content .blank-box.bb-tab.bb-deep-orange .bb-label { background-color: #ea5506; }
.components-popover__content .blank-box.bb-tab.bb-white .bb-label { background-color: #fff; }
.components-popover__content .blank-box.sticky { border-width: 0 0 0 6px; border-color: #777; background-color: #f3f4f5; }
.components-popover__content .blank-box.sticky.st-yellow { border-color: #FFA103; background-color: #ffeac7; }
.components-popover__content .blank-box.sticky.st-red { border-color: #CD3740; background-color: #F5DADC; }
.components-popover__content .blank-box.sticky.st-blue { border-color: #0066cc; background-color: #E5F2FF; }
.components-popover__content .blank-box.sticky.st-green { border-color: #028760; background-color: #CBEFE4; }
.components-popover__content .bb-check .fa::before { content: ""; }
.components-popover__content .bb-check .bb-label::after { content: "CHECK"; }
.components-popover__content .bb-comment .fa::before { content: ""; }
.components-popover__content .bb-comment .bb-label::after { content: "COMMENT"; }
.components-popover__content .bb-point .fa::before { content: ""; }
.components-popover__content .bb-point .bb-label::after { content: "POINT"; }
.components-popover__content .bb-tips .fa::before { content: ""; }
.components-popover__content .bb-tips .bb-label::after { content: "TIPS"; }
.components-popover__content .bb-hint .fa::before { content: ""; }
.components-popover__content .bb-hint .bb-label::after { content: "HINT"; }
.components-popover__content .bb-pickup .fa::before { content: ""; }
.components-popover__content .bb-pickup .bb-label::after { content: "PICKUP"; }
.components-popover__content .bb-bookmark .fa::before { content: ""; }
.components-popover__content .bb-bookmark .bb-label::after { content: "BOOKMARK"; }
.components-popover__content .bb-memo .fa::before { content: ""; }
.components-popover__content .bb-memo .bb-label::after { content: "MEMO"; }
.components-popover__content .bb-download .fa::before { content: ""; }
.components-popover__content .bb-download .bb-label::after { content: "DOWNLOAD"; }
.components-popover__content .bb-break .fa::before { content: ""; }
.components-popover__content .bb-break .bb-label::after { content: "BREAK"; }
.components-popover__content .bb-amazon .fa::before { content: ""; }
.components-popover__content .bb-amazon .bb-label::after { content: "AMAZON"; }
.components-popover__content .bb-ok .fa::before { content: ""; }
.components-popover__content .bb-ok .bb-label::after { content: "OK"; }
.components-popover__content .bb-ng .fa::before { content: ""; }
.components-popover__content .bb-ng .bb-label::after { content: "NG"; }
.components-popover__content .bb-good .fa::before { content: ""; }
.components-popover__content .bb-good .bb-label::after { content: "GOOD"; }
.components-popover__content .bb-bad .fa::before { content: ""; }
.components-popover__content .bb-bad .bb-label::after { content: "BAD"; }
.components-popover__content .bb-profile .fa::before { content: ""; }
.components-popover__content .bb-profile .bb-label::after { content: "PROFILE"; }
.components-popover__content .container .search-form { margin: 3em 0; }
.components-popover__content .search-form > div { border: 1px solid #555; border-radius: 2px; padding: 5px; margin-left: 10px; display: inline-block; }
.components-popover__content .search-form div.sform { min-width: 280px; background-color: #fff; }
.components-popover__content .search-form div.sbtn { background-color: #1155EE; color: #fff; padding-left: 20px; padding-right: 30px; position: absolute; }
.components-popover__content .search-form div.sbtn:before { content: "\f002"; font-family: FontAwesome; margin-right: 7px; }
.components-popover__content .search-form div.sbtn:after { content: "\f25a"; font-family: FontAwesome; color: #000; position: absolute; bottom: -1.4em; font-size: 25px; }
@media screen and (max-width: 450px) { .components-popover__content .search-form div { padding: 3px 5px; font-size: 75%; }
  .components-popover__content .search-form div.sform { min-width: 180px; }
  .components-popover__content .search-form div.sbtn { padding-left: 5px; padding-right: 10px; }
  .components-popover__content .search-form div.sbtn:after { font-size: 20px; margin-left: -10px; } }
.components-popover__content .btn-wrap { min-height: 2em; margin: 1.6em 0; }
.components-popover__content .btn-wrap img[width="1"] { position: absolute; bottom: 0; right: 0; }
.components-popover__content .btn, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a, .components-popover__content .btn-wrap > a, .components-popover__content .wp-block-freeform .btn-wrap > a { color: #fff; background-color: #32373c; font-weight: bold; border-radius: 4px; display: inline-block; cursor: pointer; line-height: normal; padding: 8px 1em; text-decoration: none; text-align: center; font-size: 14px; border: 2px solid transparent; position: relative; }
.components-popover__content .btn amp-img, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a amp-img, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a amp-img, .components-popover__content .btn-wrap > a amp-img, .components-popover__content .wp-block-freeform .btn-wrap > a amp-img { position: absolute; }
.components-popover__content .btn:before, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a:before, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a:before, .components-popover__content .btn:after, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a:after, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a:after, .components-popover__content .btn-wrap > a:before, .components-popover__content .btn-wrap > a:after { font-family: FontAwesome; margin-right: 12px; transition: all .2s ease; }
.components-popover__content .btn-m, .components-popover__content .btn-wrap.btn-wrap-m > a { padding: 14px 45px; font-size: 16px; }
.components-popover__content .btn-l, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a, .components-popover__content .btn-wrap.btn-wrap-l > a { padding: 14px 20px; font-size: 18px; margin: 1em; display: flex; justify-content: center; align-items: center; }
.components-popover__content .btn-l::after, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a::after, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a::after, .components-popover__content .btn-wrap.btn-wrap-l > a::after { content: "\f105"; position: absolute; right: 0; font-size: 20px; }
.components-popover__content .btn:hover, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a:hover, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a:hover, .components-popover__content .btn-wrap > a:hover { opacity: 0.7; color: #fff; transition: all 0.7s; }
.components-popover__content .btn:hover::after, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a:hover::after, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a:hover::after, .components-popover__content .btn-wrap > a:hover::after { right: -4px; transition: all 0.7s; }
.components-popover__content .btn-l.btn-circle::after, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a.btn-circle::after, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a.btn-circle::after, .components-popover__content .btn-wrap.btn-wrap-l.btn-wrap-circle > a::after { right: 8px; }
.components-popover__content .btn-l.btn-circle:hover::after, .components-popover__content .admin-settings .demo .ranking-item-link-buttons a.btn-circle:hover::after, .admin-settings .demo .ranking-item-link-buttons .components-popover__content a.btn-circle:hover::after, .components-popover__content .btn-wrap.btn-wrap-l.btn-wrap-circle > a:hover::after { right: 4px; }
.components-popover__content .btn-shine, .components-popover__content .btn-wrap-shine > a { overflow: hidden; }
.components-popover__content .btn-shine:before, .components-popover__content .btn-wrap-shine > a:before { animation: shine 3s ease-in-out infinite; background-color: #fff; content: " "; height: 100%; left: 0; opacity: 0; position: absolute; top: -180px; transform: rotate(45deg); width: 30px; }
.components-popover__content .btn-circle, .components-popover__content .btn-wrap-circle > a { border-radius: 99px; }
.components-popover__content .btn-white, .components-popover__content .btn-wrap.btn-wrap-white > a { color: #333; background-color: #fff; }
.components-popover__content #container .btn-white:hover, .components-popover__content #container .btn-wrap.btn-wrap-white > a:hover { color: #333; }
.components-popover__content .btn-red, .components-popover__content .admin-settings .demo .ranking-item-link a, .admin-settings .demo .ranking-item-link .components-popover__content a, .components-popover__content .btn-wrap.btn-wrap-red > a { background-color: #e60033; }
.components-popover__content .btn-pink, .components-popover__content .btn-wrap.btn-wrap-pink > a { background-color: #e95295; }
.components-popover__content .btn-purple, .components-popover__content .btn-wrap.btn-wrap-purple > a { background-color: #884898; }
.components-popover__content .btn-deep, .components-popover__content .btn-wrap.btn-wrap-deep > a { background-color: #55295b; }
.components-popover__content .btn-indigo, .components-popover__content .btn-wrap.btn-wrap-indigo > a { background-color: #1e50a2; }
.components-popover__content .btn-blue, .components-popover__content .admin-settings .demo .ranking-item-detail a, .admin-settings .demo .ranking-item-detail .components-popover__content a, .components-popover__content .btn-wrap.btn-wrap-blue > a { background-color: #0095d9; }
.components-popover__content .btn-light-blue, .components-popover__content .btn-wrap.btn-wrap-light-blue > a { background-color: #2ca9e1; }
.components-popover__content .btn-cyan, .components-popover__content .btn-wrap.btn-wrap-cyan > a { background-color: #00a3af; }
.components-popover__content .btn-teal, .components-popover__content .btn-wrap.btn-wrap-teal > a { background-color: #007b43; }
.components-popover__content .btn-green, .components-popover__content .btn-wrap.btn-wrap-green > a { background-color: #3eb370; }
.components-popover__content .btn-light-green, .components-popover__content .btn-wrap.btn-wrap-light-green > a { background-color: #8bc34a; }
.components-popover__content .btn-lime, .components-popover__content .btn-wrap.btn-wrap-lime > a { background-color: #c3d825; }
.components-popover__content .btn-yellow, .components-popover__content .btn-wrap.btn-wrap-yellow > a { background-color: #ffd900; }
.components-popover__content .btn-amber, .components-popover__content .btn-wrap.btn-wrap-amber > a { background-color: #ffc107; }
.components-popover__content .btn-orange, .components-popover__content .btn-wrap.btn-wrap-orange > a { background-color: #f39800; }
.components-popover__content .btn-deep-orange, .components-popover__content .btn-wrap.btn-wrap-deep-orange > a { background-color: #ea5506; }
.components-popover__content .btn-brown, .components-popover__content .btn-wrap.btn-wrap-brown > a { background-color: #954e2a; }
.components-popover__content .btn-grey, .components-popover__content .btn-wrap.btn-wrap-grey > a { background-color: #949495; }
.components-popover__content .btn-blue-grey, .components-popover__content .btn-wrap.btn-wrap-blue-grey > a { background-color: #607d8b; }
.components-popover__content .btn-black, .components-popover__content .btn-wrap.btn-wrap-black > a { background-color: #333; }
.components-popover__content .btn-arrow-right:before, .components-popover__content .btn-wrap.btn-wrap-arrow-right > a:before { content: "\f061"; }
.components-popover__content .btn-chevron-right:before, .components-popover__content .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f054"; }
.components-popover__content .btn-angle-right:before, .components-popover__content .btn-wrap.btn-wrap-angle-right > a:before { content: "\f105"; }
.components-popover__content .btn-caret-right:before, .components-popover__content .btn-wrap.btn-wrap-caret-right > a:before { content: "\f0da"; }
.components-popover__content .btn-long-arrow-right:before, .components-popover__content .btn-wrap.btn-wrap-long-arrow-right > a:before { content: "\f178"; }
.components-popover__content .btn-chevron-circle-right:before, .components-popover__content .btn-wrap.btn-wrap-chevron-circle-right > a:before { content: "\f138"; }
.components-popover__content .btn-angle-double-right:before, .components-popover__content .btn-wrap.btn-wrap-angle-double-right > a:before { content: "\f101"; }
.components-popover__content .btn-arrow-circle-right:before, .components-popover__content .btn-wrap.btn-wrap-arrow-circle-right > a:before { content: "\f0a9"; }
.components-popover__content .btn-hand-o-right:before, .components-popover__content .btn-wrap.btn-wrap-hand-o-right > a:before { content: "\f0a4"; }
.components-popover__content .btn-arrow-circle-o-right:before, .components-popover__content .btn-wrap.btn-wrap-arrow-circle-o-right > a:before { content: "\f18e"; }
.components-popover__content .btn-caret-square-o-right:before, .components-popover__content .btn-wrap.btn-wrap-caret-square-o-right > a:before { content: "\f152"; }
.components-popover__content .micro-copy.alignleft { float: none; margin-right: 0; text-align: left; }
.components-popover__content .micro-copy.alignright { float: none; margin-left: 0; text-align: right; }
.components-popover__content .micro-copy.aligncenter { text-align: center; }
.components-popover__content .micro-top { font-size: 0.8em; margin-bottom: -1.2em; margin-top: 1em; }
.components-popover__content .micro-bottom { font-size: 0.8em; margin-top: -1.2em; margin-bottom: 1em; }
.components-popover__content .micro-center { text-align: center; }
.components-popover__content .micro-right { text-align: right; }
.components-popover__content .micro-balloon { position: relative; background: #fff; border: 1px solid #999; border-radius: 4px; padding: 3px 12px; display: table; font-size: 0.8em; }
.components-popover__content .micro-balloon.has-background { color: #fff; }
.components-popover__content .micro-balloon:after, .components-popover__content .micro-balloon:before { top: calc(100% - 1px); left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.components-popover__content .micro-balloon:after { border-top-color: #fff; border-width: 7px; margin-left: -7px; }
.components-popover__content .micro-balloon:before { border-top-color: #999; border-width: 8px; margin-left: -8px; }
.components-popover__content .micro-balloon-center { margin-left: auto; margin-right: auto; }
.components-popover__content .micro-balloon-right { margin-left: auto; }
.components-popover__content .micro-bottom.micro-balloon { margin-top: -.5em; }
.components-popover__content .micro-bottom.micro-balloon:after, .components-popover__content .micro-bottom.micro-balloon:before { bottom: calc(100% - 1px); top: auto; }
.components-popover__content .micro-bottom.micro-balloon:after { border-bottom-color: #fff; border-top-color: transparent; }
.components-popover__content .micro-bottom.micro-balloon:before { border-bottom-color: #999; border-top-color: transparent; }
.components-popover__content .micro-icon { margin-right: 6px; }
.components-popover__content .micro-copy.alignleft, .components-popover__content .micro-copy.alignright { float: none; }
.components-popover__content .micro-copy.alignright { margin-left: auto; }
.components-popover__content .mc-circle { border-radius: 2em; }
.components-popover__content .mc-red { background-color: #e60033; color: #fff; border: none; }
.components-popover__content .mc-red.micro-bottom::after { border-bottom-color: #e60033; border-top-color: transparent; }
.components-popover__content .mc-red::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-red::after { border-top-color: #e60033; }
.components-popover__content .mc-pink { background-color: #e95295; color: #fff; border: none; }
.components-popover__content .mc-pink.micro-bottom::after { border-bottom-color: #e95295; border-top-color: transparent; }
.components-popover__content .mc-pink::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-pink::after { border-top-color: #e95295; }
.components-popover__content .mc-purple { background-color: #884898; color: #fff; border: none; }
.components-popover__content .mc-purple.micro-bottom::after { border-bottom-color: #884898; border-top-color: transparent; }
.components-popover__content .mc-purple::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-purple::after { border-top-color: #884898; }
.components-popover__content .mc-blue { background-color: #0095d9; color: #fff; border: none; }
.components-popover__content .mc-blue.micro-bottom::after { border-bottom-color: #0095d9; border-top-color: transparent; }
.components-popover__content .mc-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-blue::after { border-top-color: #0095d9; }
.components-popover__content .mc-green { background-color: #3eb370; color: #fff; border: none; }
.components-popover__content .mc-green.micro-bottom::after { border-bottom-color: #3eb370; border-top-color: transparent; }
.components-popover__content .mc-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-green::after { border-top-color: #3eb370; }
.components-popover__content .mc-orange { background-color: #f39800; color: #fff; border: none; }
.components-popover__content .mc-orange.micro-bottom::after { border-bottom-color: #f39800; border-top-color: transparent; }
.components-popover__content .mc-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-orange::after { border-top-color: #f39800; }
.components-popover__content .mc-yellow { background-color: #ffd900; color: #fff; border: none; }
.components-popover__content .mc-yellow.micro-bottom::after { border-bottom-color: #ffd900; border-top-color: transparent; }
.components-popover__content .mc-yellow::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-yellow::after { border-top-color: #ffd900; }
.components-popover__content .mc-brown { background-color: #954e2a; color: #fff; border: none; }
.components-popover__content .mc-brown.micro-bottom::after { border-bottom-color: #954e2a; border-top-color: transparent; }
.components-popover__content .mc-brown::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-brown::after { border-top-color: #954e2a; }
.components-popover__content .mc-grey { background-color: #949495; color: #fff; border: none; }
.components-popover__content .mc-grey.micro-bottom::after { border-bottom-color: #949495; border-top-color: transparent; }
.components-popover__content .mc-grey::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-grey::after { border-top-color: #949495; }
.components-popover__content .mc-black { background-color: #333; color: #fff; border: none; }
.components-popover__content .mc-black.micro-bottom::after { border-bottom-color: #333; border-top-color: transparent; }
.components-popover__content .mc-black::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-black::after { border-top-color: #333; }
.components-popover__content .mc-deep { background-color: #55295b; color: #fff; border: none; }
.components-popover__content .mc-deep.micro-bottom::after { border-bottom-color: #55295b; border-top-color: transparent; }
.components-popover__content .mc-deep::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-deep::after { border-top-color: #55295b; }
.components-popover__content .mc-indigo { background-color: #1e50a2; color: #fff; border: none; }
.components-popover__content .mc-indigo.micro-bottom::after { border-bottom-color: #1e50a2; border-top-color: transparent; }
.components-popover__content .mc-indigo::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-indigo::after { border-top-color: #1e50a2; }
.components-popover__content .mc-light-blue { background-color: #2ca9e1; color: #fff; border: none; }
.components-popover__content .mc-light-blue.micro-bottom::after { border-bottom-color: #2ca9e1; border-top-color: transparent; }
.components-popover__content .mc-light-blue::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-light-blue::after { border-top-color: #2ca9e1; }
.components-popover__content .mc-cyan { background-color: #00a3af; color: #fff; border: none; }
.components-popover__content .mc-cyan.micro-bottom::after { border-bottom-color: #00a3af; border-top-color: transparent; }
.components-popover__content .mc-cyan::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-cyan::after { border-top-color: #00a3af; }
.components-popover__content .mc-teal { background-color: #007b43; color: #fff; border: none; }
.components-popover__content .mc-teal.micro-bottom::after { border-bottom-color: #007b43; border-top-color: transparent; }
.components-popover__content .mc-teal::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-teal::after { border-top-color: #007b43; }
.components-popover__content .mc-light-green { background-color: #8bc34a; color: #fff; border: none; }
.components-popover__content .mc-light-green.micro-bottom::after { border-bottom-color: #8bc34a; border-top-color: transparent; }
.components-popover__content .mc-light-green::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-light-green::after { border-top-color: #8bc34a; }
.components-popover__content .mc-lime { background-color: #c3d825; color: #fff; border: none; }
.components-popover__content .mc-lime.micro-bottom::after { border-bottom-color: #c3d825; border-top-color: transparent; }
.components-popover__content .mc-lime::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-lime::after { border-top-color: #c3d825; }
.components-popover__content .mc-amber { background-color: #ffc107; color: #fff; border: none; }
.components-popover__content .mc-amber.micro-bottom::after { border-bottom-color: #ffc107; border-top-color: transparent; }
.components-popover__content .mc-amber::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-amber::after { border-top-color: #ffc107; }
.components-popover__content .mc-deep-orange { background-color: #ea5506; color: #fff; border: none; }
.components-popover__content .mc-deep-orange.micro-bottom::after { border-bottom-color: #ea5506; border-top-color: transparent; }
.components-popover__content .mc-deep-orange::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-deep-orange::after { border-top-color: #ea5506; }
.components-popover__content .mc-white { background-color: #fff; color: #fff; border: none; }
.components-popover__content .mc-white.micro-bottom::after { border-bottom-color: #fff; border-top-color: transparent; }
.components-popover__content .mc-white::before { border-top-color: transparent; border-bottom-color: transparent; }
.components-popover__content .mc-white::after { border-top-color: #fff; }
.components-popover__content .blogcard-label { position: absolute; top: -18px; left: 16px; font-size: 13px; padding: 3px 0.6em; background-color: #333; color: #fff; border-radius: 3px; letter-spacing: 0.7px; display: none; }
.components-popover__content .blogcard-label .fa::before { margin-right: 6px; }
.components-popover__content .blogcard-type .blogcard-label { display: block; }
.components-popover__content .bct-none .blogcard-label { display: none; }
.components-popover__content .bct-related .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-related .blogcard-label::after { content: "関連記事"; }
.components-popover__content .bct-reference .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-reference .blogcard-label::after { content: "参考記事"; }
.components-popover__content .bct-reference-link .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-reference-link .blogcard-label::after { content: "参考リンク"; }
.components-popover__content .bct-popular .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-popular .blogcard-label::after { content: "人気記事"; }
.components-popover__content .bct-pickup .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-pickup .blogcard-label::after { content: "ピックアップ"; }
.components-popover__content .bct-check .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-check .blogcard-label::after { content: "チェック"; }
.components-popover__content .bct-together .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-together .blogcard-label::after { content: "あわせて読みたい"; }
.components-popover__content .bct-detail .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-detail .blogcard-label::after { content: "詳細はこちら"; }
.components-popover__content .bct-official .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-official .blogcard-label::after { content: "公式サイト"; }
.components-popover__content .bct-dl .blogcard-label .fa::before { content: ""; }
.components-popover__content .bct-dl .blogcard-label::after { content: "ダウンロード"; }
.components-popover__content .button-block { float: none; margin: 1em 0; }
.components-popover__content .button-block.alignleft { text-align: left; }
.components-popover__content .button-block.aligncenter { text-align: center; }
.components-popover__content .button-block.alignright { text-align: right; }
.components-popover__content .block-box-label { display: flex; }
.components-popover__content .block-box-label::before { margin-right: 0.3em; }
.components-popover__content .caption-box { margin: 1.2em 0; border: 2px solid #eee; border-radius: 4px; }
.components-popover__content .caption-box.has-border-color .box-label { color: #fff; }
.components-popover__content .caption-box-label { padding: 0.2em 0.8em; background-color: #eee; }
.components-popover__content .caption-box-content { padding: 0.4em 0.8em; }
.components-popover__content .cb-red.caption-box { border-color: #e60033; }
.components-popover__content .cb-red .caption-box-label { background-color: #e60033; color: #fff; }
.components-popover__content .cb-pink.caption-box { border-color: #e95295; }
.components-popover__content .cb-pink .caption-box-label { background-color: #e95295; color: #fff; }
.components-popover__content .cb-purple.caption-box { border-color: #884898; }
.components-popover__content .cb-purple .caption-box-label { background-color: #884898; color: #fff; }
.components-popover__content .cb-blue.caption-box { border-color: #0095d9; }
.components-popover__content .cb-blue .caption-box-label { background-color: #0095d9; color: #fff; }
.components-popover__content .cb-green.caption-box { border-color: #3eb370; }
.components-popover__content .cb-green .caption-box-label { background-color: #3eb370; color: #fff; }
.components-popover__content .cb-orange.caption-box { border-color: #f39800; }
.components-popover__content .cb-orange .caption-box-label { background-color: #f39800; color: #fff; }
.components-popover__content .cb-yellow.caption-box { border-color: #ffd900; }
.components-popover__content .cb-yellow .caption-box-label { background-color: #ffd900; color: #fff; }
.components-popover__content .cb-brown.caption-box { border-color: #954e2a; }
.components-popover__content .cb-brown .caption-box-label { background-color: #954e2a; color: #fff; }
.components-popover__content .cb-grey.caption-box { border-color: #949495; }
.components-popover__content .cb-grey .caption-box-label { background-color: #949495; color: #fff; }
.components-popover__content .cb-black.caption-box { border-color: #333; }
.components-popover__content .cb-black .caption-box-label { background-color: #333; color: #fff; }
.components-popover__content .cb-deep.caption-box { border-color: #55295b; }
.components-popover__content .cb-deep .caption-box-label { background-color: #55295b; color: #fff; }
.components-popover__content .cb-indigo.caption-box { border-color: #1e50a2; }
.components-popover__content .cb-indigo .caption-box-label { background-color: #1e50a2; color: #fff; }
.components-popover__content .cb-light-blue.caption-box { border-color: #2ca9e1; }
.components-popover__content .cb-light-blue .caption-box-label { background-color: #2ca9e1; color: #fff; }
.components-popover__content .cb-cyan.caption-box { border-color: #00a3af; }
.components-popover__content .cb-cyan .caption-box-label { background-color: #00a3af; color: #fff; }
.components-popover__content .cb-teal.caption-box { border-color: #007b43; }
.components-popover__content .cb-teal .caption-box-label { background-color: #007b43; color: #fff; }
.components-popover__content .cb-light-green.caption-box { border-color: #8bc34a; }
.components-popover__content .cb-light-green .caption-box-label { background-color: #8bc34a; color: #fff; }
.components-popover__content .cb-lime.caption-box { border-color: #c3d825; }
.components-popover__content .cb-lime .caption-box-label { background-color: #c3d825; color: #fff; }
.components-popover__content .cb-amber.caption-box { border-color: #ffc107; }
.components-popover__content .cb-amber .caption-box-label { background-color: #ffc107; color: #fff; }
.components-popover__content .cb-deep-orange.caption-box { border-color: #ea5506; }
.components-popover__content .cb-deep-orange .caption-box-label { background-color: #ea5506; color: #fff; }
.components-popover__content .cb-white.caption-box { border-color: #fff; }
.components-popover__content .cb-white .caption-box-label { background-color: #fff; color: #fff; }
.components-popover__content .tab-caption-box { margin: 1.2em 0; }
.components-popover__content .tab-caption-box.block-box.has-background { background-color: transparent; }
.components-popover__content .tab-caption-box.has-border-color .box-label { color: #fff; }
.components-popover__content .tab-caption-box-label { padding: 0 0.8em; font-size: 0.9em; background-color: #eee; display: inline-block; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.components-popover__content .tab-caption-box-content { margin-top: -3px; border: 3px solid #eee; padding: 0.4em 0.8em; border-radius: 8px; border-top-left-radius: 0; }
.components-popover__content .tcb-red .tab-caption-box-label { background-color: #e60033; color: #fff; }
.components-popover__content .tcb-red .tab-caption-box-content { border-color: #e60033; }
.components-popover__content .tcb-pink .tab-caption-box-label { background-color: #e95295; color: #fff; }
.components-popover__content .tcb-pink .tab-caption-box-content { border-color: #e95295; }
.components-popover__content .tcb-purple .tab-caption-box-label { background-color: #884898; color: #fff; }
.components-popover__content .tcb-purple .tab-caption-box-content { border-color: #884898; }
.components-popover__content .tcb-blue .tab-caption-box-label { background-color: #0095d9; color: #fff; }
.components-popover__content .tcb-blue .tab-caption-box-content { border-color: #0095d9; }
.components-popover__content .tcb-green .tab-caption-box-label { background-color: #3eb370; color: #fff; }
.components-popover__content .tcb-green .tab-caption-box-content { border-color: #3eb370; }
.components-popover__content .tcb-orange .tab-caption-box-label { background-color: #f39800; color: #fff; }
.components-popover__content .tcb-orange .tab-caption-box-content { border-color: #f39800; }
.components-popover__content .tcb-yellow .tab-caption-box-label { background-color: #ffd900; color: #fff; }
.components-popover__content .tcb-yellow .tab-caption-box-content { border-color: #ffd900; }
.components-popover__content .tcb-brown .tab-caption-box-label { background-color: #954e2a; color: #fff; }
.components-popover__content .tcb-brown .tab-caption-box-content { border-color: #954e2a; }
.components-popover__content .tcb-grey .tab-caption-box-label { background-color: #949495; color: #fff; }
.components-popover__content .tcb-grey .tab-caption-box-content { border-color: #949495; }
.components-popover__content .tcb-black .tab-caption-box-label { background-color: #333; color: #fff; }
.components-popover__content .tcb-black .tab-caption-box-content { border-color: #333; }
.components-popover__content .tcb-deep .tab-caption-box-label { background-color: #55295b; color: #fff; }
.components-popover__content .tcb-deep .tab-caption-box-content { border-color: #55295b; }
.components-popover__content .tcb-indigo .tab-caption-box-label { background-color: #1e50a2; color: #fff; }
.components-popover__content .tcb-indigo .tab-caption-box-content { border-color: #1e50a2; }
.components-popover__content .tcb-light-blue .tab-caption-box-label { background-color: #2ca9e1; color: #fff; }
.components-popover__content .tcb-light-blue .tab-caption-box-content { border-color: #2ca9e1; }
.components-popover__content .tcb-cyan .tab-caption-box-label { background-color: #00a3af; color: #fff; }
.components-popover__content .tcb-cyan .tab-caption-box-content { border-color: #00a3af; }
.components-popover__content .tcb-teal .tab-caption-box-label { background-color: #007b43; color: #fff; }
.components-popover__content .tcb-teal .tab-caption-box-content { border-color: #007b43; }
.components-popover__content .tcb-light-green .tab-caption-box-label { background-color: #8bc34a; color: #fff; }
.components-popover__content .tcb-light-green .tab-caption-box-content { border-color: #8bc34a; }
.components-popover__content .tcb-lime .tab-caption-box-label { background-color: #c3d825; color: #fff; }
.components-popover__content .tcb-lime .tab-caption-box-content { border-color: #c3d825; }
.components-popover__content .tcb-amber .tab-caption-box-label { background-color: #ffc107; color: #fff; }
.components-popover__content .tcb-amber .tab-caption-box-content { border-color: #ffc107; }
.components-popover__content .tcb-deep-orange .tab-caption-box-label { background-color: #ea5506; color: #fff; }
.components-popover__content .tcb-deep-orange .tab-caption-box-content { border-color: #ea5506; }
.components-popover__content .tcb-white .tab-caption-box-label { background-color: #fff; color: #fff; }
.components-popover__content .tcb-white .tab-caption-box-content { border-color: #fff; }
.components-popover__content .label-box { margin: 1.2em 0; }
.components-popover__content .label-box.block-box.has-background { background-color: transparent; }
.components-popover__content .label-box-label { margin-left: 1em; padding: 0 0.8em; font-size: 0.9em; font-weight: bold; text-shadow: #fff 3px 0px 0px, #fff 2px 1px 0px, #fff 2px 2px 0px, #fff 2px 3px 0px, #fff 1px 3px 0px, #fff 0px 3px 0px, #fff -1px 3px 0px, #fff -2px 2px 0px, #fff -3px 1px 0px, #fff -3px 0px 0px, #fff -3px -1px 0px, #fff -3px -2px 0px, #fff -2px -2px 0px, #fff -1px -3px 0px, #fff 0px -3px 0px, #fff 1px -3px 0px, #fff 2px -2px 0px, #fff 2px -2px 0px, #fff 3px -1px 0px; }
.components-popover__content .label-box-content { margin-top: -0.9em; border: 3px solid #777; padding: 1em 0.8em 0.4em; border-radius: 8px; }
.components-popover__content .lb-red .label-box-content { border-color: #e60033; }
.components-popover__content .lb-pink .label-box-content { border-color: #e95295; }
.components-popover__content .lb-purple .label-box-content { border-color: #884898; }
.components-popover__content .lb-blue .label-box-content { border-color: #0095d9; }
.components-popover__content .lb-green .label-box-content { border-color: #3eb370; }
.components-popover__content .lb-orange .label-box-content { border-color: #f39800; }
.components-popover__content .lb-yellow .label-box-content { border-color: #ffd900; }
.components-popover__content .lb-brown .label-box-content { border-color: #954e2a; }
.components-popover__content .lb-grey .label-box-content { border-color: #949495; }
.components-popover__content .lb-black .label-box-content { border-color: #333; }
.components-popover__content .lb-deep .label-box-content { border-color: #55295b; }
.components-popover__content .lb-indigo .label-box-content { border-color: #1e50a2; }
.components-popover__content .lb-light-blue .label-box-content { border-color: #2ca9e1; }
.components-popover__content .lb-cyan .label-box-content { border-color: #00a3af; }
.components-popover__content .lb-teal .label-box-content { border-color: #007b43; }
.components-popover__content .lb-light-green .label-box-content { border-color: #8bc34a; }
.components-popover__content .lb-lime .label-box-content { border-color: #c3d825; }
.components-popover__content .lb-amber .label-box-content { border-color: #ffc107; }
.components-popover__content .lb-deep-orange .label-box-content { border-color: #ea5506; }
.components-popover__content .lb-white .label-box-content { border-color: #fff; }
.components-popover__content .toggle-wrap { margin: 1.2em 0; position: relative; }
.components-popover__content .toggle-wrap > p { margin: 0; }
.components-popover__content .toggle-wrap .toggle-content { display: block; visibility: hidden; opacity: 0; padding: 0 1em; height: 0; transition: all 0.7s; overflow: hidden; }
.components-popover__content .toggle-button { display: block; cursor: pointer; padding: 3px 10px; background-color: #f3f4f5; border: 2px solid #ccc; text-align: center; border-radius: 4px; position: relative; margin: 0; }
.components-popover__content .toggle-button::before { content: '\f067'; font-family: FontAwesome; margin-right: 0.4em; font-size: 0.8em; color: #999; }
.components-popover__content .toggle-button:hover { opacity: 0.7; }
.components-popover__content .toggle-checkbox { display: none; }
.components-popover__content .toggle-checkbox:checked ~ .toggle-button { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.components-popover__content .toggle-checkbox:checked ~ .toggle-button::before { content: '\f068'; }
.components-popover__content .toggle-checkbox:checked ~ .toggle-content { visibility: visible; opacity: 1; height: 100%; transition: all 0.7s; padding: 1em; border: 2px solid #ccc; border-top-width: 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.components-popover__content .tb-red .toggle-button { border: 2px solid #e60033; background: #e60033; color: #fff; }
.components-popover__content .tb-red .toggle-button::before { color: #ccc; }
.components-popover__content .tb-red .toggle-checkbox:checked ~ .toggle-content { border-color: #e60033; }
.components-popover__content .tb-pink .toggle-button { border: 2px solid #e95295; background: #e95295; color: #fff; }
.components-popover__content .tb-pink .toggle-button::before { color: #ccc; }
.components-popover__content .tb-pink .toggle-checkbox:checked ~ .toggle-content { border-color: #e95295; }
.components-popover__content .tb-purple .toggle-button { border: 2px solid #884898; background: #884898; color: #fff; }
.components-popover__content .tb-purple .toggle-button::before { color: #ccc; }
.components-popover__content .tb-purple .toggle-checkbox:checked ~ .toggle-content { border-color: #884898; }
.components-popover__content .tb-blue .toggle-button { border: 2px solid #0095d9; background: #0095d9; color: #fff; }
.components-popover__content .tb-blue .toggle-button::before { color: #ccc; }
.components-popover__content .tb-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #0095d9; }
.components-popover__content .tb-green .toggle-button { border: 2px solid #3eb370; background: #3eb370; color: #fff; }
.components-popover__content .tb-green .toggle-button::before { color: #ccc; }
.components-popover__content .tb-green .toggle-checkbox:checked ~ .toggle-content { border-color: #3eb370; }
.components-popover__content .tb-orange .toggle-button { border: 2px solid #f39800; background: #f39800; color: #fff; }
.components-popover__content .tb-orange .toggle-button::before { color: #ccc; }
.components-popover__content .tb-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #f39800; }
.components-popover__content .tb-yellow .toggle-button { border: 2px solid #ffd900; background: #ffd900; color: #fff; }
.components-popover__content .tb-yellow .toggle-button::before { color: #ccc; }
.components-popover__content .tb-yellow .toggle-checkbox:checked ~ .toggle-content { border-color: #ffd900; }
.components-popover__content .tb-brown .toggle-button { border: 2px solid #954e2a; background: #954e2a; color: #fff; }
.components-popover__content .tb-brown .toggle-button::before { color: #ccc; }
.components-popover__content .tb-brown .toggle-checkbox:checked ~ .toggle-content { border-color: #954e2a; }
.components-popover__content .tb-grey .toggle-button { border: 2px solid #949495; background: #949495; color: #fff; }
.components-popover__content .tb-grey .toggle-button::before { color: #ccc; }
.components-popover__content .tb-grey .toggle-checkbox:checked ~ .toggle-content { border-color: #949495; }
.components-popover__content .tb-black .toggle-button { border: 2px solid #333; background: #333; color: #fff; }
.components-popover__content .tb-black .toggle-button::before { color: #ccc; }
.components-popover__content .tb-black .toggle-checkbox:checked ~ .toggle-content { border-color: #333; }
.components-popover__content .tb-deep .toggle-button { border: 2px solid #55295b; background: #55295b; color: #fff; }
.components-popover__content .tb-deep .toggle-button::before { color: #ccc; }
.components-popover__content .tb-deep .toggle-checkbox:checked ~ .toggle-content { border-color: #55295b; }
.components-popover__content .tb-indigo .toggle-button { border: 2px solid #1e50a2; background: #1e50a2; color: #fff; }
.components-popover__content .tb-indigo .toggle-button::before { color: #ccc; }
.components-popover__content .tb-indigo .toggle-checkbox:checked ~ .toggle-content { border-color: #1e50a2; }
.components-popover__content .tb-light-blue .toggle-button { border: 2px solid #2ca9e1; background: #2ca9e1; color: #fff; }
.components-popover__content .tb-light-blue .toggle-button::before { color: #ccc; }
.components-popover__content .tb-light-blue .toggle-checkbox:checked ~ .toggle-content { border-color: #2ca9e1; }
.components-popover__content .tb-cyan .toggle-button { border: 2px solid #00a3af; background: #00a3af; color: #fff; }
.components-popover__content .tb-cyan .toggle-button::before { color: #ccc; }
.components-popover__content .tb-cyan .toggle-checkbox:checked ~ .toggle-content { border-color: #00a3af; }
.components-popover__content .tb-teal .toggle-button { border: 2px solid #007b43; background: #007b43; color: #fff; }
.components-popover__content .tb-teal .toggle-button::before { color: #ccc; }
.components-popover__content .tb-teal .toggle-checkbox:checked ~ .toggle-content { border-color: #007b43; }
.components-popover__content .tb-light-green .toggle-button { border: 2px solid #8bc34a; background: #8bc34a; color: #fff; }
.components-popover__content .tb-light-green .toggle-button::before { color: #ccc; }
.components-popover__content .tb-light-green .toggle-checkbox:checked ~ .toggle-content { border-color: #8bc34a; }
.components-popover__content .tb-lime .toggle-button { border: 2px solid #c3d825; background: #c3d825; color: #fff; }
.components-popover__content .tb-lime .toggle-button::before { color: #ccc; }
.components-popover__content .tb-lime .toggle-checkbox:checked ~ .toggle-content { border-color: #c3d825; }
.components-popover__content .tb-amber .toggle-button { border: 2px solid #ffc107; background: #ffc107; color: #fff; }
.components-popover__content .tb-amber .toggle-button::before { color: #ccc; }
.components-popover__content .tb-amber .toggle-checkbox:checked ~ .toggle-content { border-color: #ffc107; }
.components-popover__content .tb-deep-orange .toggle-button { border: 2px solid #ea5506; background: #ea5506; color: #fff; }
.components-popover__content .tb-deep-orange .toggle-button::before { color: #ccc; }
.components-popover__content .tb-deep-orange .toggle-checkbox:checked ~ .toggle-content { border-color: #ea5506; }
.components-popover__content .tb-white .toggle-button { border: 2px solid #fff; background: #fff; color: #fff; }
.components-popover__content .tb-white .toggle-button::before { color: #ccc; }
.components-popover__content .tb-white .toggle-checkbox:checked ~ .toggle-content { border-color: #fff; }
.components-popover__content .iic-red li::before { color: #e60033; }
.components-popover__content .iic-pink li::before { color: #e95295; }
.components-popover__content .iic-purple li::before { color: #884898; }
.components-popover__content .iic-blue li::before { color: #0095d9; }
.components-popover__content .iic-green li::before { color: #3eb370; }
.components-popover__content .iic-orange li::before { color: #f39800; }
.components-popover__content .iic-yellow li::before { color: #ffd900; }
.components-popover__content .iic-brown li::before { color: #954e2a; }
.components-popover__content .iic-grey li::before { color: #949495; }
.components-popover__content .iic-black li::before { color: #333; }
.components-popover__content .iic-deep li::before { color: #55295b; }
.components-popover__content .iic-indigo li::before { color: #1e50a2; }
.components-popover__content .iic-light-blue li::before { color: #2ca9e1; }
.components-popover__content .iic-cyan li::before { color: #00a3af; }
.components-popover__content .iic-teal li::before { color: #007b43; }
.components-popover__content .iic-light-green li::before { color: #8bc34a; }
.components-popover__content .iic-lime li::before { color: #c3d825; }
.components-popover__content .iic-amber li::before { color: #ffc107; }
.components-popover__content .iic-deep-orange li::before { color: #ea5506; }
.components-popover__content .iic-white li::before { color: #fff; }
.components-popover__content .red { margin: 0; }
.components-popover__content .fz-12px { font-size: 12px; }
.components-popover__content .fz-13px { font-size: 13px; }
.components-popover__content .fz-14px { font-size: 14px; }
.components-popover__content .fz-15px { font-size: 15px; }
.components-popover__content .fz-16px { font-size: 16px; }
.components-popover__content .fz-17px { font-size: 17px; }
.components-popover__content .fz-18px { font-size: 18px; }
.components-popover__content .fz-19px { font-size: 19px; }
.components-popover__content .fz-20px { font-size: 20px; }
.components-popover__content .fz-21px { font-size: 21px; }
.components-popover__content .fz-22px { font-size: 22px; }
.components-popover__content .fz-24px { font-size: 24px; }
.components-popover__content .fz-28px { font-size: 28px; }
.components-popover__content .fz-32px { font-size: 32px; }
.components-popover__content .fz-36px { font-size: 36px; }
.components-popover__content .fz-40px { font-size: 40px; }
.components-popover__content .fz-44px { font-size: 44px; }
.components-popover__content .fz-48px { font-size: 48px; }
.components-popover__content .fw-100 { font-weight: 100; }
.components-popover__content .fw-200 { font-weight: 200; }
.components-popover__content .fw-300 { font-weight: 300; }
.components-popover__content .fw-400 { font-weight: 400; }
.components-popover__content .fw-500 { font-weight: 500; }
.components-popover__content .fw-600 { font-weight: 600; }
.components-popover__content .fw-700 { font-weight: 700; }
.components-popover__content .fw-800 { font-weight: 800; }
.components-popover__content .fw-900 { font-weight: 900; }
.components-popover__content .ff-meiryo, .components-popover__content .wf-loading body { font-family: "Meiryo",  "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic",sans-serif; }
.components-popover__content .ff-hiragino { font-family: 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic Pro", "Meiryo", "游ゴシック体", "Yu Gothic",sans-serif; }
.components-popover__content .ff-ms-pgothic { font-family: "MS PGothic", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", "Meiryo", sans-serif; }
.components-popover__content .ff-noto-sans-jp, .components-popover__content .wf-active .ff-noto-sans-jp { font-family: "Noto Sans JP" ,sans-serif; }
.components-popover__content .ff-noto-serif-jp, .components-popover__content .wf-active .ff-noto-serif-jp { font-family: "Noto Serif JP" ,sans-serif; }
.components-popover__content .ff-mplus-1p, .components-popover__content .wf-active .ff-mplus-1p { font-family: "M PLUS 1p" ,sans-serif; }
.components-popover__content .ff-rounded-mplus-1c, .components-popover__content .wf-active .ff-rounded-mplus-1c { font-family: "M PLUS Rounded 1c" ,sans-serif; }
.components-popover__content .ff-kosugi, .components-popover__content .wf-active .ff-kosugi { font-family: "Kosugi" ,sans-serif; }
.components-popover__content .ff-kosugi-maru, .components-popover__content .wf-active .ff-kosugi-maru { font-family: "Kosugi Maru" ,sans-serif; }
.components-popover__content .ff-sawarabi-gothic, .components-popover__content .wf-active .ff-sawarabi-gothic { font-family: "Sawarabi Gothic" ,sans-serif; }
.components-popover__content .ff-sawarabi-mincho, .components-popover__content .wf-active .ff-sawarabi-mincho { font-family: "Sawarabi Mincho" ,sans-serif; }
.components-popover__content .sub-caption { font-family: Tunga, "Trebuchet MS", Tahoma, Verdana, "Segoe UI", "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif; font-weight: 400; font-size: 0.75em; opacity: 0.5; }
.components-popover__content span.sub-caption { opacity: 0.8; }

.tagcloud { display: flex; flex-wrap: wrap; align-items: flex-start; }
.tagcloud .admin-tag { border: 1px solid #ddd; border-radius: 2px; color: #555; display: inline-block; padding: 3px 8px; text-decoration: none; font-size: 12px; margin: 2px; flex: 1 1 auto; display: flex; justify-content: space-between; transition: all 0.7s; flex: 0 1 auto; }
.tagcloud .admin-tag:hover { background-color: #f5f8fa; transition: all 0.7s; color: #333; }
.tagcloud .admin-tag .tag-caption { word-break: break-all; }
.tagcloud .admin-tag .tag-link-count { margin-left: 8px; }
.tagcloud input { margin-right: 5px; }
