@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 0 5px 0;
  line-height: 1.2;
  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*/
  /************************************
  ** おすすめカード
  ************************************/
  /************************************
  ** アピールエリア
  ************************************/
  /************************************
  ** 入力フォーム
  ************************************/
  /************************************
  ** カルーセル
  ************************************/
  /************************************
  ** カルーセルの非表示設定
  ************************************/
  /* Cocoonのリンクボタンカスタマイズ */
  /* スマホ用 */
  /* 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
   */
  /* 検索フォーム風スタイルのボタンを装飾 */
  /* ボタンにカーソルを合わせた時のスタイル */
  /************************************
  ** Googleカスタム検索結果のページネーション
  ************************************/
  /* フォントの種類 */
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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 ProN", "Hiragino Sans", sans-serif; }
  .admin-settings .demo .ff-yu-gothic {
    font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
  .admin-settings .demo .ff-ms-pgothic {
    font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    /* フォントのサイズ */
    font-size: 18px;
    /* フォントの色 */
    color: #333;
    /* カーニングの設定 */
    /* 行間の設定 */
    line-height: 1.8;
    margin: 0;
    overflow-wrap: break-word;
    background-color: #f4f5f7;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    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;
    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 #eee;
    border-radius: 3px;
    background-color: #f5f6f7;
    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 #eee; }
  .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-vertical-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,
  .admin-settings .demo .no-thumbnail .rect-mini-card .related-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 1em; }
  .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: 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.3s ease-in-out; }
    .admin-settings .demo .navi-in a:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      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 #ddd; }
      .admin-settings .demo .navi-footer-in > .menu-footer li:last-child {
        border-right: 1px solid #ddd; }
  .admin-settings .demo .navi-footer-in a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 14px;
    transition: all 0.3s ease-in-out; }
    .admin-settings .demo .navi-footer-in a:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      color: #333; }
  .admin-settings .demo .a-wrap {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 1.5%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out; }
    .admin-settings .demo .a-wrap:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      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;
    margin-bottom: 1em; }
  .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 1em; }
  .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.3s ease-in-out; }
  .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 .soundcloud-button, .admin-settings .demo .bc-brand-color.sns-follow .soundcloud-button {
    background-color: #ff8800; }
  .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 .soundcloud-button, .admin-settings .demo .bc-brand-color-white.sns-follow .soundcloud-button {
    color: #ff8800;
    border-color: #ff8800; }
  .admin-settings .demo .bc-brand-color-white.sns-share .soundcloud-button, .admin-settings .demo .bc-brand-color-white.sns-follow .soundcloud-button {
    color: #ff8800;
    border-color: #ff8800; }
  .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 {
        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 pre,
  .admin-settings .demo pre * {
    line-height: 1.6;
    word-wrap: normal; }
  .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.3s ease-in-out;
      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: #f5f6f7; }
    .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 #eee;
      padding: 6px; }
  .admin-settings .demo .scrollable-table {
    -webkit-overflow-scrolling: touch; }
    .admin-settings .demo .scrollable-table.stfc-sticky tr > *:first-child {
      background-color: #e9eff2;
      color: #333;
      position: sticky;
      position: -webkit-sticky;
      left: 0;
      z-index: 2; }
  .admin-settings .demo .scrollable-table table {
    border-collapse: collapse;
    max-width: none; }
  .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 !important;
    overflow-y: hidden !important;
    margin-bottom: 1em; }
  .admin-settings .demo figure.wp-block-table table {
    width: auto; }
  .admin-settings .demo figure.wp-block-table.alignwide table,
  .admin-settings .demo figure.wp-block-table.alignfull table {
    width: 100%; }
  .admin-settings .demo .main figure.wp-block-table {
    width: auto;
    max-width: 100%;
    display: block; }
  .admin-settings .demo figure.wp-block-table table {
    margin-right: auto; }
  .admin-settings .demo figure.wp-block-table.aligncenter table {
    margin-left: auto; }
  .admin-settings .demo figure.wp-block-table.alignright table {
    margin-left: 0; }
  .admin-settings .demo .scroll-hint-icon-wrap {
    overflow: hidden; }
  .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 .wp-block-gallery ul {
    padding-left: 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: #f5f6f7;
    border-radius: 2px; }
  .admin-settings .demo .article h3 {
    border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding: 12px 20px; }
  .admin-settings .demo .article h4 {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd; }
  .admin-settings .demo .article h5 {
    border-bottom: 2px solid #ddd; }
  .admin-settings .demo .article h6 {
    border-bottom: 1px solid #ddd; }
  .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 #ddd;
    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 blockquote cite {
      font-size: 0.7em; }
  .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 .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,
  .admin-settings .demo .content-only .recommended {
    display: none; }
  .admin-settings .demo .content-only .carousel {
    display: none !important; }
  .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 #eee;
    border-bottom: 4px double #eee;
    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: 2em 0.6em 0.2em;
    text-align: right;
    width: 100%;
    font-size: 0.9em;
    background: linear-gradient(180deg, transparent, #555);
    opacity: 0.9; }
  @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.6% 2.2% 2%;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.6;
    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;
    margin-bottom: 0.4em; }
  .admin-settings .demo .blogcard-snippet {
    font-size: 0.8em; }
  .admin-settings .demo .blogcard-footer {
    clear: both;
    font-size: 16px;
    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 .nwa .blogcard-wrap {
    width: 100%; }
  .admin-settings .demo .nwa .blogcard-thumbnail {
    width: 120px; }
  .admin-settings .demo .nwa .blogcard-title {
    font-size: 0.9em;
    margin-bottom: 0; }
  .admin-settings .demo .nwa .blogcard-snippet {
    font-size: 12px; }
  .admin-settings .demo .nwa .blogcard-content {
    margin-left: 130px;
    margin-right: 0;
    max-height: 120px;
    min-height: 70px;
    font-size: 0.9em;
    line-height: 1.2; }
  .admin-settings .demo .nwa .blogcard-footer {
    font-size: 14px; }
  .admin-settings .demo .nwa .ib-right .blogcard-content,
  .admin-settings .demo .nwa .eb-right .blogcard-content {
    margin-right: 31.6%;
    margin-left: 0; }
  .admin-settings .demo .toc {
    border: 1px solid #ccc;
    font-size: 0.9em;
    padding: 1em 1.6em;
    margin-bottom: 1em;
    display: table; }
    .admin-settings .demo .toc .toc-list {
      padding-left: 1em; }
      .admin-settings .demo .toc .toc-list ul, .admin-settings .demo .toc .toc-list ol {
        padding-left: 1em;
        margin: 0; }
    .admin-settings .demo .toc li {
      margin: 0; }
    .admin-settings .demo .toc ul {
      list-style: none; }
    .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 .tnt-none .toc-list,
  .admin-settings .demo .tnt-number-detail .toc-list {
    padding-left: 0; }
  .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: #f5f6f7;
      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 .sidebar-menu-content .sidebar {
    height: auto; }
  .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 #eee;
      border-radius: 2px;
      color: #555;
      padding: 3px 8px;
      text-decoration: none;
      font-size: 12px;
      margin: 2px;
      flex: 1 1 auto;
      display: flex;
      justify-content: space-between;
      transition: all 0.3s ease-in-out; }
      .admin-settings .demo .tagcloud a:hover {
        background-color: #f5f8fa;
        transition: all 0.3s ease-in-out;
        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.3s ease-in-out;
        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: #eee;
    border-right-color: #eee;
    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: #eee;
      border-left-color: #eee; }
    .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: #eee;
      border-left-color: #eee; }
      .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 #eee; }
    .admin-settings .demo .border-partition a:first-of-type {
      border-top: 2px dotted #eee; }
  .admin-settings .demo .border-square a {
    border-radius: 4px;
    border: 1px solid #ddd; }
  .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: linear-gradient(180deg, transparent, #555);
    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;
        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 #ddd;
    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: #ddd;
      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 .entry-content .main-widget-label {
    display: none; }
  .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: #a8dafb; }
  .admin-settings .demo .marker-under {
    background: linear-gradient(transparent 60%, #ff9 60%); }
  .admin-settings .demo .marker-under-red {
    background: linear-gradient(transparent 60%, #ffd0d1 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 #888;
    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;
    padding-right: .15em;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 13px;
    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: #f5f6f7; }
      .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 .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-check .bb-label::after {
    content: "CHECK"; }
  .admin-settings .demo .bb-comment .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-comment .bb-label::after {
    content: "COMMENT"; }
  .admin-settings .demo .bb-point .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-point .bb-label::after {
    content: "POINT"; }
  .admin-settings .demo .bb-tips .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-tips .bb-label::after {
    content: "TIPS"; }
  .admin-settings .demo .bb-hint .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-hint .bb-label::after {
    content: "HINT"; }
  .admin-settings .demo .bb-pickup .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-pickup .bb-label::after {
    content: "PICKUP"; }
  .admin-settings .demo .bb-bookmark .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-bookmark .bb-label::after {
    content: "BOOKMARK"; }
  .admin-settings .demo .bb-memo .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-memo .bb-label::after {
    content: "MEMO"; }
  .admin-settings .demo .bb-download .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-download .bb-label::after {
    content: "DOWNLOAD"; }
  .admin-settings .demo .bb-break .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-break .bb-label::after {
    content: "BREAK"; }
  .admin-settings .demo .bb-amazon .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-amazon .bb-label::after {
    content: "AMAZON"; }
  .admin-settings .demo .bb-ok .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-ok .bb-label::after {
    content: "OK"; }
  .admin-settings .demo .bb-ng .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-ng .bb-label::after {
    content: "NG"; }
  .admin-settings .demo .bb-good .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-good .bb-label::after {
    content: "GOOD"; }
  .admin-settings .demo .bb-bad .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-bad .bb-label::after {
    content: "BAD"; }
  .admin-settings .demo .bb-profile .bb-label .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: 7px 13px;
    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.3s ease-in-out; }
    .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.3s ease-in-out; }
  .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.aligncenter {
      margin-left: auto;
      margin-right: auto; }
    .admin-settings .demo .micro-balloon.alignleft {
      margin-right: auto; }
    .admin-settings .demo .micro-balloon.alignright {
      margin-left: auto; }
  .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;
    background-clip: padding-box; }
  .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 #888;
    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.3s ease-in-out;
      overflow: hidden; }
  .admin-settings .demo .toggle-button {
    display: block;
    cursor: pointer;
    padding: 3px 10px;
    background-color: #f5f6f7;
    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.3s ease-in-out;
    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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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 .body .wp-block-image figcaption {
    margin: 0;
    font-size: 0.7em;
    opacity: 0.8;
    padding: 0 6px; }
  .admin-settings .demo .column-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0; }
    .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 {
      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-vertical-card .related-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-wrap {
    padding: 5px; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-thumb {
    float: none;
    width: 100%; }
    .admin-settings .demo .rect-vertical-card .related-entry-card-thumb img {
      width: 100%; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-content {
    margin: 0; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-title {
    font-size: 16px; }
  .admin-settings .demo .rect-vertical-card-3 .related-entry-card-wrap {
    width: 33%; }
  .admin-settings .demo .rect-vertical-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 .comment-page-link {
    text-align: center; }
    .admin-settings .demo .comment-page-link .page-numbers {
      width: auto;
      height: auto;
      padding: 6px 12px;
      line-height: normal; }
    .admin-settings .demo .comment-page-link .current {
      background-color: #eee; }
  .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.3s ease-in-out;
      color: #333; }
  .admin-settings .demo .page-numbers {
    color: #333;
    text-decoration: none;
    display: inline-block;
    height: 46px;
    width: 46px;
    border: 1px solid #ddd;
    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: #f5f6f7; }
  .admin-settings .demo .pagination-next-link, .admin-settings .demo .comment-btn {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    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.3s ease-in-out;
      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.3s ease-in-out;
        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: #ddd;
        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: #888; }
  .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.6% 2.2% 2%; }
    .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;
    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;
    max-width: calc(100% - 14%); }
    .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: #ddd; }
    .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 #eee;
    background-color: #f5f6f7;
    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: flex;
    flex-wrap: wrap;
    margin-top: 3px; }
    .admin-settings .demo .swatchimages > * {
      border: 1px solid #ddd;
      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: 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: 6px 12px;
    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; }
  .admin-settings .demo .product-item-image-only img {
    border: 0;
    box-shadow: none; }
  @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 > * {
        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 .shoplinkdmm a {
    background: #00bcd4; }
  .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: #ff5600; }
  .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-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; }
    .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; }
      .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; }
  .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: 100%;
    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; }
      .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; }
        .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; }
    .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: 100%;
      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 .menu-button-in {
        opacity: 0.8; }
    .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%);
    opacity: 0; }
    .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 {
    transition: .3s ease-in-out;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  .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.3s ease-in-out;
      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: 3px;
    top: calc(50% - 12px);
    font-size: 20px;
    cursor: pointer;
    border: none;
    color: #ddd;
    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 ul.timeline ul {
    list-style-type: disc; }
  .admin-settings .demo ul.timeline ul ul {
    list-style-type: circle; }
  .admin-settings .demo ul.timeline ul ul ul {
    list-style-type: square; }
  .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-"]::before {
    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 {
      list-style: none; }
    .admin-settings .demo .iconlist-box ol li::before {
      display: 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: none;
    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 {
    padding: 0;
    background: transparent; }
    .admin-settings .demo .recommended.rcs-center-label-title .card-content .card-title {
      color: #333;
      padding: 6px 1.2em;
      background-color: rgba(255, 255, 255, 0.8);
      transition: all .3s;
      border-radius: 99px;
      font-size: 0.9em; }
    .admin-settings .demo .recommended.rcs-center-label-title .card-content:hover .card-title {
      transition: all .5s;
      opacity: 0; }
  .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; }
    .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 .box-menus {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 18px 0; }
    .admin-settings .demo .box-menus * {
      line-height: 1.6;
      margin: 0; }
  .admin-settings .demo .box-menu {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    width: 100%;
    text-align: center;
    min-height: 100px;
    cursor: pointer;
    background: #fff;
    width: calc(100%/4);
    color: #777;
    box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;
    transition: none; }
    .admin-settings .demo .box-menu:last-child {
      margin-right: auto; }
    .admin-settings .demo .box-menu:hover {
      color: #777;
      z-index: 2; }
  .admin-settings .demo .box-menu-icon {
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .admin-settings .demo .box-menu-icon * {
      margin: 10px 0;
      max-width: 60px;
      max-height: 60px;
      height: auto;
      display: inline-block; }
    .admin-settings .demo .box-menu-icon img {
      font-size: 16px;
      border: none;
      box-shadow: none; }
  .admin-settings .demo .box-menu-label {
    font-size: 14px;
    font-weight: 600; }
  .admin-settings .demo .box-menu-description {
    font-size: 10px;
    opacity: 0.8; }
  .admin-settings .demo .nwa .box-menu {
    width: calc(100%/2); }
  .admin-settings .demo .wwa .box-menu {
    width: 16.66%; }
  .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 ProN", "Hiragino Sans", sans-serif; }
  .admin-settings .demo .ff-yu-gothic {
    font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
  .admin-settings .demo .ff-ms-pgothic {
    font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    /* フォントのサイズ */
    font-size: 18px;
    /* フォントの色 */
    color: #333;
    /* カーニングの設定 */
    /* 行間の設定 */
    line-height: 1.8;
    margin: 0;
    overflow-wrap: break-word;
    background-color: #f4f5f7;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    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;
    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 #eee;
    border-radius: 3px;
    background-color: #f5f6f7;
    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 #eee; }
  .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-vertical-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,
  .admin-settings .demo .no-thumbnail .rect-mini-card .related-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 1em; }
  .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: 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.3s ease-in-out; }
    .admin-settings .demo .navi-in a:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      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 #ddd; }
      .admin-settings .demo .navi-footer-in > .menu-footer li:last-child {
        border-right: 1px solid #ddd; }
  .admin-settings .demo .navi-footer-in a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 14px;
    transition: all 0.3s ease-in-out; }
    .admin-settings .demo .navi-footer-in a:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      color: #333; }
  .admin-settings .demo .a-wrap {
    text-decoration: none;
    display: block;
    color: #333;
    padding: 1.5%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out; }
    .admin-settings .demo .a-wrap:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      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;
    margin-bottom: 1em; }
  .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 1em; }
  .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.3s ease-in-out; }
  .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 .soundcloud-button, .admin-settings .demo .bc-brand-color.sns-follow .soundcloud-button {
    background-color: #ff8800; }
  .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 .soundcloud-button, .admin-settings .demo .bc-brand-color-white.sns-follow .soundcloud-button {
    color: #ff8800;
    border-color: #ff8800; }
  .admin-settings .demo .bc-brand-color-white.sns-share .soundcloud-button, .admin-settings .demo .bc-brand-color-white.sns-follow .soundcloud-button {
    color: #ff8800;
    border-color: #ff8800; }
  .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 {
        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 pre,
  .admin-settings .demo pre * {
    line-height: 1.6;
    word-wrap: normal; }
  .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.3s ease-in-out;
      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: #f5f6f7; }
    .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 #eee;
      padding: 6px; }
  .admin-settings .demo .scrollable-table {
    -webkit-overflow-scrolling: touch; }
    .admin-settings .demo .scrollable-table.stfc-sticky tr > *:first-child {
      background-color: #e9eff2;
      color: #333;
      position: sticky;
      position: -webkit-sticky;
      left: 0;
      z-index: 2; }
  .admin-settings .demo .scrollable-table table {
    border-collapse: collapse;
    max-width: none; }
  .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 !important;
    overflow-y: hidden !important;
    margin-bottom: 1em; }
  .admin-settings .demo figure.wp-block-table table {
    width: auto; }
  .admin-settings .demo figure.wp-block-table.alignwide table,
  .admin-settings .demo figure.wp-block-table.alignfull table {
    width: 100%; }
  .admin-settings .demo .main figure.wp-block-table {
    width: auto;
    max-width: 100%;
    display: block; }
  .admin-settings .demo figure.wp-block-table table {
    margin-right: auto; }
  .admin-settings .demo figure.wp-block-table.aligncenter table {
    margin-left: auto; }
  .admin-settings .demo figure.wp-block-table.alignright table {
    margin-left: 0; }
  .admin-settings .demo .scroll-hint-icon-wrap {
    overflow: hidden; }
  .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 .wp-block-gallery ul {
    padding-left: 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: #f5f6f7;
    border-radius: 2px; }
  .admin-settings .demo .article h3 {
    border-left: 7px solid #888;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size: 22px;
    padding: 12px 20px; }
  .admin-settings .demo .article h4 {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd; }
  .admin-settings .demo .article h5 {
    border-bottom: 2px solid #ddd; }
  .admin-settings .demo .article h6 {
    border-bottom: 1px solid #ddd; }
  .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 #ddd;
    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 blockquote cite {
      font-size: 0.7em; }
  .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 .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,
  .admin-settings .demo .content-only .recommended {
    display: none; }
  .admin-settings .demo .content-only .carousel {
    display: none !important; }
  .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 #eee;
    border-bottom: 4px double #eee;
    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: 2em 0.6em 0.2em;
    text-align: right;
    width: 100%;
    font-size: 0.9em;
    background: linear-gradient(180deg, transparent, #555);
    opacity: 0.9; }
  @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.6% 2.2% 2%;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 1.6;
    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;
    margin-bottom: 0.4em; }
  .admin-settings .demo .blogcard-snippet {
    font-size: 0.8em; }
  .admin-settings .demo .blogcard-footer {
    clear: both;
    font-size: 16px;
    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 .nwa .blogcard-wrap {
    width: 100%; }
  .admin-settings .demo .nwa .blogcard-thumbnail {
    width: 120px; }
  .admin-settings .demo .nwa .blogcard-title {
    font-size: 0.9em;
    margin-bottom: 0; }
  .admin-settings .demo .nwa .blogcard-snippet {
    font-size: 12px; }
  .admin-settings .demo .nwa .blogcard-content {
    margin-left: 130px;
    margin-right: 0;
    max-height: 120px;
    min-height: 70px;
    font-size: 0.9em;
    line-height: 1.2; }
  .admin-settings .demo .nwa .blogcard-footer {
    font-size: 14px; }
  .admin-settings .demo .nwa .ib-right .blogcard-content,
  .admin-settings .demo .nwa .eb-right .blogcard-content {
    margin-right: 31.6%;
    margin-left: 0; }
  .admin-settings .demo .toc {
    border: 1px solid #ccc;
    font-size: 0.9em;
    padding: 1em 1.6em;
    margin-bottom: 1em;
    display: table; }
    .admin-settings .demo .toc .toc-list {
      padding-left: 1em; }
      .admin-settings .demo .toc .toc-list ul, .admin-settings .demo .toc .toc-list ol {
        padding-left: 1em;
        margin: 0; }
    .admin-settings .demo .toc li {
      margin: 0; }
    .admin-settings .demo .toc ul {
      list-style: none; }
    .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 .tnt-none .toc-list,
  .admin-settings .demo .tnt-number-detail .toc-list {
    padding-left: 0; }
  .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: #f5f6f7;
      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 .sidebar-menu-content .sidebar {
    height: auto; }
  .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 #eee;
      border-radius: 2px;
      color: #555;
      padding: 3px 8px;
      text-decoration: none;
      font-size: 12px;
      margin: 2px;
      flex: 1 1 auto;
      display: flex;
      justify-content: space-between;
      transition: all 0.3s ease-in-out; }
      .admin-settings .demo .tagcloud a:hover {
        background-color: #f5f8fa;
        transition: all 0.3s ease-in-out;
        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.3s ease-in-out;
        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: #eee;
    border-right-color: #eee;
    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: #eee;
      border-left-color: #eee; }
    .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: #eee;
      border-left-color: #eee; }
      .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 #eee; }
    .admin-settings .demo .border-partition a:first-of-type {
      border-top: 2px dotted #eee; }
  .admin-settings .demo .border-square a {
    border-radius: 4px;
    border: 1px solid #ddd; }
  .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: linear-gradient(180deg, transparent, #555);
    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;
        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 #ddd;
    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: #ddd;
      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 .entry-content .main-widget-label {
    display: none; }
  .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: #a8dafb; }
  .admin-settings .demo .marker-under {
    background: linear-gradient(transparent 60%, #ff9 60%); }
  .admin-settings .demo .marker-under-red {
    background: linear-gradient(transparent 60%, #ffd0d1 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 #888;
    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;
    padding-right: .15em;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 13px;
    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: #f5f6f7; }
      .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 .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-check .bb-label::after {
    content: "CHECK"; }
  .admin-settings .demo .bb-comment .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-comment .bb-label::after {
    content: "COMMENT"; }
  .admin-settings .demo .bb-point .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-point .bb-label::after {
    content: "POINT"; }
  .admin-settings .demo .bb-tips .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-tips .bb-label::after {
    content: "TIPS"; }
  .admin-settings .demo .bb-hint .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-hint .bb-label::after {
    content: "HINT"; }
  .admin-settings .demo .bb-pickup .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-pickup .bb-label::after {
    content: "PICKUP"; }
  .admin-settings .demo .bb-bookmark .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-bookmark .bb-label::after {
    content: "BOOKMARK"; }
  .admin-settings .demo .bb-memo .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-memo .bb-label::after {
    content: "MEMO"; }
  .admin-settings .demo .bb-download .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-download .bb-label::after {
    content: "DOWNLOAD"; }
  .admin-settings .demo .bb-break .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-break .bb-label::after {
    content: "BREAK"; }
  .admin-settings .demo .bb-amazon .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-amazon .bb-label::after {
    content: "AMAZON"; }
  .admin-settings .demo .bb-ok .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-ok .bb-label::after {
    content: "OK"; }
  .admin-settings .demo .bb-ng .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-ng .bb-label::after {
    content: "NG"; }
  .admin-settings .demo .bb-good .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-good .bb-label::after {
    content: "GOOD"; }
  .admin-settings .demo .bb-bad .bb-label .fa::before {
    content: ""; }
  .admin-settings .demo .bb-bad .bb-label::after {
    content: "BAD"; }
  .admin-settings .demo .bb-profile .bb-label .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: 7px 13px;
    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.3s ease-in-out; }
    .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.3s ease-in-out; }
  .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.aligncenter {
      margin-left: auto;
      margin-right: auto; }
    .admin-settings .demo .micro-balloon.alignleft {
      margin-right: auto; }
    .admin-settings .demo .micro-balloon.alignright {
      margin-left: auto; }
  .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;
    background-clip: padding-box; }
  .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 #888;
    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.3s ease-in-out;
      overflow: hidden; }
  .admin-settings .demo .toggle-button {
    display: block;
    cursor: pointer;
    padding: 3px 10px;
    background-color: #f5f6f7;
    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.3s ease-in-out;
    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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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 .body .wp-block-image figcaption {
    margin: 0;
    font-size: 0.7em;
    opacity: 0.8;
    padding: 0 6px; }
  .admin-settings .demo .column-wrap {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 0; }
    .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 {
      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-vertical-card .related-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-wrap {
    padding: 5px; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-thumb {
    float: none;
    width: 100%; }
    .admin-settings .demo .rect-vertical-card .related-entry-card-thumb img {
      width: 100%; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-content {
    margin: 0; }
  .admin-settings .demo .rect-vertical-card .related-entry-card-title {
    font-size: 16px; }
  .admin-settings .demo .rect-vertical-card-3 .related-entry-card-wrap {
    width: 33%; }
  .admin-settings .demo .rect-vertical-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 .comment-page-link {
    text-align: center; }
    .admin-settings .demo .comment-page-link .page-numbers {
      width: auto;
      height: auto;
      padding: 6px 12px;
      line-height: normal; }
    .admin-settings .demo .comment-page-link .current {
      background-color: #eee; }
  .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.3s ease-in-out;
      color: #333; }
  .admin-settings .demo .page-numbers {
    color: #333;
    text-decoration: none;
    display: inline-block;
    height: 46px;
    width: 46px;
    border: 1px solid #ddd;
    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: #f5f6f7; }
  .admin-settings .demo .pagination-next-link, .admin-settings .demo .comment-btn {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    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.3s ease-in-out;
      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.3s ease-in-out;
        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: #ddd;
        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: #888; }
  .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.6% 2.2% 2%; }
    .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;
    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;
    max-width: calc(100% - 14%); }
    .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: #ddd; }
    .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 #eee;
    background-color: #f5f6f7;
    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: flex;
    flex-wrap: wrap;
    margin-top: 3px; }
    .admin-settings .demo .swatchimages > * {
      border: 1px solid #ddd;
      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: 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: 6px 12px;
    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; }
  .admin-settings .demo .product-item-image-only img {
    border: 0;
    box-shadow: none; }
  @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 > * {
        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 .shoplinkdmm a {
    background: #00bcd4; }
  .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: #ff5600; }
  .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-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; }
    .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; }
      .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; }
  .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: 100%;
    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; }
      .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; }
        .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; }
    .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: 100%;
      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 .menu-button-in {
        opacity: 0.8; }
    .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%);
    opacity: 0; }
    .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 {
    transition: .3s ease-in-out;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1; }
  .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.3s ease-in-out;
      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: 3px;
    top: calc(50% - 12px);
    font-size: 20px;
    cursor: pointer;
    border: none;
    color: #ddd;
    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 ul.timeline ul {
    list-style-type: disc; }
  .admin-settings .demo ul.timeline ul ul {
    list-style-type: circle; }
  .admin-settings .demo ul.timeline ul ul ul {
    list-style-type: square; }
  .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-"]::before {
    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 {
      list-style: none; }
    .admin-settings .demo .iconlist-box ol li::before {
      display: 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: none;
    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 {
    padding: 0;
    background: transparent; }
    .admin-settings .demo .recommended.rcs-center-label-title .card-content .card-title {
      color: #333;
      padding: 6px 1.2em;
      background-color: rgba(255, 255, 255, 0.8);
      transition: all .3s;
      border-radius: 99px;
      font-size: 0.9em; }
    .admin-settings .demo .recommended.rcs-center-label-title .card-content:hover .card-title {
      transition: all .5s;
      opacity: 0; }
  .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; }
    .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 .box-menus {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 18px 0; }
    .admin-settings .demo .box-menus * {
      line-height: 1.6;
      margin: 0; }
  .admin-settings .demo .box-menu {
    display: block;
    padding: 0.5em 1em;
    text-decoration: none;
    width: 100%;
    text-align: center;
    min-height: 100px;
    cursor: pointer;
    background: #fff;
    width: calc(100%/4);
    color: #777;
    box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;
    transition: none; }
    .admin-settings .demo .box-menu:last-child {
      margin-right: auto; }
    .admin-settings .demo .box-menu:hover {
      color: #777;
      z-index: 2; }
  .admin-settings .demo .box-menu-icon {
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .admin-settings .demo .box-menu-icon * {
      margin: 10px 0;
      max-width: 60px;
      max-height: 60px;
      height: auto;
      display: inline-block; }
    .admin-settings .demo .box-menu-icon img {
      font-size: 16px;
      border: none;
      box-shadow: none; }
  .admin-settings .demo .box-menu-label {
    font-size: 14px;
    font-weight: 600; }
  .admin-settings .demo .box-menu-description {
    font-size: 10px;
    opacity: 0.8; }
  .admin-settings .demo .nwa .box-menu {
    width: calc(100%/2); }
  .admin-settings .demo .wwa .box-menu {
    width: 16.66%; }
  .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 .nt-warning {
    background-color: #f7ab00; }
  .admin-settings .demo .nt-danger {
    background-color: #ff6666; }
  .admin-settings .demo .no-appeal-area .appeal {
    display: none; }
  .admin-settings .demo .appeal-in {
    display: flex;
    min-height: 300px;
    padding: 3% 5%; }
  .admin-settings .demo .appeal-content {
    max-width: 740px;
    background-color: rgba(255, 255, 255, 0.85);
    margin: auto;
    padding: 2em;
    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: #c9171e;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    padding: 9px 42px;
    border-radius: 4px; }
    .admin-settings .demo .appeal-button:hover {
      color: #fff;
      opacity: 0.7; }
  .admin-settings .demo input[type="search"] {
    width: auto;
    flex-grow: 1; }
  .admin-settings .demo .wp-block-search__button {
    width: 60px;
    border-radius: 4px;
    border: 1px solid #ccc;
    cursor: pointer; }
  .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 input[type='submit'] {
    -webkit-appearance: none;
    border: 1px solid #ddd;
    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.3s ease-in-out;
        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: #ddd; }
  .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;
    animation: carousel-show 0.6s cubic-bezier(0, 0, 0.2, 1); }
    .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 .index-tab-buttons {
    margin: 1em 0 1.4em;
    display: flex; }
  .admin-settings .demo .index-tab-buttons .index-tab-button {
    padding: 12px 16px;
    font-size: 14px;
    margin: 2px;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #eee;
    min-width: calc(100% / 4);
    width: 100%;
    text-align: center; }
  .admin-settings .demo #index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
  .admin-settings .demo #index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
  .admin-settings .demo #index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
  .admin-settings .demo #index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
    background: none #404453;
    border: 1px solid #404453;
    color: #fff;
    font-weight: 700; }
  .admin-settings .demo .tab-cont,
  .admin-settings .demo input[name="tab_item"] {
    display: none; }
@keyframes tab-index-show {
  0% {
    opacity: 0;
    padding-top: 100px; }
  20% {
    padding-top: 20px; }
  80% {
    opacity: 0.5; }
  100% {
    opacity: 1;
    padding-top: 0; } }
  .admin-settings .demo #index-tab-1:checked ~ .tab-cont.tb1,
  .admin-settings .demo #index-tab-2:checked ~ .tab-cont.tb2,
  .admin-settings .demo #index-tab-3:checked ~ .tab-cont.tb3,
  .admin-settings .demo #index-tab-4:checked ~ .tab-cont.tb4 {
    display: block;
    animation: tab-index-show .3s ease-in; }
  .admin-settings .demo .btn-wrap-circle > a {
    background: #999; }
  @media screen and (max-width: 834px) {
    .admin-settings .demo .index-tab-buttons {
      flex-wrap: wrap; }
      .admin-settings .demo .index-tab-buttons .index-tab-button {
        width: calc(98% / 2);
        margin: .5%; }
    .admin-settings .demo .list-columns {
      flex-direction: column; }
      .admin-settings .demo .list-columns .list-column {
        width: 100%; } }
  .admin-settings .demo .list-title {
    text-align: center;
    font-size: 18px;
    margin-top: 2em;
    margin-bottom: 1em; }
  .admin-settings .demo .list-title-in {
    position: relative;
    display: inline-block;
    padding: 0 75px; }
  .admin-settings .demo .list-title-in:before,
  .admin-settings .demo .list-title-in:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 55px;
    height: 1px;
    background-color: black; }
  .admin-settings .demo .list-title-in:before {
    left: 0;
    margin-right: 10px; }
  .admin-settings .demo .list-title-in:after {
    right: 0;
    margin-left: 10px; }
  .admin-settings .demo .list-more-button-wrap {
    text-align: center; }
  .admin-settings .demo .list-more-button {
    display: inline-block;
    padding: 0.3em 2em;
    text-decoration: none;
    color: #333;
    border: solid 2px #ccc;
    border-radius: 3px;
    transition: .4s;
    margin: 1em 0 2em;
    font-size: 16px;
    border-radius: 99px; }
  .admin-settings .demo .list-more-button:hover {
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
    color: #333; }
  .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.4em 0 1.4em;
    padding: 0;
    border-width: 0;
    font-size: 0.9em; }
    .admin-settings .demo .entry-card .admin-pv > span {
      padding: 0 7px 0 0; }
      .admin-settings .demo .entry-card .admin-pv > span:nth-of-type(2) {
        padding: 0; }
    .admin-settings .demo .entry-card .admin-pv .admin-pv-by {
      background-color: transparent;
      bottom: 0;
      display: none; }
  .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: 10px; }
    .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 #wpforo-wrap h3 {
    background-color: transparent; }
    .admin-settings .demo #wpforo-wrap h3::after {
      display: none; }
  .admin-settings .demo #wpforo-wrap h3.wpforo-forum-title::before, .admin-settings .demo #wpforo-wrap h3.wpforo-forum-title::after {
    display: none; }
  .admin-settings .demo div#wpforo-wrap .wpforo-post .wpforo-attached-file {
    display: block; }
  .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;
    /* カーソルをポインターに */ }
  .admin-settings .demo .main {
    z-index: 0; }
  .admin-settings .demo .ad-index-bottom {
    position: relative;
    z-index: -1; }
  .admin-settings .demo .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
  .admin-settings .demo .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
    font-size: 15px;
    border-width: 1px;
    border-style: solid;
    padding: 2px 10px;
    display: inline-block;
    margin-bottom: 8px; }
  .admin-settings .demo .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #1A73E8;
    color: #fff; }
  .admin-settings .demo .gsc-resultsbox-visible .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border-color: #ccc; }
  .admin-settings .demo .lozad {
    min-height: 1px;
    min-width: 1px; }
  .admin-settings .demo .is-header-fixed .header-container {
    z-index: 3; }
    .admin-settings .demo .is-header-fixed .header-container .logo {
      transition: .3s; }
  .admin-settings .demo .fixed-header {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); }
    .admin-settings .demo .fixed-header .header .header-in {
      min-height: auto; }
    .admin-settings .demo .fixed-header .has-sub,
    .admin-settings .demo .fixed-header .navi-in .sub-menu {
      display: none; }
  .admin-settings .demo .click-prevention {
    pointer-events: none; }
  .admin-settings .demo _:-ms-lang(x), .admin-settings .demo .mc-circle {
    background-clip: border-box; }
  .admin-settings .demo .blogcard,
  .admin-settings .demo .ecb-entry-border .entry-card-wrap,
  .admin-settings .demo .page-numbers,
  .admin-settings .demo .pagination-next-link,
  .admin-settings .demo .comment-btn,
  .admin-settings .demo .index-tab-buttons .index-tab-button,
  .admin-settings .demo .border-square a,
  .admin-settings .demo .author-box {
    border-color: #e3e3e3 #cecece #b4b4b4 #d6d6d6; }
  @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 .has-logo-button .menu-button {
      width: 70px; }
    .admin-settings .demo .has-logo-button .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 .header .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: 16px;
        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: 120px; }
      .admin-settings .demo .blogcard-title {
        font-size: 0.9em;
        margin-bottom: 0; }
      .admin-settings .demo .blogcard-snippet {
        font-size: 12px; }
      .admin-settings .demo .blogcard-content {
        margin-left: 130px;
        margin-right: 0;
        max-height: 120px;
        min-height: 70px;
        font-size: 0.9em;
        line-height: 1.2; }
      .admin-settings .demo .blogcard-footer {
        font-size: 14px; }
      .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-vertical-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 .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; }
        .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; }
    .admin-settings .demo .box-menus .box-menu {
      width: calc(100%/2); }
    .admin-settings .demo .wwa .box-menus {
      margin-left: 10px;
      margin-right: 10px; } }
  @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;
        max-width: calc(100% - 16%); }
        .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-vertical-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;
    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: #f5f6f7;
  border: 1px solid #ddd;
  overflow: auto;
  padding: 10px;
  margin: 1em 0; }

