@charset "UTF-8";
/* *** variables model *** */
/* radius */
/* *** common variables *** */
/* break point 
---------------------------------------------- */
/* hover style
---------------------------------------------- */
/* color
---------------------------------------------- */
/* *** ①One-Tone *** */
/* *** ②Two-Tone *** */
/* *** mixins *** */
/* break point */
/* hover */
/* -----------------------------------------------
  ① clamp関数
----------------------------------------------- */
/* --- 10px = 1rem --- */
/* -----------------------------------------------
  ② Y軸減少計算
----------------------------------------------- */
/* --- 画面を縮小させた際にコンテンツのY軸距離を広げる関数 --- */
/* BEV LINE UP */
.lineup-area {
  color: var(--white);
  background: var(--black);
}
@media (min-width: 769px) {
  .lineup-area {
    padding-block: 5rem;
  }
}
@media (max-width: 768px) {
  .lineup-area {
    padding-block: 4rem;
  }
}
.lineup-area h2.logottl {
  max-width: 386px;
  margin-inline-start: -28px;
  margin-inline-end: -28px;
}
.lineup-area .item-model .txt-content > div {
  border-bottom: solid 0.01em;
}
.lineup-area .item-model .txt-content > div:not(.txt-link-wrap) {
  padding: 8px 24px 8px 0;
}
@media (min-width: 769px) {
  .lineup-area .item-model .img-wrap {
    flex-basis: 50%;
  }
}
@media (max-width: 768px) {
  .lineup-area .item-model .img-wrap {
    width: calc(100% + 32px);
    margin-inline-start: -16px;
  }
}
.lineup-area .item-model .model-info-wrap span {
  display: block;
}
.lineup-area .item-model .model-info-wrap .model-name {
  font-size: 200%;
}
.lineup-area .item-model .bc_modal_movie {
  width: fit-content;
  padding-inline-end: 24px;
  transition: var(--transition);
}
.lineup-area .item-model .bc_modal_movie::after {
  width: 24px;
  height: 24px;
  top: 50%;
  left: auto;
  right: 0;
  transform: translateY(-50%);
  background-position: center;
  background-size: contain;
}
.lineup-area .item-model .bc_modal_movie:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}/*# sourceMappingURL=bev-lineup.css.map */


