@charset "UTF-8";
/*
  Skin Name: ウラオモテ（デフォルト）
  Description: ウラオモテのデフォルトのスキンです。
  Skin URI: https://webya-tools.com/uraomote/sample/10391
  Author: WEB屋
  Author URI: https://webya-tools.com/uraomote/
  Screenshot URI: https://zekko-chou.com/ver4/img/screenshot.jpg
  Version: 1.0.0
  Priority: 9900000
*/
@media screen and (max-width: 480px) {
  #content {
    margin-top: 0;
  }
}
body {
  color: #333;
}

a {
  color: #1967d2;
}

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

[class*=is-style-numeric-list-] > li::before {
  left: -2em;
  font-family: Verdana !important;
}

[class*=is-style-icon-list-] > li::before {
  left: -1.5em;
}

table thead td,
table thead th {
  font-weight: bold;
}

.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 p {
  margin: 0.5em 0;
}
.entry-content blockquote::before, .entry-content blockquote::after {
  font-family: "font awesome 5 free";
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  position: absolute;
  color: rgb(200, 200, 200);
}
.entry-content blockquote:before {
  content: "\f10d";
  left: 10px;
  top: 10px;
}
.entry-content blockquote:after {
  content: "\f10e";
  bottom: 10px;
  right: 10px;
}
.entry-content blockquote cite {
  display: block;
  text-align: right;
}

.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],
.content input[type=password],
.content input[type=date],
.content input[type=datetime],
.content input[type=email],
.content input[type=number],
.content input[type=search],
.content input[type=tel],
.content input[type=time],
.content input[type=url],
.content textarea,
.content select {
  font-size: 1em;
}
.content select:not(.theme-switch-dropdown) {
  font-size: 0.9em;
  padding: 10px 5px;
}
.content .search-edit,
.content input[type=text] {
  font-size: 0.9em;
  padding: 10px;
}

.header-container {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
.header-container .logo-text {
  padding: 0;
}

#navi .navi-in a,
#navi .navi-in a:hover {
  font-size: 0.9em;
}
html #navi .navi-in > ul > li > a {
  padding: 0 10px;
}
#navi ul.sub-menu a {
  font-size: 0.9em;
}
#navi .navi-in > ul .sub-menu li {
  line-height: 40px;
  height: 40px;
}

.notice-area {
  padding: 5px;
}

#carousel {
  margin-bottom: 2em;
}
#carousel figure.carousel-entry-card-thumb.card-thumb {
  max-height: 90px;
  overflow-y: hidden;
}
#carousel .carousel-entry-card-title {
  font-size: 0.9em;
}

.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;
}
@media screen and (max-width: 834px) {
  .index-tab-buttons .index-tab-button {
    margin: 1% 0.5%;
  }
}

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

#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-1]::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;
}

#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-2]::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;
}

#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for=index-tab-3]::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;
}

#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;
}

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

.date-tags {
  font-size: 1.2em;
}

.breadcrumb.sbp-main-before {
  margin-top: 25px;
}

.rating-star {
  color: #fddb53;
  font-size: 1em;
}

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

.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 {
  display: inline-block;
  color: #fff;
  padding: 2px 8px;
  font-size: 0.9em;
  margin: 0 3px;
  border-radius: 4px;
}
.badge + a,
.ref + a,
.reffer + a,
.sankou + a,
.badge-red + a,
.badge-pink + a,
.badge-purple + a,
.badge-blue + a,
.badge-green + a,
.badge-yellow + a,
.badge-brown + a,
.badge-grey + a {
  margin-left: 5px;
}

.badge-grey {
  background-color: #f2f2f2;
  color: #333;
  border: 1px solid #ddd;
}

.badge-blue {
  background-color: #007cba;
}

div.speech-balloon {
  font-size: 0.95em;
  padding: 1em 1.2em;
}

.blogcard-wrap {
  width: 100%;
}
.blogcard-wrap .blogcard {
  border: 3px solid #eee;
}
.blogcard-wrap .blogcard-snippet {
  font-size: 0.9em;
  line-height: 1.3;
  color: #747474;
}
.blogcard-wrap .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;
}

