#motion_area1 { width:100% !important; }
#receno-category-search { margin:32px 0; font-family:'Noto Sans JP',sans-serif; }
@media(max-width:768px){
  #receno-category-search { margin:16px 0; padding:0 2%; box-sizing:border-box; }
}

/* ── ツールバー ── */
#receno-category-search .cs-toolbar {
  display:flex; align-items:center; gap:8px;
  margin-bottom:16px; flex-wrap:wrap; justify-content:space-between;
}
#receno-category-search .cs-count { font-size:13px; color:#888; }

/* PC: コントロール全体を幅いっぱいに横並び */
#receno-category-search .cs-controls {
  display:flex; flex-direction:row; align-items:center; gap:8px; flex:1;
  justify-content:space-between;
}
#receno-category-search .cs-controls .cs-view-btns { flex-shrink:0; }
#receno-category-search .cs-controls-row2 {
  display:flex; align-items:center; gap:8px; flex-shrink:0;
}
#receno-category-search .cs-controls-row2 .cs-filter-toggle-wrap { margin-bottom:0; }

/* SP: ツールバー全体・コントロールを縦並びで幅いっぱい */
@media(max-width:768px){
  #receno-category-search .cs-toolbar { flex-direction:column; align-items:stretch; gap:8px; }
  #receno-category-search .cs-tabs { width:100%; }
  #receno-category-search .cs-controls { flex-direction:column; align-items:stretch; width:100%; flex:none; }
  #receno-category-search .cs-controls-row2 { display:flex; align-items:center; gap:8px; width:100%; }
  #receno-category-search .cs-controls-row2 .cs-filter-toggle-wrap { flex:1; }
  #receno-category-search .cs-controls-row2 .cs-sort { flex-shrink:0; }
  #receno-category-search .cs-controls-row2 .cs-sort select { width:auto; }
}
/* タブ */
#receno-category-search .cs-tabs { display:flex; gap:0; }
#receno-category-search .cs-tab {
  padding:10px 70px; border:1px solid #ddd; background:#f9f9f9;
  cursor:pointer; font-size:14px; font-family:inherit; color:#888;
  border-radius:0; margin-right:-1px; position:relative;
  display:flex; align-items:center; justify-content:center; gap:6px;
}
@media(max-width:768px){
  #receno-category-search .cs-tab {
    flex:1; padding:10px 0; font-size:13px; justify-content:center;
  }
}
#receno-category-search .cs-tab.active {
  color:#333; border-color:#b5956a; border-bottom-color:#fff;
  background:#fff; font-weight:600; z-index:1;
}
#receno-category-search .cs-tab-count {
  font-size:11px; background:#e8e0d5; color:#666;
  padding:1px 7px; border-radius:10px; font-weight:normal;
}
#receno-category-search .cs-tab.active .cs-tab-count {
  background:#b5956a; color:#fff;
}

/* 表示切替ボタン（標準・詳細・まとめる） */
#receno-category-search .cs-view-btns { display:flex; gap:4px; flex-wrap:wrap; }
#receno-category-search .cs-view-btn {
  height:34px; border:1px solid #ddd; background:#fff;
  cursor:pointer; border-radius:2px; display:flex; align-items:center;
  justify-content:center; gap:5px; color:#888; font-size:12px;
  padding:0 12px; font-family:inherit; white-space:nowrap;
}
#receno-category-search .cs-view-btn.active {
  border-color:#b5956a; color:#b5956a; background:#fdf9f5;
}
#receno-category-search .cs-view-btn svg { width:14px; height:14px; flex-shrink:0; }
@media(max-width:768px){
  #receno-category-search .cs-view-btns { width:100%; flex-wrap:nowrap; gap:0; }
  #receno-category-search .cs-view-btn { flex:1; justify-content:center; border-radius:0; margin-right:-1px; font-size:12px; gap:3px; }
  #receno-category-search .cs-view-btn:nth-child(1),
  #receno-category-search .cs-view-btn:nth-child(2) { padding:0 6px; }
  #receno-category-search .cs-view-btn:nth-child(3) { padding:0 8px; }
  #receno-category-search .cs-view-btn:first-child { border-radius:2px 0 0 2px; }
  #receno-category-search .cs-view-btn:last-child  { border-radius:0 2px 2px 0; margin-right:0; }
}

