.archive__item-list-thumbnail{
    width: 96px;
    height: 96px;
    margin: 2em 0.5em 0 0;

    overflow: hidden; /* はみ出した内容を隠す */
    background-size: cover; /* 画像がコンテナを完全に覆うように調整 */
    background-position: center; /* 画像をコンテナの中央に配置 */
}

.archive-top-image{
    width: 100%;
    overflow: hidden; /* はみ出した内容を隠す */
    background-size: cover; /* 画像がコンテナを完全に覆うように調整 */
    background-position: center; /* 画像をコンテナの中央に配置 */
    height: 192px;
    margin-bottom: 0.5em;
}

.archive__item{
    display: flex;
    align-items: flex-start;
    height: 7em;
    overflow: hidden;
}
.archive___item-flex-item{
    flex: 1;
}

.category-articles-link{
    display: block;
    text-align: right;
    font-size: 0.8em;  /* 文字サイズを標準より小さく設定 */
    margin-top: 10px;  /* 上部にマージンを設定 */
}

/* affiliate */

.rakuten-banner{
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;
}

.rakuten-small-banners-wrapper{
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
    margin-bottom: 2em;
}

.rakuten-single-banner{
    border:1px solid #95A5A6;
    border-radius:.75rem;
    background-color:#FFFFFF;
    width:100%;
    margin:0;
    padding:5px;
    text-align:center;
    overflow:hidden;
}
.rakuten-single-banner-img{
    width:128px;
    margin:2px;
}
.rakuten-single-banner-paragraph{
    font-size:12px;
    line-height:1.4em;
    text-align:left;
    margin:0;
    padding:2px 6px;
    word-wrap:break-word;
}

.amazon-small-banner{
    margin-top: 2em;
    margin-bottom: 2em;
    text-align: center;
    max-width: 100px;
}

/* breadcrumb */

.breadcrumb {
    list-style: none; /* リストマーカーを消去 */
    padding: 0; /* パディングをリセット */
    margin: 0; /* マージンをリセット */
    font-family: Arial, sans-serif; /* フォント設定 */
    font-size: 14px; /* 文字サイズを14pxに設定 */
}

.breadcrumb li {
    display: inline; /* リストアイテムをインラインで表示 */
    margin-right: 5px; /* アイテム間の間隔を調整 */
}

.breadcrumb li + li:before {
    content: ">"; /* アイテム間にスラッシュを挿入 */
    margin-right: 5px; /* スラッシュ後の間隔を調整 */
    color: #666; /* スラッシュの色 */
}

.breadcrumb a {
    color: #0275d8; /* リンクの色 */
    text-decoration: none; /* 下線を消去 */
}

.breadcrumb a:hover {
    text-decoration: underline; /* ホバー時に下線を表示 */
}

.breadcrumb li[aria-current="page"] {
    color: #666; /* 現在のページのテキスト色 */
    pointer-events: none; /* リンク無効化 */
    cursor: default; /* カーソル変更 */
}

/* background */
.bg-cover{
    background-size: cover;
}

.top-background {
    background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("/assets/images/top_1500.webp"); /* デフォルトの背景画像 */
    background-size: cover;
    background-position: center;
}

@media (max-width: 768px) {
    .top-background {
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("/assets/images/top_1000.webp");
    }
}

@media (max-width: 480px) {
    .top-background {
        background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), url("/assets/images/top_500.webp");
    }
}

/* posts */

.posts-content-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1em;
}