@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;
  }
}
.blank-box {
  border-width: 3px;
}

.blank-box.bb-tab .bb-label {
  font-family: Arial, Helvetica, sans-serif;
}

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

/* ページのテーマカラーに合わせた配色
-------------------------------------------------- */
.c-blue .caption-box:not(.has-border-color) {
  border-color: var(--page-color-blue-main);
}
.c-blue .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-blue-main);
  color: #fff;
}
.c-blue .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-blue-main);
  color: #fff;
}
.c-blue .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-blue-main);
}
.c-blue .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-blue-main);
}

.c-black .caption-box:not(.has-border-color) {
  border-color: var(--page-color-black-main);
}
.c-black .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-black .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-black .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-black-main);
}
.c-black .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-black-main);
}

.c-sick .caption-box:not(.has-border-color) {
  border-color: var(--page-color-sick-main);
}
.c-sick .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-sick-main);
  color: #fff;
}
.c-sick .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-sick-main);
  color: #fff;
}
.c-sick .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-sick-main);
}
.c-sick .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-sick-main);
}

.c-pink .caption-box:not(.has-border-color) {
  border-color: var(--page-color-pink-main);
}
.c-pink .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-pink-main);
  color: #fff;
}
.c-pink .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-pink-main);
  color: #fff;
}
.c-pink .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-pink-main);
}
.c-pink .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-pink-main);
}

.c-redd .caption-box:not(.has-border-color) {
  border-color: var(--page-color-redd-main);
}
.c-redd .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-redd-main);
  color: #fff;
}
.c-redd .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-redd-main);
  color: #fff;
}
.c-redd .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-redd-main);
}
.c-redd .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-redd-main);
}

.c-green .caption-box:not(.has-border-color) {
  border-color: var(--page-color-green-main);
}
.c-green .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-green-main);
  color: #fff;
}
.c-green .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-green-main);
  color: #fff;
}
.c-green .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-green-main);
}
.c-green .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-green-main);
}

.c-yellow .caption-box:not(.has-border-color) {
  border-color: var(--page-color-yellow-main);
}
.c-yellow .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-yellow-main);
  color: #fff;
}
.c-yellow .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-yellow-main);
  color: #fff;
}
.c-yellow .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-yellow-main);
}
.c-yellow .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-yellow-main);
}

.c-orange .caption-box:not(.has-border-color) {
  border-color: var(--page-color-orange-main);
}
.c-orange .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-orange-main);
  color: #fff;
}
.c-orange .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-orange-main);
  color: #fff;
}
.c-orange .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-orange-main);
}
.c-orange .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-orange-main);
}

.c-skin-default.skin-uraomote-a .caption-box:not(.has-border-color) {
  border-color: var(--page-color-blue-main);
}
.c-skin-default.skin-uraomote-a .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-blue-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-a .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-blue-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-a .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-blue-main);
}
.c-skin-default.skin-uraomote-a .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-blue-main);
}

.c-skin-default.skin-uraomote-b .caption-box:not(.has-border-color) {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-b .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-b .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-b .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-b .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-black-main);
}

