/* ===== Fashion Page ===== */
.page-fashion .sec-ttl{
  text-align:center; font-size:42px; font-weight:800; letter-spacing:.06em; margin:28px 0 22px;
}

/* OPIXヒーロー */
.page-fashion .fashion-hero{ margin: 18px 0 28px; }
.page-fashion .opix-card{
  display:grid; grid-template-columns: 1.2fr .8fr; gap:24px;
  border:1px solid rgba(255,255,255,.22); border-radius:18px;
  padding:18px; text-decoration:none; color:inherit; background:rgba(255,255,255,.03);
}
.page-fashion .opix-thumb .opix-img{ width:100%; height:auto; display:block; border-radius:12px; }
.page-fashion .opix-desc{ align-self:center; line-height:1.8; font-size:15px; }

.page-fashion .opix-card:hover{ border-color:#c39eff; box-shadow:0 10px 30px rgba(0,0,0,.25); }

/* 投稿グリッド（3列→2列→1列） */
.page-fashion .fashion-grid{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:28px; }
@media (max-width: 1024px){ .page-fashion .opix-card{ grid-template-columns:1fr; } }
@media (max-width: 920px){  .page-fashion .fashion-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 560px){  .page-fashion .fashion-grid{ grid-template-columns: 1fr; } }

/* OPIX画像をPCで50%に（中央寄せ）。他CSSに負けないよう強めに指定 */
.page-fashion .opix-card .opix-thumb{ display:flex; justify-content:center; }
.page-fashion .opix-card .opix-thumb .opix-img,
.page-fashion .opix-card .opix-thumb img{
  width:15% !important;
  height:auto !important;
  display:block;
  margin:0 auto;
}

/* 狭い画面では全幅に戻す（任意） */
@media (max-width:1024px){
  .page-fashion .opix-card .opix-thumb .opix-img,
  .page-fashion .opix-card .opix-thumb img{ width:100% !important; }
}