/* ============================================================
   1. コンテナ幅・レイアウト骨格
============================================================ */

.page-id-560 .container{
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

.page-id-560 .container .row{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
}

.page-id-560 .col-md-8,
.page-id-560 .col-md-4{
  float: none !important;
}

.page-id-560 .jj-kaitori-content{
    width: calc(100% - 280px) !important;
    max-width: calc(100% - 280px) !important;
    flex: 0 0 calc(100% - 280px) !important;
    padding-right: 40px !important;
    box-sizing: border-box !important;
}

.page-id-560 .jj-kaitori-sidebar{
    width: 280px !important;
    max-width: 280px !important;
    flex: 0 0 280px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

.page-id-560 .jj-kaitori-content .jj-arrivals-grid{
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 900px){
    .page-id-560 .container{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .page-id-560 .container .row{
        flex-wrap: wrap !important;
    }
    .page-id-560 .jj-kaitori-content,
    .page-id-560 .jj-kaitori-sidebar{
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 !important;
    }
}


/* ============================================================
   2. 見出し（買取実績 / 店舗で絞り込む）の高さ統一
============================================================ */

.page-id-560 .jj-arrivals-heading {
    text-align: center;
    margin-top: 0 !important;
    margin-bottom: 40px;
}

.page-id-560 .jj-arrivals-heading h2 {
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-bottom: 2px solid #000;
    display: inline-block;
    padding-bottom: 10px;
}

.jj-custom-sidebar .jj-sidebar-heading{
    margin-top: 0 !important;
}


/* ============================================================
   3. カードグリッド（8列／タブレット3列／スマホ2列）
============================================================ */

.page-id-560 .jj-arrivals-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.page-id-560 .jj-arrivals-grid li {
    max-width: 100%;
}

@media (min-width: 521px) and (max-width: 900px){
  .page-id-560 .jj-arrivals-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
  }
}

@media (max-width: 520px){
  .page-id-560 .jj-arrivals-grid {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px;
  }

  .page-id-560 .jj-film-label{
    font-size: 7px !important;
  }
}

.page-id-560 .jj-more-button {
    display: none !important;
}


/* ============================================================
   4. フィルムフレーム本体
============================================================ */

.page-id-560 .jj-film-frame{
  display:flex !important;
  flex-direction:column !important;
  background:#141414 !important;
  border-radius:6px;
  overflow:hidden;
  text-decoration:none !important;
  box-shadow:0 4px 10px rgba(0,0,0,.3), inset 0 0 40px rgba(0,0,0,.5);
  position:relative !important;
}

.page-id-560 .jj-film-frame::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  opacity:.16;
  mix-blend-mode:overlay;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='120' height='120' filter='url(%23n)'/></svg>"),
    linear-gradient(115deg, transparent 40%, rgba(255,255,255,.35) 41%, transparent 42%),
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.5) 0 1px, transparent 2px),
    radial-gradient(circle at 74% 62%, rgba(255,255,255,.4) 0 1px, transparent 2px),
    radial-gradient(circle at 55% 12%, rgba(255,255,255,.35) 0 1px, transparent 2px);
  background-size:120px 120px, 100% 100%, 100% 100%, 100% 100%, 100% 100%;
  background-repeat:repeat, no-repeat, no-repeat, no-repeat, no-repeat;
}

.page-id-560 .jj-arrivals-grid li:nth-child(2n) .jj-film-frame::after{
  background-position:6px 4px, 0 0, 30% 70%, 80% 20%, 10% 85%;
  transform:scaleX(-1);
}
.page-id-560 .jj-arrivals-grid li:nth-child(3n) .jj-film-frame::after{
  background-position:3px 9px, 0 0, 60% 10%, 15% 55%, 90% 40%;
  opacity:.12;
}
.page-id-560 .jj-arrivals-grid li:nth-child(4n) .jj-film-frame::after{
  background-position:11px 2px, 0 0, 40% 85%, 70% 45%, 25% 15%;
  transform:scaleY(-1);
}

.page-id-560 .jj-film-topbar,
.page-id-560 .jj-film-bottombar{
  display:flex !important;
  flex:0 0 auto !important;
  justify-content:space-between;
  align-items:center;
  padding:5px 8px !important;
  margin:0 !important;
  background:#141414 !important;
  position:relative;
  z-index:1;
}
.page-id-560 .jj-film-bottombar{
  justify-content:center !important;
}

.page-id-560 .jj-film-label{
  font-family:'Cormorant Garamond','Times New Roman',serif !important;
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.09em !important;
  color:#c2a765 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:0 !important;
  font-weight:normal !important;
  text-shadow:0.4px 0 0 rgba(194,167,101,.55), -0.2px 0 0 rgba(194,167,101,.3);
}