.c-skin-default.skin-uraomote-c .caption-box:not(.has-border-color) {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-c .caption-box:not(.has-border-color) .box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-c .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-label {
  background-color: var(--page-color-black-main);
  color: #fff;
}
.c-skin-default.skin-uraomote-c .tab-caption-box:not(.has-border-color):not(.saruwaka) .tab-caption-box-content {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-c .label-box:not(.has-border-color) .label-box-content {
  border-color: var(--page-color-black-main);
}

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

.article h2, .article h3, .article h4, .article h5, .article h6 {
  font-weight: bold;
  box-shadow: 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;
}
.article h3:not(.page-title) {
  font-size: 1.3em;
}
.article h4:not(.page-title) {
  font-size: 1.1em;
}
.article h5,
.article h6 {
  font-size: 1.1em;
}
.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,
.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;
}
@media screen and (max-width: 480px) {
  .article .entry-title {
    padding: 0.6em 0;
  }
  .article h2:not(.page-title) {
    font-size: 1.4em;
  }
}

.sidebar {
  background: transparent;
  font-size: clamp(14px, 0.9em, 15px);
  padding: 0;
  border-top: none;
}
.sidebar aside {
  background: #fff;
  padding: 1em var(--cocoon-sidebar-padding);
  border-radius: 4px;
}
.body .sidebar .widget {
  margin-bottom: var(--cocoon-main-sidebar-margin);
}
.sidebar .widget:first-child h3:not(.widget-sidebar-scroll-title) {
  margin-top: 0;
}
.sidebar .widget h3 {
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 1.1em;
}
.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: 0;
  line-height: 1.8;
}
.sidebar .widget_recent_entries ul li a:hover,
.sidebar .widget_categories ul li a:hover,
.sidebar .widget_archive ul li a:hover,
.sidebar .widget_pages ul li a:hover,
.sidebar .widget_meta ul li a:hover,
.sidebar .widget_rss ul li a:hover,
.sidebar .widget_nav_menu ul li a:hover {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  color: inherit;
}
@media screen and (max-width: 480px) {
  .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;
  }
}
@media screen and (max-width: 480px) {
  .sidebar .widget-entry-card {
    font-size: 1em;
  }
  .sidebar .widget-entry-cards figure {
    width: 90px;
  }
  .sidebar .widget-entry-card-content {
    margin-left: 95px;
  }
  .sidebar .search-item label {
    padding: 2px;
  }
  .sidebar select {
    font-size: 1em;
    padding: 5px;
  }
}

.main .toc.toc-center .toc-title {
  justify-content: center;
}
.main .toc .toc-content.fas {
  font-weight: normal;
  display: block;
}
.main .toc .toc-checkbox:checked ~ .toc-content {
  padding-bottom: 0.6em;
}
.main .toc .toc-list li {
  font-weight: bold;
}
.main .toc .toc-list li ul li,
.main .toc .toc-list li ol li {
  font-weight: normal;
}

.sidebar .toc {
  background-color: transparent;
  padding: 0 12px;
  margin-top: 0;
  width: 100%;
}
.sidebar .toc .toc-title {
  display: none;
}
.sidebar .toc .toc-content {
  width: 100%;
  padding-top: 0;
  padding-left: 5px;
  max-height: 90vh;
  overflow: auto;
}
.sidebar .toc .toc-list {
  padding-left: 12px;
}
.sidebar .toc .toc-list ul,
.sidebar .toc .toc-list ol {
  padding-left: 0;
}
.sidebar .toc .toc-list li {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
.sidebar .toc .toc-list li ul,
.sidebar .toc .toc-list li ol {
  margin: 0;
  padding-left: 0;
}
.sidebar .toc .toc-list li ul li,
.sidebar .toc .toc-list li ol li {
  list-style: none;
  font-size: 13px;
  font-weight: normal;
}
.sidebar .toc .toc-list li ul li li::before,
.sidebar .toc .toc-list li ol li li::before {
  content: "- ";
}
.sidebar .toc.tnt-number ol, .sidebar .toc.tnt-number-detail ol {
  list-style: none;
}
.sidebar .toc.tnt-number ol li::before, .sidebar .toc.tnt-number-detail ol li::before {
  display: none;
}
.sidebar .toc .toc-list {
  position: relative;
}
.sidebar .toc .toc-list::before {
  position: absolute;
  content: "";
  width: 2px;
  background: #bbdae9;
  top: 13px;
  left: 0;
  bottom: 10px;
}
.sidebar .toc .toc-list li a::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -17px;
  width: 8px;
  height: 8px;
  background: #c4d7e1;
  border-radius: 10px;
  border: 2px solid #fff;
}
.sidebar .toc .toc-list li.current > a {
  color: #333;
  background: transparent;
  padding: 0;
}
.sidebar .toc .toc-list li.current > a::before {
  background: #4eb7d9;
  border-color: #4eb7d9;
}
.c-blue .sidebar .toc .toc-list li.current > a::before {
  background: #4eb7d9;
  border-color: #4eb7d9;
}
.c-black .sidebar .toc .toc-list li.current > a::before {
  background: #565656;
  border-color: #565656;
}
.c-sick .sidebar .toc .toc-list li.current > a::before {
  background: #04384c;
  border-color: #04384c;
}
.c-pink .sidebar .toc .toc-list li.current > a::before {
  background: #F99292;
  border-color: #F99292;
}
.c-green .sidebar .toc .toc-list li.current > a::before {
  background: #5da785;
  border-color: #5da785;
}
.c-yellow .sidebar .toc .toc-list li.current > a::before {
  background: #ffcb4f;
  border-color: #ffcb4f;
}
.c-orange .sidebar .toc .toc-list li.current > a::before {
  background: #f6a068;
  border-color: #f6a068;
}
.c-skin-default.skin-uraomote-a .sidebar .toc .toc-list li.current > a::before {
  background: #4eb7d9;
  border-color: #4eb7d9;
}
.c-skin-default.skin-uraomote-b .sidebar .toc .toc-list li.current > a::before {
  background: #565656;
  border-color: #565656;
}
.c-skin-default.skin-uraomote-c .sidebar .toc .toc-list li.current > a::before {
  background: #565656;
  border-color: #565656;
}
.sidebar .toc .toc-list li.current ul li a::before {
  background: #c4d7e1;
  border-color: #fff;
}
.sidebar .toc .toc-list li ul li a::before,
.sidebar .toc .toc-list li ol li a::before {
  width: 6px;
  height: 6px;
  top: 6px;
  left: -16px;
}

