.inner { width: 94%; max-width: 1200px; margin: auto; }

.spec { padding: 0 0 100px; }
.spec .graphics ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.spec .graphics ul li { width: 31%; text-align: center; } 
.spec .graphics ul li .subtitle { padding: 12px 0; }
.spec .graphics ul li .subtitle span { display: inline-block; vertical-align: middle; }
.spec .graphics ul li .subtitle sup { font-size: 12px; display: inline-block; vertical-align: top; }
.spec .graphics ul li p { font-size: 20px; line-height: 120%; }
.spec .graphics ul li .title { font-weight: 100; }
.spec .graphics ul li .title span { font-size: 35px; display: inline-block; }

.spec .table { padding: 60px 0 0; text-align: center; }
.spec .table .row { display: flex; flex-wrap: wrap; justify-content: flex-start; border-left: 1px solid #C4C4C4; }
.spec .table .row:first-child { border-top: 1px solid #C4C4C4;  }
.spec .table .row .col { display: flex; flex-wrap: wrap; width: 20%; box-sizing: border-box; border-bottom: 1px solid #C4C4C4; border-right: 1px solid #C4C4C4; }
.spec .table .row .col .th { background-color: #F9F9F9; height: 50px; }
.spec .table .row .col .td { height: calc(100% - 50px); border-top: 1px solid #C4C4C4; }
.spec .table .row .col .cell { padding: 8px 5px; display: flex; align-items: center; width: 100%; box-sizing: border-box; }
.spec .table .row .col .cell p { width: 100%; font-size: 15px; }
.spec .table .row .col .th p { font-size: 16px; }

.spec .notes { padding: 30px 0; }
.spec .notes p { padding: 5px 0; line-height: 150%; }

.lineup_links { padding: 0 0 60px; max-width: 1600px; margin: auto; }
.lineup_links ul { display: flex; gap: 5px; }
.lineup_links ul li { width: calc(100% / 3);  }
.lineup_links ul li a { display: flex; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; position: relative; padding: 15% 0; height: 100%; background-color: #000; }
.lineup_links ul li a figure { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; overflow: hidden; opacity: 0.7; }
.lineup_links ul li a figure img { height: 100%; width: auto; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: none; transition: 0.5s; }
.lineup_links ul li a:hover figure img { height: 115%; }
.lineup_links ul li a p { width: 100%; position: relative; z-index: 1; color: #fff; text-align: center; font-size: 14px; letter-spacing: 1px; }
.lineup_links ul li a .cat { font-size: 16px; }
.lineup_links ul li a .title { font-size: 32px; line-height: 150%; padding: 0 0 5px; }


@media screen and (max-width: 1100px) {

    .lineup_links ul li a .cat { font-size: 14px; }
    .lineup_links ul li a .title { font-size: 24px; }

}

@media screen and (max-width: 767px) {

    .inner { width: 88%; }
    .spec .graphics ul { justify-content: center; }
    .spec .graphics ul li { width: 100%; max-width: 420px; margin-bottom: 30px; }

    .spec .table { padding: 30px 0 0; }
    .spec .table .row { display: block; }
    .spec .table .row .col { width: 100%; }
    .spec .table .row .col .td,
    .spec .table .row .col .th { height: auto; }
    .spec .table .row .col .th p,
    .spec .table .row .col .td p { font-size: 14px; }
    .spec .table .row .col .td { padding: 16px 4%; }
    .spec .notes { padding: 15px 0; }
    .spec .notes p { font-size: 13px; }

    .lineup_links { max-width: 520px; }
    .lineup_links ul { display: block; }
    .lineup_links ul li { width: 100%; }
    .lineup_links ul li a { padding: 12% 0; }
    .lineup_links ul li a .cat { font-size: 14px; }
    .lineup_links ul li a .title { font-size: 34px; }
}