/*
  Skin Name: ウラオモテ（デフォルト）
  Description: ウラオモテのデフォルトのスキンです。
  Skin URI: https://zekko-chou.com/ver4/
  Author: WEB屋
  Author URI: https://zekko-chou.com/ver4/
  Screenshot URI: https://zekko-chou.com/ver4/img/screenshot.jpg
  Version: 1.0.0
  Priority: 9900000
*/


/* 全般
---------------------------------------------------------------------- */

body {
  color: #333;
}

a {
  color: #1967d2;
}

.article ul li,
.article ol li {
  line-height: 1.5em;
  padding:0px;
  text-shadow: none;
}

/*テーブル*/
table thead td, table thead th {
  font-weight: bold;
  background-color: #eee;
}

/*マーカー*/
.marker-under {
  background: linear-gradient(transparent 60%, #fff070 60%);
  font-weight: bold;
}

/*セレクトボックス*/
.v4 select:not(.theme-switch-dropdown) {
  font-size: 0.9em;
  padding: 10px 5px;
}

/*目次とブログカードの幅*/
.toc,
.blogcard-wrap {
    width: 100%;
}


/*区切り線（ドット）*/
.v4 .wp-block-separator.is-style-dots:before {
  content: "···";
  font-size: 4em;
  letter-spacing: 0.5em;
  padding-left: 0.5em;
  font-family: serif;
  color: #ccc;
}


/* 通常の検索フォーム
------------------------------- */
.content .search-edit,
.content input[type="text"] {
  font-size: 0.9em;
  padding: 10px;
}


/* サイドバー
------------------------------- */
.sidebar h3 {
  padding: 2px 5px;
  border-bottom: 2px solid;
  font-size: 0.95em;
  background-color: transparent;
  margin: 0 -5px 10px;
  border-radius: 0;
}
.sidebar .widget:first-child h3:not(.widget-sidebar-scroll-title) {
  margin-top: 0;
}
.sidebar {
  background: transparent;
  border-top: none;
}
.sidebar aside {
  background: #fff;
  padding: 1em;
  border-radius: 4px;
}

.mobile-menu-buttons .menu-content {
  font-size: 15px;
}

/* 検索ボタン */
.sidebar input[type='submit'].feas-submit-button {
  padding: 5px;
  font-size: 0.9em;
  font-weight: bold;
  background: #eee;
  border-radius: 4px;
  color: #949495;
  border: none;
  border-bottom: 2px solid #ccc;
  width: 85%;
  margin: 0 auto;
  display: block;
}

.search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea, select {
  font-size: 1em;
}


.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  padding: 0;
  font-size: 0.9em;
  color: #5f7b96;
  line-height: 1.8;
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: inherit;
}

@media only screen and (max-width: 480px){

  #content {
    margin-top: 0;
  }

  .sidebar h3 {
    font-size: 1.1em;
    padding: 2px 0;
  }

  .sidebar .widget-entry-card {
    font-size: 1em;
  }
  .sidebar .widget-entry-cards figure {
    width: 90px;
  }
  .sidebar .widget-entry-card-content {
    margin-left: 95px;
  }

  .sidebar .widget_recent_entries ul li a,
  .sidebar .widget_categories ul li a,
  .sidebar .widget_archive ul li a,
  .sidebar .widget_pages ul li a,
  .sidebar .widget_meta ul li a,
  .sidebar .widget_rss ul li a,
  .sidebar .widget_nav_menu ul li a {
    padding: 2px;
    font-size: 1em;
  }

  .sidebar .search-item label {
    padding: 2px;
  }

  .sidebar select {
    font-size:1em;
    padding:5px;
  }

}



/* Cocoon
---------------------------------------------------------------------- */

/* ナビゲーションメニュー
------------------------------- */

#navi .navi-in a,
#navi .navi-in a:hover {
  color: #5f7b96;
  font-weight: bold;
}

ul.sub-menu a {
  font-size: 0.9em;
}

.navi-in > ul .sub-menu li {
  line-height: 40px;
  height: 40px;
}

/* カルーセル
------------------------------- */

div#carousel {
  margin-bottom: 2em;
}