.widget_toc {
  background: #fff;
}
.widget_toc .toc-title {
  display: none;
}
.widget_toc h3::before {
  margin-right: 10px;
  content: "\f0ca";
}
.font-awesome-4 .widget_toc h3::before {
  font-family: "fontawesome";
  font-weight: normal;
}
.font-awesome-5 .widget_toc h3::before {
  font-family: "Font Awesome 5 Free";
}

/* サイドバー
------------------------------- */
.sidebar h3 {
  position: relative;
  padding: 2px 5px;
  border-bottom: 2px solid;
  font-size: 1em;
  background-color: transparent;
  margin: 0 -5px 10px;
  border-radius: 0;
}
.sidebar h3::after {
  position: absolute;
  content: "";
  height: 2px;
  background-color: #ddd;
  right: 0;
  bottom: -2px;
  width: 60%;
}
@media screen and (max-width: 480px) {
  .sidebar h3 {
    font-size: 1.1em;
    padding: 2px 0;
  }
}
.c-blue .sidebar h3 {
  border-color: #4eb7d9;
}
.c-black .sidebar h3 {
  border-color: #565656;
}
.c-sick .sidebar h3 {
  border-color: #04384c;
}
.c-pink .sidebar h3 {
  border-color: #F99292;
}
.c-green .sidebar h3 {
  border-color: #5da785;
}
.c-yellow .sidebar h3 {
  border-color: #ffcb4f;
}
.c-orange .sidebar h3 {
  border-color: #f6a068;
}
.c-skin-default.skin-uraomote-a .sidebar h3 {
  border-color: #4eb7d9;
}
.c-skin-default.skin-uraomote-b .sidebar h3 {
  border-color: #565656;
}
.c-skin-default.skin-uraomote-c .sidebar h3 {
  border-color: #565656;
}

/* 見出し・ページタイトル
--------------------------------- */
.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):not(.page-title), .article h6:not(.has-text-color):not(.page-title) {
  color: #444;
}
.article h4, .article h5, .article h6 {
  border-left: none;
  border-right: none;
}
.article h2:not(.page-title) {
  padding: 20px 12px;
  border-radius: 2px;
  border: none;
}
.article h2:not(.has-background):not(.page-title):not(.is-style-hd-hukidashi) {
  background: #f5f8fa;
}
.article h3:not(.has-background):not(.page-title) {
  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) {
  padding: 8px 12px;
}
.article h5,
.article h6 {
  padding: 5px 12px;
}
.article h4:not(.has-background):not(.page-title):not(.is-style-hd-hukidashi) {
  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;
}

