@charset "utf-8";

/* ==========================================
   ★ cavadeles専用：商品一覧ページ 完全統合CSS
========================================== */

/* スマホ時のデフォルト検索窓を強制非表示 */
@media screen and (max-width: 768px) {
  .search, .search_form, .search-form, .header_search, .header-search,
  .search_area, .search-area, .search-box, .search_box, #header-search, .p-header__search,
  form[action*="srh"] { display: none !important; }
}

/* 1. パンくずリストのラグジュアリー化 */
.pankuzu_lists { display: flex !important; flex-wrap: wrap !important; list-style: none !important; padding: 10px 15px !important; margin: 0 0 15px 0 !important; background-color: transparent !important; font-size: 11px !important; font-family: 'Hiragino Mincho ProN', 'Noto Serif JP', serif !important; letter-spacing: 0.05em !important; }
.pankuzu_list { display: inline-block !important; color: #777777 !important; }
.pankuzu_list a { color: #777777 !important; text-decoration: none !important; transition: color 0.3s ease !important; }
.pankuzu_list a:hover { color: #c5a059 !important; }
.pankuzu_list span.separator { margin: 0 6px !important; color: #cccccc !important; font-size: 9px !important; }
.pankuzu_list:last-child a, .pankuzu_list:last-child { color: #111111 !important; font-weight: bold !important; }

/* 2. 配下カテゴリー/グループ（黒のピル型スワイプボタン） */
.sub-nav-wrapper { width: 100% !important; box-sizing: border-box !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; padding: 0 15px 15px 15px !important; margin-bottom: 5px !important; }
.sub-nav-wrapper::-webkit-scrollbar { display: none !important; }
.sub-nav-list { display: flex !important; flex-wrap: nowrap !important; list-style: none !important; padding: 0 !important; margin: 0 !important; gap: 8px !important; }
.sub-nav-list::after { content: "" !important; flex: 0 0 15px !important; }
.sub-nav-item { flex-shrink: 0 !important; display: block !important; }
.sub-nav-item a { display: block !important; background-color: #111111 !important; color: #ffffff !important; font-size: 11px !important; font-weight: bold !important; text-align: center !important; padding: 10px 18px !important; border-radius: 20px !important; text-decoration: none !important; font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important; letter-spacing: 0.05em !important; white-space: nowrap !important; box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; }

/* 3. SEOを落とさず見出しを隠す魔法のCSS */
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }

/* 4. ソート（並び替え）と商品点数の洗練デザイン */
.custom-sort-wrapper { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 0 15px 15px 15px !important; margin-bottom: 10px !important; border-bottom: 1px solid #eeeeee !important; }
.custom-item-count { font-size: 11px !important; color: #777777 !important; font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important; }
.custom-item-count span { color: #111111 !important; font-weight: bold !important; }
.custom-sort-links { display: flex !important; gap: 15px !important; font-size: 12px !important; font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important; }
.custom-sort-links a, .custom-sort-links span { color: #777777 !important; text-decoration: none !important; }
.custom-sort-links span.active-sort { color: #111111 !important; font-weight: bold !important; }
.pagerlist_sp_top { display: none !important; }

/* 5. 説明文の「続きを読む」折りたたみ機能 */
.desc-readmore-wrap { position: relative !important; margin-bottom: 20px !important; }
.desc-readmore-check { display: none !important; }
.desc-readmore-content { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 3 !important; overflow: hidden !important; position: relative !important; }
.desc-readmore-content::after { content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 24px !important; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important; pointer-events: none !important; }
.desc-readmore-check:checked ~ .desc-readmore-content { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
.desc-readmore-check:checked ~ .desc-readmore-content::after { display: none !important; }
.desc-readmore-btn-area { text-align: center !important; margin-top: 10px !important; }
.desc-readmore-label { display: inline-block !important; cursor: pointer !important; font-size: 11px !important; font-weight: bold !important; color: #111111 !important; padding-bottom: 2px !important; border-bottom: 1px solid #111111 !important; letter-spacing: 0.05em !important; font-family: 'Hiragino Kaku Gothic ProN', sans-serif !important; }
.desc-readmore-label::before { content: "+ 続きを読む" !important; }
.desc-readmore-check:checked ~ .desc-readmore-btn-area .desc-readmore-label::before { content: "- 閉じる" !important; }

/* 元からあったベースデザイン */
.cg_freespace_01 { margin-bottom: 10px; }
.cg_freespace_02 { margin-bottom: 10px; }
.productlist_heading { margin: 40px 0 20px; }
.productlist_lists { margin-top: 20px; font-size: 12px; }
.productlist_list { margin-bottom: 40px; text-align: center; position: relative; }
.subcategorylist_lists { font-size: 12px; margin-top: 40px; }
ul.subcategorylist_lists > li { margin-bottom: 10px; }
.productlist_number { float: left; line-height: 1.4; }
.productlist_number span { font-size: 18px; padding: 0 5px; }
.productlist_sort { float: right; }
.productlist_sort a { padding: 0 5px; }

/* ページャー（ページ送り）デザイン */
.pagerlist { position: relative; overflow: hidden; margin-bottom: 20px; }
.pagerlist ul { text-align: right; padding-top: 15px; }
.pagerlist li { text-align: center; line-height: 26px; display: inline-block; *display: inline; *zoom: 1; }
.pagerlist li a, .pagerlist li span { display: block; float: left; width: 26px; height: 26px; }
.pagerlist li a { border: 1px solid #333; background-color: #fff; color: #333; text-decoration: none; }
.pagerlist li a:hover { border: 1px solid #333; background-color: #333; color: #fff; }
.pagerlist li span { border: 1px solid #ccc; background-color: #fff; color: #ccc; }
.pagerlist_sp { text-align: center; }
.pagerlist_sp_btm { margin: -20px 0 60px; }
.pagerlist_sp ul { margin: 0; }
.pagerlist_sp li { display: inline; margin: 0 5px; }
.pagerlist_pos { font-size: 12px; margin: 10px 0; }
.pagerlist_pos span { font-size: 14px; padding: 0 5px; }

@media (max-width: 768px) {
  .cg_freespace_02 { font-size: 12px; margin-bottom: 60px; }
  .productlist_noitem { padding: 0 10px 20px; }
  .productlist_sort { font-size: 12px; float: none; text-align: center; }
}