/* ==========================================================
   voices.css — 口コミ・評判ページ用
   旧CMS(hpgen)テンプレートCSSに依存していたクラスの再現 +
   voices配下の基本レイアウト
   ========================================================== */

/* --- 本文コンテナ --- */
.shorts-lab--voices { line-height: 1.8; }
.shorts-lab--voices h1 { font-size: 24px; line-height: 1.45; margin: 0 0 16px; }
.shorts-lab--voices h2 { font-size: 19px; line-height: 1.5; margin: 28px 0 12px; }
.shorts-lab--voices hr { border: 0; border-top: 1px solid #ddd; margin: 0; }
@media screen and (max-width: 640px) {
  .shorts-lab--voices h1 { font-size: 20px; }
  .shorts-lab--voices h2 { font-size: 17px; }
}

/* --- 旧テンプレ: レビュー一覧(table型) --- */
.kutikomi { margin: 12px 0 24px; }
.kutikomi .layout1 { padding: 14px 0 16px; }
.kutikomi table.auto { width: 100%; border-collapse: collapse; }
.kutikomi table.auto td { padding: 2px 0; vertical-align: top; font-size: 14px; }
.kutikomi .red { color: #b33; font-weight: bold; }
.kutikomi .font12 { font-size: 12px; }
.kutikomi .font12 a { color: #8a5a2b; }
.kutikomi .item { padding-top: 8px; line-height: 1.8; }

/* --- 旧テンプレ: float系 --- */
.float_left { float: left; }
.float_right { float: right; }
.kutikomi .layout1 td::after,
.kutikomi .layout1::after { content: ""; display: block; clear: both; }
@media screen and (max-width: 640px) {
  .kutikomi .float_left,
  .kutikomi .float_right { float: none; width: auto !important; text-align: left !important; }
  .kutikomi table.auto td { display: block; width: auto !important; }
}

/* --- 旧テンプレ: リスト --- */
.shorts-lab--voices .list { margin: 8px 0; }
.shorts-lab--voices .list a { color: #8a5a2b; }