/* フッターメニュー
------------------------------- */

.navi-footer-in > .menu-footer li {
  border-left: none;
}

.navi-footer-in > .menu-footer li:last-child {
  border-right: none;
}



/* インデックスページ
------------------------------- */

.list.ect-entry-card .entry-card-thumb {
  width: 180px;
  margin-top: 0;
}
.list.ect-entry-card .entry-card-content {
  margin-left: 180px;
}

@media screen and (max-width: 600px){
  .list.ect-entry-card .entry-card-thumb {
    width: 38%;
    margin-top: 0;
  }
  .list.ect-entry-card .entry-card-content {
    margin-left: 40%;
  }
}

/*トップページ（タブにした場合）*/
.index-tab-buttons .index-tab-button {
  padding: 5px;
  border-color: #ddd;
}

.index-tab-button {
  position:relative;
}

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"]::after,
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"]::after,
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"]::after,
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"]::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: calc(50% - 10px);
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #404453;
}

@media screen and (max-width: 834px) {
  .index-tab-buttons .index-tab-button {
      margin: 1% .5%;
  }
}


/* 関連記事
------------------------------- */

.entry-card-snippet,
.related-entry-card-snippet {
  color: #949495;
}


/* 投稿日
------------------------------- */
.date-tags {
  font-size: 1.2em;
}


/* パンくず
------------------------------- */
.breadcrumb.sbp-main-before {
  margin-top: 25px;
}


/* カルーセル
------------------------------- */
figure.carousel-entry-card-thumb.card-thumb {
  max-height: 90px;
  overflow-y: hidden;
}

.carousel-entry-card-title {
  font-size: 0.9em;
}

/* 評価スター
------------------------------- */
.rating-star {
  color: #fddb53;
  font-size: 1em;
}


/* バッジ
------------------------------- */
.badge, .ref, .reffer, .sankou {
  background-color: #ffb359;
}
.badge, .ref, .reffer, .sankou,
.badge-red, .badge-pink,
.badge-purple, .badge-blue,
.badge-green, .badge-yellow,
.badge-brown, .badge-grey {
  color: #fff;
  padding: 2px 8px;
  font-size: 14px;
  margin: 0 5px;
  border-radius: 4px;
}


/* 吹き出し
------------------------------- */

div.speech-balloon {
  font-size: 0.95em;
  padding: 1em 1.2em;
}
.sbp-l {
  margin-right: 0;
}
.sbp-r {
  margin-left: 0;
}


/* ブログカード
------------------------------- */

.blogcard {
  border: 3px solid #eee;
}
.blogcard-snippet {
  font-size: 0.9em;
  line-height: 1.3;
  color: #747474;
}
.blogcard-title {
  color: #5a5a5a;
}

/* アイコンボックス
------------------------------- */

.is-style-question-box,
.question-box, .question {
  background: #fffdf3;
  border: 3px solid #fff3b4;
}

.is-style-information-box,
.information-box, .information {
    background: #f8fdff;
    border: 3px solid #bde4fc;
}

.is-style-alert-box, .alert-box, .alert {
    background: #fcfafa;
    border: 3px solid #ffdede;
}

.is-style-memo-box, .memo-box {
    background: #f4fffc;
    border: 3px solid #cff1e7;
}

.is-style-comment-box, .comment-box {
    background: #fefefe;
    border: 3px solid #e4e4e4;
}

.is-style-ok-box, .ok-box {
    background: #f8feff;
    border: 3px solid #3cb2cc;
}

.is-style-ng-box, .ng-box {
    background: #fcfafa;
    border: 3px solid #dd5454;
}

.is-style-good-box, .good-box {
    background: #f7fcf7;
    border: 3px solid #98e093;
}

.is-style-bad-box, .bad-box {
    background: #fff1f4;
    border: 3px solid #eb6980;
}

.is-style-profile-box, .profile-box {
    background: #fefefe;
    border: 3px solid #eee;
}





/* 見出し・ページタイトル
--------------------------------- */

.search h1#archive-title,
.archive h1#archive-title {
  font-size: 1.3em;
}


