/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

/* ------------------------------------------------------------------
   スマホ幅で表がつぶれるのを防ぐ（2026-08-29 追加）
   390px幅で4列の表を確認したところ、最後の列が1文字ずつの縦書きになっていた。
   列に最低幅を与え、収まらないときは表だけ横スクロールさせる。
------------------------------------------------------------------ */
@media screen and (max-width: 600px) {
  .soroban-table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 1.6;
  }
  .soroban-table > thead,
  .soroban-table > tbody {
    display: table;
    width: auto;
    min-width: 100%;
  }
  .soroban-table th,
  .soroban-table td {
    min-width: 6em;
    padding: 8px 6px;
  }
  .soroban-table th:first-child,
  .soroban-table td:first-child {
    min-width: 8em;
  }

  /* 横に続きがあることを示す影（右端で止まっているように見せない） */
  .soroban-table {
    background-image:
      linear-gradient(to right, #ffffff 30%, rgba(255,255,255,0)),
      linear-gradient(to right, rgba(255,255,255,0), #ffffff 70%),
      radial-gradient(farthest-side at 0 50%, rgba(0,0,0,0.16), rgba(0,0,0,0)),
      radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,0.16), rgba(0,0,0,0));
    background-position: 0 0, 100% 0, 0 0, 100% 0;
    background-repeat: no-repeat;
    background-size: 28px 100%, 28px 100%, 12px 100%, 12px 100%;
    background-attachment: local, local, scroll, scroll;
  }
}

/* 横に長い表の直前に置く注記。パソコンでは出さない（スクロールしないため） */
.soroban-scrollhint { display: none; }
@media screen and (max-width: 600px) {
  .soroban-scrollhint {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    color: #52514e;
  }
}

/* パソコン幅で「記載なし」などの短い太字が2行に折り返すのを防ぐ（2026-08-29・実物を目視して見つけた）
   スマホ幅には当てない。当てると表が横スクロールに戻るため */
@media screen and (min-width: 601px) {
  .soroban-table td strong { white-space: nowrap; }
}


/* ===== なんの音（oto-*）2026-09-26 追加 ===== */
.oto-ad{font-size:12px;color:#888;margin:0 0 1.2em;}
.oto-scrollhint{font-size:13px;color:#666;margin:1.2em 0 .3em;}
.oto-table{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 1.8em;}
.oto-table table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;}
.oto-table th,.oto-table td{border:1px solid #d8d8d8;padding:.6em .8em;vertical-align:top;line-height:1.6;}
.oto-table thead th{background:#3b4a56;color:#fff;font-weight:600;white-space:nowrap;}
.oto-table tbody tr:nth-child(even){background:#f7f8f9;}
.oto-cta{margin:2em 0;text-align:center;}
.oto-cta a{display:inline-block;width:100%;max-width:640px;box-sizing:border-box;padding:1em 1.2em;background:#e8622a;color:#fff !important;font-weight:700;font-size:16px;line-height:1.5;text-decoration:none;border-radius:6px;box-shadow:0 3px 0 #b84a1c;}
.oto-cta a:hover{background:#d4551f;box-shadow:0 2px 0 #b84a1c;}
.oto-index{list-style:none;padding:0;margin:0 0 1.8em;}
.oto-index li{border-bottom:1px solid #e5e5e5;padding:.7em .2em;}
.oto-index li a{text-decoration:none;font-weight:600;}
.oto-author{background:#f6f7f8;border:1px solid #e2e4e6;border-radius:6px;padding:1.4em 1.4em .6em;font-size:15px;line-height:1.8;}
.oto-author p{margin:0 0 1em;}
@media screen and (max-width:600px){
  .oto-table table{font-size:14px;}
  .oto-cta a{font-size:15px;padding:.9em 1em;}
}