@charset "utf-8";

.products-lineup {
    /* products-lineup specific colors vars */
    --prod-primary: #ff7b0f;
    --prod-white: #fff;
    --prod-accent1: #ffe9e0;
    --prod-accent2: #fff9f5;

    width: 100%;
    overflow-x: auto;
}

/* 共通 */
.lh-base {line-height: normal;}
.lh-base + h2 {
    margin-top: 0;
}
abbr[title] {
  text-decoration: none;
}

/* width settings */
.products-lineup__table {
    width: 100%;
    border-collapse: collapse;
}
@media (max-width: 920px) {
    .products-lineup__table {
        table-layout: fixed;
        min-width: 920px;
    }
}
.products-lineup__table th:nth-child(1),
.products-lineup__table td:nth-child(1),
.products-lineup__table th:nth-child(2),
.products-lineup__table td:nth-child(2) {
  width: 20%;
}

.products-lineup__table th:nth-child(n+3),
.products-lineup__table td:nth-child(n+3) {
  width: calc(60% / 3);
}

.products-lineup__table tr,
.products-lineup__table th,
.products-lineup__table td {
    border: 2px solid var(--prod-white);
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.products-lineup__table thead th {
    background-color: var(--prod-primary);
    color: var(--prod-white);
    border-bottom: 5px solid var(--prod-white);
    font-weight: bold;
}
.products-lineup__table tr:nth-child(odd) {
    background: #f6d4cc; /* from ppt */
    /* background: var(--prod-accent1); */
}
.products-lineup__table tr:nth-child(even) {
    background: #fbebe7; /* from ppt */
    /* background: var(--prod-accent2); */
}

/* table decoration */
.list-icon {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    width: 100%;
    text-align: left;
}
.list-icon::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 8px solid var(--prod-primary);
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.label {
    font-weight: bold;
    display: block;
}