.article h2:not(.has-text-color):not(.page-title),
.article h3:not(.has-text-color):not(.page-title),
.article h4:not(.has-text-color):not(.page-title),
.article h5:not(.has-text-color),
.article h6:not(.has-text-color) {
  color: #444;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  font-weight: bold;
  box-shadow: none;
}

.article h4,
.article h5,
.article h6 {
  border-left: none;
  border-right: none;
}

.article h2 + h3,
.article h3 + h4,
.article h4 + h5,
.article h5 + h6 {
  margin-top: 0 !important;
}


.article h1:not(.page-title) {
  font-size: 1.5em;
}

.article h2:not(.page-title) {
  font-size: 1.5em;
  padding: 25px 12px;
  border-radius: 2px;
  border:none;
}

/*480px以下*/
@media screen and (max-width: 480px){

.entry-title {
    padding: 0.6em 0;
}

.article h2:not(.page-title) {
    font-size: 1.4em;
    padding: 20px 12px;
}

}

.article h2:not(.has-background):not(.page-title) {
  background: #f5f8fa;
}

.article h3:not(.has-background):not(.page-title) {
  font-size: 1.2em;
  border-top: none;
  border-right: none;
  border-left: 6px solid #777;
  padding: 12px;
}
.article h3:not(.has-background):not(.page-title):not(.is-style-hd-hukidashi):not(.is-style-hd-both-line):not(.is-style-hd-under-line-add-bg) {
  border-bottom: 2px solid #ccc;
  background-color: #f5f8fa;
}

.article h4:not(.page-title),
.article h5,
.article h6 {
  font-size: 1.1em;
}

.article h4:not(.page-title) {
  padding: 8px 12px;
}
.article h5,
.article h6 {
  padding: 5px 12px;
}
.article h4:not(.has-background):not(.page-title) {
  background-color: #f5f8fa;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-left: none;
}
.article h5:not(.has-background) {
  border-bottom: 2px solid #ccc;
}
.article h6:not(.has-background) {
  border-bottom: 1px solid #ccc;
}

.article h1.has-background,
.article h2.has-background,
.article h3.has-background,
.article h4.has-background,
.article h5.has-background,
.article h6.has-background {
  border: none;
}

.article h1.has-background {
  padding: 0;
}
.article h2.has-background {
  padding: 25px 12px;
}
.article h3.has-background {
  padding: 12px 10px;
}
.article h4.has-background,
.article h5.has-background,
.article h6.has-background {
  padding: 8px 12px;
}


/* ページのテーマカラーに合わせた見出し色
-------------------------------------------------- */

/*ブラック*/
.c-black .article h2:not(.has-background):not(.page-title) {
  background-color: #454C50;
}
.c-black .article h2:not(.has-text-color):not(.page-title) {
  color: #ffffff;
}
.c-black .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #454C50;
}
.c-black .article h3:not(.has-background):not(.page-title),
.c-black .article h4:not(.has-background):not(.page-title),
.c-black .article h5:not(.has-background):not(.page-title),
.c-black .article h6:not(.has-background):not(.page-title) {
  border-color:#454c50;
}
.c-black .article h4:not(.has-background):not(.page-title) {
  background: #f5f8fa;
}
.c-black p.見出し::before,
.c-black p.is-style-midashi::before {
  border-color: #454c50;
}


/*青*/
.c-blue .article h2:not(.has-background):not(.page-title):not(.is-style-hd-both-line):not(.is-style-hd-under-line-add-bg) {
  background: #4eb7d9;
}
.c-blue .article h2:not(.has-text-color):not(.page-title):not(.is-style-hd-hukidashi):not(.is-style-hd-both-line):not(.is-style-hd-under-small-line) {
  color: #ffffff;
}
.c-blue .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #4eb7d9;
}
.c-blue .article h3:not(.has-background):not(.page-title),
.c-blue .article h4:not(.has-background):not(.page-title),
.c-blue .article h5:not(.has-background):not(.page-title),
.c-blue .article h6:not(.has-background):not(.page-title) {
  border-color:#4eb7d9;
}
.c-blue .article h4:not(.has-background):not(.page-title) {
  background: #edfbff;
}
.c-blue p.見出し::before,
.c-blue p.is-style-midashi::before {
  border-color: #4eb7d9;
}