/* ソート */
#receno-category-search .cs-sort select {
  padding:6px 28px 6px 10px; border:1px solid #ddd; border-radius:2px;
  font-size:12px; cursor:pointer; font-family:inherit; color:#333; outline:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E") no-repeat right 8px center;
  -webkit-appearance:none; appearance:none; height:34px; box-sizing:border-box;
}

/* ── グリッド（標準） ── */
#receno-category-search .cs-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:24px 16px; margin-bottom:32px;
}
@media(max-width:768px){
  #receno-category-search .cs-grid:not(.view-list) {
    grid-template-columns:repeat(2,1fr);
    gap:16px 10px;
  }
}
#receno-category-search .cs-grid.view-list {
  grid-template-columns:1fr;
  gap:16px;
}
#receno-category-search .cs-grid.view-list .cs-card {
  display:flex; gap:16px; align-items:flex-start;
}
#receno-category-search .cs-grid.view-list .cs-img {
  width:120px; flex-shrink:0; aspect-ratio:1; margin-bottom:0;
}
#receno-category-search .cs-grid.view-list .cs-body { flex:1; }
#receno-category-search .cs-card { display:block; text-decoration:none; color:inherit; }
#receno-category-search .cs-card:hover .cs-img img { transform:scale(1.03); }

/* リスト表示時の区切り線 */
#receno-category-search .cs-grid.view-list .cs-card {
  padding:20px 0; border-bottom:1px solid #f0ede8;
}
#receno-category-search .cs-grid.view-list .cs-card:first-child { border-top:1px solid #f0ede8; }
#receno-category-search .cs-img {
  position:relative; overflow:hidden; aspect-ratio:1;
  background:#f5f2ed; margin-bottom:10px;
}
#receno-category-search .cs-img img {
  width:100%; height:100%; object-fit:cover; transition:transform 0.3s;
}
#receno-category-search .cs-badge {
  position:absolute; top:8px; left:8px;
  background:#b5956a; color:#fff; font-size:10px; padding:2px 6px; border-radius:2px;
}
#receno-category-search .cs-badge.sale { background:#c0392b; }
#receno-category-search .cs-name { font-size:13px; line-height:1.5; margin-bottom:4px; color:#333; }
#receno-category-search .cs-price { font-size:14px; font-weight:500; color:#333; text-align:right; }
#receno-category-search .cs-price.is-sale { color:#c0392b; }
#receno-category-search .cs-price .unit { font-size:10px; color:#888; }
#receno-category-search .cs-price .original { font-size:11px; color:#888; text-decoration:line-through; margin-left:6px; }

/* お気に入り登録数 */
#receno-category-search .cs-saves {
  font-size:12px; color:#e88; margin-top:4px; text-align:right;
}
#receno-category-search .cs-art-saves {
  font-size:12px; color:#e88; text-align:right; margin-top:4px;
}

/* 寸法レンジスライダー */
#receno-category-search .cs-dim-filter { display:flex; align-items:center; gap:12px; margin-bottom:10px; }
#receno-category-search .cs-dim-filter .cs-filter-label { font-size:11px; color:#999; white-space:nowrap; flex-shrink:0; min-width:3em; }
#receno-category-search .cs-dim-row { display:flex; align-items:center; gap:8px; flex:1; }
#receno-category-search .cs-dim-val { font-size:11px; color:#888; white-space:nowrap; min-width:36px; text-align:center; }
#receno-category-search .cs-dim-slider-wrap { flex:1; position:relative; }
#receno-category-search .cs-dim-slider {
  -webkit-appearance:none; appearance:none; width:100%;
  height:4px; border-radius:2px; outline:none; cursor:pointer;
  background: linear-gradient(to right, #e8e0d5 0%, #e8e0d5 100%);
}
#receno-category-search .cs-dim-slider::-webkit-slider-thumb {
  -webkit-appearance:none; appearance:none;
  width:18px; height:18px; border-radius:50%;
  background:#fff; border:2px solid #b5956a; cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
