@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%) calc(40 / 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_top/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;
  flex-wrap: nowrap;
}
.product-item {
  width: 100%;
  margin: 0 0 calc(80 / 750 * 100%);
}
.ssbox .product-item {
  width: 100%;
  margin: 0 0 calc(80 / 750 * 100%);
}
.ssbox .product-item{
  width: 100%;
  margin: 0 0 calc(80 / 750 * 100%);
}

.product-item figure a::before {
 content: none;
  background-image: none !important;
}


.century .inner,
.genius .inner,
.smart-style .inner,
.mj-wood .inner {
  width: calc(710 / 750 * 100%);
  margin: 0 0 0 calc(40 / 750 * 100%) !important;
}
.ssbox .product-lineup {
  flex-direction: row;
  width: max-content;
}


/* Product Item Background Image
---------------------------------- */

/* Century */
.product-item .ci01 a { background-image: url(../images_top/century/lineup_century_img074.jpg); }
.product-item .ci02 a { background-image: url(../images_top/century/lineup_century_img073.jpg); }
.product-item .ci03 a { background-image: url(../images_top/century/lineup_century_img067.jpg); }
.product-item .ci04 a { background-image: url(../images_top/century/lineup_century_img054.jpg); }
.product-item .ci05 a { background-image: url(../images_top/century/lineup_century_img050.jpg); }
.product-item .ci06 a { background-image: url(../images_top/century/lineup_century_img052.jpg); }

/* Genius */
.product-item .gi01 a { background-image: url(../images_top/genius/lineup_genius_img006.jpg); }
.product-item .gi02 a { background-image: url(../images_top/genius/lineup_genius_img007.jpg); }
.product-item .gi03 a { background-image: url(../images_top/genius/lineup_genius_img008.jpg); }
.product-item .gi04 a { background-image: url(../images_top/genius/lineup_genius_img014.jpg); }
.product-item .gi05 a { background-image: url(../images_top/genius/lineup_genius_img013.jpg); }
.product-item .gi06 a { background-image: url(../images_top/genius/lineup_genius_img011.jpg); }

/* Smart Style */
.product-item .si01 a { background-image: url(../images_top/smart-style/lineup_smart-style_img075.jpg); }
.product-item .si02 a { background-image: url(../images_top/smart-style/lineup_smart-style_img020.jpg); }
.product-item .si03 a { background-image: url(../images_top/smart-style/lineup_smart-style_img028.jpg); }
.product-item .si04 a { background-image: url(../images_top/smart-style/lineup_smart-style_img022.jpg); }
.product-item .si05 a { background-image: url(../images_top/smart-style/lineup_smart-style_img024.jpg); }
.product-item .si06 a { background-image: url(../images_top/smart-style/lineup_smart-style_img023.jpg); }

/* Smart Style 2025*/
.product-item .ss01 a { background-image: url(../images_top/smart-style/lineup_smart-style_img091_sp.jpg); }
.product-item .ss02 a { background-image: url(../images_top/smart-style/lineup_smart-style_img090_sp.jpg); }

/* MJ Wood */
.product-item .mi01 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img078.jpg); }
.product-item .mi02 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img061.jpg); }
.product-item .mi03 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img060.jpg); }
.product-item .mi04 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img070.jpg); }
.product-item .mi05 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img055.jpg); }
.product-item .mi06 a { background-image: url(../images_top/mj-wood/lineup_mj-wood_img056.jpg); }


.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; }
.ssbox dl dd p span{ display:none; }
.ssbox dl dd p br.sp{display: block;}

.tag { font-size: 12px; }

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

.slick-slide { 
margin: 0 20px 0 0;
height: auto !important;
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}

/* 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); }

.ssbox .product-item figure a {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0 0 calc(413 / 670 * 100%);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    cursor: pointer;
    pointer-events: inherit;
    display: block;
}

/* 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%); }
*/