/*ピンク*/
.c-pink .article h2:not(.has-background):not(.page-title) {
  background: #F99292;
}
.c-pink .article h2:not(.has-text-color):not(.page-title) {
  color: #ffffff;
}
.c-pink .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #F99292;
}
.c-pink .article h3:not(.has-background):not(.page-title),
.c-pink .article h4:not(.has-background):not(.page-title),
.c-pink .article h5:not(.has-background):not(.page-title),
.c-pink .article h6:not(.has-background):not(.page-title) {
  border-color:#F99292;
}
.c-pink .article h4:not(.has-background):not(.page-title) {
  background: #fff6f6;
}
.c-pink p.見出し::before,
.c-pink p.is-style-midashi::before {
  border-color: #F99292;
}


/*緑*/
.c-green .article h2:not(.has-background):not(.page-title) {
  background: #3abc98;
}
.c-green .article h2:not(.has-text-color):not(.page-title) {
  color: #ffffff;
}
.c-green .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #3abc98;
}
.c-green .article h3:not(.has-background):not(.page-title),
.c-green .article h4:not(.has-background):not(.page-title),
.c-green .article h5:not(.has-background):not(.page-title),
.c-green .article h6:not(.has-background):not(.page-title) {
  border-color:#3abc98;
}
.c-green .article h4:not(.has-background):not(.page-title) {
  background: #f0fffb;
}
.c-green p.見出し::before,
.c-green p.is-style-midashi::before {
  border-color: #3abc98;
}


/*黄色*/
.c-yellow .article h2:not(.has-background):not(.page-title) {
  background: #ffc027;
}
.c-yellow .article h2:not(.has-text-color):not(.page-title) {
  color: #ffffff;
}
.c-yellow .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #ffc027;
}
.c-yellow .article h3:not(.has-background):not(.page-title),
.c-yellow .article h4:not(.has-background):not(.page-title),
.c-yellow .article h5:not(.has-background):not(.page-title),
.c-yellow .article h6:not(.has-background):not(.page-title) {
  border-color:#ffc027;
}
.c-yellow .article h4:not(.has-background):not(.page-title) {
  background: #fffaee;
}
.c-yellow p.見出し::before,
.c-yellow p.is-style-midashi::before {
  border-color: #ffc027;
}


/*ネイビー*/
.c-sick .article h2:not(.has-background):not(.page-title) {
  background: #235180;
}
.c-sick .article h2:not(.has-text-color):not(.page-title) {
  color: #ffffff;
}
.c-sick .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid #235180;
}
.c-sick .article h3:not(.has-text-color):not(.page-title),
.c-sick .article h4:not(.has-text-color):not(.page-title),
.c-sick .article h5:not(.has-text-color):not(.page-title),
.c-sick .article h6:not(.has-text-color):not(.page-title) {
  border-color:#235180;
}
.c-sick .article h4:not(.has-text-color):not(.page-title) {
  background: #f7f9fb;
}
.c-sick p.見出し::before,
.c-sick p.is-style-midashi::before {
border-color: #235180;
}


/* リンクボタン
---------------------------------------------------------------------- */

.btn-m, .btn-wrap.btn-wrap-m > a,
.btn-l, .ranking-item-link-buttons a, .btn-wrap.btn-wrap-l > a {
  font-size: 1em;
  padding: 10px;
}

.btn-m, .btn-wrap.btn-wrap-m > a {
  padding: 10px 45px;
}


/*レッド*/
.btn-red {
  border-bottom: 3px solid #b94d4d !important;
}

/*グリーン*/
.btn-light-green {
  border-bottom: 3px solid #7f8f88 !important;
}

/*イエロー*/
.btn-amber {
  border-bottom: 3px solid #c7b86c !important;
}

/*オレンジ*/
.btn-orange {
  border-bottom: 3px solid #de8f32 !important;
}

/*ディープオレンジ*/
.btn-deep-orange {
  border-bottom: 3px solid #b94d4d !important;
}