/* ページのテーマカラーに合わせた配色
-------------------------------------------------- */
.c-blue .article h2: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) {
  background: var(--page-color-blue-main);
}
.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 var(--page-color-blue-main);
}
.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: var(--page-color-blue-main);
}
.c-blue .article p.見出し::before,
.c-blue .article p.is-style-midashi::before {
  border-color: var(--page-color-blue-main);
}

.c-black .article h2: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) {
  background: var(--page-color-black-main);
}
.c-black .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-black .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-black-main);
}
.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: var(--page-color-black-main);
}
.c-black .article p.見出し::before,
.c-black .article p.is-style-midashi::before {
  border-color: var(--page-color-black-main);
}

.c-sick .article h2: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) {
  background: var(--page-color-sick-main);
}
.c-sick .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-sick .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-sick-main);
}
.c-sick .article h3:not(.has-background):not(.page-title),
.c-sick .article h4:not(.has-background):not(.page-title),
.c-sick .article h5:not(.has-background):not(.page-title),
.c-sick .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-sick-main);
}
.c-sick .article p.見出し::before,
.c-sick .article p.is-style-midashi::before {
  border-color: var(--page-color-sick-main);
}

.c-pink .article h2: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) {
  background: var(--page-color-pink-main);
}
.c-pink .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-pink .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-pink-main);
}
.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: var(--page-color-pink-main);
}
.c-pink .article p.見出し::before,
.c-pink .article p.is-style-midashi::before {
  border-color: var(--page-color-pink-main);
}

.c-redd .article h2: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) {
  background: var(--page-color-redd-main);
}
.c-redd .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-redd .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-redd-main);
}
.c-redd .article h3:not(.has-background):not(.page-title),
.c-redd .article h4:not(.has-background):not(.page-title),
.c-redd .article h5:not(.has-background):not(.page-title),
.c-redd .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-redd-main);
}
.c-redd .article p.見出し::before,
.c-redd .article p.is-style-midashi::before {
  border-color: var(--page-color-redd-main);
}

.c-green .article h2: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) {
  background: var(--page-color-green-main);
}
.c-green .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-green .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-green-main);
}
.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: var(--page-color-green-main);
}
.c-green .article p.見出し::before,
.c-green .article p.is-style-midashi::before {
  border-color: var(--page-color-green-main);
}

.c-yellow .article h2: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) {
  background: var(--page-color-yellow-main);
}
.c-yellow .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-yellow .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-yellow-main);
}
.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: var(--page-color-yellow-main);
}
.c-yellow .article p.見出し::before,
.c-yellow .article p.is-style-midashi::before {
  border-color: var(--page-color-yellow-main);
}

.c-orange .article h2: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) {
  background: var(--page-color-orange-main);
}
.c-orange .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-orange .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-orange-main);
}
.c-orange .article h3:not(.has-background):not(.page-title),
.c-orange .article h4:not(.has-background):not(.page-title),
.c-orange .article h5:not(.has-background):not(.page-title),
.c-orange .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-orange-main);
}
.c-orange .article p.見出し::before,
.c-orange .article p.is-style-midashi::before {
  border-color: var(--page-color-orange-main);
}

.c-skin-default.skin-uraomote-a .article h2: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) {
  background: var(--page-color-blue-main);
}
.c-skin-default.skin-uraomote-a .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-skin-default.skin-uraomote-a .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-blue-main);
}
.c-skin-default.skin-uraomote-a .article h3:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-a .article h4:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-a .article h5:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-a .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-blue-main);
}
.c-skin-default.skin-uraomote-a .article p.見出し::before,
.c-skin-default.skin-uraomote-a .article p.is-style-midashi::before {
  border-color: var(--page-color-blue-main);
}

