#header-container,
#header-container .navi,
#navi .navi-in > .menu-header .sub-menu,
.article h2,
.sidebar h2,
.sidebar h3,
.cat-link,
.cat-label,
.appeal-content .appeal-button,
.demo .cat-label,
.blogcard-type .blogcard-label,
#footer{
  background-color: #136ebf;
}
#navi .navi-in a:hover,
#footer a:not(.sns-button):hover{
  background-color: rgba(255, 255, 255, 0.2);
}
.article h3,
.article h4,
.article h5,
.article h6,
.cat-link,
.tag-link{
  border-color: #136ebf;
}
blockquote::before, blockquote::after,
.pager-post-navi a.a-wrap::before {
  color: rgba(19, 110, 191, 0.5);
}
blockquote,
.key-btn {
  background-color: rgba(19, 110, 191, 0.05);
  border-color: rgba(19, 110, 191, 0.5);
}
pre,
.pager-links span,
.scrollable-table table th,
table th,
.pagination .current {
  background-color: rgba(19, 110, 191, 0.1);
  border-color: rgba(19, 110, 191, 0.5);
}
table:not(.has-border-color) th,
table:not(.has-border-color) td,
table:not(.has-border-color) thead,
table:not(.has-border-color) tfoot,
.page-numbers,
.page-numbers.dots,
.tagcloud a,
.list.ecb-entry-border .entry-card-wrap,
.related-entries.recb-entry-border .related-entry-card-wrap,
.carousel .a-wrap,
.pager-post-navi.post-navi-border a.a-wrap,
.article .toc,
.a-wrap .blogcard,
.author-box,
.comment-reply-link,
.ranking-item{
  border-color: rgba(19, 110, 191, 0.5)}

table tr:nth-of-type(2n+1),
.page-numbers.dots,
.a-wrap:hover,
.pagination a:hover,
.pagination-next-link:hover,
.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,
.pager-links a:hover span,
/*.cat-link:hover,*/
.tag-link:hover,
.tagcloud a:hover{
  background-color: rgba(19, 110, 191, 0.05);
}

.header,
.header .site-name-text,
#navi .navi-in a,
#navi .navi-in a:hover,
.article h2,
.sidebar h2,
.sidebar h3,
#footer,
#footer a:not(.sns-button){
  color: #fff;
}
:root {
  --cocoon-header-text-color: #fff;
  --cocoon-navi-text-color: #fff;
}

.header .header-in{
  min-height: 100px;
}
#header-container,
#header-container .navi,
#navi .navi-in > .menu-header .sub-menu{
  background-color: #009da3;
}
#header-container {
  --cocoon-header-text-color: #fff;
  --cocoon-navi-text-color: #fff;
}

.header,
.header .site-name-text,
#navi .navi-in a,
#navi .navi-in a:hover{
  color: #fff;
}

#header-container .navi,
#navi .navi-in > .menu-header .sub-menu{
  background-color: #3e752c;
}
#navi {
  --cocoon-navi-text-color: #fff;
}

#navi .navi-in a,
#navi .navi-in a:hover{
  color: #fff;
}

#navi .navi-in a:hover{
  background-color: rgba(255, 255, 255, 0.2);
}
.go-to-top .go-to-top-button{
  background-color: #a261e2;
}
.cat-label.cat-label-189, .cat-link.cat-link-189{
  background-color: #b5ab29;
  color: #fff;
}

.main{
  width: 960px;
}
.sidebar{
  width: 376px;
}
.logo-header img{
  height: 200px;
  width: auto;
}
.fixed-header .logo-header img{
  height: auto;
}
.logo-header img{
  width: 1200px;
  height: auto;
}
.fixed-header .logo-header img{
  width: auto;
}
/* .toc-content, */
.toc-checkbox {
  display: none;
}
.toc-content{
  visibility: hidden;
  /*display: block; */
  /* margin-top: -24px; */
  height: 0;
  opacity: 0.2;
  transition: all 0.5s ease-out;
}
.toc-checkbox:checked ~ .toc-content {
  /* display: block; */
  visibility: visible;
  padding-top: 0.6em;
  height: 100%;
  opacity: 1;
}
.toc-title::after{
  content: '[開く]';
  margin-left: 0.5em;
  cursor: pointer;
  font-size: 0.8em;
}
.toc-title:hover::after{
  text-decoration: underline;
}

.toc-checkbox:checked + .toc-title::after{
  content: '[目次を閉じる]';
}.eye-catch-wrap{
  justify-content: center;
}
#respond {
  inset: 0;
  position: absolute;
  visibility: hidden;
}
#navi .navi-in > ul > li{
  width: auto;
}
#navi .navi-in > ul > li > a{
  padding: 0 1.4em;
}
.entry-content > *,
.demo .entry-content p {
  line-height: 1.8;
}
  .entry-content > *,