/*ピンク*/
.btn-pink {
  border-bottom: 3px solid #b25a9f !important;
}

/*ブルー*/
.btn-blue {
  border-bottom: 3px solid #4484a8 !important;
}

/*シアン*/
.btn-cyan {
  border-bottom: 3px solid #5e8183 !important;
}

/*グレー*/
.btn-gray,
.btn-grey, .btn-wrap.btn-wrap-grey > a {
  background-color: #eeeeee;
  color: #555 !important;
  border-bottom: 3px solid #ddd !important;
}



/* キャプションタブボックス（ウラオモテVer）
------------------------------------------- */

.tab-caption-box.w90 {
  width: 90%;
  margin: 1.2em auto;
}

@media screen and (max-width: 480px){
  .tab-caption-box.w90 {
    width: 100%;
  }
}

.none .tab-caption-box-label {
  padding: 0;
  font-size: 1em;
  font-weight:bold;
  background-color: #ffff !important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.none .tab-caption-box-content {
  margin-top: -3px;
  border: 3px solid #ffff !important;
  padding: 0.4em 0;
  border-radius: 8px;
  border-top-left-radius: 0;
}


.c-blue .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #4eb7d9;
}
.c-blue .themecolorBox .caption-box-label {
  background-color: #4eb7d9;
  color: #fff;
}

.c-sick .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #235180;
}
.c-sick .themecolorBox .caption-box-label {
  background-color: #235180;
  color: #fff;
}

.c-black .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #454c50;
}
.c-black .themecolorBox .caption-box-label {
  background-color: #454c50;
  color: #fff;
}

.c-pink .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #f99292;
}
.c-pink .themecolorBox .caption-box-label {
  background-color: #f99292;
  color: #fff;
}

.c-green .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #3abc98;
}
.c-green .themecolorBox .caption-box-label {
  background-color: #3abc98;
  color: #fff;
}

.c-yellow .themecolorBox.caption-box:not(.has-border-color) {
  border: 2px solid #ffcb4f;
}
.c-yellow .themecolorBox .caption-box-label {
  background-color: #ffcb4f;
  color: #fff;
}




@media screen and (max-width: 480px) {

  .is-style-information-box,
  .is-style-question-box,
  .is-style-alert-box,
  .is-style-memo-box,
  .is-style-comment-box,
  .is-style-ok-box,
  .is-style-ng-box,
  .is-style-good-box,
  .is-style-bad-box,
  .is-style-profile-box,
  .information-box,
  .question-box,
  .alert-box,
  .information,
  .question,
  .alert,
  .memo-box,
  .comment-box,
  .common-icon-box {
    padding-top: 30px;
  }

  .is-style-information-box::before,
  .is-style-question-box::before,
  .is-style-alert-box::before,
  .is-style-memo-box::before,
  .is-style-comment-box::before,
  .is-style-ok-box::before,
  .is-style-ng-box::before,
  .is-style-good-box::before,
  .is-style-bad-box::before,
  .is-style-profile-box::before,
  .information-box::before,
  .question-box::before,
  .alert-box::before,
  .information::before,
  .question::before,
  .alert::before,
  .memo-box::before,
  .comment-box::before,
  .common-icon-box::before {
    top: 20px;
    font-size: 24px;
  }

}





/* 目次（TOC）
---------------------------------------------------------------------- */

/* 共通
------------------------------- */

/*全体*/
.toc{
	margin: 20px auto 30px;
	border-radius: 3px;
	box-sizing: border-box;
	padding: 38px 52px;
	display: table;
	min-width: 68%;
	counter-reset: li;
  border: 3px solid;
}

/*タイトル*/
.toc-title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0;
  margin-bottom: 1em;
}
.toc-center .toc-title {
  justify-content: center;
}
.toc .toc-title::before {
  position: relative;
  content: "\f0ca";
  display: flex;
  width: 40px;
  height: 40px;
  line-height: 32px;
  margin-right: 8px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
}
.font-awesome-4 .toc .toc-title::before {
  font-family: 'fontawesome';
  font-weight: normal;
}
.font-awesome-5 .toc .toc-title::before {
  font-family: 'Font Awesome 5 Free';
}