#receno-category-search .cs-dim-slider::-moz-range-thumb {
  width:16px; height:16px; border-radius:50%;
  background:#fff; border:2px solid #b5956a; cursor:pointer;
}
#receno-category-search .cs-dim-reset {
  font-size:11px; color:#b5956a; background:none; border:none;
  cursor:pointer; padding:0; text-decoration:underline; font-family:inherit;
}

/* 絞り込みトグルボタン */
#receno-category-search .cs-filter-toggle-wrap { display:none; margin-bottom:8px; }
#receno-category-search .cs-filter-toggle-btn {
  width:100%; display:flex; align-items:center; gap:8px;
  height:34px; padding:0 12px; border:1px solid #ddd; border-radius:2px;
  background:#fff; font-size:12px; font-family:inherit; color:#555;
  cursor:pointer; white-space:nowrap; box-sizing:border-box;
}
#receno-category-search .cs-filter-toggle-btn.active {
  border-color:#b5956a; color:#b5956a;
}
#receno-category-search .cs-filter-badge {
  background:#b5956a; color:#fff; font-size:10px;
  padding:1px 6px; border-radius:10px; margin-left:2px;
}
#receno-category-search .cs-filter-arrow {
  margin-left:auto; transition:transform 0.2s;
}
#receno-category-search .cs-filter-arrow.open { transform:rotate(180deg); }

/* タグ絞り込みフィルター */
#receno-category-search .cs-filter-section {
  margin-bottom:16px; border-bottom:1px solid #f0ede8; padding-bottom:16px;
}
#receno-category-search .cs-filter-group {
  display:flex; align-items:center; gap:12px; margin-bottom:10px;
}
#receno-category-search .cs-filter-label {
  font-size:11px; color:#999; white-space:nowrap; flex-shrink:0; min-width:3em;
}
#receno-category-search .cs-filter-btns {
  display:flex; gap:6px;
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  flex-wrap:nowrap;
  padding-bottom:2px;
}
#receno-category-search .cs-filter-btns::-webkit-scrollbar { display:none; }
#receno-category-search .cs-filter-btn {
  font-size:12px; padding:4px 12px;
  border:1px solid #ddd; border-radius:20px; background:#fff;
  cursor:pointer; color:#555; font-family:inherit; white-space:nowrap;
  transition:all 0.15s; flex-shrink:0;
}
#receno-category-search .cs-filter-btn.active {
  border-color:#b5956a; background:#b5956a; color:#fff;
}

/* タグ */
#receno-category-search .cs-tags { display:flex; flex-wrap:wrap; gap:4px; margin-top:6px; }
#receno-category-search .cs-tag {
  font-size:10px; padding:2px 8px;
  border:1px solid #ddd; border-radius:2px; color:#666; white-space:nowrap;
}

/* カラースウォッチ */
#receno-category-search .cs-swatches {
  display:flex; flex-wrap:wrap; gap:3px; margin-top:6px;
}
#receno-category-search .cs-swatch {
  width:16px; height:16px; border-radius:50%;
  border:1px solid rgba(0,0,0,0.1); overflow:hidden; cursor:pointer;
}
#receno-category-search .cs-swatch img { width:100%; height:100%; object-fit:cover; }
#receno-category-search .cs-more-swatch {
  font-size:9px; color:#888; align-self:center; white-space:nowrap;
}

/* ページネーション */
#receno-category-search .cs-pagination {
  display:flex; justify-content:center; gap:6px; margin:24px 0 40px; flex-wrap:wrap;
}
#receno-category-search .cs-page-btn {
  width:36px; height:36px; border:1px solid #ddd; background:#fff;
  cursor:pointer; font-size:13px; border-radius:2px; color:#333;
  display:inline-flex; align-items:center; justify-content:center;
  text-decoration:none;
}
#receno-category-search .cs-page-btn.active { background:#b5956a; color:#fff; border-color:#b5956a; }