.page-id-560 .jj-film-perf{
  display:block !important;
  flex:0 0 38px !important;
  width:100% !important;
  height:38px !important;
  margin:0 !important;
  padding:0 !important;
  position:relative;
  z-index:1;
  background-color:#141414 !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(0,0,0,.3) 100%),
    repeating-linear-gradient(
      90deg,
      #efe6cf 0 15px,
      transparent 15px 32px
    ) !important;
  background-blend-mode:overlay, normal;
  background-size:32px 15px, 32px 15px !important;
  background-position:10px center, 10px center !important;
  background-repeat:repeat-x, repeat-x !important;
}

.page-id-560 .jj-film-photo{
  position:relative;
  display:block !important;
  margin:0 8px !important;
  padding-top:100% !important;
  height:0 !important;
  overflow:hidden;
  border:2px solid #efe6cf;
}

.page-id-560 .jj-film-photo img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.page-id-560 .jj-film-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background-image:
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100' height='100' filter='url(%23g)'/></svg>"),
    radial-gradient(circle at center, transparent 55%, rgba(0,0,0,.35) 100%);
  background-size:100px 100px, 100% 100%;
  background-repeat:repeat, no-repeat;
  opacity:.14;
  mix-blend-mode:overlay;
}

.page-id-560 .jj-arrivals-badge{
  position:absolute !important;
  top:8px !important;
  left:8px !important;
  background:linear-gradient(135deg,#d4af37 0%,#b89324 100%) !important;
  color:#fff !important;
  font-size:10.5px !important;
  letter-spacing:.05em !important;
  padding:5px 10px !important;
  line-height:1 !important;
  border-radius:3px !important;
  z-index:2;
  margin:0 !important;
}


/* ============================================================
   5. サイドバー：アコーディオン開閉・2列化・見出し
   （★ここが直近で消えていた可能性が高いブロックです）
============================================================ */

.jj-custom-sidebar .pref-toggle,
#jj-custom-sidebar .pref-toggle {
    display: block !important;
    width: 100% !important;
    background: #fdfbf7 !important;
    border: 1px solid #e2d7be !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    text-align: left !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #4b2e05 !important;
    cursor: pointer !important;
    position: relative !important;
}

.jj-custom-sidebar .pref-toggle::after,
#jj-custom-sidebar .pref-toggle::after {
    content: "▶" !important;
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 11px !important;
    color: #b89324 !important;
}
.jj-custom-sidebar .pref-item.open .pref-toggle::after,
#jj-custom-sidebar .pref-item.open .pref-toggle::after {
    content: "▼" !important;
}

.jj-custom-sidebar .pref-content,
#jj-custom-sidebar .pref-content {
    display: none !important;
    padding: 10px 14px !important;
    margin: 0 !important;
    overflow: visible !important;
}

.jj-custom-sidebar .pref-item.open .pref-content,
#jj-custom-sidebar .pref-item.open .pref-content {
    display: block !important;
}

.jj-custom-sidebar .pref-content label,
#jj-custom-sidebar .pref-content label {
    display: block !important;
    margin: 6px 0 !important;
    font-size: 14px !important;
    width: auto !important;
}

.jj-custom-sidebar .pref-item.pref-2col.open .pref-content,
#jj-custom-sidebar .pref-item.pref-2col.open .pref-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
    text-align: left !important;
}

.jj-custom-sidebar .pref-item,
#jj-custom-sidebar .pref-item {
    margin-bottom: 8px !important;
}

.jj-custom-sidebar .jj-sidebar-heading,
.jj-custom-sidebar .jj-filter-heading{
    font-size: 17px !important;
    font-weight: bold !important;
    color: #2b221a !important;
    margin: 0 0 14px !important;
    padding: 0 0 10px !important;
    line-height: 1.3 !important;
    border-bottom: 2px solid #b89324 !important;
}

.jj-custom-sidebar .jj-filter-heading{
    margin-top: 28px !important;
}
/* ============================================================
   6. アイテムで絞り込むエリアの2列化（.item-list対応）
============================================================ */

.jj-custom-sidebar .item-list {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px 12px !important;
    align-items: center !important;
    margin-bottom: 14px !important;
}

.jj-custom-sidebar .item-list label {
    display: flex !important;
    align-items: center !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
}

/* 「絞り込む」ボタンの幅を整える場合 */
.jj-custom-sidebar .jj-filter-submit {
    display: block !important;
    width: 100% !important;
    margin-top: 10px !important;
}