/* リストの装飾を一旦無効化 */
.toc .toc-list li::before{
	content:none;
	padding:0;
	margin:0;
	width:0;
	height:0;
	background:none;
	box-shadow:none;
}

/* 目次リンク共通スタイル */
.toc .toc-list li a {
	position: relative;
	font-size: 0.95em;
	font-weight: normal;
	text-decoration: none;
	display: inline-block;
	line-height: 1.6;
	padding: 3px 0;
	margin: 5px 0;
	transition: all .3s ease;
}

/* リスト */
.toc .toc-list {
  padding-left: 3px;
}
.toc.toc-center .toc-list {
  padding-left: 0;
}
.toc .toc-list li {
	position: relative;
	padding: 0;
	margin: 0;
}
.toc .toc-list li > ul,
.toc .toc-list li > ol {
  margin: 0 0 1em 0;
}
.toc .toc-list li > ul li a {
  margin: 0 0 0 1em;
}
.toc .toc-list li > ol li a {
  margin: 0;
}
.toc .toc-list li > ul li:last-child,
.toc .toc-list li > ol li:last-child {
  margin-bottom: 0.5em;
}
.toc ol.toc-list li {
  list-style: none;
}
.toc ol.toc-list li > ol li {
  list-style: inherit;
}


/* 1階層目の見出し */
.toc .toc-list > li > a {
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 40px;
  display: inline-block;
}

/* 1階層目の連番 */
.toc .toc-list > li::before,
.toc .toc-list > li::after {
	position: absolute;
	top: 3px;
	left: 0;
}
/* 1階層目の連番背景 */
.toc .toc-list > li::before {
	content: '' !important;
	display: inline-block;
	vertical-align: bottom;
	width: 32px;
	height: 32px;
	margin-right: 7px;
	border-radius: 16px;
}
/* 1階層目の連番 */
.toc .toc-list > li::after{
	counter-increment: li;
	content: counter(li);
	width: 32px;
	line-height: 32px;
	font-weight: 400;
	text-align: center;
	color: #fff;
}

/* 2階層目以降の見出し */
.toc .toc-list > li > ul ,
.toc .toc-list > li > ol {
	margin-left: 30px;
}
.toc.tnt-disc .toc-list > li > ol,
.toc.tnt-circle .toc-list > li > ol,
.toc.tnt-square .toc-list > li > ol {
  margin-left: 50px;
}
.toc ul.toc-list > li ul li a {
	font-weight: normal;
	margin-left: 16px;
}

/* 2階層目子の目次の左側のアイコン */
.toc ul.toc-list > li ul li::before {
  content: "\f105";
  display: inline-block;
  font-size: 1em;
}
.font-awesome-4 .toc ul.toc-list > li ul li::before {
  font-family: "fontawesome";
}

/* サイドバー
---------------------------------- */

.font-awesome-4 .widget_toc h3::before {
  content: "\f0ca";
  font-family: 'fontawesome';
  font-weight: normal;
  margin-right: 10px;
}

.font-awesome-5 .widget_toc h3::before {
  content: "\f0ca";
  font-family: 'Font Awesome 5 Free';
  margin-right: 10px;
}

.widget_toc .toc {
  background: #fff;
}

/* レスポンシブ設定(480px幅以下) */
@media only screen and (max-width: 480px){

  .toc {
		padding: 20px 3vw;
		min-width: auto;
		width: 100% !important;
	}
	.toc p.toc-title + ul.toc-list{
		padding: 20px 0 0;
	}

}



/* 各ページのテーマカラー
--------------------------------------- */

/*ブルー（c-blue/デフォルト）
---------------------------------*/

/*目次
--------------------------*/

/*全体のカラー*/
.toc {
  background-color: #2c99b50a;
  border-color: #40699033;
}

/*タイトル-リンク-リスト-サイドバータイトル*/
.toc label.toc-title,
.toc .toc-list a,
.toc .toc-list a:visited,
.toc .toc-list li,
.toc ul.toc-list > li ul li::before,
.sidebar h3 {
  color: #5f7b96;
}