.mce-content-body > *,
.article p,
.demo .entry-content p,
.article dl,
.article ul,
.article ol,
.article blockquote,
.article pre,
.article table,
.article .toc,
.body .article,
.body .column-wrap,
.body .new-entry-cards,
.body .popular-entry-cards,
.body .navi-entry-cards,
.body .box-menus,
.body .ranking-item,
.body .rss-entry-cards,
.body .widget,
.body .author-box,
.body .blogcard-wrap,
.body .login-user-only,
.body .information-box,
.body .question-box,
.body .alert-box,
.body .information,
.body .question,
.body .alert,
.body .memo-box,
.body .comment-box,
.body .common-icon-box,
.body .blank-box,
.body .button-block,
.body .micro-bottom,
.body .caption-box,
.body .tab-caption-box,
.body .label-box,
.body .toggle-wrap,
.body .wp-block-image,
.body .booklink-box,
.body .kaerebalink-box,
.body .tomarebalink-box,
.body .product-item-box,
.body .speech-wrap,
.body .wp-block-categories,
.body .wp-block-archives,
.body .wp-block-archives-dropdown,
.body .wp-block-calendar,
.body .ad-area,
.body .wp-block-gallery,
.body .wp-block-audio,
.body .wp-block-cover,
.body .wp-block-file,
.body .wp-block-media-text,
.body .wp-block-video,
.body .wp-block-buttons,
.body .wp-block-columns,
.body .wp-block-separator,
.body .components-placeholder,
.body .wp-block-search,
.body .wp-block-social-links,
.body .timeline-box,
.body .blogcard-type,
.body .btn-wrap,
.body .btn-wrap a,
.body .block-box,
.body .wp-block-embed,
.body .wp-block-group,
.body .wp-block-table,
.body .scrollable-table,
.body .wp-block-separator,
.body .wp-block,
.body .video-container,
.comment-area,
.related-entries,
.pager-post-navi,
.comment-respond {
  margin-bottom: 1.4em;
}

#wpcontent #wpbody .is-root-container > * {
  margin-bottom: 1.4em;
}

.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  margin-bottom: 1.26em;
}
@media screen and (max-width: 480px){
  .body,
  .menu-content{
    font-size: 16px;
  }
}
@media screen and (max-width:781px) {
  .wp-block-column{
    margin-bottom: 1.4em;
  }
}
@media screen and (max-width:834px) {
  .container .column-wrap{
    gap: 1.4em;
  }
}
.article .micro-top{
  margin-bottom: 0.28em;
}
.article .micro-bottom{
  margin-top: -1.26em;
}

.article .micro-balloon{
  margin-bottom: 0.7em;
}
.article .micro-bottom.micro-balloon{
  margin-top: -0.98em;
}

.blank-box.bb-key-color{
  border-color: #136ebf;
}
.iic-key-color li::before{
  color: #136ebf;
}
.blank-box.bb-tab.bb-key-color::before {
  background-color: #136ebf;
}
.tb-key-color .toggle-button {
  border: 1px solid #136ebf;
  background: #136ebf;
  color: #fff;
}
.tb-key-color .toggle-button::before {
  color: #ccc;
}
.tb-key-color .toggle-checkbox:checked ~ .toggle-content {
  border-color: #136ebf;
}
.cb-key-color.caption-box {
  border-color: #136ebf;
}
.cb-key-color .caption-box-label {
  background-color: #136ebf;
  color: #fff;
}
.tcb-key-color .tab-caption-box-label {
  background-color: #136ebf;
  color: #fff;
}
.tcb-key-color .tab-caption-box-content {
  border-color: #136ebf;
}
.lb-key-color .label-box-content {
  border-color: #136ebf;
}
.mc-key-color {
  background-color: #136ebf;
  color: #fff;
  border: none;
}
.mc-key-color.micro-bottom::after {
  border-bottom-color: #136ebf;
  border-top-color: transparent;
}
.mc-key-color::before {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.mc-key-color::after {
  border-top-color: #136ebf;
}
.btn-key-color, .btn-wrap.btn-wrap-key-color > a {
  background-color: #136ebf;
}
.has-text-color.has-key-color-color {
  color: #136ebf;
}
.has-background.has-key-color-background-color {
  background-color: #136ebf;
}
.body.article,
body#tinymce.wp-editor{
  background-color: #fff}
.body.article,
.editor-post-title__block .editor-post-title__input,
body#tinymce.wp-editor{
  color: #333}
.box-menu:hover{
  box-shadow: inset 2px 2px 0 0 #136ebf, 2px 2px 0 0 #136ebf, 2px 0 0 0 #136ebf, 0 2px 0 0
#136ebf;
}
.box-menu-icon{
  color: #136ebf;
}