/* 関連読み物セクション（SSR） */
#receno-category-search .cs-related-articles {
  margin:32px 0 24px;
  padding-top:24px;
  border-top:1px solid #f0ede8;
}
#receno-category-search .cs-related-title {
  font-size:16px; font-weight:500; color:#333; margin-bottom:16px;
}
#receno-category-search .cs-related-list {
  display:flex; flex-direction:column; gap:0;
}
#receno-category-search .cs-related-item {
  display:flex; gap:16px; align-items:flex-start;
  padding:16px 0; border-bottom:1px solid #f0ede8;
  text-decoration:none; color:inherit;
}
#receno-category-search .cs-related-item:first-child { border-top:1px solid #f0ede8; }
#receno-category-search .cs-related-item:hover .cs-related-img img { transform:scale(1.03); }
#receno-category-search .cs-related-img {
  width:120px; aspect-ratio:1/1; overflow:hidden; flex-shrink:0; background:#f5f2ed;
}
#receno-category-search .cs-related-img img {
  width:100%; height:100%; object-fit:cover; transition:transform 0.3s;
}
#receno-category-search .cs-related-body { flex:1; min-width:0; }
#receno-category-search .cs-related-cat {
  display:inline-block; font-size:11px; color:#888;
  border:1px solid #ddd; padding:2px 7px; border-radius:2px; margin-bottom:6px;
}
#receno-category-search .cs-related-name {
  font-size:14px; font-weight:500; line-height:1.5; color:#333; margin-bottom:4px;
}
#receno-category-search .cs-related-desc {
  font-size:12px; color:#666; line-height:1.6;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#receno-category-search .cs-related-sub {
  display:flex; flex-wrap:wrap; gap:4px 16px;
  padding:12px 0; border-top:1px solid #f0ede8; margin-top:4px;
}
#receno-category-search .cs-related-sub-link {
  font-size:12px; color:#888; text-decoration:none; white-space:nowrap;
  padding:2px 0;
}
#receno-category-search .cs-related-sub-link::before { content:"・"; color:#ccc; }
#receno-category-search .cs-related-sub-link:hover { color:#b5956a; text-decoration:underline; }
#receno-category-search .cs-related-more {
  margin-top:12px; text-align:right;
}
#receno-category-search .cs-related-more a {
  font-size:13px; color:#b5956a; text-decoration:none;
}
#receno-category-search .cs-related-more a:hover { text-decoration:underline; }
@media(max-width:600px){
  #receno-category-search .cs-related-img { width:90px; }
}

/* 記事ツールバー */
#receno-category-search .cs-art-toolbar {
  display:flex; flex-direction:column; gap:10px; margin-bottom:12px;
}
#receno-category-search .cs-art-cat-filter {
  display:flex; gap:6px; flex-wrap:nowrap; overflow-x:auto;
  -webkit-overflow-scrolling:touch; scrollbar-width:none; padding-bottom:2px;
}
#receno-category-search .cs-art-cat-filter::-webkit-scrollbar { display:none; }
#receno-category-search .cs-art-cat-btn {
  font-size:12px; padding:4px 12px; white-space:nowrap; flex-shrink:0;
  border:1px solid #ddd; border-radius:20px; background:#fff;
  cursor:pointer; color:#555; font-family:inherit; transition:all 0.15s;
}
#receno-category-search .cs-art-cat-btn.active {
  border-color:#b5956a; background:#b5956a; color:#fff;
}

