/* pixiv 面（AI申告作品の紹介）の色と記事の部品（9/6）。間取りは gallery（にじエロ型）をそのまま使う。売り物ではないので買うボタン・価格は無い */
.yms-pxbadges { display: flex; gap: 6px; margin: 0 0 8px; }
.yms-pxbadge { display: inline-block; background: #C50025; color: #fff; font-size: 12px; font-weight: 800; padding: 5px 8px; border-radius: 3px; letter-spacing: .04em; }
.yms-pxbadge--ai { background: #1A1A1A; } .yms-pxbadge--gif { background: #2F6BFF; }
.yms-pxby { font-size: 13px; color: #555; margin: 0 0 10px; } .yms-pxby a { color: #111; font-weight: 700; text-decoration: none; }
.yms-pxnote, .yms-pxfoot { font-size: 11px; color: #777; margin: 0 0 12px; line-height: 1.7; } .yms-pxfoot { margin: 28px 0 0; }
.yms-pxpics { display: grid; grid-template-columns: 1fr; gap: 14px; }   /* 9/7 深瀬「基本は一列。2列は FANZA/DLsite の表紙が荒くなった時の逃げ」 */
/* 9/10: 元の画素数で等倍に出せる幅までにする。足りない絵は小さく、真ん中に置く。
   画面の細かさは PC が2倍・携帯が3倍なので、上限を2つ持つ（--cap2 / --cap3） */
.yms-pxpic { margin: 0 auto; max-width: var(--cap2, none); }
@media (max-width: 767px) { .yms-pxpics .yms-pxpic { max-width: min(100%, var(--cap3, 100%)); } } .yms-pxpic img { width: 100%; height: auto; display: block; border-radius: 2px; background: #F0F0F0; }
.yms-pxbox { margin: 28px 0 0; border: 2px solid #111; border-radius: 6px; padding: 18px 20px; position: relative; text-align: center; }
.yms-pxbox__lab { position: absolute; top: -12px; left: 14px; background: #111; color: #fff; font-size: 12px; font-weight: 700; padding: 4px 10px; border-radius: 3px; }
.yms-pxbox a { color: inherit; text-decoration: none; display: block; }
.yms-pxbox__t { display: block; font-size: 20px; font-weight: 800; margin: 6px 0 4px; } .yms-pxbox__by { display: block; font-size: 13px; color: #555; }
/* まとめ記事（2026-09-15 深瀬「最後にまとめるのはいいけど、リンクは一つの記事の時と同じ感じできれいにコンパクトに」）。
   箱は 1 つ。中に作品を 1 行ずつ。1 作品の記事の見た目を保ったまま、題名を小さくして左そろえにする */
.yms-pxbox--multi { text-align: left; padding: 20px 18px 6px; }
.yms-pxbox--multi .yms-pxbox__one { display: block; padding: 10px 0; border-bottom: 1px solid #EEE; }
.yms-pxbox--multi .yms-pxbox__one:last-child { border-bottom: 0; }
.yms-pxbox--multi .yms-pxbox__t { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.45; }
.yms-pxbox--multi .yms-pxbox__by { margin-top: 2px; font-size: 12px; }
.yms-pxbox--multi .yms-pxbox__one:hover .yms-pxbox__t { text-decoration: underline; }
.yms-pxown { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 0; }
.yms-pxown a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; background: #111; color: #fff; font-size: 13px; font-weight: 700; border-radius: 2px; text-decoration: none; }
@media (max-width: 767px) { .yms-pxpics { gap: 8px; } .yms-pxbox__t { font-size: 17px; } }