.is-code-row-number-enable pre,
.is-code-row-number-enable pre#highlight-demo {
  border: none;
  position: relative;
  padding: 0.4em 1em 0.4em 3em; }

.is-code-row-number-enable pre::before {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  padding: 0.5em 0em 0.5em 0em;
  width: 3em;
  box-sizing: border-box;
  color: #777;
  text-align: center; }

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

/*記事一覧のPV幅*/
.column-pv {
  width: 70px; }

/*記事一覧の投稿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; }

.tips {
  margin: 4px 0 12px !important; }

/*設定項目のヒント*/
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: #f5f6f7;
  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: #a8dafb; }
  .components-popover__content .marker-under {
    background: linear-gradient(transparent 60%, #ff9 60%); }
  .components-popover__content .marker-under-red {
    background: linear-gradient(transparent 60%, #ffd0d1 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 #888;
    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;
    padding-right: .15em;
    line-height: 1em;
    top: 50%;
    margin-top: -.5em;
    left: 13px;
    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: #f5f6f7; }
      .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 .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-check .bb-label::after {
    content: "CHECK"; }
  .components-popover__content .bb-comment .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-comment .bb-label::after {
    content: "COMMENT"; }
  .components-popover__content .bb-point .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-point .bb-label::after {
    content: "POINT"; }
  .components-popover__content .bb-tips .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-tips .bb-label::after {
    content: "TIPS"; }
  .components-popover__content .bb-hint .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-hint .bb-label::after {
    content: "HINT"; }
  .components-popover__content .bb-pickup .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-pickup .bb-label::after {
    content: "PICKUP"; }
  .components-popover__content .bb-bookmark .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-bookmark .bb-label::after {
    content: "BOOKMARK"; }
  .components-popover__content .bb-memo .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-memo .bb-label::after {
    content: "MEMO"; }
  .components-popover__content .bb-download .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-download .bb-label::after {
    content: "DOWNLOAD"; }
  .components-popover__content .bb-break .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-break .bb-label::after {
    content: "BREAK"; }
  .components-popover__content .bb-amazon .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-amazon .bb-label::after {
    content: "AMAZON"; }
  .components-popover__content .bb-ok .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-ok .bb-label::after {
    content: "OK"; }
  .components-popover__content .bb-ng .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-ng .bb-label::after {
    content: "NG"; }
  .components-popover__content .bb-good .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-good .bb-label::after {
    content: "GOOD"; }
  .components-popover__content .bb-bad .bb-label .fa::before {
    content: ""; }
  .components-popover__content .bb-bad .bb-label::after {
    content: "BAD"; }
  .components-popover__content .bb-profile .bb-label .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: 7px 13px;
    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.3s ease-in-out; }
    .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.3s ease-in-out; }
  .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.aligncenter {
      margin-left: auto;
      margin-right: auto; }
    .components-popover__content .micro-balloon.alignleft {
      margin-right: auto; }
    .components-popover__content .micro-balloon.alignright {
      margin-left: auto; }
  .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;
    background-clip: padding-box; }
  .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 #888;
    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.3s ease-in-out;
      overflow: hidden; }
  .components-popover__content .toggle-button {
    display: block;
    cursor: pointer;
    padding: 3px 10px;
    background-color: #f5f6f7;
    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.3s ease-in-out;
    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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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: #ddd; }
  .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 .body .wp-block-image figcaption {
    margin: 0;
    font-size: 0.7em;
    opacity: 0.8;
    padding: 0 6px; }
  .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 ProN", "Hiragino Sans", sans-serif; }
  .components-popover__content .ff-yu-gothic {
    font-family: "Yu Gothic", Meiryo, "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; }
  .components-popover__content .ff-ms-pgothic {
    font-family: "MS PGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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", "Hiragino Kaku Gothic ProN", "Hiragino Sans", 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 #eee;
    border-radius: 2px;
    color: #555;
    padding: 3px 8px;
    text-decoration: none;
    font-size: 12px;
    margin: 2px;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
    flex: 0 1 auto; }
    .tagcloud .admin-tag:hover {
      background-color: #f5f8fa;
      transition: all 0.3s ease-in-out;
      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; }

.wp-core-ui .button-primary {
  background: #0071a1 !important;
  border-color: #0071a1 !important;
  color: #fff !important; }