@charset "euc-jp";
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

@media screen and (max-width: 400px)
.sf {display:none;}
}

/* Top slider */
.home-slider { margin: 12px 0 20px; }
.home-slider img,
.home-slider li img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* ====== TOP 2カラム（PC）====== */
/* デフォルトは縦積み */
.top-2col{ display:block; }

/* PCで2カラム化 */
@media (min-width:1024px){
  .top-2col{
    display:grid !important;
    grid-template-columns: 260px minmax(0,1fr); /* 左カテゴリ260px + 右フレキシブル */
    gap: 24px;
    align-items: start;
  }
  .top-sidebar{
    align-self: start;
    position: sticky;   /* 任意：スクロール追従させたい場合 */
    top: 24px;          /* ヘッダー高さに合わせて余白調整 */
  }

  /* PCではトグルボタン隠して常時展開 */
  .side-cat__toggle{ display:none !important; }

  /* hidden属性のままでもPCでは強制表示 */
  .side-cat__panel{ 
    display:block !important;
    visibility:visible !important;
    height:auto !important;
    overflow:visible !important;
  }
}

/* サイドカテゴリの体裁（必要なら） */
.side-cat__title{ font-weight:700; margin:0 0 10px; }
.side-cat__list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.side-cat__list a{ text-decoration:none; color:inherit; padding:6px 8px; border-radius:8px; border:1px solid transparent; display:block; }
.side-cat__list a:hover{ border-color:#e5e7eb; }

/* トグル（SP/Tablet用） */
.side-cat__toggle{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border:1px solid #e5e7eb;
  border-radius:999px;
  background:#fff;
  color:#111;
}