@charset "UTF-8";
/* badcompany 状態別 買取価格ページ 共通レスポンシブCSS
   ※このフォルダ配下の専用ページだけが読み込むため、素の要素セレクタで指定 */

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  padding: 10px;
  background: #f2f2f2;
  color: #222;
  font-family: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px;
  line-height: 1.8;
  word-break: break-word;
}

/* 中央寄せの外枠をブロック化 */
center { display: block; }

/* 固定幅(WIDTH=778)のテーブルを画面幅に追従させる */
table {
  width: 100% !important;
  max-width: 735px;
  margin: 0 auto;
}

/* セルの固定WIDTH/HEIGHTを解除して折り返し可能に */
td {
  width: auto !important;
  height: auto !important;
  vertical-align: top;
  padding: 10px !important;
  line-height: 1.8;
}

/* 状態・買取価格などのラベル列（緑セル）は改行させない */
td[bgcolor="#C1E3C4"],
td[bgcolor="#c1e3c4"] {
  white-space: nowrap;
  font-weight: 700;
}

/* 商品画像は枠内に収め、中央表示 */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 6px auto;
}

/* 巨大フォント(SIZE=+3等)がはみ出さないよう上限を設定 */
font[size="+3"] { font-size: 1.35em; line-height: 1.4; }
font[size="+2"] { font-size: 1.2em; }

/* 広めの画面では余白を少し広げる */
@media (min-width: 600px) {
  body { padding: 16px; }
}