/* ==========================================
   買取表最終版スタイルシート
   minify形式、レスポンシブ最適化
   ========================================== */

/* ===== Reset ===== */
@charset "utf-8";
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hide,html,i,iframe,img,ins,kbd,label,legend,li,mark,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,hide,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}body a {text-decoration:none;}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

/* ===== Google Fonts Import ===== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');


*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}

/* !VAR
 * ---------------------------------------------------------- */
 :root { --main-color: #928157;/*gold*/
	--sub-color: #b61b21; /*red*/
    --sub2-color: #000; /*black*/
        --border:#d7d6d6;

    /*ワンピース*/
    /*コナン*/
    --main-font:"Noto Sans JP", sans-serif; 
    /*ユニアリ*/
    --main-uniari:#e20000;
    --sub-uniari:#fcc1c1;/*#ff6b47*/
    /*hololive*/
    --main-holo:#063f5c;
    --sub-holo:#fcc1c1;/*#ff6b47*/
    --bg-holo:#dafcff;

    /*shadowverse-evolve*/
    --main-sv:#ffd600;
    --sub-sv:#ffd600;/*#ff6b47*/
    --bg-sv:#2f2319;
       /*lorcana*/
    --bg-lorc:#252139;
    
 }

 
/* base
----------------------------------------------------------------------------------------------------------------*/
body {
    margin: 0px auto;
    line-height: 1.5;
    color:#000;
    font-size: 14px;
    background:#EEEEEE;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding: 0;
    word-break: break-all;min-height:100vh;padding-top:60px;linear-gradient(135deg,#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%);
    }

/* ===== Main Header ===== */
.main-header{position:fixed;top:0;left:0;right:0;height:60px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;}
.header-container{max-width:1280px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:0 20px;}
.logo{display:flex;flex-direction:column;text-decoration:none;color:#e74c3c;font-weight:bold;line-height:1.2;}
.header-container a .list_imglogo{width:130px;height:auto;}

/* ===== Main Navigation ===== */
.main-nav{margin-left:auto;}
.main-nav ul{display:flex;list-style:none;gap:25px;align-items:center;}
.main-nav a{text-decoration:none;color:#2c3e50;font-weight:500;transition:color 0.3s ease;}
.main-nav a:hover{color:#e74c3c;}

/* ===== Header Right ===== */
.header-right{display:flex;align-items:center;gap:20px;}
.social-buttons{display:flex;gap:10px;margin:0 0 0 10px;}
.social-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border-radius:50%;color:#2c3e50;text-decoration:none;transition:all 0.3s ease;}
.social-btn:hover{background:#e74c3c;color:#fff;transform:translateY(-2px);}

/* ===== Mobile Menu Toggle ===== */
.mobile-menu-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:10px;}
.mobile-menu-toggle span{width:25px;height:2px;background:#2c3e50;transition:all 0.3s ease;}

/* ===== Mobile Menu ===== */
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:20px;max-height:calc(100vh - 60px);overflow-y:auto;}
.mobile-menu.active{display:block;}
.mobile-menu nav ul{list-style:none;}
.mobile-menu nav > ul > li{border-bottom:1px solid #ecf0f1;padding:10px 0;}
.mobile-menu nav a{text-decoration:none;color:#2c3e50;display:block;padding:5px 0;}
.mobile-social{display:flex;gap:15px;justify-content:center;margin-top:20px;}

/* ===== Sticky Search Bar ===== */
.sticky-search-bar{position:fixed;top:60px;left:0;right:0;background:#2c3e50;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,0.2);z-index:999;transform:translateY(-100%);transition:transform 0.3s ease;display: none !important;}
.sticky-search-bar.visible{transform:translateY(0);}
.sticky-search-container{max-width:1280px;margin:0 auto;display:flex;gap:10px;align-items:center;}
.sticky-search-input{flex:1;padding:8px 15px;border:2px solid #d4af37;border-radius:10px;font-size:0.9rem;outline:none;}
.sticky-search-btn,.sticky-clear-btn,.back-to-top-btn{padding:8px 16px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.85rem;}
.sticky-search-btn{background:#d4af37;color:#2c3e50;}
.sticky-search-btn:hover{background:#f39c12;}
.sticky-clear-btn{background:#7f8c8d;color:#fff;}
.sticky-clear-btn:hover{background:#95a5a6;}
.back-to-top-btn{background:#3498db;color:#fff;}
.back-to-top-btn:hover{background:#2980b9;}

/* ===== Floating Buttons ===== */
.floating-buttons{position:fixed;bottom:30px;right:30px;z-index:998;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;}
.floating-buttons.visible{opacity:1;visibility:visible;transform:translateY(0);}
.floating-btn{width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,0.2);transition:all 0.3s ease;}
.floating-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,0.3);}
.floating-top-btn{background:linear-gradient(135deg,#3498db,#2980b9);}
.floating-search-btn{background:linear-gradient(135deg,#d4af37,#f39c12);}

/* ===== Series Information ===== */
.series-info{background:#fff;padding:15px 20px;border-bottom:2px solid #d4af37;}
.series-container{max-width:1280px;margin:0 auto;display:flex;gap:15px;align-items:center;justify-content:space-between;}
.series-wrap{display:flex;align-items:center;flex:1;}
.series-thumb{width: auto;height: 45px;object-fit:cover;border-radius:4px;margin-right:20px;}
.series-details{flex:1;}
.series-title{font-size:1.5rem;color:#2c3e50;font-weight:bold;line-height:1.3;font-family: var(--main-font);}
.series-meta{display:flex;gap:15px;margin-top:4px;}
.series-meta span{font-size:0.85rem;color:#7f8c8d;}
.series-date{font-weight:600;}
.series-actions{display:flex;gap:10px;justify-content:flex-end;}
.series-note{text-align:right;}
.series-note .note_ss{font-size:0.75rem;padding:3px;}
.action-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:0.85rem;font-weight:600;text-decoration:none;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.sales-link{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;}
.sales-link:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.3);}
.buyback-link{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;}
.buyback-link:hover{background:linear-gradient(135deg,#229954,#1e8449);transform:translateY(-2px);box-shadow:0 4px 12px rgba(39,174,96,0.3);}

/* ===== Search Section ===== */
.search-section{background:#2c3e50;padding:15px 20px;}
.search-container{max-width:1280px;margin:0 auto;}

/* ===== Filter Main Row ===== */
.filter-main-row{display:flex;gap:15px;align-items:flex-start;flex-wrap:wrap;margin-bottom:15px;align-items: center;}
.filter-group{display:flex;align-items:center;gap:10px;justify-content: center;}
.filter-label{color:#ecf0f1;font-weight:600;font-size:0.9rem;white-space:nowrap;}

/* ===== 買取強化中フィルター ===== */
.kyouka-filter .kyouka-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 6px rgba(0,0,0,0.2);white-space:nowrap;}
.kyouka-filter .kyouka-btn:hover{background:linear-gradient(135deg,#c0392b,#a93226);transform:translateY(-2px);box-shadow:0 4px 12px rgba(231,76,60,0.4);}
.kyouka-filter .kyouka-btn.active{background:linear-gradient(135deg,#27ae60,#229954);}
.kyouka-filter .filter-thumb{width:40px;height:auto;border-radius:3px;}

/* ===== Image Filter Buttons ===== */
.image-filters{flex:1;}
.image-filter-buttons{display:flex;gap:8px;flex-wrap:wrap;}
.image-filter-btn{display:flex;flex-direction:column;align-items:center;gap: 0px;padding: 5px 12px;/* background: transparent; */border:2px solid transparent;border-radius:8px;color:#ecf0f1;background: #38495b;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.image-filter-btn:hover{background:#2c3e50;border-color:#d4af37;transform:translateY(-2px);}
.image-filter-btn.active{background:#d4af37;color:#2c3e50;border-color:#f39c12;}
.filter-icon{width:40px;height: 70px;object-fit: contain;border-radius:4px;margin-bottom: 3px;}

@media screen and (max-width:800px){
.image-filter-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;background: transparent;
/* border:2px solid transparent; */border-radius:8px;/* color:#ecf0f1; */font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;}
.series-thumb{width: auto;height: 35px;margin-right: 5px;}   
}

/* カードリストのボタン */
.card_list_wrap {    padding: 0px 0 12px;text-align: center;}
.filter-btn-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 2px 8px rgba(52,152,219,0.3)}
.filter-btn-link:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,152,219,0.4);color:#fff;text-decoration:none}
.filter-btn-link:active{transform:translateY(0)}
.filter-btn-link .filter-icon{width:32px;height:32px;object-fit:contain}
.filter-btn-link span{font-size:14px;white-space:nowrap}
.filter-btn-link i{font-size:12px;opacity:.9;margin-left:-2px}
.filter-btn-link:hover i{opacity:1;transform:translateX(2px);transition:all .3s ease}
@media (max-width: 768px) {
.filter-btn-link{padding:6px 12px}
.filter-btn-link .filter-icon{width:28px;height:28px}
.filter-btn-link span{font-size:13px}
.filter-btn-link i{font-size:11px}
}
@media (max-width: 430px) {
.filter-btn-link{padding:5px 10px}
.filter-btn-link .filter-icon{width:24px;height:24px}
.filter-btn-link span{font-size:12px}
.filter-btn-link i{font-size:10px}
}



/* 新弾バッジのスタイル */
.new-badge{position:absolute;top:-8px;right:-8px;background: #c53b2d;color:#fff;font-size:0.65rem;font-weight:700;padding: 1px 8px;border-radius:12px;/* box-shadow:0 3px 10px rgba(255,107,107,0.4); */z-index:10;letter-spacing:0.5px;border:2px solid #fff;/* animation:pulse 2s ease-in-out infinite; */text-transform:uppercase;}
@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 3px 10px rgba(255,107,107,0.4);}50%{transform:scale(1.05);box-shadow:0 5px 15px rgba(255,107,107,0.6);}}
.image-filter-btn{position:relative;}
.new-badge:hover{animation:none;transform:scale(1.1);}
@media (max-width:992px){.new-badge{font-size:0.6rem;padding:2px 6px;top:-6px;right:-6px;}}
@media (max-width:768px){.new-badge{font-size:0.55rem;padding:2px 5px;top:-5px;right:-5px;border-width:1.5px;}}
@media (max-width:430px){.new-badge{font-size:0.5rem;padding:1px 4px;top:-4px;right:-4px;border-width:1px;}}
.new-badge.simple{background:#ff4757;animation:none;border:none;box-shadow:0 2px 6px rgba(255,71,87,0.3);}
.new-badge.gradient{background:linear-gradient(135deg,#ffd32a 0%,#ff6b6b 100%);color:#2c3e50;text-shadow:1px 1px 2px rgba(255,255,255,0.3);}
.new-badge.neon{background:#1a1a2e;color:#0ff;border-color:#0ff;box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;animation:neon-pulse 1.5s ease-in-out infinite;}
@keyframes neon-pulse{0%,100%{box-shadow:0 0 10px #0ff,0 0 20px #0ff,0 0 30px #0ff;}50%{box-shadow:0 0 15px #0ff,0 0 30px #0ff,0 0 45px #0ff;}}


/* ===== Keyword Search Row ===== */
.keyword-search-row{display:flex;gap:10px;align-items:stretch;}
.search-input-large{flex:1;padding:15px 25px;font-size:1.1rem;border:2px solid #d4af37;border-radius:10px;outline:none;background:#fff;transition:all 0.3s ease;}
.search-input-large:focus{border-color:#f39c12;box-shadow:0 0 0 3px rgba(212,175,55,0.2);}
.search-buttons{display:flex;gap:8px;}
.search-btn,.clear-btn{padding:12px 24px;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;white-space:nowrap;}
.search-btn{background:#d4af37;color:#2c3e50;}
.search-btn:hover{background:#f39c12;transform:translateY(-2px);}
.clear-btn{background:#7f8c8d;color:#fff;}
.clear-btn:hover{background:#95a5a6;transform:translateY(-2px);}

/* ===== Search Results Banner ===== */
.search-results-banner{background:#3498db;color:#fff;padding:12px 20px;text-align:center;font-weight:600;}
.results-container{max-width:1280px;margin:0 auto;}

/* ===== 買取リストセクション ===== */
.kaitori-list-section{padding: 10px;}
.kaitori-container{max-width:1280px;margin:0 auto;}

/* ===== View Mode Toggle ===== */
.view-mode-toggle{display:flex;gap:10px;margin-bottom:20px;justify-content:center;}
.view-mode-option{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #ecf0f1;border-radius:20px;cursor:pointer;transition:all 0.3s ease;}
.view-mode-option input[type="radio"]{display:none;}
.view-mode-option span{display:flex;align-items:center;gap:6px;font-weight:600;color:#2c3e50;}
.view-mode-option:hover{border-color:#d4af37;transform:translateY(-2px);}
.view-mode-option input[type="radio"]:checked + span{color:#d4af37;}
.view-mode-option:has(input[type="radio"]:checked){border-color:#d4af37;background:#fffbf0;}

/* ===== 買取グリッド（画像表示） 8列 ===== */
.kaitori-grid.pics_list .tbody{display:grid;grid-template-columns:repeat(8,1fr);gap:12px;}
.kaitori-grid.pics_list .tr{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.1);transition:all 0.3s ease;display:flex;flex-direction:column;}
.kaitori-grid.pics_list .tr:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}
.kaitori-grid.pics_list .td1{width:100%;height: auto;overflow:hidden;background:#f8f9fa;padding:0;}
.kaitori-grid.pics_list .td1 img{width:100%;height:100%;object-fit:contain;cursor:pointer;transition:transform 0.3s ease;}
.kaitori-grid.pics_list .tr:hover .td1 img{transform:scale(1.05);}
.kaitori-grid.pics_list .td2-4_wrap{padding:10px;flex:1;display:flex;flex-direction:column;gap:6px;}
.kaitori-grid.pics_list .td2{font-size:0.8rem;font-weight: 700;color:#2c3e50;line-height:1.3;min-height:34px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family: var(--main-font);}
.kaitori-grid.pics_list .td3,.kaitori-grid.pics_list .td4{font-size:0.7rem;color:#7f8c8d;}
.kaitori-grid.pics_list .label{display:inline-block;padding:2px 6px;background:#ecf0f1;border-radius:3px;font-size:0.65rem;margin-right:4px;}

/* ===== カテゴリ色分け ===== */
.kaitori-grid.pics_list .label.rare{padding:4px 8px;border-radius:10px;font-weight:bold;font-size:0.65rem;text-shadow:1px 1px 2px rgba(0,0,0,0.3);margin-right:4px;}
.kaitori-grid.pics_list .label.rare.parallel{background:linear-gradient(45deg,#ffd700,#ffed4e,#ffc107,#ff8f00,#d4af37);color:#2c3e50;border:1px solid #d4af37;}
.kaitori-grid.pics_list .label.rare.sr{background:linear-gradient(45deg,#fd79a8,#e84393);color:white;}
.kaitori-grid.pics_list .label.rare.r{background:linear-gradient(45deg,#74b9ff,#0984e3);color:white;}
.kaitori-grid.pics_list .label.rare.uc{background:linear-gradient(45deg,#00b894,#00cec9);color:white;}
.kaitori-grid.pics_list .label.rare.c{background:#bdc3c7;color:#2c3e50;}
.kaitori-grid.pics_list .label.rare.sec{background:linear-gradient(45deg,#6c5ce7,#a29bfe);color:white;}
.kaitori-grid.pics_list .label.rare.l{background:linear-gradient(45deg,#ff6348,#ff7675);color:white;}
.kaitori-grid.pics_list .label.rare.leader{background:linear-gradient(45deg,#ff6348,#ff7675);color:white;}
.kaitori-grid.pics_list .label.rare.character{background:linear-gradient(45deg,#74b9ff,#0984e3);color:white;}
.kaitori-grid.pics_list .label.rare.event{background:linear-gradient(45deg,#00b894,#00cec9);color:white;}
.kaitori-grid.pics_list .label.rare.stage{background:linear-gradient(45deg,#fd79a8,#e84393);color:white;}
.kaitori-grid.pics_list .label.rare.don{background:linear-gradient(45deg,#2c3e50,#34495e);color:white;}
.kaitori-grid.pics_list .label.rare.other{background:#95a5a6;color:white;}

/* ===== 買取金額セクション - 改善版 ===== */
.kaitori-grid.pics_list .td5{padding:10px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-top:1px solid #c0392b;display:flex;flex-direction:column;align-items:center;gap:4px;}
.kaitori-grid.pics_list .price_txt{font-size:0.7rem;color:#fff;font-weight:600;/* text-shadow:1px 1px 2px rgba(0,0,0,0.3); */background: #856c1a;}
.kaitori-grid.pics_list .price{font-size: 1.4rem;font-weight:bold;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
.kaitori-grid.pics_list .price::before{content:'\00A5';margin-right:2px;font-size:1rem;}

@media screen and (max-width:800px){
.kaitori-grid.pics_list .price{font-size:1.1rem;}
}

@media screen and (max-width:480px){
.kaitori-grid.pics_list .price{font-size: 16px;}
.kaitori-grid.pics_list .td5{padding: 3px 7px 5px;gap:3px;}   
.kaitori-grid.pics_list .td2-4_wrap{padding:5px;gap:4px;}   
}

/* ===== リスト表示モード ===== */
.kaitori-grid.txt_list .tbody{display:flex;flex-direction:column;gap:8px;}
.kaitori-grid.txt_list .tr{background:#fff;border-radius:8px;padding:12px 15px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 6px rgba(0,0,0,0.08);transition:all 0.3s ease;}
.kaitori-grid.txt_list .tr:hover{box-shadow:0 4px 12px rgba(0,0,0,0.12);transform:translateX(5px);}
.kaitori-grid.txt_list .td1{width:80px;height:80px;flex-shrink:0;}
.kaitori-grid.txt_list .td1 img{width:100%;height:100%;object-fit:contain;cursor:pointer;}
.kaitori-grid.txt_list .td2-4_wrap{flex:1;display:flex;flex-direction:column;gap:4px;}
.kaitori-grid.txt_list .td2{font-size:0.95rem;font-weight:600;color:#2c3e50;line-height: 1.15;}
.kaitori-grid.txt_list .td3,.kaitori-grid.txt_list .td4{font-size:0.8rem;color:#7f8c8d;letter-spacing: 0.05px;}
.kaitori-grid.txt_list .label{display:inline-block;padding:2px 8px;background:#ecf0f1;border-radius:3px;font-size:0.7rem;margin-right:6px;}
.kaitori-grid.txt_list .label.rare{padding:4px 8px;border-radius:10px;font-weight:bold;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.kaitori-grid.txt_list .label.rare.character{background:linear-gradient(45deg,#74b9ff,#0984e3);color:white;}
.kaitori-grid.txt_list .label.rare.leader{background:linear-gradient(45deg,#ff6348,#ff7675);color:white;}
.kaitori-grid.txt_list .label.rare.event{background:linear-gradient(45deg,#00b894,#00cec9);color:white;}
.kaitori-grid.txt_list .label.rare.stage{background:linear-gradient(45deg,#fd79a8,#e84393);color:white;}
.kaitori-grid.txt_list .td5{text-align:right;min-width:150px;background:linear-gradient(135deg,#e74c3c,#c0392b);padding:10px 15px;border-radius:8px;}
.kaitori-grid.txt_list .price_txt{display:block;font-size:0.75rem;color:#fff;background: #856c1a;text-align: center;margin-bottom:4px;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.kaitori-grid.txt_list .price{font-size:1.6rem;font-weight:bold;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
.kaitori-grid.txt_list .price::before{content:'\00A5';margin-right:3px;font-size:1.2rem;}

@media screen and (max-width:800px){
.kaitori-grid.txt_list .td5{min-width:150px;padding:10px 15px;border-radius:8px;}
.kaitori-grid.txt_list .price_txt{font-size:0.75rem;margin-bottom:4px;}
.kaitori-grid.txt_list .price{font-size: 1.3rem;font-weight:bold;}
}

@media screen and (max-width:500px){
.kaitori-grid.txt_list .label.rare{padding:2px 5px;border-radius:10px;}   
.kaitori-grid.txt_list .label{padding: 2px 5px;border-radius:3px;font-size:0.7rem;margin-right: 4px;}   
.kaitori-grid.txt_list .td2{font-size:0.85rem;line-height: 1.15;}   
.kaitori-grid.txt_list .td1{width: 55px;height:auto;flex-shrink:0;}   
.kaitori-grid.txt_list .td5{min-width: 70px;padding: 10px 0px;border-radius:8px;background: transparent;/* color: #000; */}
.kaitori-grid.txt_list .price_txt{display:block;font-size:0.75rem;margin-bottom:4px;/* display: none; */}
.kaitori-grid.txt_list .price{font-size: 1.25rem;color: #000;text-shadow: none;}
.kaitori-grid.txt_list .tr{padding: 12px 10px;gap: 7px;}   
.kaitori-grid.txt_list .price::before{margin-right:3px;font-size:1rem;}   
}


/* ===== Hidden Items ===== */
.hidden{display:none !important;}

/* ===== Highlight ===== */
.highlight{background:#ffeb3b;padding:2px 4px;border-radius:2px;font-weight:600;}

/* ===== More Button ===== */
.more_wrap{text-align:center;margin-top:30px;padding:20px;}
.load-more-button{padding:12px 40px;margin: 0 auto;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(52,152,219,0.3);}
.load-more-button:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 6px 16px rgba(52,152,219,0.4);}
.more_txt{margin-top:10px;font-size:0.85rem;color:#7f8c8d;}

/* ===== Image Modal ===== */
.kaitori-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.9);}
.kaitori-modal.show{display:flex;align-items:center;justify-content:center;}
.kaitori-modal-content{position:relative;max-width:90%;max-height:90%;}
.kaitori-modal-content img{max-width:100%;max-height:90vh;object-fit:contain;}
.close-image-modal{position:absolute;top:-40px;right:0;color:#fff;font-size:35px;font-weight:bold;cursor:pointer;transition:color 0.3s;}
.close-image-modal:hover{color:#e74c3c;}

/* ===== Notice Modal ===== */
.kaitori-notice-modal{display:none;position:fixed;z-index:1500;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);align-items:center;justify-content:center;}
.kaitori-notice-modal.active{display:flex;}
.modal-body{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.2);}
.modal-close{position:absolute;top:15px;right:20px;font-size:28px;font-weight:bold;color:#7f8c8d;cursor:pointer;transition:color 0.3s;}
.modal-close:hover{color:#e74c3c;}
.modal-content h2{margin-bottom:20px;color:#2c3e50;}
.modal-content p{margin-bottom:15px;line-height:1.6;color:#555;}
.modal-link-wrap{text-align:center;}
.modal-link{display:inline-block;padding:10px 30px;background:#3498db;color:#fff;text-decoration:none;border-radius:20px;transition:all 0.3s ease;}
.modal-link:hover{background:#2980b9;transform:translateY(-2px);}

/* ==========================================
   レスポンシブデザイン
   ========================================== */

/* ===== タブレット 1100px以下 - 6列 ===== */
@media screen and (max-width:1100px){
.kaitori-grid.pics_list .tbody{grid-template-columns:repeat(6,1fr);}
}

/* ===== タブレット 900px以下 - 4列 ===== */
@media screen and (max-width:900px){
.kaitori-grid.pics_list .tbody{grid-template-columns:repeat(4,1fr);}
.main-nav{display:none;}
.mobile-menu-toggle{display:flex;margin-left:auto;}
.header-right{display:none;}
.floating-buttons{bottom:20px;right:20px;}
.floating-btn{width:50px;height:50px;font-size:1.1rem;}
}

/* ===== モバイル 800px以下 - フィルター最適化 ===== */
@media screen and (max-width:800px){
/* Series Info最適化 */
.series-container{flex-direction:column;align-items:stretch;gap:10px;}
.series-wrap{flex-direction: row;align-items:flex-start;}
.series-title{font-size:1.2rem;}
.series-actions_wrap{width:100%;}
.series-actions{width:100%;justify-content:center;flex-wrap:wrap;}
.action-link{flex:1;min-width:120px;justify-content:center;}
/* フィルター最適化レイアウト */
.filter-main-row{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px;}
.filter-label{display:none;}
/* 買取強化中ボタン */
.kyouka-filter{width:100%;display:flex;justify-content:center;}
.kyouka-filter .kyouka-btn{width:100%;max-width:100%;justify-content:center;padding:12px 20px;font-size:0.9rem;}
.kyouka-filter .filter-thumb{display:none;}
/* パックフィルター - flex wrap */
.image-filters{width:100%;justify-content: center;}
.image-filter-buttons{display:flex;flex-wrap:wrap;gap:8px;justify-content: center;}
.image-filter-btn{/* flex:0 0 calc(20% - 6.4px); */min-width:60px;max-width:80px;padding:8px 4px;gap:3px;min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;border: 0;}
.image-filter-btn span{font-size:0.68rem;text-align:center;line-height:1.2;}
.filter-icon{width:38px;height:auto;}
/* 検索ボックス最適化 */
.keyword-search-row{flex-direction:column;gap:8px;}
.search-input-large{padding:12px 20px;font-size:1rem;}
.search-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.search-btn,.clear-btn{padding:12px;font-size:0.9rem;}
}

/* ===== スマホ 600px以下 - 3列 ===== */
@media screen and (max-width:600px){
.kaitori-grid.pics_list .tbody{grid-template-columns:repeat(3,1fr);gap:8px;}
.kaitori-grid.pics_list .td1{height: auto;width: 100%;}
.series-title{font-size:1.1rem;}
.action-link{font-size:0.8rem;padding:6px 12px;}
/* パックフィルター - flex wrap */
.image-filter-buttons{gap:10px;}
.image-filter-btn{max-width: fit-content;padding: 5px 4px;min-height:70px;}
.image-filter-btn span{font-size:0.72rem;color: #fff;}
.filter-icon{width: 45px;}
/* 買取強化中ボタン調整 */
.kyouka-filter .kyouka-btn{padding:14px 20px;font-size:0.95rem;}
/* 右下ボタン調整 */
.floating-buttons{bottom:15px;right:15px;}
.floating-btn{width:45px;height:45px;font-size:1rem;}
}

@media screen and (max-width:500px){
.kaitori-grid.pics_list .td1{height: auto;width: 100%;}
}

/* ===== 極小スマホ 400px以下 - 2列 ===== */
@media screen and (max-width:400px){
.kaitori-grid.pics_list .tbody{grid-template-columns:repeat(2,1fr);}
/* パックフィルター - 2行折り返し */
.image-filter-buttons{gap: 0px;}
.image-filter-btn{padding: 5px 0px;min-height: 70px;max-width: fit-content;gap: 0px;}
.image-filter-btn span{font-size:0.75rem;}
.filter-icon{width: 40px;margin-bottom: 5px;}
/* 買取強化中ボタン */
.kyouka-filter .kyouka-btn{padding: 13px 20px;font-size:1rem;}
/* タイトル調整 */
.series-title{font-size:1rem;}
}




/* ===== Modal Styles ===== */
.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);animation:fadeIn 0.3s;}
.modal.show{display:block;}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

.modal-content{
    background-color:#fff;
    margin: 3% auto;
    padding:0;
    width: 95%;
    max-width:900px;
    border-radius:12px;
    box-shadow:0 8px 32px rgba(0,0,0,0.2);
    animation:slideDown 0.3s;
    display:flex;
    flex-direction:column;
    max-height: 90vh;
    }
@keyframes slideDown{from{transform:translateY(-50px);opacity:0;}to{transform:translateY(0);opacity:1;}}

.modal-header{padding:20px;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;}
.modal-header h2{color:#2c3e50;font-size:1.5rem;}
.close-modal{color:#aaa;font-size:28px;font-weight:bold;cursor:pointer;transition:color 0.3s;}
.close-modal:hover{color:#e74c3c;}

.modal-body{padding:20px; overflow-y:auto;flex:1;}
.title-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap: 10px;}
.title-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform 0.3s;padding:5px;border-radius:8px;}
.title-item:hover{transform:translateY(-5px);background:#f8f9fa;}
.title-item img{width: 140px;height:140px;object-fit:cover;border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,0.1);margin-bottom:8px;}
.title-item span{color:#2c3e50;font-size:0.9rem;font-weight:500;text-align:center;}

/* Image Modal */
.image-modal-content{position:relative;max-width:90%;max-height:90%;margin:2% auto;animation:slideDown 0.3s;}
.image-modal-content img{width:100%;height:auto;max-height:90vh;object-fit:contain;}
.close-image-modal{position:absolute;top:-30px;right:0;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;transition:color 0.3s;}
.close-image-modal:hover{color:#e74c3c;}