@charset "UTF-8";
/* location layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/*@mixin font-min {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
}*/
/* regular: 400, medium: 500, bold: 700 */
/*@mixin font-hdl {
	font-family: fot-udkakugo-large-pr6n, sans-serif;
	font-style: normal;
	font-weight: 600;
}*/
/* regular: 500 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* padding margin */
/* 縦書き */
/* 内径 */
/* archive
---------------------------------------------------------------------------*/
.archive-list {
  gap: 48px 51px; }
  @media screen and (max-width: 1300px) {
    .archive-list {
      gap: 3.6923076923vw 3.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .archive-list {
      gap: 8.5333333333vw; } }
  .archive-list > * {
    position: relative;
    width: calc((100% - 102px) / 3);
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    overflow: hidden; }
    @media screen and (max-width: 1300px) {
      .archive-list > * {
        width: calc((100% - 7.84615vw) / 3);
        border-radius: 1.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .archive-list > * {
        width: 100%;
        border-radius: 3.3333333333vw; } }
  .archive-list a {
    display: block;
    height: 100%; }
.archive-img img {
  width: 100%;
  height: 216px;
  object-fit: contain;
  object-position: center;
  font-family: "object-fit: contain; object-position: center;"; }
  @media screen and (max-width: 1300px) {
    .archive-img img {
      height: 16.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .archive-img img {
      height: 50vw; } }
.archive-img.noimg {
  background-color: #c4c4c4; }
.archive-tx {
  padding: 16px 26px 94px; }
  @media screen and (max-width: 1300px) {
    .archive-tx {
      padding: 1.2307692308vw 2vw 7.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .archive-tx {
      padding: 5.3333333333vw; } }
.archive-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #e51c24;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  color: #ffffff; }
  @media screen and (max-width: 1300px) {
    .archive-cat {
      height: 3.8461538462vw;
      border-radius: 0.7692307692vw; } }
  @media screen and (max-width: 480px) {
    .archive-cat {
      height: 10vw;
      border-radius: 1.3333333333vw; } }
  .archive-cat > span {
    display: block;
    position: relative;
    padding-left: 76px; }
    @media screen and (max-width: 1300px) {
      .archive-cat > span {
        padding-left: 5.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .archive-cat > span {
        padding-left: 14.9333333333vw; } }
    .archive-cat > span::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 60px;
      height: 50px;
      left: 10px;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1300px) {
        .archive-cat > span::before {
          width: 4.6153846154vw;
          height: 3.8461538462vw;
          left: 0.7692307692vw; } }
      @media screen and (max-width: 480px) {
        .archive-cat > span::before {
          width: 12vw;
          height: 10vw;
          left: 2vw; } }
  .archive-cat.kei > span::before {
    background-image: url(../img/car/icn-Kei.png); }
.archive-detail li {
  border-bottom: 1px dotted #00285f;
  padding: 8px 0;
  line-height: 1.7; }
  @media screen and (max-width: 1300px) {
    .archive-detail li {
      padding: 0.6153846154vw 0; } }
  @media screen and (max-width: 480px) {
    .archive-detail li {
      padding: 2.1333333333vw 0; } }
.archive-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 24px;
  width: 180px; }
  @media screen and (max-width: 1300px) {
    .archive-btn {
      bottom: 1.8461538462vw;
      width: 13.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .archive-btn {
      position: relative;
      left: auto;
      transform: translateX(0);
      bottom: auto;
      width: 36vw;
      margin-top: 6.4vw;
      margin-left: auto;
      margin-right: auto; } }
.archive-pager .wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px; }
  @media screen and (max-width: 1300px) {
    .archive-pager .wp-pagenavi {
      gap: 1.8461538462vw; } }
  @media screen and (max-width: 480px) {
    .archive-pager .wp-pagenavi {
      gap: 4.8vw; } }
  .archive-pager .wp-pagenavi .pages {
    display: none; }
  .archive-pager .wp-pagenavi .current, .archive-pager .wp-pagenavi .page {
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #e5e9ef;
    background-color: #ffffff;
    text-align: center;
    font-family: "Tilt Warp", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "XROT" 0, "YROT" 0;
    font-size: 24px;
    line-height: 42px;
    border-radius: 50%; }
    @media screen and (max-width: 1300px) {
      .archive-pager .wp-pagenavi .current, .archive-pager .wp-pagenavi .page {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .archive-pager .wp-pagenavi .current, .archive-pager .wp-pagenavi .page {
        font-size: 4.8vw; } }
    @media screen and (max-width: 1300px) {
      .archive-pager .wp-pagenavi .current, .archive-pager .wp-pagenavi .page {
        width: 3.3846153846vw;
        height: 3.3846153846vw;
        line-height: 3.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .archive-pager .wp-pagenavi .current, .archive-pager .wp-pagenavi .page {
        width: 8.8vw;
        height: 8.8vw;
        line-height: 8.4vw; } }
  .archive-pager .wp-pagenavi .current {
    border: 1px solid #00285f;
    background-color: #00285f;
    color: #ffffff; }
  .archive-pager .wp-pagenavi .previouspostslink,
  .archive-pager .wp-pagenavi .nextpostslink {
    width: 14px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    color: transparent;
    font-size: 0; }
    @media screen and (max-width: 1300px) {
      .archive-pager .wp-pagenavi .previouspostslink,
      .archive-pager .wp-pagenavi .nextpostslink {
        width: 1.0769230769vw;
        height: 3.3846153846vw; } }
    @media screen and (max-width: 480px) {
      .archive-pager .wp-pagenavi .previouspostslink,
      .archive-pager .wp-pagenavi .nextpostslink {
        width: 2.8vw;
        height: 8.8vw; } }
  .archive-pager .wp-pagenavi .previouspostslink {
    background-image: url(../img/car/prev.png); }
  .archive-pager .wp-pagenavi .nextpostslink {
    background-image: url(../img/car/next.png); }

/* single
---------------------------------------------------------------------------*/
.single .archive-cat {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 274px; }
  @media screen and (max-width: 1300px) {
    .single .archive-cat {
      width: 21.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .single .archive-cat {
      width: 54.8vw; } }
  .single .archive-cat > span {
    padding-right: 16px; }
    @media screen and (max-width: 1300px) {
      .single .archive-cat > span {
        padding-right: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .single .archive-cat > span {
        padding-right: 3.2vw; } }
.single-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  height: 586px; }
  @media screen and (max-width: 1300px) {
    .single-img {
      height: 45.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .single-img {
      display: block;
      height: auto; } }
  .single-img .swiper-arw {
    display: block !important;
    position: absolute;
    right: 0;
    width: 160px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 10; }
    @media screen and (max-width: 1300px) {
      .single-img .swiper-arw {
        width: 12.3076923077vw;
        height: 2.4615384615vw; } }
    @media screen and (max-width: 480px) {
      .single-img .swiper-arw {
        width: 4.2666666667vw;
        height: 14vw;
        background-size: cover; } }
    .single-img .swiper-arw.singlemainsl-prev {
      top: 0;
      background-image: url(../img/car/thumb-prev.png); }
      @media screen and (max-width: 480px) {
        .single-img .swiper-arw.singlemainsl-prev {
          background-image: url(../img/car/thumb-prev-sp.png);
          top: auto;
          bottom: 0;
          left: -4vw;
          right: auto; } }
    .single-img .swiper-arw.singlemainsl-next {
      bottom: 0;
      background-image: url(../img/car/thumb-next.png); }
      @media screen and (max-width: 480px) {
        .single-img .swiper-arw.singlemainsl-next {
          background-image: url(../img/car/thumb-next-sp.png);
          right: -4vw; } }
.single-main {
  width: 896px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .single-main {
      width: 68.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .single-main {
      width: 100%; } }
  .single-main .swiper-slide img {
    width: 100%;
    height: 586px;
    object-fit: contain;
    object-position: center;
    font-family: "object-fit: contain; object-position: center;"; }
    @media screen and (max-width: 1300px) {
      .single-main .swiper-slide img {
        height: 45.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .single-main .swiper-slide img {
        height: 58vw; } }
.single-thumb {
  width: 160px;
  padding: 56px 0 32px;
  height: 586px;
  overflow: hidden; }
  @media screen and (max-width: 1300px) {
    .single-thumb {
      width: 12.3076923077vw;
      height: 45.0769230769vw;
      padding: 4.3076923077vw 0 2.4615384615vw; } }
  @media screen and (max-width: 480px) {
    .single-thumb {
      width: 100%;
      height: auto;
      padding: 0;
      margin-top: 6.4vw; } }
  .single-thumb .swiper-wrapper {
    height: 497px; }
    @media screen and (max-width: 1300px) {
      .single-thumb .swiper-wrapper {
        height: 38.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .single-thumb .swiper-wrapper {
        height: auto; } }
  .single-thumb .swiper-slide {
    height: 125px; }
    @media screen and (max-width: 1300px) {
      .single-thumb .swiper-slide {
        height: 9.6153846154vw; } }
    @media screen and (max-width: 480px) {
      .single-thumb .swiper-slide {
        width: 25%;
        height: auto; } }
    .single-thumb .swiper-slide img {
      width: 100%;
      height: 104px;
      border-radius: 10px;
      opacity: 0.5;
      object-fit: contain;
      object-position: center;
      font-family: "object-fit: contain; object-position: center;"; }
      @media screen and (max-width: 1300px) {
        .single-thumb .swiper-slide img {
          height: 8vw; } }
  @media screen and (max-width: 1300px) and (max-width: 1300px) {
    .single-thumb .swiper-slide img {
      border-radius: 0.7692307692vw; } }
  @media screen and (max-width: 1300px) and (max-width: 480px) {
    .single-thumb .swiper-slide img {
      width: 90%;
      height: 14vw;
      margin: 0 auto;
      border-radius: 1.3333333333vw; } }

    .single-thumb .swiper-slide.swiper-slide-thumb-active img {
      opacity: 1; }
.single-ft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .single-ft {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      gap: 8.5333333333vw; } }
.single-equip {
  width: 536px; }
  @media screen and (max-width: 1300px) {
    .single-equip {
      width: 41.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .single-equip {
      width: 100%; } }
  .single-equip ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px; }
    @media screen and (max-width: 1300px) {
      .single-equip ul {
        gap: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .single-equip ul {
        gap: 2.1333333333vw; } }
    .single-equip ul li {
      width: 122px;
      border: 1px solid #8093af; }
      @media screen and (max-width: 1300px) {
        .single-equip ul li {
          width: 9.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .single-equip ul li {
          width: calc((100% - 6.39999vw) / 4); } }
.single-spec {
  width: 476px; }
  @media screen and (max-width: 1300px) {
    .single-spec {
      width: 36.6153846154vw; } }
  @media screen and (max-width: 480px) {
    .single-spec {
      width: 100%; } }
  .single-spec table th, .single-spec table td {
    white-space: nowrap; }
.single-baggage {
  padding: 24px 0 16px; }
  @media screen and (max-width: 1300px) {
    .single-baggage {
      padding: 1.8461538462vw 0 1.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .single-baggage {
      padding: 5.3333333333vw 0; } }
  .single-baggage p {
    padding: 0 1em; }
  .single-baggage div {
    margin: .5em 0; }
.single-pager {
  width: 250px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .single-pager {
      width: 19.2307692308vw; } }
  @media screen and (max-width: 480px) {
    .single-pager {
      width: 50vw; } }
  .single-pager .prev, .single-pager .next {
    font-size: 24px;
    font-family: "Carter One", system-ui;
    font-weight: 400;
    font-style: normal;
    position: relative; }
    @media screen and (max-width: 1300px) {
      .single-pager .prev, .single-pager .next {
        font-size: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .single-pager .prev, .single-pager .next {
        font-size: 4.8vw; } }
    .single-pager .prev::before, .single-pager .next::before {
      position: absolute;
      content: "";
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      width: 14px;
      height: 18px;
      top: 50%;
      transform: translateY(-50%); }
      @media screen and (max-width: 1300px) {
        .single-pager .prev::before, .single-pager .next::before {
          width: 1.0769230769vw;
          height: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .single-pager .prev::before, .single-pager .next::before {
          width: 2.8vw;
          height: 3.6vw; } }
  .single-pager .prev {
    padding-left: 26px; }
    @media screen and (max-width: 1300px) {
      .single-pager .prev {
        padding-left: 2vw; } }
    @media screen and (max-width: 480px) {
      .single-pager .prev {
        padding-left: 5.2vw; } }
    .single-pager .prev::before {
      left: 0;
      background-image: url(../img/car/prev.png); }
  .single-pager .next {
    padding-right: 26px; }
    @media screen and (max-width: 1300px) {
      .single-pager .next {
        padding-right: 2vw; } }
    @media screen and (max-width: 480px) {
      .single-pager .next {
        padding-right: 5.2vw; } }
    .single-pager .next::before {
      right: 0;
      background-image: url(../img/car/next.png); }
  .single-pager .none::before {
    display: none; }