.c-skin-default.skin-uraomote-b .article h2: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) {
  background: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-b .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-skin-default.skin-uraomote-b .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-b .article h3:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-b .article h4:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-b .article h5:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-b .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-b .article p.見出し::before,
.c-skin-default.skin-uraomote-b .article p.is-style-midashi::before {
  border-color: var(--page-color-black-main);
}

.c-skin-default.skin-uraomote-c .article h2: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) {
  background: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-c .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-skin-default.skin-uraomote-c .article h3:not(.has-background):not(.page-title) {
  border-left: 6px solid var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-c .article h3:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-c .article h4:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-c .article h5:not(.has-background):not(.page-title),
.c-skin-default.skin-uraomote-c .article h6:not(.has-background):not(.page-title) {
  border-color: var(--page-color-black-main);
}
.c-skin-default.skin-uraomote-c .article p.見出し::before,
.c-skin-default.skin-uraomote-c .article p.is-style-midashi::before {
  border-color: var(--page-color-black-main);
}

/* リンクボタン
---------------------------------------------------------------------- */
.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;
}

/* 目次（TOC）
---------------------------------------------------------------------- */
.main .toc {
  margin: 20px auto 30px;
  border-radius: 0;
  box-sizing: border-box;
  padding: 38px 52px;
  display: table;
  width: 100%;
  counter-reset: li;
  border: 3px solid;
  border-left: none;
  border-right: none;
  background-image: linear-gradient(-45deg, rgba(186, 190, 193, 0.1) 25%, rgba(186, 190, 193, 0) 25%, rgba(186, 190, 193, 0) 50%, rgba(186, 190, 193, 0.1) 50%, rgba(186, 190, 193, 0.1) 75%, rgba(186, 190, 193, 0) 75%);
  background-size: 6px 6px;
}
@media screen and (max-width: 480px) {
  .main .toc {
    padding: 20px 20px;
  }
}
.main .toc .toc-title {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0;
}
.main .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 .main .toc .toc-title::before {
  font-family: "fontawesome";
  font-weight: normal;
}
.font-awesome-5 .main .toc .toc-title::before {
  font-family: "Font Awesome 5 Free";
}
@media screen and (max-width: 480px) {
  .main .toc .toc-title {
    margin-left: 0;
  }
}
@media screen and (max-width: 480px) {
  .main .toc.toc-center .toc-title {
    justify-content: flex-start;
  }
}
.main .toc .toc-list li {
  font-size: clamp(14px, 1.2em, 16px);
  font-weight: bold;
  line-height: 1.5em;
}
.main .toc .toc-list li > ul > li,
.main .toc .toc-list li > ol > li {
  font-size: clamp(13px, 0.9em, 15px);
  font-weight: normal;
}
@media screen and (max-width: 480px) {
  .main .toc.tnt-number, .main .toc.tnt-number-detail {
    padding: 20px 20px 20px 45px;
  }
}
.main .toc.tnt-number ol, .main .toc.tnt-number-detail ol {
  list-style-type: none;
  counter-reset: toc;
  padding-left: 40px;
}
@media screen and (max-width: 480px) {
  .main .toc.tnt-number ol, .main .toc.tnt-number-detail ol {
    padding-left: 0;
  }
}
.main .toc.tnt-number ol li::before, .main .toc.tnt-number-detail ol li::before {
  margin-right: 6px;
  counter-increment: toc;
  content: counters(toc, "");
  background-color: #eee;
  padding: 5px;
  width: 1.5em;
  border-radius: 1.5em;
  display: inline-block;
  text-align: center;
  font-family: Verdana;
  margin-left: -2.5em;
}
.main .toc.tnt-number ol li ol, .main .toc.tnt-number-detail ol li ol {
  margin-left: 10px;
  padding-left: 0;
}
.main .toc.tnt-number ol li ol li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free", "fontawesome";
  font-weight: 900;
  font-size: 1em;
  margin-left: 0;
  margin-right: 0;
  background-color: transparent;
  width: auto;
  padding: inherit;
  text-indent: -14px;
}
.main .toc.tnt-number ol li ol li ol {
  margin-left: 1em;
}
.main .toc.tnt-number-detail ol li ol {
  margin-left: 40px;
  padding-left: 0;
}
.main .toc.tnt-number-detail ol li ol li::before {
  content: counters(toc, ".");
  margin-left: calc(-2em - 16px);
  width: auto;
  padding: 1px 8px;
  border-radius: 4px;
  background-color: #eee;
}
.main .toc.tnt-number-detail ol li ol li ol {
  margin-left: 1em;
}

