/* えろためぶろぐ 独自記事レイアウト（inc/erotame-layout.php） */
.et-article { --et-accent: #e5004f; --et-accent-dark: #b8003f; --et-line: #e6e6e6; --et-soft: #fff5f8; }
.et-article img { max-width: 100%; height: auto; display: block; }

.et-package { margin: 0 0 1.2em; text-align: center; }
.et-package img { margin: 0 auto; border-radius: 4px; }

.et-box { border: 2px solid var(--et-accent); border-radius: 8px; padding: 1em 1.2em; margin: 0 0 1.4em; background: var(--et-soft); }
.et-box__title { font-weight: bold; color: var(--et-accent); margin: 0 0 .5em !important; font-size: 1.05em; }
.et-box__sub { font-weight: bold; margin: .8em 0 .3em !important; }
.et-points, .et-recommend { margin: 0 !important; padding-left: 1.3em !important; }
.et-points li, .et-recommend li { margin: .2em 0; line-height: 1.6; }
.et-recommend li::marker { content: "✔ "; color: var(--et-accent); }
.et-star { color: #f5a623; font-weight: bold; }
.et-sale { color: var(--et-accent); }

.et-cta { margin: 1.2em 0 1.6em; text-align: center; }
.et-cta a { display: block; max-width: 520px; margin: 0 auto; padding: .9em 1em; border-radius: 50px;
  background: var(--et-accent); color: #fff !important; text-decoration: none !important;
  font-weight: bold; box-shadow: 0 4px 0 var(--et-accent-dark); transition: transform .1s, box-shadow .1s; }
.et-cta a:hover { transform: translateY(2px); box-shadow: 0 2px 0 var(--et-accent-dark); opacity: 1; }
.et-cta__label { display: block; font-size: 1.1em; }
.et-cta__label::after { content: " ›"; }
.et-cta__price { display: block; font-size: .85em; font-weight: normal; margin-top: .2em; }
.et-cta__price s { opacity: .75; }
.et-cta__price b { background: #fff; color: var(--et-accent); border-radius: 3px; padding: 0 .4em; margin-left: .3em; }
.et-cta--last a { font-size: 1.1em; padding: 1.1em 1em; }

.et-h { margin-top: 2em !important; }

.et-video { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; margin: 0 0 1em; }
.et-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.et-gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; }
@media (min-width: 768px) { .et-gallery { grid-template-columns: repeat(3, 1fr); } }
.et-gallery a { display: block; overflow: hidden; border-radius: 4px; background: #f2f2f2; aspect-ratio: 3 / 2; }
.et-gallery img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s; }
.et-gallery a:hover img { transform: scale(1.04); }

.et-note { font-size: .8em; color: #777; text-align: center; margin: .5em 0 1em !important; }

.et-spec { width: 100%; border-collapse: collapse; font-size: .92em; }
.et-spec th, .et-spec td { border: 1px solid var(--et-line); padding: .55em .8em; text-align: left; vertical-align: top; }
.et-spec th { width: 7em; background: #fafafa; white-space: nowrap; font-weight: bold; }

.et-related { list-style: none; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.et-related li { margin: 0; }
.et-related a { display: block; text-decoration: none; color: inherit; font-size: .82em; line-height: 1.4; }
.et-related img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 4px; margin-bottom: .3em; }
.et-related span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (min-width: 768px) { .et-related { grid-template-columns: repeat(4, 1fr); } }
.et-more { text-align: right; font-size: .88em; margin-top: .5em !important; }

.et-credit { text-align: right; margin-top: 2em !important; }
.et-credit img { display: inline-block; }