@font-face{
  font-family: "icomoon";
  src: url("/icomoon.woff2") format("woff2");
  font-display: swap;
}

/* あらすじ用 */
.synopsis-more {
  margin-top: 0.5em;
}

.synopsis-more summary {
  cursor: pointer;
  color: #469283;
  font-size: 0.9em;
  display: inline-block;
}

/* 三角マーカーを消す（Chrome/Safari用） */
.synopsis-more summary::-webkit-details-marker {
  display: none;
}


/* 改行の指定 */
.br-mobile{ display:none; }

@media (max-width: 640px){
  .br-mobile{ display:block; }
}


/* テーブルの指定 */
/* 外枠は wrapper だけ */
.table-wrapper{
  border: 1px solid #66b2a3;
  border-radius: 12px;
  overflow: hidden;
}

/* tableは中身 */
.table-summary{
  border-collapse: collapse;
  width: 100%;
  background-color: rgba(246,247,251,0.75);
}

.table-summary th{
  border: 1px solid #66b2a3;
  padding: 8px 12px;
  background-color: rgba(226,227,251,0.6);
}

.table-summary td{
  border: 1px solid #66b2a3;
  padding: 8px 12px;
}

.table-summary .date{
  white-space: nowrap;
}

.table-summary .category{
  white-space: nowrap;
}

.table-summary .wordcount{
  text-align: right;
  white-space: nowrap;
}


/* 外周のセル罫線は消す（外枠は wrapper が担当） */
.table-summary thead tr:first-child > th{ border-top: none; }
.table-summary thead th:first-child{ border-left: none; }
.table-summary thead th:last-child { border-right: none; }

.table-summary tbody tr:first-child > td{ border-top: none; }
.table-summary tbody tr:last-child  > td{ border-bottom: none; }
.table-summary tbody td:first-child{ border-left: none; }
.table-summary tbody td:last-child { border-right: none; }

.table-summary th:first-child,
.table-summary td:first-child{
  min-width: 320px;   /* タイトル列を守る */
}

/* スマホ幅だけ、横スクロール用の“中身ラッパー”を追加 */
@media (max-width: 600px){
  .table-wrapper{
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: inset -8px 0 8px -8px rgba(0,0,0,0.15);
  }
  .table-summary{
    min-width: 640px; /* ここは見た目で微調整、480〜640くらい */
  }
}

/* 挿絵の処理 */
/* Figure */
.illustration{
  margin:14px 0 0;
  border-radius:18px;
  overflow:hidden;
}

.illustration img{
  width:100%;
  height:auto;
  display:block;
}

.caption{
  padding:10px 12px;
  font-size:0.8em;
}