/*********************************************************************
 投稿・固定ページ設定
*********************************************************************/

/* ------ 公開・更新 ------ */
.date-tags{
 display: flex;
 align-items: center;
 margin-top: 12px;
 padding-top: 12px;
 border-top: var(--site-bor-color) solid 1px;
 grid-column-gap: 4px;
}

/* ------ 公開・更新 ------ */

/* 注釈 */
ul.note{
 display: flex;
 flex-direction: column;
}
ol.note{
 display: flex;
 flex-wrap: wrap;
 flex-direction: row;
 counter-reset: number 0;
}
.note > li{
 font-size: 1.4rem;
 font-size: clamp(1.4rem, 1vw, 16rem);
}
ul.note > li:before{
 content: "\203B";
 padding-right: .25em;
}
ol.note > li{
 float: left;
 padding-right: 1rem;
 counter-increment: number 1;
}
ol.note > li:before{
 content: "\203B"counter(number);
 padding-right: .25em;
}



/* ------ 関連ページ・よく読まれているページ一覧 ------ */
.related-item,.popular-item{
 position: relative;
 display: flex;
 align-items: center;
 padding: 4px 8px 4px 16px;
 gap: 8px;
 border-bottom: var(--site-bor-color) dotted 1px;
}
.related-item:not(:first-child),.popular-item:not(:first-child){
 margin-top: 8px;
}
.related-item:before,.popular-item:before{
 position: absolute;
 content: "";
 top: 50%;
 left: 0;
 width: calc(12px / 2 * tan(60deg));
 height: 12px;
 clip-path: polygon(0 0, 100% 50%, 0 100%);
 background: var(--site-txt-color);
 transform: translateY(-50%);
}