.postContent__category{
    margin-top: 5em;
}

.postContent__category span:first-of-type img{
    width: 1.6rem;
    margin-right: .6rem;
}

.postContent__categoryLink{
    color: var(--color-white);
    background: var(--color-main);
    padding: .4rem .7rem .5rem .5rem;
    border-radius: .6rem;
    font-size: 1.2rem;
    font-weight: 700;
}

.postContent__time{
    font-weight: 400px;
    margin-top: 1.326rem;
}

.postContent__time time:nth-of-type(2){
    margin-left: 1em;
}

.postContent__main {
    margin-top: 3.75em;
}

/* 最初と最後の要素のmarginを調整 */
.postContent__main > *:first-child {
    margin-top: 0;
}

.postContent__main > *:last-child {
    margin-bottom: 0;
}

/* 投稿コンテンツの子要素 */
.postContent__main h1 {
    font-size: 2em;
    font-weight: 700;
    line-height: 150%;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.postContent__main h2 {
    font-size: 1.375em;
    font-weight: 700;
    line-height: 140%;
    margin-top: 3.75em;
    margin-bottom: 2.5em;
}

.postContent__main h3 {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 150%;
    margin-top: 3.75em;;
    margin-bottom: 2.5em;
}

/* .postContent__main h4 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 150%;
    margin-top: 2.5rem;
    margin-bottom: 1.2rem;
    color: var(--color-text);
}

.postContent__main h5 {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 150%;
    margin-top: 2rem;
    margin-bottom: 1rem;
    color: var(--color-text);
}

.postContent__main h6 {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 150%;
    margin-top: 1.8rem;
    margin-bottom: 0.8rem;
    color: var(--color-text);
} */

.postContent__main p {
    font-size: 1.125em;
    line-height: 1.5;
    color: var(--color-text);
    margin-top: 1em;
    margin-bottom: 1em;
}

.postContent__main figure{
    margin-top: 3.75em;
    margin-bottom: 3.75em;
}
.postContent__main ul,
.postContent__main ol {
    font-size: 1.125em;
    line-height: 150%;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 2rem;
    color: var(--color-text);
    }
    
.postContent__main li {
    
}
    
.postContent__main a {
    color: var(--color-main);
    text-decoration: underline;
    transition: opacity 0.3s ease;
}

.postContent__main a:hover {
    opacity: 0.8;
}

/*
.postContent__main img {
    max-width: 100%;
    height: auto;
    border-radius: 0.8rem;
    margin: 2rem 0;
    display: block;
}

.postContent__main blockquote {
    background: #f8f9fa;
    border-left: 4px solid var(--color-main);
    padding: 2rem;
    margin: 2rem 0;
    font-style: italic;
    border-radius: 0.8rem;
}

.postContent__main code {
    background: #f1f3f4;
    padding: 0.2rem 0.5rem;
    border-radius: 0.4rem;
    font-family: 'Monaco', 'Consolas', monospace;
    font-size: 1.4rem;
}

.postContent__main pre {
    background: #f1f3f4;
    padding: 2rem;
    border-radius: 0.8rem;
    overflow-x: auto;
    margin: 2rem 0;
}

.postContent__main pre code {
    background: none;
    padding: 0;
}

.postContent__main table {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
    border-radius: 0.8rem;
    overflow: hidden;
}

.postContent__main th,
.postContent__main td {
    padding: 1.2rem;
    text-align: left;
    border-bottom: 1px solid #e1e5e9;
}

.postContent__main th {
    background: var(--color-main);
    color: var(--color-white);
    font-weight: 600;
}

.postContent__main tr:hover {
    background: #f8f9fa;
}
 */

.postContent__separator{
    border: none;
    border-top: 0.1rem solid var(--color-line);
    margin: 9.2rem 0 5rem;
    width: 100%;
}

.postContent__bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    margin-top: 5rem;
}

.postContent__bottom_logo{
    width: 12rem;
    height: auto;
}

.postContent__bottom_text{
    font-size: 1.8rem;
    line-height: 150%;
    color: var(--color-text);
    /* max-width: 40rem; */
    /* text-align: center; */
    /* margin-top: 2.5rem; */
}

.is--post .buttonWrapper{
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 13.8rem;
}

.otherPost{
    margin-top: 16rem;
}

.otherPost__item:nth-child(n + 2){
    margin-top: 17rem;
}

.otherPost__title{
    text-align: center;
}


/* ---------------------------
目次
---------------------------- */
/* 目次全体の背景と余白 */
#ez-toc-container {
  border: none!important;
  padding: 2.5em!important;
  margin: 3.75em auto!important;
}

/* タイトルを中央&強調 */
/* #ez-toc-container .ez-toc-title {
  font-weight: 700!important;
  font-size: 1.125em!important;
  color: var(--color-text)!important;
} */

#ez-toc-container .ez-toc-title {
    display: block!important;       /* ブロック要素にして幅を広げる */
    width: 100%!important;          /* 横幅を100%にする */
    cursor: pointer;      /* クリック可能であることを示す */
    padding: .4em .4em .4em 0!important;   /* 高さと横の余白を増やしてクリック領域拡大 */
    box-sizing: border-box; /* パディング分も幅に含める */
    font-size: 1.6em!important;
    font-weight: 700!important;
}

.ez-toc-title-toggle {
  display: none !important;
}

#ez-toc-container ul.ez-toc-list a{
    font-size: 1.6rem!important;
}
/* リスト部分の文字を大きく・太字に */
/* #ez-toc-container ul.ez-toc-list > li > a {
  font-size: 2em;
  font-weight: bold;
  color: #333;
  margin-bottom: 16px;
} */

/* #ez-toc-container ul.ez-toc-list {
  list-style: none;
  padding-left: 0;
} */

/* ボックスシャドウや罫線不要 */
/* #ez-toc-container, #ez-toc-widget-container {
  box-shadow: none;
  border-radius: 0;
} */

/* 目次タイトル横に切替用テキストを追加 */
.ez-toc-title::after {
  content: "［表示/非表示］";
  margin-left: 8px;
  font-weight: normal;
  font-size: 0.9em;
}