@charset "utf-8";

/* ==================================

  『商品ラインナップ』 SP Style

================================== */
.pc { display: none !important; }
.sp { display: inherit !important; }

p { font-size: calc(24 / 750 * 100vw); }

.link-next {
  font-size: calc(22 / 750 * 100vw);
  margin: calc(100 / 750 * 100%) 0 0; /* Modified 202401 */
}

/* ----------------------------------

  Main Visual

---------------------------------- */
.main-visual { top: initial; }

/* F1
---------------------------------- */
.main-visual.f1 {
  width: 150%;
  margin: 0 0 0 -25%;
}
.main-visual.f1 ul li {
  width: 75%;
  height: auto;
  padding: 0;
}
.main-visual.f1 ul li.mv03 { display: none !important; }
.main-visual.f1 ul li span { position: relative; }

/* F2
---------------------------------- */
.main-visual.f2 .contents-area .inner { width: 100%; }
.main-visual.f2 h2 { width: calc(348 / 750 * 100vw); }
.main-visual.f2 .swiper-slide figure {
  height: auto;
  padding: 0;
}

/* ----------------------------------

  Section

---------------------------------- */

/* Breadcrumb
---------------------------------- */

/* Heading
---------------------------------- */
.heading {
  font-size: calc(48 / 750 * 100vw);
  margin: 0 0 calc(30 / 750 * 100%);
}

/* Intro
---------------------------------- */
.intro { padding: calc(80 / 750 * 100%) 0 calc(70 / 750 * 100%); }
.intro p { line-height: calc(40 / 24); }

/* Section Header
---------------------------------- */
.sec-header {
  display: block;
  margin: 0 0 calc(100 / 750 * 100%);
}
.sec-header > div:last-of-type {
  position: relative;
  width: 100%;
  padding: calc(60 / 750 * 100%) calc(40 / 750 * 100%) 0;
  /*
  background: url(../images/century/wave.png) no-repeat center calc(40 / 750 * 100%);
  background-size: 100%;
  */
}
.sec-header > div:last-of-type dl dt {
  margin: 0 0 calc(60 / 750 * 100%);
  /* margin: 0 0 calc(140 / 750 * 100%);} */
  line-height: 1.0;
}

/* Wave
---------------------------------- */
.wave {
  top: calc(150 / 750 * 100%);
  /* top: calc( ((750 * .5625) / 750) * 100vw + (120 / 750 * 100vw) ); */
  width: 100%;
  height: 80px;
  display: none;
}
.wave_2 { height: 100px; }
.other-model .wave { top: calc(120 / 750 * 100vw); }
.wave-canvas { width: 100%; }

/* Slider Styles
---------------------------------- */
.sec-header .swiper { width: 100%; }

/* Movie
---------------------------------- */
.movie-unit {
  width: 100%;
  padding: 0 0 56.25%;
}

/* Product LineUp
---------------------------------- */
.product-lineup {
  display: block;
  margin: 0; /* Modified 202401 */
}
.product-item {
  width: 100%;
  margin: 0 0 calc(80 / 750 * 100%);
}
.product-item.new::before {
  top: calc(111 / 750 * 100vw / 2 * -1);
  left: calc(111 / 750 * 100vw / 4 * -1);
  width: calc(111 / 750 * 100vw);
  height: calc(111 / 750 * 100vw);
}
.product-item dl dt {
  font-size: calc(30 / 750 * 100vw * 1.111111);
  line-height: initial;
  margin: calc(45 / 750 * 100%) 0 calc(35 / 750 * 100%);
}
.product-item dl dt small { font-size: calc(24 / 30 * 1em * 1.111111); }
.product-item dl dd p { line-height: calc(40 / 24); }
.product-item dl dd:last-of-type { margin: 10px 0 0; }
.tag { font-size: 12px; }

/* Slick Slider Styles */
.slick-slider {
  width: calc(100% + (40 / 750 * 100%));
  overflow: hidden;
}
.slick-list { padding: 0 calc(40 / 750 * 100%) 0 0; }
.slick-slide { margin: 0 20px 0 0; }

/* Century
---------------------------------- */
.century .sec-header > div:last-of-type dl dt img { width: calc(244 / 480 * 100%); }
.link-detail {
  width: 100%;
  font-size: calc(30 / 750 * 100vw);
  line-height: initial;
  padding: 1em 0;
  margin: calc(40 / 750 * 100%) 0 0;
}

