/*

For Product Pages

*/

/* COMMON */
header, footer {
  font-size: .75em;
}
i {
  font-style: normal;
}
.p_section {
  display: block;
  padding: 1.5em 1em 0.5em;
  clear: both;
}
.p_column {
  display: inline-block;
}
.break {
  clear: both;
  page-break-before: always;
}
.p_section > * {
  font-size: 0.9em;
}
.p_section table {
  border-collapse: collapse;
  font-size: 0.8em;
}
.p_section table th {
  white-space: nowrap;
}
.p_section table th,
.p_section table td {
  padding: 0.3em 1em;
}
.p_section.notes {
  font-size: .9em;
}

/* 製品概要 */
.p_column.text {
  width: 50%;
  vertical-align: top;
}
.p_column.img {
  width: 40%;
  text-align: center;
}
.p_column.img img {
  max-width: 100%;
  max-height: 18em;
}
span.status {
  display: block;
  width: 6em;
  line-height: 1.4em;
  text-align: center;
  border: 1px solid #000;
}
span.status.latest {
  font-weight: bold;
  color: #dd0000;
}
span.status.new {
  font-weight: bold;
  color: #fff;
  background: #e60012;
  border: 1px solid #e60012;
}
span.status.eop {
  color: #fff;
  background: #808080;
  border: 1px solid #808080;
}
.model {
  display: block;
  font-size: 1.8em;
  font-weight: bold;
  margin-top: 0;
}
.outline {
  line-height: 1em;
}
.list_advantages {
  color: black;
  list-style: none;
  margin: 0;
}
.list_advantages li::before {
  content: '\25CF';
  color: #e60012;
  margin-right: 0.3em;
}
.text-price {
  color: black;
}
.icon {
  margin-top: 2em;
}
.icon img {
  height: 2.5em;
  padding: 0 0.5em;
}

/* シリーズ一覧表 */
table.table_series {
  width: 100%;
  border-bottom: solid 1px #bbb;
  margin-top: 1.5em;
  color: #000;
}
.t_cable {
  float: left;
  width: 47% !important;
  margin-right: 1%;
}
table.table_series th {
  border: none;
  background: #bbb;
  font-weight: bold;
  line-height: 1.4em;
}
table.table_series th:nth-last-child(2).th_model {
  width: 60%;
}
table.table_series td {
}
.h6_lineup {
  margin: 1.5em 0 .3em;
  padding-left: .5em;
  font-weight: normal;
}
table.lineup {
  margin-top: 0;
  border-top: solid 1px #bbb;
}
table.lineup tr:first-child td {
  border-top: solid 1px #bbb;
}
th.th_status,
td.td_status {
  width: 15%;
}
th.th_model,
td.td_title {
  width: 20%;
}
th.th_length {
  min-width: 4em;
}
th.th_price,
td.td_price {
  width: 20%;
}
td.td_status {
  white-space: nowrap;
}
td .status {
  width: auto;
  border: 0px;
}

/* 概要タブ */
.ul_advantage {
  margin: 0 0 1.5em;
  display: block;
  column-count: 2;
}
.ul_advantage li {
  width: 90%;
  list-style: none;
  margin-right: 0.5em;
  vertical-align: top;
  display: initial;
}
.ul_advantage li ul {
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: 0.5em;
  padding: 0;
  break-inside: avoid-column;
}
.ul_advantage li li {
  color: rgba(0,0,0,100);
  display: block;
  width: auto;
  padding-left: 1em;
}
.ul_advantage > li li::before {
  content: '\2022';
  color: #e60012;
  margin-right: 0.3em;
  margin-left: -1em;
}

/* タブ_仕様 */
.table_spec {
  border-top: solid 2px #666;
  border-bottom: solid 2px #666;
  border-left: 0px;
  border-right: 0px;
  font-size: 0.9em;
}
.table_spec th {
  border: solid 1px #666;
  border-left: none;
  white-space: nowrap;
}
.table_spec th:last-child {
  border-right: none;
}
.table_spec td {
  border: solid 1px #666;
  border-left: none;
  line-height: 1.4em;
}
.table_spec td:last-child {
  border-right: none;
  border-left: solid 1px #666;
}
.table_spec td:first-child {
  border-left: none;
}
.table_spec td.column-1 {
  font-weight: bold;
  white-space: nowrap;
}
.table_spec._2 td.column-1,
.table_spec._2 td.column-2 {
  font-weight: bold;
  white-space: nowrap;
}
.table_spec._3 td.column-1,
.table_spec._3 td.column-2,
.table_spec._3 td.column-3 {
  font-weight: bold;
  white-space: nowrap;
}

/* PRINT */
@media print {
  .p_section > * {
    font-size: 0.55em;
  }
  .p_section table {
    font-size: 0.6em;
  }
  .p_section * {
    line-height: 1.6em;
  }
}