/*タイトルのアイコン*/
.toc .toc-title::before {
  background-color: #5f7b96;
  color: #fff;
}

/*1階層目リストのアイコン*/
.toc .toc-list > li::before {
	background-color: #7d9dbca8;
}



/*グリーン（c-green）
---------------------------------*/

/*目次
--------------------------*/

/*全体のカラー*/
.c-green .toc {
  background-color: #fafffc;
  border-color: #3eb37021;
}

/*タイトル-リンク-リスト*/
.c-green .toc label.toc-title,
.c-green .toc .toc-list a,
.c-green .toc .toc-list a:visited,
.c-green .toc .toc-list li,
.c-green .toc ul.toc-list > li ul li::before {
  color: #5f7b96;
}

/*サイドバー*/
.c-green .sidebar h3 {
  color: #5da785;
}

/*タイトルのアイコン*/
.c-green .toc .toc-title::before {
  background-color: #64b788;
  color: #fff;
}

/*1階層目リストのアイコン*/
.c-green .toc .toc-list > li::before {
	background-color: #9adab6;
}


/*ピンク（c-pink）
---------------------------------*/

/*全体のカラー*/
.c-pink .toc {
  background-color: #fffdfd;
  border-color: #ffeff3;
}

/*タイトル-リンク-リスト*/
.c-pink .toc label.toc-title,
.c-pink .toc .toc-list a,
.c-pink .toc .toc-list a:visited,
.c-pink .toc .toc-list li,
.c-pink .toc ul.toc-list > li ul li::before {
  color: #5f7b96;
}

/*サイドバー*/
.c-pink .sidebar h3 {
  color: #ff99b4;
}

/*タイトルのアイコン*/
.c-pink .toc .toc-title::before {
  background-color: #f3a9ca;
  color: #fff;
}

/*1階層目リストのアイコン*/
.c-pink .toc .toc-list > li::before {
	background-color: #ffc5df;
}



/*イエロー（c-yellow）
---------------------------------*/

/*全体のカラー*/
.c-yellow .toc {
  background-color: #fffefa;
  border-color: #fff9d4;
}

/*タイトル-リンク-リスト*/
.c-yellow .toc label.toc-title,
.c-yellow .toc .toc-list a,
.c-yellow .toc .toc-list a:visited,
.c-yellow .toc .toc-list li,
.c-yellow .toc ul.toc-list > li ul li::before {
  color: #5f7b96;
}

/*サイドバー*/
.c-yellow .sidebar h3 {
  color: #ffc107;
}

/*タイトルのアイコン*/
.c-yellow .toc .toc-title::before {
  background-color: #ffc107;
  color: #fff;
}

/*1階層目リストのアイコン*/
.c-yellow .toc .toc-list > li::before {
	background-color: #ffc107;
}


/*ブラック（c-black）
---------------------------------*/

/*全体のカラー*/
.c-black .toc {
  background-color: #fdfdfd;
  border-color: #ddd;
}

/*タイトル-リンク-リスト*/
.c-black .toc label.toc-title,
.c-black .toc .toc-list a,
.c-black .toc .toc-list a:visited,
.c-black .toc .toc-list li,
.c-black .toc ul.toc-list > li ul li::before {
  color: #565656;
}

/*サイドバー*/
.c-black .sidebar h3 {
  color: #565656;
}

/*タイトルのアイコン*/
.c-black .toc .toc-title::before {
  background-color: #888888;
  color: #fff;
}

/*1階層目リストのアイコン*/
.c-black .toc .toc-list > li::before {
	background-color: #ccc;
}


/* 引用 */
.entry-content blockquote {
  padding: 20px 55px;
  background: rgba(245,245,245,0.8);
  color: #222;
  position: relative;
  border: solid 1px #fff;
  margin: 0.8em 0;
}
.entry-content blockquote:before {
  color: rgba(200, 200, 200, 1);
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}
.entry-content blockquote:after {
  content: "”";
  font-family: serif;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 600%;
  color: rgba(200,200,200,1);
  line-height: 0;
}
.entry-content blockquote cite {
  display: block;
  text-align: right;
}