.p-single {
  padding-bottom: var(--layout-pc-content-bottom-margin);

  .p-single-meta {
    margin-bottom: 50px;

    .p-single-meta-dates {
      display: flex;
      gap: 20px;
      margin-bottom: 20px;

      .p-single-meta-date {
        display: flex;
        align-items: center;
        gap: 5px;

        .p-single-meta-date__image {
          width: 14px;
        }

        .p-single-meta-date__text {
          font-size: 1.4rem;
          letter-spacing: 1.4px;
        }
      }
    }
  }

  .p-single-main {
    .p-single-main-content {
      .p-single-main-content-icatch {
        margin-top: 50px;

        .p-single-main-content-icatch__image {
          width: 100%;
          border-radius: 10px;
        }
      }

      .p-single-main-index {
        margin-top: 100px;
      }

      .p-single-main-wp-content {
        margin-top: 50px;

        /* TOC - 目次
        ---------- */
        #toc_container {
          width: 800px !important;
          margin-inline: auto;
          border-radius: 30px;
          background-color: var(--color-bg-01);
          border: none;
          padding: 50px 0 52px 0;
          margin-top: 50px;
          display: grid;
          gap: 32px;

          .toc_title {
            font-size: 2.4rem;
            font-weight: 700;
            line-height: 150%;
            letter-spacing: 1.2px;
          }

          .toc_list {
            width: 600px;
            margin-inline: auto;
            display: grid;
            gap: 36px;

            li {
              display: grid;
              gap: 34px;

              a {
                display: inline-block;
                font-size: 1.6rem;
                font-weight: 500;
                letter-spacing: 0.8px;
                color: var(--color-text);

                .toc_number {
                  display: inline-block;
                  padding-right: 10px;
                  margin-right: 10px;
                  border-right: 1px solid var(--color-primary-01);
                  font-family: var(--font-ff-outfit);
                  color: var(--color-primary-01);
                }

                &:hover {
                  text-decoration: none;
                }
              }

              ul {
                margin-left: 48px;

                li {
                  a {
                    .toc_number {
                      display: none;
                    }
                  }
                }
              }


              &::before {
                display: none;
              }
            }
          }
        }

        /* タグ一覧
        ------------- */
        p {
          font-size: 1.6rem;
          line-height: 170%;
          letter-spacing: 1.6px;
          margin-top: 50px;
        }

        a {
          color: var(--color-primary-01);
          font-size: 1.6rem;
          font-weight: 400;
          line-height: 170%;
          letter-spacing: 1.6px;
          text-decoration-line: underline;
        }
      }

      .p-single-main-wp-content.p-single-main-wp-content--no-index {
        #toc_container {
          display: none !important;
        }
      }

      .p-single-main-pagination {
      }
    }
  }

  .p-single-relation-posts {
    margin-top: 100px;

    .c-title-h3 {
      margin-bottom: 50px;
    }
  }
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .p-single {
    .p-single-meta {
      margin: 0 var(--device-tab-padding) 50px var(--device-tab-padding);
    }

    .p-single-main {
      .l-container {
        margin: 0 var(--device-tab-padding);
      }

      .p-single-main-content {
        .p-single-main-wp-content {
          /* TOC - 目次
          ---------- */
          #toc_container {
            width: 100% !important;
          }
        }  
      }
    }
  }
}

/* SP */
@media screen and (max-width: 768px) {
  .p-single {
    padding-bottom: var(--layout-sp-content-bottom-margin);
  
    .p-single-meta {
      margin: 0 30px 50px 30px;
  
      .p-single-meta-dates {
        .p-single-meta-date {
          .p-single-meta-date__image {
          }
  
          .p-single-meta-date__text {
          }
        }
      }
    }
  
    .p-single-main {
      .l-container {
        margin: 0
      }

      .p-single-main-content {
        .c-title-h3 {
          margin: 0 30px;
        }

        .p-single-main-content-icatch {
          margin: 37px 30px 0 39px;
  
          .p-single-main-content-icatch__image {
            border-radius: 10px;
          }
        }
  
        .p-single-main-index {
          margin-top: 50px;
        }
  
        .p-single-main-wp-content {
          margin: 0 30px 0 30px;

          /* TOC - 目次
          ---------- */
          #toc_container {
            padding: 50px 30px;
            width: calc(100% + 60px) !important;
            margin: 50px -30px 0 -30px;
            box-sizing: border-box;
            gap: 22px;

            .toc_title {
            }

            .toc_list {
              width: auto;
              gap: 30px;

              li {
                gap: 30px;

                a {
                  .toc_number {
                    padding-right: 7px;
                    margin-right: 7px;
                  }
                }
              }
            }
          }
  
          /* タグ一覧
          ------------- */

          p {
            font-size: 1.4rem;
            letter-spacing: 1.4px;
          }
  
          a {
            font-size: 1.4rem;
            letter-spacing: 1.4px;
          }
        }
  
        .p-single-main-pagination {
        }
      }
    }
  
    .p-single-relation-posts {
      margin: 100px 30px 0 30px;
      
      .c-title-h3 {
      }
    }
  }
}