@charset "utf-8";
/* ==========================================================================
   特定商取引法に基づく表示（/tokushoho/）
   2026-08-28 新規。ストアーズの決済審査対応。

   テーマの癖への対処：
   ・.l-header は position:fixed かつ文字が白。白背景だとヘッダーが消えるので、
     最上部に濃色帯（.tokusho-hero）を置いて避けている。
   ・common.css の *, *:before, *:after { text-align: justify } は継承値に勝つため、
     見出しの中央寄せ・セルの左寄せは要素に明示指定している。
   ・common.css の a { color:#fff } のままだと白背景でリンクが見えないので色を指定する。
   ・common.css の word-break: break-all で電話番号や許可番号が変な位置で折れるため、
     テーブル内は normal に戻している。
   ========================================================================== */

.tokusho-main {
 color: #333;
}

.tokusho-hero {
 background-color: #222;
 padding: 160px 20px 60px;
}

.tokusho-title {
 max-width: 1000px;
 margin: 0 auto;
 color: #fff;
 font-size: 32px;
 font-weight: bold;
 text-align: center;
}

.tokusho-body {
 max-width: 1000px;
 margin: 0 auto;
 padding: 60px 20px 100px;
}

.tokusho-table {
 width: 100%;
 border-collapse: collapse;
 word-break: normal;
 overflow-wrap: anywhere;
}

.tokusho-table th,
.tokusho-table td {
 border: 1px solid #ccc;
 padding: 20px;
 font-size: 16px;
 line-height: 1.9;
 text-align: left;
 vertical-align: top;
}

.tokusho-table th {
 width: 240px;
 background-color: #f5f4f1;
 font-weight: bold;
}

.tokusho-table a {
 color: #333;
 text-decoration: underline;
}

.tokusho-table strong {
 font-weight: bold;
}

@media (max-width: 768px) {
 .tokusho-hero {
  padding: 100px 15px 40px;
 }
 .tokusho-title {
  font-size: 20px;
 }
 .tokusho-body {
  padding: 40px 15px 60px;
 }
 .br-pc {
  display: none;
 }
 /* 幅が足りないので th を上・td を下の縦積みにする */
 .tokusho-table,
 .tokusho-table tbody,
 .tokusho-table tr,
 .tokusho-table th,
 .tokusho-table td {
  display: block;
  width: auto;
 }
 .tokusho-table tr {
  margin-bottom: 20px;
 }
 .tokusho-table th,
 .tokusho-table td {
  padding: 14px;
  font-size: 14px;
 }
 .tokusho-table th {
  border-bottom: none;
 }
}