/* 各ページのテーマカラー
------------------------------- */
.c-blue .main .toc {
  border-color: #4eb7d9;
}
.c-blue .main .toc .toc-title::before {
  background-color: #4eb7d9;
  color: #fff;
}
.c-blue .main .toc .toc-list > li::before {
  background-color: rgba(78, 183, 217, 0.8);
  color: #fff;
}

.c-black .main .toc {
  border-color: #565656;
}
.c-black .main .toc .toc-title::before {
  background-color: #565656;
  color: #fff;
}
.c-black .main .toc .toc-list > li::before {
  background-color: rgba(86, 86, 86, 0.8);
  color: #fff;
}

.c-sick .main .toc {
  border-color: #04384c;
}
.c-sick .main .toc .toc-title::before {
  background-color: #04384c;
  color: #fff;
}
.c-sick .main .toc .toc-list > li::before {
  background-color: rgba(4, 56, 76, 0.8);
  color: #fff;
}

.c-pink .main .toc {
  border-color: #F99292;
}
.c-pink .main .toc .toc-title::before {
  background-color: #F99292;
  color: #fff;
}
.c-pink .main .toc .toc-list > li::before {
  background-color: rgba(249, 146, 146, 0.8);
  color: #fff;
}

.c-green .main .toc {
  border-color: #5da785;
}
.c-green .main .toc .toc-title::before {
  background-color: #5da785;
  color: #fff;
}
.c-green .main .toc .toc-list > li::before {
  background-color: rgba(93, 167, 133, 0.8);
  color: #fff;
}

.c-yellow .main .toc {
  border-color: #ffcb4f;
}
.c-yellow .main .toc .toc-title::before {
  background-color: #ffcb4f;
  color: #fff;
}
.c-yellow .main .toc .toc-list > li::before {
  background-color: rgba(255, 203, 79, 0.8);
  color: #fff;
}

.c-orange .main .toc {
  border-color: #f6a068;
}
.c-orange .main .toc .toc-title::before {
  background-color: #f6a068;
  color: #fff;
}
.c-orange .main .toc .toc-list > li::before {
  background-color: rgba(246, 160, 104, 0.8);
  color: #fff;
}

.c-skin-default.skin-uraomote-a .main .toc {
  border-color: #4eb7d9;
}
.c-skin-default.skin-uraomote-a .main .toc .toc-title::before {
  background-color: #4eb7d9;
  color: #fff;
}
.c-skin-default.skin-uraomote-a .main .toc .toc-list > li::before {
  background-color: rgba(78, 183, 217, 0.8);
  color: #fff;
}

.c-skin-default.skin-uraomote-b .main .toc {
  border-color: #565656;
}
.c-skin-default.skin-uraomote-b .main .toc .toc-title::before {
  background-color: #565656;
  color: #fff;
}
.c-skin-default.skin-uraomote-b .main .toc .toc-list > li::before {
  background-color: rgba(86, 86, 86, 0.8);
  color: #fff;
}

.c-skin-default.skin-uraomote-c .main .toc {
  border-color: #565656;
}
.c-skin-default.skin-uraomote-c .main .toc .toc-title::before {
  background-color: #565656;
  color: #fff;
}
.c-skin-default.skin-uraomote-c .main .toc .toc-list > li::before {
  background-color: rgba(86, 86, 86, 0.8);
  color: #fff;
}

/*# sourceMappingURL=style.css.map */