/************************************
** common
************************************/

/* ヘッダー */
.header .logo-text {
  padding: 16px 0;
}
.header .logo-text .site-name {
  display: block;
  line-height: 1.4;
}
.header-container {
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.1);
}
.fixed-header .logo-header img {
  height: auto !important;
  width: 263px !important;
}
.logo-image span,
.logo-image a {
  line-height: 1;
}
.navi-in {
  padding-inline: 1em;
}
.menu-header {
  gap: 10px;
}
.menu-header .menu-item {
  align-items: center;
  display: flex;
  justify-content: center;
}
/* 公式サイト */
.menuOfficial.menu-item a {
  background: #fff;
  border: 1px solid #333;
  border-radius: 50px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  padding: 12px;
  position: relative;
}
.menuOfficial.menu-item a::after {
  border: 0;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  bottom: 0;
  content: '';
  height: 6px;
  margin: auto;
  position: absolute;
  right: 16px;
  transform: rotate(45deg);
  transition: 0.5s;
  top: 0;
  width: 6px;
}
.menuOfficial.menu-item a:hover {
  background: #333 !important;
  color: #fff !important;
}
.menuOfficial.menu-item a:hover::after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  right: 12px;
}
/* 無料で使ってみる */
.menuUse.menu-item a {
  background: #ff9a17;
  border: 1px solid #ff9a17;
  border-radius: 50px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  padding: 12px;
  position: relative;
}
.menuUse.menu-item a::after {
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  bottom: 0;
  content: '';
  height: 6px;
  margin: auto;
  position: absolute;
  right: 16px;
  transform: rotate(45deg);
  transition: 0.5s;
  top: 0;
  width: 6px;
}
.menuUse.menu-item a:hover {
  background: #fff !important;
  color: #ff9a17 !important;
}
.menuUse.menu-item a:hover::after {
  border-top: solid 2px #ff9a17;
  border-right: solid 2px #ff9a17;
  right: 12px;
}
/* ログイン */
.menuLogin.menu-item a {
  background: #1577ff;
  border: 1px solid #1577ff;
  border-radius: 50px;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  line-height: 1;
  padding: 12px;
  position: relative;
}
.menuLogin.menu-item a::after {
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  bottom: 0;
  content: '';
  height: 6px;
  margin: auto;
  position: absolute;
  right: 16px;
  transform: rotate(45deg);
  transition: 0.5s;
  top: 0;
  width: 6px;
}
.menuLogin.menu-item a:hover {
  background: #fff !important;
  color: #1577ff !important;
}
.menuLogin.menu-item a:hover::after {
  border-top: solid 2px #1577ff;
  border-right: solid 2px #1577ff;
  right: 12px;
}

/* モバイルスライドインメニュー */
.menu-close-button {
  padding: 16px;
}
span.fa.fa-close {
  font-size: 20px;
}
span.fa.fa-close::before{
  align-items: center;
  background: #e9e9e9;
  border-radius: 100vh;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}
ul.menu-drawer:before{
  background: white;
  border-bottom: 1px solid #ccc;
  color:#333;
  content: "メニュー";
  display: flex;
  font-size:14px;
  line-height: 1;
  margin-block: 0 16px;
  padding: 16px 6px;
}
.menu-drawer li:not(:last-child) {
  margin-bottom: 16px;
}
.menu-drawer a {
  font-size: 16px;
}

/* 見出し */
.post_functions-template-default article.post_functions h3,
.single-post article.post h3,
.page:not(.home) article.page h3 {
    background-color: #E6F4FF;
}

.post_functions-template-default article.post_functions h4,
.single-post article.post h4,
.page:not(.home) article.page h4 {
    background-color: #E6F4FF;
}

.related-entry-card-title {
    background-color: #fff !important;
}

/* サイドバー */
.sidebar {
  padding: 0 20px !important;
}

/* 目次 */
.post_functions-template-default .sidebar-scroll,
.single-post .sidebar-scroll,
.page:not(.home) .sidebar-scroll {
  height: 100dvh;
}

