/* ============================================================
   アートプチ（artputi.html）ページ固有スタイル
   ============================================================ */

/* ロゴ横並びブロック */
.p-artputi-logo-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 3rem;
}

.p-artputi-logo-box img {
    width: auto;
    height: auto;
}

/* 上付き文字（® マーク） */
.p-artputi-sup {
    font-size: 1.2em;
    color: inherit;
}

/* 出典テキスト */
.p-artputi-citation {
    margin-top: 1.5rem;
    color: #666;
}

.p-artputi-citation a {
    color: #666;
    text-decoration: underline;
}

.p-artputi-citation a:hover {
    opacity: 0.7;
}

/* ループリサイクル画像 */
.p-artputi-loop-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-artputi-loop-image img {
    width: 250px;
    max-width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .p-artputi-loop-image img {
        width: 200px;
    }
}

/* 画像注釈 */
.p-artputi-img-note {
    font-size: 0.9em;
    color: #888;
    margin-top: 0.4rem;
}