.hover-text {
      position: relative;
      display: inline-block;
cursor:pointer;
    }

 .hover-text:hover{
  color:#fff;
}
    .hover-text .hover-image {
      display: none;
      position: absolute;
      top: 100%;
      left: 100%;
      transform: translateX(-50%);
      border: 1px solid #ccc;
      background: #fff;
      padding: 10px;
      z-index: 10;

  max-width: 90vw;
  max-height: 80vh;
    }

    .hover-image.show {
      display: block;
    }



    .sbox {
      border: 3px solid #ccc;
      width: 600px;
      padding: 5px;
    }

    .keywords button {
      margin: 2px;
      padding: 3px 8px;
    }
    td,
    th {
      padding: 5px 20px;
    }
.cover-active {
  color: #fff;
  background-color: #007bff;
  padding: 2px 6px;
  border-radius: 4px;
}

/* 説明文 */
.w-desc{
border: 3px solid #ccc;
  display:flex;
  gap:20px;
  margin-bottom:0px;
  font-size:13px;
  line-height:1.4;
 background:#fafafa;
}

.desc-ja,
.desc-en{
  flex:1;
}

.desc-en{
  color:#666;
}

/* 文字サイズ */
.t_mini{
  font-size:0.85rem;
}

.t_big{
  font-size:1.15rem;
  font-weight:bold;
}
/* ホバー */
.t_big:hover{
  background:#fff2ff;
  transform:scale(1.05);
}

/* ジャンル見出し（小型） */
.genre-title{
  font-size:14px;
  font-weight:600;
  margin:10px 0 2px;
  color:#555;
}

/* ジャンルリンク全体 */
.genre-links{
  font-size:13px;
  margin-bottom:6px;
}

/* 各リンク */
.genre-links a{
  display:inline-block;
  padding:2px 6px;
  margin:2px 2px;
  text-decoration:none;
  color:#444;
  border-radius:4px;
  transition:background .15s,color .15s;
}

/* 区切りスラッシュ */
.genre-links a:not(:last-child)::after{
  content:" /";
  color:#aaa;
  margin-left:4px;
}

/* ホバー */
.genre-links a:hover{
  background:#eee;
}

/* クリック時 */
.genre-links a:active{
  background:#007bff;
  color:#fff;
}

/* スマホ対策 */
@media (max-width:768px){
  .w-desc{
    flex-direction:column;
  }
 body { font-size: 7px; }
  th, td { padding: 6px; font-size: 6px; }

.t_mini{
  font-size:0.4rem;
}

.t_big{
  font-size:0.5rem;
padding: 3px 2px;
width:37%
}
.sbox {    
   max-width: 100%;  
}
.genre-links{
  font-size:8px;
}
.genre-title{
  font-size:9px;
}

.w-desc{
  font-size:7px;
}

}
/* スマホ対策ここまで */

img, table{
max-width: 100%; 
table-layout:fixed;
}