.post_functions-template-default article.post_functions #toc,
.post_functions-template-default .sidebar-scroll .widget_toc .toc,
.single-post article.post #toc,
.single-post .sidebar-scroll .widget_toc .toc,
.page:not(.home) article.page #toc,
.page:not(.home) .sidebar-scroll .widget_toc .toc {
  background-color: #fff;
  border: 0;
  box-shadow: 0 8px 40px #131d300d;
  border-radius: 20px;
  margin: 40px auto 80px;
  padding: 0;
  width: 100%;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc,
.single-post .sidebar-scroll .widget_toc .toc,
.page:not(.home) .sidebar-scroll .widget_toc .toc {
  background: none;
  border-left: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  margin: 40px auto 0;
}

.post_functions-template-default article.post #toc .toc-title,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-title,
.single-post article.post #toc .toc-title,
.single-post .sidebar-scroll .widget_toc .toc .toc-title,
.page:not(.home) article.page #toc .toc-title,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title {
  border-radius: 20px;
  box-shadow: 0 8px 40px #131d300d;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  padding: 20px 40px;
  position: relative;
  text-align: left;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-checkbox,
.single-post .sidebar-scroll .widget_toc .toc .toc-checkbox,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-checkbox {
  display: none;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-title,
.single-post .sidebar-scroll .widget_toc .toc .toc-title,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title {
  font-size: 16px;
  display: none;
  padding: 10px 20px;
}

.post_functions-template-default article.post #toc .toc-title::before,
.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title::before,
.single-post article.post #toc .toc-title::before,
.single-post .sidebar-scroll .widget_toc .toc .toc-title::before,
.page:not(.home) article.page #toc .toc-title::before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::before {
  background-color: #1677FF;
  border: 1px solid #1677FF;
  border-radius: 24px;
  content: "";
  display: inline-block;
  height: 0;
  left: auto;
  margin: 0;
  padding: 14px 20px;
  position: absolute;
  right: 40px;
  transform: translateY(-50%);
  top: 50%;
  transition: 0.5s;
  width: 0;
}

.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title::before,
.single-post .sidebar-scroll .widget_toc .toc .toc-title::before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::before {
  right: 20px;
}

.post_functions-template-default article.post_functions #toc .toc-title::after,
.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title::after,
.single-post article.post #toc .toc-title::after,
.single-post .sidebar-scroll .widget_toc .toc .toc-title::after,
.page:not(.home) article.page #toc .toc-title::after,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::after {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  content: "";
  display: inline-block;
  height: 0;
  margin: 0;
  position: absolute;
  right: 55px;
  transform: translateY(-50%);
  top: 50%;
  transition: 0.5s;
  width: 0;
}

.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title::after,
.single-post .sidebar-scroll .widget_toc .toc .toc-title::after,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::after {
  right: 35px;
}

.post_functions-template-default article.post_functions #toc .toc-title:hover::before,
.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title:hover::before,
.single-post article.post #toc .toc-title:hover::before,
.single-post .sidebar-scroll .widget_toc .toc .toc-title:hover::before,
.page:not(.home) article.page #toc .toc-title:hover::before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title:hover::before {
  background-color: #fff;
  border: 1px solid #1677FF;
  transition: 0.5s;
}

.post_functions-template-default article.post_functions #toc .toc-title:hover::after,
.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-title:hover::after,
.single-post article.post #toc .toc-title:hover::after,
.single-post .sidebar-scroll .widget_toc .toc .toc-title:hover::after,
.page:not(.home) article.page #toc .toc-title:hover::after,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title:hover::after {
  border-color: #1677FF transparent transparent transparent;
  transition: 0.5s;
}

.post_functions-template-default
  article.post_functions
  #toc
  .toc-checkbox:checked
  ~ .toc-content,
.single-post article.post #toc .toc-checkbox:checked ~ .toc-content,
.page:not(.home) article.page #toc .toc-checkbox:checked ~ .toc-content {
  padding: 40px;
}

.post_functions-template-default
  article.post_functions
  #toc.toc-checkbox:not(:checked)
  ~ .toc-content,
.single-post article.post #toc.toc-checkbox:not(:checked) ~ .toc-content,
.page:not(.home) article.page #toc.toc-checkbox:not(:checked) ~ .toc-content {
  overflow: hidden;
  padding: 0;
}

.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content,
.single-post
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content,
.page:not(.home)
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content {
  max-height: calc(100dvh - 280px);
  overflow-y: scroll;
  padding: 0 20px;
}

.go-to-top-visible.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content,
.go-to-top-visible.single-post
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content,
.go-to-top-visible.page:not(.home)
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:checked
  ~ .toc-content {
  max-height: calc(100dvh - 280px);
}

.post_functions-template-default
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:not(:checked)
  ~ .toc-content,
.single-post
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:not(:checked)
  ~ .toc-content,
.page:not(.home)
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-checkbox:not(:checked)
  ~ .toc-content {
  max-height: 0;
  overflow-y: hidden;
  padding: 0;
}

.post_functions-template-default article.post_functions #toc .toc-list,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list,
.single-post article.post #toc .toc-list,
.single-post .sidebar-scroll .widget_toc .toc .toc-list,
.page:not(.home) article.page #toc .toc-list,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list {
  padding: 0;
  position: relative;
}

.post_functions-template-default article.post_functions #toc .toc-list li:first-child,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li:first-child,
.single-post article.post #toc .toc-list li:first-child,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li:first-child,
.page:not(.home) article.page #toc .toc-list li:first-child,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li:first-child {
  border-top: 1px solid #ddd;
}