/* 記事 */
#receno-category-search .cs-articles-title {
  font-size:18px; font-weight:500; margin:40px 0 16px;
  padding-bottom:8px; border-bottom:1px solid #e0ddd8; color:#333;
}
#receno-category-search .cs-article-grid {
  display:flex; flex-direction:column; gap:0;
}
#receno-category-search .cs-article-card {
  display:flex; gap:20px; align-items:flex-start;
  text-decoration:none; color:inherit;
  padding:20px 0; border-bottom:1px solid #f0ede8;
}
#receno-category-search .cs-article-card:first-child { border-top:1px solid #f0ede8; }
#receno-category-search .cs-article-card:hover .cs-article-img img { transform:scale(1.03); }
#receno-category-search .cs-article-img {
  overflow:hidden; flex-shrink:0;
  width:160px; aspect-ratio:1/1; background:#f5f2ed;
}
#receno-category-search .cs-article-img img {
  width:100%; height:100%; object-fit:cover; transition:transform 0.3s;
}
#receno-category-search .cs-article-body { flex:1; min-width:0; }
#receno-category-search .cs-article-cat {
  display:inline-block; font-size:11px; color:#888;
  border:1px solid #ddd; padding:2px 8px; border-radius:2px;
  margin-bottom:8px; white-space:nowrap;
}
#receno-category-search .cs-article-name {
  font-size:15px; font-weight:500; line-height:1.5; color:#333;
  margin-bottom:8px;
}
#receno-category-search .cs-article-desc {
  font-size:13px; color:#666; line-height:1.6; margin-bottom:8px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#receno-category-search .cs-article-date { font-size:12px; color:#aaa; }
@media(max-width:600px){
  #receno-category-search .cs-article-img { width:120px; }
  #receno-category-search .cs-article-name { font-size:13px; }
}

/* 全商品リンク一覧（SEO用） */
#receno-category-search .cs-all-links {
  display:flex; flex-wrap:wrap; gap:4px 12px;
  padding:16px 0; border-top:1px solid #f0ede8;
  margin-top:8px;
}
#receno-category-search .cs-all-links a {
  font-size:11px; color:#aaa; text-decoration:none; white-space:nowrap;
}
#receno-category-search .cs-all-links a:hover { color:#b5956a; text-decoration:underline; }

#receno-category-search .cs-loading {
  text-align:center; padding:40px; color:#888; font-size:13px; grid-column:1/-1;
}

/* スケルトンローディング */
@keyframes cs-shimmer {
  0%   { background-position: -400px 0; }
  100% { background-position:  400px 0; }
}
#receno-category-search .cs-skeleton {
  background: linear-gradient(90deg, #f0ede8 25%, #e8e3dc 50%, #f0ede8 75%);
  background-size: 800px 100%;
  animation: cs-shimmer 1.4s infinite;
  border-radius: 2px;
}
#receno-category-search .cs-skel-card { display:flex; flex-direction:column; gap:8px; }
#receno-category-search .cs-skel-img  { width:100%; aspect-ratio:1; border-radius:2px; }
#receno-category-search .cs-skel-line { height:12px; border-radius:2px; }
#receno-category-search .cs-skel-line.w80 { width:80%; }
#receno-category-search .cs-skel-line.w50 { width:50%; }

/* タブ件数のローディング */
@keyframes cs-spin { to { transform:rotate(360deg); } }
#receno-category-search .cs-tab-count.loading {
  background:transparent; padding:0; width:14px; height:14px;
  display:inline-block; border-radius:50%;
  border:2px solid #ddd; border-top-color:#b5956a;
  animation:cs-spin 0.7s linear infinite; vertical-align:middle;
}
#receno-category-search .cs-tab.active .cs-tab-count.loading {
  border-color:rgba(255,255,255,0.3); border-top-color:#fff;
}

/* 詳細表示 */
#receno-category-search .cs-desc {
  font-size:12px; color:#666; line-height:1.6; margin-top:4px;
}
#receno-category-search .cs-dims-table {
  font-size:11px; color:#666; margin-top:8px;
  border-collapse:collapse;
}
#receno-category-search .cs-dims-table th {
  font-weight:normal; color:#999; padding:2px 12px 2px 0;
  text-align:left; white-space:nowrap;
}
#receno-category-search .cs-dims-table td {
  padding:2px 0; color:#555;
}