/* Category hero image replacements, 2026-11-06. */
@media (min-width:641px) { #takumi #catch { background-image:url("/images/category-20261106/takumi.webp"); background-size:570px 350px; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#efcdd1; } }
@media (max-width:640px) { #takumi #contents h1.sp figure { background:#efcdd1; } #takumi #contents h1.sp figure img { width:100%; height:100%; object-fit:contain; } }
@media (min-width:641px) { #shinnou #catch { background-image:url("/images/category-20261106/shinnou.webp"); background-size:620px auto; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#efcdd1; } }
@media (max-width:640px) { #shinnou #contents h1.sp figure { background:#efcdd1; } #shinnou #contents h1.sp figure img { width:100%; height:100%; object-fit:contain; } }
@media (min-width:641px) { #tachihina #catch { background-image:url("/images/category-20261106/tachihina.webp"); background-size:auto 350px; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#efcdd1; } }
@media (max-width:640px) { #tachihina #contents h1.sp figure { background:#efcdd1; } #tachihina #contents h1.sp figure img { width:100%; height:100%; object-fit:contain; } }
@media (min-width:641px) { #shuno #catch { background-image:url("/images/category-20261106/shuno.webp"); background-size:auto 350px; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#efcdd1; } }
@media (max-width:640px) { #shuno #contents h1.sp figure { background:#efcdd1; } #shuno #contents h1.sp figure img { width:100%; height:100%; object-fit:contain; } }
@media (min-width:641px) { #sandan #catch { background-image:url("/images/category-20261106/sandan.webp"); background-size:620px auto; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#efcdd1; } }
@media (max-width:640px) { #sandan #contents h1.sp figure { background:#efcdd1; } #sandan #contents h1.sp figure img { width:100%; height:100%; object-fit:contain; } }
@media (min-width:641px) { #hagoita #catch { background-image:url("/images/category-20261106/hagoita.webp"); background-size:auto 350px; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#e5e5e9; } }
@media (max-width:640px) { #hagoita #catch { background:#e5e5e9; padding-top:100px; margin-top:-80px; } #hagoita #catch h1.sp { margin:0; } #hagoita #catch h1.sp > img { width:100%; height:auto; } }
@media (max-width:640px) { #hagoita #catch h1.sp > img:first-child { width:auto;max-width:85%;margin:auto; } }
@media (min-width:641px) { #hamayumi #catch { background-image:url("/images/category-20261106/hamayumi.webp"); background-size:auto 350px; background-position:calc(50% + 285px) bottom; background-repeat:no-repeat; background-color:#e5e5e9; } }
@media (max-width:640px) { #hamayumi #catch { background:#e5e5e9; padding-top:100px; margin-top:-80px; } #hamayumi #catch h1.sp { margin:0; } #hamayumi #catch h1.sp > img { width:100%; height:auto; } }
@media (max-width:640px) { #hamayumi #catch h1.sp > img:first-child { width:auto;max-width:85%;margin:auto; } }

@media (max-width:640px) {
 #hagoita #catch h1.sp, #hamayumi #catch h1.sp { display:flex;align-items:center;justify-content:space-evenly;padding:12px 3%; }
 #hagoita #catch h1.sp > img:first-child, #hamayumi #catch h1.sp > img:first-child { width:34%;height:auto;max-width:176px;margin:0; }
 #hagoita #catch h1.sp > img:last-child, #hamayumi #catch h1.sp > img:last-child { width:50%;height:240px;object-fit:contain;margin:0 !important; }
}

/* Soft photo edges and closer New Year display framing. */
@media (min-width:641px) {
 #takumi #catch, #hagoita #catch, #hamayumi #catch { position:relative;background-image:none; }
 #takumi #catch::before, #hagoita #catch::before, #hamayumi #catch::before {
  content:"";position:absolute;bottom:0;left:50%;width:570px;height:350px;pointer-events:none;
  background-repeat:no-repeat;background-position:center;background-size:cover;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 9%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 12%,#000 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 #takumi #catch::before { background-image:url("/images/category-20261106/takumi.webp"); }
 #hagoita #catch::before, #hamayumi #catch::before { left:calc(50% + 75px);width:420px;background-size:cover;background-position:center 55%; }
 #hagoita #catch::before { background-image:url("/images/category-20261106/hagoita-close.webp"); }
 #hamayumi #catch::before { background-image:url("/images/category-20261106/hamayumi-close.webp?v=20261109soft3"); }
}
@media (max-width:640px) {
 #takumi #contents h1.sp figure img, #hagoita #catch h1.sp > img:last-child, #hamayumi #catch h1.sp > img:last-child {
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 94%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 12%,#000 91%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 10%,#000 94%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 #hagoita #catch h1.sp > img:last-child, #hamayumi #catch h1.sp > img:last-child { width:58%;height:240px;object-fit:cover;object-position:center 55%; }
}

@media (min-width:641px) { #hamayumi #catch::before { left:calc(50% + 115px);width:340px;background-size:340px auto;background-position:center bottom; } }
@media (max-width:640px) { #hagoita #catch h1.sp > img:last-child, #hamayumi #catch h1.sp > img:last-child { object-fit:contain; } }