.post_functions-template-default article.post_functions #toc .toc-list li,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li,
.single-post article.post #toc .toc-list li,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li,
.page:not(.home) article.page #toc .toc-list li,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  font-weight:700;
  line-height: 1.5;
  list-style-type: none!important;
  margin: 0;
  padding: 14px 30px;
  position: relative;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li {
  border: 0 !important;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li a,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li a,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li a {
  display: block;
  padding: 8px;
  width: 100%;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li a:hover,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li a:hover,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li a:hover {
  background: #f8f8f8;
  border-radius: 5px;
  text-decoration: none;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li a.active-toc,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li a.active-toc,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li a.active-toc {
  background: #E6F4FF;
  border-radius: 5px;
  color: #1677FF;
  font-weight: 700;
}

.post_functions-template-default article.post_functions #toc .toc-list li ol li,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li ol li,
.single-post article.post #toc .toc-list li ol li,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li ol li,
.page:not(.home) article.page #toc .toc-list li ol li,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li ol li {
  border-bottom: 0;
  font-weight: 400;
  margin: 14px 0 0;
  padding: 0 0 0 30px;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li ol li,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li ol li,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li ol li {
  margin: 0;
  padding: 0;
}

.post_functions-template-default article.post_functions #toc .toc-list li ol li:first-child,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li ol li:first-child,
.single-post article.post #toc .toc-list li ol li:first-child,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li ol li:first-child,
.page:not(.home) article.page #toc .toc-list li ol li:first-child,
.page:not(.home)
  .sidebar-scroll
  .widget_toc
  .toc
  .toc-list
  li
  ol
  li:first-child {
  border-top: 0;
}

.post_functions-template-default article.post_functions #toc .toc-list li:before,
.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li:before,
.single-post article.post #toc .toc-list li:before,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li:before,
.page:not(.home) article.page #toc .toc-list li:before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li:before {
  background-color: #1677FF;
  border-radius: 10px;
  content: "";
  height: 10px;
  left: 10px;
  position: absolute;
  top: 22px;
  width: 10px;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li:before,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li:before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li:before {
  content: none;
  /* top: 14px; */
}

.post_functions-template-default article.post_functions #toc .toc-list li ol li:before,
.single-post article.post #toc .toc-list li ol li:before,
.page:not(.home) article.page #toc .toc-list li ol li:before {
  top: 8px;
}

.post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li ol li:before,
.single-post .sidebar-scroll .widget_toc .toc .toc-list li ol li:before,
.page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li ol li:before {
  top: 6px;
}

@media screen and (max-width: 834px) {
  .menuOfficial.menu-item a,
  .menuUse.menu-item a,
  .menuLogin.menu-item a {
    padding: 16px;
  }

  .post_functions-template-default article.post_functions #toc .toc-title,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-title,
  .single-post article.post #toc .toc-title,
  .single-post .sidebar-scroll .widget_toc .toc .toc-title,
  .page:not(.home) article.page #toc .toc-title,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title {
    font-size: 14px;
    padding: 10px 20px;
  }

  .post_functions-template-default article.post_functions #toc .toc-title::before,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-title::before,
  .single-post article.post #toc .toc-title::before,
  .single-post .sidebar-scroll .widget_toc .toc .toc-title::before,
  .page:not(.home) article.page #toc .toc-title::before,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::before {
    padding: 10px 16px;
    right: 20px;
  }

  .post_functions-template-default article.post_functions #toc .toc-title::after,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-title::after,
  .single-post article.post #toc .toc-title::after,
  .single-post .sidebar-scroll .widget_toc .toc .toc-title::after,
  .page:not(.home) article.page #toc .toc-title::after,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-title::after {
    right: 31px;
  }

  .post_functions-template-default article.post_functions #toc .toc-checkbox:checked ~ .toc-content,
  .single-post article.post #toc .toc-checkbox:checked ~ .toc-content,
  .page:not(.home) article.page #toc .toc-checkbox:checked ~ .toc-content {
    padding: 20px;
  }

  .post_functions-template-default article.post_functions #toc .toc-list li,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li,
  .single-post article.post #toc .toc-list li,
  .single-post .sidebar-scroll .widget_toc .toc .toc-list li,
  .page:not(.home) article.page #toc .toc-list li,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li {
    padding: 10px 0 10px 30px;
  }

  .post_functions-template-default article.post_functions #toc .toc-list li:before,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li:before,
  .single-post article.post #toc .toc-list li:before,
  .single-post .sidebar-scroll .widget_toc .toc .toc-list li:before,
  .page:not(.home) article.page #toc .toc-list li:before,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li:before {
    top: 16px;
  }

  .post_functions-template-default article.post_functions #toc .toc-list li,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li,
  .single-post article.post #toc .toc-list li,
  .single-post .sidebar-scroll .widget_toc .toc .toc-list li,
  .page:not(.home) article.page #toc .toc-list li,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li {
    font-size: 14px;
  }

  .post_functions-template-default article.post_functions #toc .toc-list li ol li,
  .post_functions-template-default .sidebar-scroll .widget_toc .toc .toc-list li ol li,
  .single-post article.post #toc .toc-list li ol li,
  .single-post .sidebar-scroll .widget_toc .toc .toc-list li ol li,
  .page:not(.home) article.page #toc .toc-list li ol li,
  .page:not(.home) .sidebar-scroll .widget_toc .toc .toc-list li ol li {
    padding: 0 0 0 30px;
  }
}