@charset "UTF-8";
/*
lineup
*/
/* 3tab化以降追加 */
/* 3tab化以降追加ここまで */
html {
  scroll-behavior: smooth; }

.headerimg {
  background: url("../../img/component/frontispiece_lineup.jpg") center center/100% no-repeat; }

.lineup_intro {
  line-height: 1.5rem;
  padding: 0 20px; }

.lineup_detail {
  padding: 20px;
  background: #f5f2ef;
  line-height: 1.5rem;
  font-size: 1rem; }

.lineup_detail._common {
  margin-top: 20px; }

.lineup_detail .center {
  text-align: center;
  margin-bottom: 5px; }

.lineup_detail p + p {
  margin-top: 10px; }

.lineuppoints li::before {
  content: "・"; }

.lineup_eyecatch {
  position: relative;
  width: 100%;
  height: calc(60vw + 180px); }

.lineup_eyecatch._q {
  background: url("../../img/component/lineup_q.jpg") top 120px center/100% auto no-repeat; }

.lineup_eyecatch._r {
  background: url("../../img/component/lineup_r.jpg") top 120px center/100% auto no-repeat; }

.lineup_eyecatch._s {
  background: url("../../img/component/lineup_s.jpg") top 120px center/100% auto no-repeat; }

.lineup_seriesname {
  position: absolute;
  top: 60px;
  left: 15px;
  font-size: 48px;
  color: #4B3C32;
  font-family: 'Shippori Mincho', serif; }

.lineup_seriesdesc {
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px;
  color: #4B3C32;
  font-weight: bold;
  font-family: 'Shippori Mincho', serif; }

.lineup_seriesprice {
  position: absolute;
  top: 80px;
  right: 5px;
  text-align: right;
  color: #4B3C32;
  font-family: 'Shippori Mincho', serif; }

.lineup_seriesprice_num {
  font-size: 28px;
  margin-right: 0.25rem; }

.button._tolineuptable {
  display: none; }

#lineuptable {
  display: none; }

#lineuptable th {
  display: table-cell;
  font-size: 16px;
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle; }
#lineuptable td {
  display: table-cell;
  font-size: 14px;
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle; }
#lineuptable .category {
  width: 60px;
  padding: 10px;
  background: #cbc4b9;
  text-align: center;
  vertical-align: middle;
  min-height: 2.5em; }
#lineuptable .category .vertical_outer {
  text-align: center; }
#lineuptable .category .vertical_inner {
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  display: inline-block; }
#lineuptable .tabletitle {
  background: #e8e3db; }
#lineuptable .itemname {
  min-width: 260px;
  background: #e8e3db;
  border-left: solid 1px white; }
#lineuptable .series {
  width: 240px;
  background: #f5f2ef;
  border-left: solid 1px white; }
#lineuptable .series._h {
  width: 120px;
  background: #eeeceb; }
#lineuptable ._bordertop td,
#lineuptable ._bordertop th {
  border-top: solid 1px white; }

@media screen and (min-width: 960px) {
  .lineup_eyecatch {
    position: initial;
    width: 100%;
    height: 60vw;
    margin-top: 90px;
    padding-top: 10vw; }

  .lineup_eyecatch._q {
    background: #FFFFFF url("../../img/component/lineup_q.jpg") center center/100% auto no-repeat; }

  .lineup_eyecatch._r {
    background: #FFFFFF url("../../img/component/lineup_r.jpg") center center/100% auto no-repeat; }

  .lineup_eyecatch._s {
    background: #FFFFFF url("../../img/component/lineup_s.jpg") center center/100% auto no-repeat; }

  .lineup_seriesbox {
    position: relative;
    background: white;
    width: 66vw;
    max-width: 400px;
    height: 40vw;
    max-height: 300px;
    margin: 0 0 0 17%;
    padding: 10px 20px 5px; }

  .lineup_seriesname {
    position: initial;
    top: initial;
    left: initial;
    font-size: 3rem;
    margin-bottom: 20px; }

  .lineup_seriesdesc {
    position: absolute;
    top: 40%;
    left: 20px;
    text-align: left;
    font-weight: normal;
    font-family: inherit; }

  .lineup_seriesprice {
    position: absolute;
    top: initial;
    right: 10px;
    bottom: 10px;
    text-align: right;
    margin-top: 1rem; }

  .lineup_seriesprice_num {
    font-size: 2.5rem;
    margin-right: 0.5rem; }

  .lineup_detail {
    margin-top: 20px; }

  .lineup_detail p + p {
    margin-top: 10px; }

  .lineuppoints {
    margin-left: 0; }

  .lineuppoints li {
    display: inline-block;
    width: 155px; }

  .lineuppoints li._long2 {
    width: 310px; }

  .lineuppoints li._long3 {
    width: 465px; }

  .button._tolineuptable {
    display: block;
    width: 300px;
    margin: 30px auto 90px; }

  #lineuptable {
    display: table;
    margin: 90px auto 0; } }

/*# sourceMappingURL=lineup.css.map */