/* Genius
---------------------------------- */
.genius { margin: calc(200 / 750 * 100%) 0 0; }
.genius .sec-header > div:last-of-type dl dt img { width: calc(190 / 480 * 100%); }
/*
.genius-header .contents-area .inner { width: 100%; }
.genius-header h2 {
  right: 10px;
  bottom: 10px;
  width: calc(288 / 750 * 100vw);
}
.genius-header figure img {
  width: 100%;
  height: auto;
}
.genius-header + .inner p {
  text-align: left;
  line-height: calc(40 / 24);
  margin: calc(60 / 750 * 100%) 0 0;
}
.genius .product-item:first-of-type dl dt
.genius .product-item:nth-of-type(2) dl dt,
.genius .product-item:nth-of-type(3) dl dt { font-size: calc(36 / 750 * 100vw); }
.genius .product-item:first-of-type dl dt small,
.genius .product-item:nth-of-type(2) dl dt small,
.genius .product-item:nth-of-type(3) dl dt small { font-size: calc(36 / 750 * 100vw / 2); }
*/
.genius .product-item:first-of-type dl dt img { width: calc(494 / 750 * 100vw * 1.111111); }
.genius .product-item:nth-of-type(2) dl dt img { width: calc(206 / 750 * 100vw * 1.111111); }
.genius .product-item:nth-of-type(3) dl dt img { width: calc(172 / 750 * 100vw * 1.111111); }
.genius .product-item:nth-of-type(4) dl dt img { width: calc(213 / 750 * 100vw * 1.111111); }
.genius .product-item:nth-of-type(5) dl dt img { width: calc(238 / 750 * 100vw * 1.111111); }
.genius .product-item:last-of-type dl dt img { width: calc(252 / 750 * 100vw * 1.111111); }

/* Smart Style
---------------------------------- */
.smart-style { margin: calc(200 / 750 * 100%) 0 0; }
.smart-style .sec-header > div:last-of-type dl dt img { width: calc(323 / 480 * 100%); }
.smart-style .product-item:first-of-type dl dt img { width: calc(336 / 750 * 100vw * 1.111111); }
.smart-style .product-item:nth-of-type(2) dl dt img { width: calc(241 / 750 * 100vw * 1.111111); }
.smart-style .product-item:nth-of-type(3) dl dt img { width: calc(365 / 750 * 100vw * 1.111111); }
.smart-style .product-item:nth-of-type(4) dl dt img { width: calc(238 / 750 * 100vw * 1.111111); }
.smart-style .product-item:nth-of-type(5) dl dt img { width: calc(242 / 750 * 100vw * 1.111111); }
.smart-style .product-item:last-of-type dl dt img { width: calc(236 / 750 * 100vw * 1.111111); }

/* Mj Wood
---------------------------------- */
.mj-wood { margin: calc(200 / 750 * 100%) 0 0; }
.mj-wood .sec-header > div:last-of-type dl dt img { width: calc(221 / 480 * 100%); }
.mj-wood .product-item:first-of-type dl dt img { width: calc(194 / 750 * 100vw * 1.111111); }
.mj-wood .product-item:nth-of-type(2) dl dt img { width: calc(412 / 750 * 100vw * 1.111111); }
.mj-wood .product-item:nth-of-type(3) dl dt img { width: calc(370 / 750 * 100vw * 1.111111); }
.mj-wood .product-item:nth-of-type(4) dl dt img { width: calc(244 / 750 * 100vw * 1.111111); }
.mj-wood .product-item:nth-of-type(5) dl dt img { width: calc(237 / 750 * 100vw * 1.111111); }
.mj-wood .product-item:last-of-type dl dt img { width: calc(239 / 750 * 100vw * 1.111111); }

/* Other Model
---------------------------------- */
.other-model { margin: calc(200 / 750 * 100%) 0 0; }
.other-model .link-next { margin: 0; }
.other-model .sec-header { margin: 0 0 calc(100 / 750 * 100%); } /* Modified 202401 */
.other-model .sec-header > div:last-of-type dl dt h3 { font-size: calc(60 / 750 * 100vw); }
.other-model .sec-header > div:last-of-type dl dt img { width: calc(599 / 750 * 100vw); }

/* Banner
---------------------------------- */
.banner { padding: calc(130 / 750 * 100%) 0 calc(80 / 750 * 100%); }
.banner ul { flex-direction: column; }
/*
.banner ul li:first-of-type { margin: 0 0 calc(40 / 750 * 100%); }
*/