body{
  background:black;
}

/* タイトル（固定解除） */
h1{
  text-align:left;
  margin:10px 20px;
}

h1 img{
  height:70px;
}

.update-date {
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 20px;
  color: #666;
}

/* サイドバー＋リスト横並び */
.main{
  display:flex;
}

/* ===== 左サイドバー ===== */
.sidebar{
  width:250px;
  min-height:100vh;
  padding:15px;
  background:#111;

  display:flex;
  flex-direction:column;
  gap:10px;
}

.sidebar {
  position: sticky;
  top: 20px;
  height: fit-content;
}

/* ===== 検索 ===== */
#search{
  font-size:16px;
  padding:10px 14px;
  border-radius:20px;
  border:1px solid #444;

  background:#0a0a0a;
  color:#fff;

  outline:none;
}

#search:focus{
  border-color:#666;
}

/* ===== セレクト ===== */
select{
  font-size:14px;
  padding:8px 12px;

  color:#ddd;
  background:#0a0a0a;

  border:1px solid #444;
  border-radius:16px;
}

/* ===== X情報ボックス ===== */
.x-box{
  margin-top:10px;
  padding:12px;

  border-radius:10px;
  background:#0a0a0a;
  border:1px solid #222;
}

.x-title{
  font-size:14px;
  color:#fff;
  margin:0;
}

.x-btn{
  display:inline-block;
  padding:6px 10px;
  border-radius:12px;

  background:#111;
  border:1px solid #444;
  color:#fff;

  text-decoration:none;
  font-size:12px;
}

.x-btn:hover{
  background:#1a1a1a;
}

.neon {
  color: #b6faff;
  text-decoration: none;
  text-shadow:
    0 0 5px #00eaff,
    0 0 10px #00eaff,
    0 0 20px #00eaff,
    0 0 40px #00eaff;
  transition: 0.3s;
}

/* ホバーでさらに発光 */
.neon:hover {
  color: #ffffff;
  text-shadow:
    0 0 10px #00eaff,
    0 0 20px #00eaff,
    0 0 40px #00eaff,
    0 0 80px #00eaff;
}

.price-notice {
  background: #111;
  color: #00eaff;
  text-align: center;
  font-size: 13px;
  padding: 8px;
  border-bottom: 1px solid #00eaff;
}

/* ===== カード一覧 ===== */
#figureList{
  flex:1;

  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:24px;
  padding:20px;

  /* ★これ追加（超重要） */
  align-items: start;
}

/* ===== カード ===== */
.card {
  background: #2a2a2a;
  border-radius: 12px;
  padding: 6px;
  color: #fff;

  display: flex;
  flex-direction: column;

  /* ★追加（これが重要） */
  height: 500px;
  flex: none;

  transition: 0.2s;
}

.card:hover{
  transform: translateY(-4px);
}

/* ===== 画像 ===== */
.card img {

 image-rendering: pixelated;
  filter: contrast(95%);
 
 width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 8px;
}

/* ===== タイトル ===== */
.card h3.name {
  font-size: 14px;
  margin:6px 0;
  line-height:1.3;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ===== 価格 ===== */
.card p.price {
  font-size: 28px;
  margin-top: auto;

  color: #ff3b3b;
  font-weight: bold;
  font-style: italic;
  font-family: "Arial Black", "Impact", sans-serif;
}

.card .source{
  display:block;
  font-size:10px;
  color:#888;
  margin-top:4px;
  text-decoration:none;
}

.card .source{
  display:block;
  font-size:12px;     /* ← 少し大きく */
  color:#888;
  margin-top:6px;
  text-align:center;  /* ← 真ん中 */
  text-decoration:none;
}

.source{
margin-top:20px;
color:white;
font-size:14px;
}

.source h3{
margin-bottom:8px;
font-size:16px;
border-bottom:1px solid #555;
padding-bottom:4px;
}

.source ul{
list-style:none;
padding:0;
margin:0;
}

.source li{
margin:4px 0;
}

.source a{
color:#7fd4ff;
text-decoration:none;
}

.source a:hover{
text-decoration:underline;
}

/* ===== 著作権 ===== */
.card .copy {
  font-size: 12px;
  color: #aaa;
  margin-top: 6px;
}

/* ===== スマホ ===== */
@media (max-width: 600px) {
  .main{
    flex-direction:column;
  }

  .sidebar{
    width:100%;
  }

  #figureList{
    grid-template-columns: 1fr;
  }
}