/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 3272:0 Unexpected "}"

**/
<script src="{{ 'sabaowork.js' | asset_url }}" defer></script>

/* 全幅画像のPC・SP画像切替 */

.img-pc {
  display: block;
}
.img-sp {
  display: none;
}
@media only screen and (max-width: 768px) {
  .img-pc {
    display: none;
  }
  .img-sp {
    display: block;
  }
}

/* テキストアニメーション */

.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
  &.fadein-left{
      transform: translate(-30px,0);
  }
  &.fadein-right{
      transform: translate(30px,0);
  }
  &.fadein-up{
      transform: translate(0,-30px);
  }
  &.fadein-bottom{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}
@keyframes blurFadeBounce {
  0% {
    filter: blur(0px);
    color: rgba(0, 0, 0, 1);
    transform: translateY(0); /* 初期位置 */
  }
  25% {
    filter: blur(0.5px);
    color: rgba(0, 0, 0, 0.75);
    transform: translateY(-2px); /* 上に少し揺れる */
  }
  50% {
    filter: blur(1px);
    color: rgba(0, 0, 0, 0.5);
    transform: translateY(0); /* 中央に戻る */
  }
  75% {
    filter: blur(0.5px);
    color: rgba(0, 0, 0, 0.75);
    transform: translateY(2px); /* 下に少し揺れる */
  }
  100% {
    filter: blur(0px);
    color: rgba(0, 0, 0, 1);
    transform: translateY(0); /* 元に戻る */
  }
}

.blur-text {
  display: inline-block; /* translateを効かせるために必要 */
  animation: blurFadeBounce 3s infinite ease-in-out;
}

  /* グラデーションを文字に適用 */
  .gradientxt{
    background: linear-gradient(270deg, #000000, #eeeeee, #000000);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* アニメーション */
  animation: gradientShift 6s ease-in-out infinite alternate;
}

/* グラデーションがゆっくり動く */
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}



.wave {
  display: inline-block;
  animation: waveUp 2.5s ease-in-out infinite;
}

@keyframes waveUp {
  0%   { transform: translateY(0); }
  40%  { transform: translateY(-10px); } /* 上にだけ動く */
  100% { transform: translateY(0); }
}

/* 1文字ずつアニメーションをずらす */
.efes-title span .wave:nth-child(1) { animation-delay: 0s; }
.efes-title span .wave:nth-child(2) { animation-delay: 0.1s; }
.efes-title span .wave:nth-child(3) { animation-delay: 0.2s; }
.efes-title span .wave:nth-child(4) { animation-delay: 0.3s; }
.efes-title span .wave:nth-child(5) { animation-delay: 0.4s; }
.efes-title span .wave:nth-child(6) { animation-delay: 0.5s; }
.efes-title span .wave:nth-child(7) { animation-delay: 0.6s; }
.efes-title span .wave:nth-child(8) { animation-delay: 0.7s; }
.efes-title span .wave:nth-child(9) { animation-delay: 0.8s; }


/* LUMBIRT3.0商品ページ */

   @media screen and (min-width: 768px) {
  .lum3_subtxt {
  max-width: 30%;
   }
  }
 .lum3_humger {
  position: relative;
  }
 .lum3_humger h2 {
  font-size: 3vw;
  position: absolute;
  bottom: 35%;
  left: 10%;
  font-weight: bold;
 }
 .lum3_humger p {
  font-size: 1.5vw;
  line-height: 4ex;
  font-weight: 500;
  position: absolute;
  top: 69%;
  left: 10%;
 }
.lum3_reclining_subtxt {
  max-width: 1200px;
  margin: 0 auto;
  padding:0 2%;
  font-size: 11px;
}
 @media screen and (max-width: 768px) {
   
  .lum3_humger h2 {
    font-size: 1.5em;
    position: absolute;
    top: 78%;
    left: 20%;
    font-weight: bold;
  }
  .lum3_humger p {
    font-size: 1em;
    position: absolute;
    top: 85%;
    left: 20%;
  }
  .lum3_subtxt {
    max-width: 80%;
  }
    .lum3_reclining_subtxt {
    margin: 0 4%;
    margin-top: -5%;
    font-size: 8px;
  }
  }

 .lum3_footrest_wrapper {
  position: relative;
 }
 .lum3_footrest_wrapper h2 {
  font-size: 3vw;
  font-weight: bold;
 }
 .lum3_footrest_wrapper p {
  font-size: 1.5vw;
   padding-top: 2%;
  line-height: 4ex;
  font-weight: 500;
 }

 @media screen and (min-width: 768px) {
   .lum3_footrest_txt {
    position: absolute;
    line-height: 6ex;
    top: 35%;
    left: 64%;
   }
 }

 @media screen and (max-width: 768px) {
   .lum3_footrest {
    margin-top: 15%;
   }
   .lum3_footrest_txt {
    max-width: 80%;
    margin: 0 auto;
    margin-top: 2%;
   }
   .lum3_footrest_wrapper h2 {
    font-size: 1.5em;
    font-weight: bold;
   }
   .lum3_footrest_wrapper p {
    font-size: 1em;
   }
  }

 
 .lum3_mesh {
  position: relative;
   max-width: 1200px;
  margin: 0 auto;
  margin-top: 5%;

 }

@media screen and (min-width: 768px) {
  .lum3_mesh h2 {
    position: absolute;
    font-size: 2.3em;
    font-weight: bold;
    bottom: 70%;
    left: 2%;
    max-width: 50%;
  }
  .lum3_mesh p {
    position: absolute;
    top: 60%;
    left: 2%;
    max-width: 50%;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 3.5ex;
  }
  .lum3_mesh span {
    font-size: 0.7em;
  }
}

@media screen and (max-width: 768px) {
  .lum3_mesh_txt {
    position: absolute;
    top: 67%;
    left: 26%;
    margin-right: 10%;
  }
  .lum3_mesh span {
    font-size: 0.5em;
  }
  .lum3_mesh h2 {
    font-size: 1.4em;
    font-weight: bold;
  }
  .lum3_mesh p {
    font-size: 1em;
  }
}

.lum3_hight_title {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 10%;
  padding:2em;
}
.lum3_hight_img{
  max-width: 1200px;
  margin: 0 auto;
}
.lum3_hight_title h2 {
  font-size: 2.3em;
  font-weight: bold;
}
.lum3_hight_title p {
  font-size: 1.5em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .lum3_hight_img {
    margin-top: 18%;
  }
  .lum3_hight_title {
    max-width: 80%;
  }
  .lum3_hight_title h2 {
    font-size: 1.5em;
    font-weight: bold;
  }
  .lum3_hight_title p {
    font-size: 1em;
  }
}

.lum_price {
  background-color: #eeeeee;
  padding: 3%;
}
@media screen and (min-width: 768px){
.lum_price_content {
  max-width: 1100px;
  margin: 0 auto;
  align-items:center;
}
  .lum_price_subtxt {
  max-width: 1100px;
  margin: 0 auto;
}
}

.lum_price_content_img {
    margin: 5% 0
  }
.lum_price_content h1 {
  font-size: 3em;
  font-weight: bold;
  text-align:center;
}

.lum_price_content_txt {
  padding-left: 4%;
  padding-right: 3%;
}
.lum_price_content_txt{
  font-size: 1.5em;
  font-weight: bold;
  padding:2% 0;
}
.lum_price_content_txt h2 {
  font-size: 1em;
  font-weight: bold;
}
.lum_price_content_txt li {
  font-size: 1em;
  line-height: 3.3ex;
  list-style-type: decimal-leading-zero;
  color: #565656;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .lum_price {
  padding: 6%;
}
  .lum_price_content h1 {
    font-size: 1.5em;
    font-weight: bold;
  }
  .lum_price_content_txt{
  font-size: 1em;
}
  .lum_price_subtxt {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 0.7em;
  }
}

.lum3_conpare {
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 10%;
  padding:4%;
}
.lum3_conpare_img {
  position: relative;
  padding-top: 3%;
}

a.cpmpare_btn {
  position: absolute;
  top: 24%;
  right: 18%;
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 20%;
  margin: auto;
  padding: 0.2rem;
  font-weight: bold;
  border: 2px solid #27acd9;
  background: #27acd9;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}
a.cpmpare_btn:hover {
  color: #398fe7;
  background: #fff;
}
.lum3_conpare h1 {
  font-size: 2.3em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .lum3_conpare {
    padding: 6%;
    padding-top: 20%;
  }
  .lum3_conpare h1 {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
  }
  a.cpmpare_btn {
    font-size: 0.6em;
    border: 1px solid #27acd9;
    top: 22%;
    right: 7%;
    width: 30%;
  }
}


.iframe-wrapper-ef {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 5%;
}
.iframe-inner-ef {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 auto;
}
.iframe-inner-ef iframe {
  width: 100%;
  height: 100%;
}
.iframe-wrapper-ef {
  padding-bottom: 6%;
}

@media screen and (max-width: 768px) {
  .iframe-wrapper-ef {
    padding: 6%;
  }
}

.mlum_rink {
  max-width: 1300px;
  margin: 0 auto;
  padding-top: 10%;
  position: relative;
  padding:4%;
}
.mlum_rink a.cpmpare_btn {
  position: absolute;
  top: 80%;
  left: 52%;
  width: 40%;
}
.lum3_size {
  background: linear-gradient(180deg, #000000, #373737);
}
.lum3_size_content {
  max-width: 1300px;
  margin: 0 auto;
  padding: 5%;
}

.lum3_size_content h1 {
  color: #fff;
  padding: 3%;
  font-size: 2.5em;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .lum3_size_content h1 {
    font-size: 1.7em;
  }
}


.infomation-ef {
  max-width: 1200px;
  margin: 0 auto;
}

.infomation-ef-title {
  border-bottom: 1px solid #000;
  margin: 5%;
}

.stock-color-1 {
  text-align: center;
  margin-top: 2%;
}

.infomation-ef-title h1 {
  padding-bottom: 2%;
  font-size: 2.3em;
  font-weight: bold;
}
.stock-color-1 p {
  text-align: left;
  display: inline-block;
  font-size: 1.5em;
}
.stock-color-1 h2 {
  padding: 4%;
  font-size: 2em;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .infomation-ef-title h1 {
    padding-bottom: 2%;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
  }
  .stock-color-1 h2 {
    padding: 4%;
    font-size: 1.2em;
    font-weight: bold;
  }
  .stock-color-1 p {
    text-align: left;
    display: inline-block;
    font-size: 1em;
    margin: 2%;
  }
}

.flow p {
  text-align: left;
  display: inline-block;
  font-size: 1.5em;
  margin-left: 0%;
}

@media screen and (max-width: 768px) {
  .flow p {
    text-align: left;
    display: inline-block;
    font-size: 1em;
    margin: 2%;
    margin-left: 2%;
  }
}



/* MONSTER LUMBIRT商品ページ */

.headingWrapper {
  height: 230vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.headingBox h2 {
  font-size: 6em;
  font-weight: 600;
  margin: 0;
}

.headingBox h3 {
  font-size: 5em;
  font-weight: 600;
  margin: 0;
}



@media screen and (max-width: 749px) {
  .mlum-content-img {
    padding: 0%;
  }
  .headingBox h2 {
    font-size: 2.5em;
  }
  .headingBox h3 {
    font-size: 1.8em;
  }
  .headingWrapper {
    height: 100vh;
  }
}

.reclining_txt {
  margin-left: 8%;
}

.reclining_img {
  margin-top: -25%;
}

@media screen and (max-width: 768px) {
  .reclining_txt {
    text-align: center;
    margin-top: -2%;
  }
  .reclining_img {
    margin-top: 0;
  }
  .reclining_txt {
    margin-left: 0;
  }
}

.mlum-content-img {
  max-width: 1100px;
  margin: 0 auto;
  margin-top: 4%;
}

.mlum-caution{
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 5%;
  margin-bottom: 5%;
}

.mlum-cation-container{
  display: flex;
  align-items:center;
  padding: 3%;
}

.mlum-cation-img, .mlum-cation-txt{
  flex-basis: 50%;
}

.mlum-caution-title h2 {
  font-size: 2.3em;
  font-weight: bold;
}

.mlum-cation-txt {
  padding: 3%;
}

.mlum-cation-txt p {
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  .mlum-caution-title h2 {
    font-size: 1.8em;
    text-align: center;
  }
  .mlum-cation-container {
    display: block;
  }
  .mlum-cation-txt p {
    font-size: 1em;
  }
}

/* STYLUM商品ページ */

.stylum_first {
  position: relative;
  margin-top: -6%;
}
.stylum_first_text {
  position: absolute;
  top: 50%;
  left: 65%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.stylum_first_text h2{
   font-size: 2.5em;
    }

 .stylum_first_text h3{
   font-size: 3.5em;
   font-weight: 600;
    }


@media screen and (max-width: 768px) {
  .stylum_first_text {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
  }
  .stylum_first_text h3 {
    font-size: 2em;
  }
  .stylum_first_text h2 {
    font-size: 1.5em;
  }
}

   .stylum-sub-wrapper{
        max-width: 1200px;
        margin: 0 auto;
    }

    .stylum-sub-txtarea{
        margin: 30% 5% 30% 5%;
        position: relative;
    }
    .stylum-sub-txtarea h2{
        border-bottom: 1px solid #000;
        padding: 2%;
        font-size: 2.5em;
        font-weight: 600;
    }

    .stylum-sub-txtarea p{
        padding: 2%;
        font-size: 1.5em;
        line-height: 2em;
    }

    .stylum-sub-img{
        position: absolute;
        top: 30%;
        left: 55%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        width: 50%
    }

@media screen and (max-width: 768px) {
  .stylum-sub-txtarea {
    margin: 5% 5% 10% 5%;
  }
  .stylum-sub-txtarea h2 {
    font-size: 1.6em;
    padding-left: 4%;
  }
  .stylum-sub-txtarea p {
    font-size: 1em;
    max-width: 50%;
    padding-left: 4%;
  }
  .stylum-sub-img {
    top: 50%;
    left: 52%;
    width: 55%;
  }
}


.st-lumber_size {
  margin: 0 auto;
  max-width: 1200px;
  padding:4%;
}
.st-lumber_size h2 {
  font-size: 2.5em;
  padding: 3%;
  font-weight: 600;
}
.st-lumbar-video {
  margin: 10% 0%;
}
@media screen and (max-width: 768px) {
  .st-lumber_size {
    margin: 6%;
  }
  .st-lumber_size h2 {
    font-size: 1.5em;
    text-align: center;
  }
}


.stylum-lumbar-cussion-warapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.stylum-lumbar-cussion-txt1 {
  position: absolute;
  bottom: 67%;
  left: 5%;
}
.stylum-lumbar-cussion-txt2 {
  position: absolute;
  top: 38%;
  left: 5%;
}
.cussion-sub-img {
  max-width: 300px;
  padding-top: 5%;
}

.stylum-lumbar-cussion-txt1 {
  max-width: 45%;
}
.stylum-lumbar-cussion-txt2 {
  max-width: 45%;
}
.stylum-lumbar-cussion-txt1 h2 {
  font-size: 2.5em;
  font-weight: 600;
}
.stylum-lumbar-cussion-txt1 h3 {
  font-size: 1.3em;
  font-weight: 600;
}
.stylum-lumbar-cussion-txt2 p {
  font-size: 1.3em;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  .stylum-lumbar-cussion-txt2 {
    position: relative;
    left: 1%;
  }
  .stylum-lumbar-cussion-warapper {
    margin: 7%;
  }
  .stylum-lumbar-cussion-txt1,
  .stylum-lumbar-cussion-txt2 {
    max-width: 100%;
  }
  .stylum-lumbar-cussion-txt1 {
    bottom: 90%;
    left: 15%;
  }
  .stylum-lumbar-cussion-txt1 h2 {
    font-size: 2em;
    font-weight: 600;
  }
  .stylum-lumbar-cussion-txt1 h3 {
    font-size: 1em;
    font-weight: 600;
}

.reclining_txt {
  margin-left: 8%;
}
}
@media screen and (max-width: 768px){
  .reclining_txt {
    text-align: center;
    margin-top: -2%;
  }
  .reclining_img {
    margin-top: 0;
  }
  .reclining_txt {
    margin-left: 0;
  }
}

.st-seat1 {
  position: relative;
}
.seat-txtarea {
  position: absolute;
  top: 35%;
  left: 65%;
}
.st-seat1 h3 {
  position: absolute;
  bottom: 70%;
  left: 65%;
  font-size: 2.5em;
  font-weight: 600;
}
.st-seat1 p {
  font-size: 1.3em;
  line-height: 1.5em;
}
.seat-icon {
  max-width: 85px;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .seat-txtarea {
    position: relative;
    left: 6%;
  }
  .st-seat1 h3 {
    position: relative;
    font-size: 2em;
    font-weight: 600;
    left: 6%;
  }
  .st-seat1 p {
    font-size: 1em;
    line-height: 1.5em;
  }
  .seat-icon {
    max-width: 20%;
    margin-bottom: 3%;
  }
}

.st-seat2 {
  position: relative;
}
.seat2-txtarea {
  position: absolute;
  top: 35%;
  left: 7%;
}
.st-seat2 h3 {
  position: absolute;
  bottom: 70%;
  left: 7%;
  max-width: 35%;
  font-size: 2.5em;
  font-weight: 600;
}
.st-seat2 p {
  font-size: 1.3em;
  line-height: 1.5em;
}

@media screen and (max-width: 768px) {
 .seat2-txtarea {
    position: relative;
    left: -6%;
    text-align: right;
  }
  .st-seat2 h3 {
    position: relative;
    font-size: 2em;
    font-weight: 600;
    left: -6%;
    max-width: 100%;
    text-align: right;
  }
  .st-seat2 p {
    font-size: 1em;
    line-height: 1.5em;
    max-width: 100%;
  }
  .seat-icon {
    max-width: 20%;
    margin-bottom: 3%;
  }
}


.st-parallax-bg {
  background-image: linear-gradient(rgba(0, 0, 0, .6),  rgba(0, 0, 0, .6)),url("/cdn/shop/files/stylum-pall-bg.jpg?v=1729689796");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.st-parallax-scrollbox {
  background-image: url("/cdn/shop/files/stylum-pall-content.jpg?v=1729689974");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;}

.st-parallax-wrapper {
  margin-top: 50%;
}
.st-parallax {
  padding: 20%;
}
.st-parallax-txt {
  transform: translate(120%, 0%);
  max-width: 60%;
}
.st-parallax-scrollbox h3 {
  font-size: 2.5em;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .st-parallax-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
      url("/cdn/shop/files/stylum-pall-bg-sp.jpg?v=1729691856");
  }

  .st-parallax-scrollbox {
    background-image: url("/cdn/shop/files/stylum-pall-content-sp.jpg?v=1729691856");
  }

   .st-parallax {
    padding: 120% 10% 10% 10%;
  }
  .st-parallax-scrollbox h3 {
    font-size: 1.5em;
    font-weight: 600;
  }
  .st-parallax-txt {
    transform: translate(0%, 0%);
    max-width: 100%;
  }
  .st-parallax-wrapper {
    margin-top: 20%;
  }
}

/* ALTIMAS商品ページ */


.al-sub {
  margin: 20% 0%;
}

.al-sub-txt1 {
  text-align: center;
  margin: 3%;
}

.al-sub-txt1 h2 {
  background: linear-gradient(0deg, #515151 30%, #eeeeee 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4em;
  font-weight: 600;
  padding-left: 3%;
}
.al-sub-txt1 h3 {
  color: #aaaaaa;
  font-size: 2em;
  font-weight: 600;
}
.al-sub-txt1 p {
  color: #aaaaaa;
  font-size: 1.8em;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .al-sub-txt1 h2 {
    font-size: 3em;
    padding-left: 8%;
  }
  .al-sub-txt1 h3 {
    color: #aaaaaa;
    font-size: 2em;
    font-weight: 600;
  }
  .al-sub-txt1 p {
    font-size: 1em;
    font-weight: 400;
  }
}



.al-backrest {
  position: relative;
}

.al-backrest h3 {
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
  padding-bottom: 3%;
}
.al-backrest p {
  color: #aaaaaa;
  font-size: 1.8vw;
  padding-right: 13%;
}

.material-txt {
  position: absolute;
  top: 15%;
  left: 67%;
}
.material-title {
  position: absolute;
  bottom: 87%;
  left: 67%;
}

.design-txt {
  position: absolute;
  top: 41%;
  left: 67%;
}
.design-title {
  position: absolute;
  bottom: 62%;
  left: 67%;
}

.Comfort-txt {
  position: absolute;
  top: 70%;
  left: 67%;
}
.Comfort-title {
  position: absolute;
  bottom: 32%;
  left: 67%;
}

@media screen and (max-width: 768px) {
  .al-backrest h3 {
  font-size: 2em;
}
.al-backrest p {
  font-size: 1em;
}
    .material-txt {
  position: absolute;
  top: 12%;
  left: 50%;
}
.material-title {
  position: absolute;
  bottom: 88%;
  left: 50%;
}

.design-txt {
  position: absolute;
  top: 45%;
  left: 50%;
}
.design-title {
  position: absolute;
  bottom: 55%;
  left: 50%;
}

.Comfort-txt {
  position: absolute;
  top: 78%;
  left: 50%;
}
.Comfort-title {
  position: absolute;
  bottom: 22%;
  left: 50%;
}
}



.al-armrest {
  padding-top: 30%;
}

.al-armrest-title {
  padding: 5%;
}

.al-armrest h2 {
  font-size: 4vw;
  color: #fff;
  font-weight: 600;
}
.al-armrest h4 {
  font-size: 2vw;
  color: #aaaaaa;
}

.al-armrest-img {
  position: relative;
}
.al-armrest-img h3 {
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
  position: absolute;
  bottom: 72%;
  left: 5%;
}
.al-armrest-img p {
  color: #aaaaaa;
  font-size: 1.8vw;
  position: absolute;
  top: 32%;
  left: 5%;
}

@media screen and (max-width: 768px) {
  .al-armrest h2 {
    font-size: 2em;
    text-align: center;
  }
  .al-armrest h4 {
    font-size: 1.3em;
    text-align: center;
  }
  .al-armrest-img h3 {
    font-size: 2em;
    position: relative;
    text-align: center;
    left: 0%;
  }
  .al-armrest-img p {
    font-size: 1em;
    position: relative;
    text-align: center;
    left: 0%;
  }
}

.al-seat {
  padding-top: 30%;
}

.al-seat-title {
  text-align: right;
  padding-right: 7%;
}

.al-seat-img {
  position: relative;
}

.al-seat-title h2 {
  font-size: 4vw;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  text-align: left;
}
.al-seat-img h3 {
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
  position: absolute;
  bottom: 52%;
  left: 70%;
}
.al-seat-txt {
  color: #aaaaaa;
  font-size: 1.8vw;
  position: absolute;
  top: 52%;
  left: 70%;
  padding-right: 5%;
}

.al-seat-img h4 {
  color: #fff;
  font-size: 2.5vw;
  font-weight: 600;
  text-align: center;
  padding: 0.2vw;
  font-weight: bold;
  border: solid 0.5px #767676;
  margin-bottom: 5%;
}

@media screen and (max-width: 768px) {
  .al-seat-title {
    text-align: center;
  }
  .al-seat-title h2 {
    font-size: 2em;
    padding: 5%;
    text-align: center;
  }
  .al-seat-img h3 {
    position: relative;
    font-size: 2em;
    left: 0%;
    text-align: center;
    margin-bottom: 2%;
  }
  .al-seat-txt {
    position: relative;
    left: 0%;
    padding-left: 5%;
    text-align: center;
  }
  .al-seat-img h4 {
    font-size: 2em;
    padding: 1%;
    margin-bottom: 2%;
    padding: 0.5em 2em;
  }
  .al-seat-img p {
    font-size: 2em;
    padding: 0%;
  }
}

.al-base {
  padding-top: 30%;
}

.al-base-title {
  padding-left: 5%;
}

.al-base h2 {
  font-size: 4vw;
  color: #fff;
  font-weight: 600;
}
.al-base h4 {
  font-size: 2vw;
  color: #aaaaaa;
}

.al-base-img {
  position: relative;
}
.al-base-img h3 {
  color: #fff;
  font-size: 3vw;
  font-weight: 600;
  position: absolute;
  bottom: 50%;
  left: 5%;
}
.al-base-img p {
  color: #aaaaaa;
  font-size: 1.8vw;
  position: absolute;
  top: 52%;
  left: 5%;
}

@media screen and (max-width: 768px) {
  .al-base h2 {
    font-size: 2em;
    text-align: center;
    left: 0%;
  }
  .al-base h4 {
    font-size: 1.3em;
  }
  .al-base-img h3 {
    font-size: 2em;
    position: relative;
    text-align: center;
    left: 0%;
  }
  .al-base-img p {
    font-size: 1em;
    position: relative;
    text-align: center;
    left: 0%;
  }
}


.al-parallax-wrapper::before {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("/cdn/shop/files/altimas-pall.jpg?v=1729767704");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}
.al-parallax-scrollbox {
  background-color: #000000;
}
.al-parallax {
  padding: 20%;
}
.al-parallax-txt {
  transform: translate(120%, 0%);
  max-width: 60%;
  color: #fff;
}
.al-parallax-bg h3 {
  font-size: 2.5em;
  font-weight: 600;
}

.al-parallax-bg h4 {
  font-size: 1.5em;
  font-weight: 600;
  color: #aaaaaa;
}

@media screen and (max-width: 768px) {
  .al-parallax {
    padding: 20%;
  }
  .al-parallax-bg h3 {
    font-size: 1.5em;
    font-weight: 600;
  }
  .al-parallax-bg h4 {
    font-size: 1em;
    font-weight: 600;
  }
  .al-parallax-txt {
    transform: translate(0%, 0%);
    max-width: 100%;
    text-align: center;
  }
}


.al-rocking-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.al-rocking-img {
  width: 60%;
}

.al-rocking-txt h2 {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
}
.al-rocking-txt p {
  color: #aaaaaa;
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .al-rocking-container {
    display: block;
  }
  .al-rocking-img {
    width: 100%;
    margin-bottom: 5%;
  }
  .al-rocking-txt h2 {
    font-size: 3em;
  }
  .al-rocking-txt p {
    font-size: 1.2em;
  }
}

.al-footrest {
  padding-top: 20%;
}
.al-footrest-title {
  text-align: center;
  margin: 10% 0%;
}

.al-footrest-title h2 {
  font-size: 60px;
  color: #fff;
  font-weight: 600;
}

@media screen and (max-width: 768px) {
  .al-footrest-title h2 {
    font-size: 2em;
  }
  .al-footrest {
    padding-top: 30%;
  }
}

.al-useimage-txtarea {
  display: flex;
  max-width: 880px;
  margin: 0 auto;
  padding: 10% 0%;
  justify-content: center;
}
.al-useimage-txt-l h2 {
  font-size: 3em;
  color: #fff;
  font-weight: 600;
}
.al-useimage-txt-l,
.al-useimage-txt-r {
  width: 50%;
  margin: 3%;
}
.al-useimage-txt-r p {
  color: #aaaaaa;
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {
  .al-useimage-txtarea {
    display: block;
    padding: 10% 4%;
  }
  .al-useimage-txt-l h2 {
    font-size: 2em;
    color: #fff;
    font-weight: 600;
  }
  .al-useimage-txt-l,
  .al-useimage-txt-r {
    width: 100%;
    margin: 3%;
  }
  .al-useimage-txt-r p {
    color: #aaaaaa;
    font-size: 1em;
  }
}


/* EFSDB商品ページ */

.efsdb-img {
  position: relative;
}

.efsdb-first-title {
  position: absolute;
  text-align: center;
  top: 6%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.efsdb-first {
  margin-top: -3%;
}

.efsdb-txt1 {
  text-align: center;
  margin: 10%;
}

@media screen and (max-width: 768px){
  .efsdb-first-title {
    position: absolute;
    text-align: center;
    top: 6%;
    left: 7%;
    transform: translateX(0%);
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
}

.efsdb-img {
  position: relative;
}

.efsdb-first-title {
  position: absolute;
  text-align: center;
}}

.efsdb-drower {
  position: relative;
}

.efsdb-drower-title {
  position: absolute;
  bottom: 30%;
  left: 5%;
}

.efsdb-drower-txt {
  position: absolute;
  max-width: 40%;
  top: 74%;
  left: 5%;
}

@media screen and (max-width: 768px) {
  .efsdb-drower-title,
  .efsdb-drower-txt {
    position: relative;
    max-width: 100%;
    padding-left: 4%;
  }
}  


.efsdb-drower2 {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 10%;
   margin-bottom: 20%;
  padding:4%;
}

.drower-compare {
  margin: 3% 0%;
}

@media screen and (max-width: 768px) {
.efsdb-drower2 {
    margin: 30% 6%;
  }
}

.efsdb-fook {
  position: relative;
}
.efsdb-fook-title {
  position: absolute;
  bottom: 66%;
  left: 60%;
}
.efsdb-fook-txt {
  position: absolute;
  top: 38%;
  left: 60%;
}

@media screen and (max-width: 768px) {
  .efsdb-fook-title,
  .efsdb-fook-txt {
    position: relative;
    left: 0%;
    padding-left: 7%;
  }
  .efsdb-fook {
    margin-bottom: 20%;
  }
}


.efsdb-accessory {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 30%;
  margin-bottom: 20%;
  padding:4%;
}

@media screen and (max-width: 768px) {
  .efsdb-accessory {
    margin: 30% 6%;
  }
}

.efsdb-contorol-gridcontainer {
  max-width: 1300px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10%;
  margin-top: 10%;
  padding:4%;
}

.contorol-icon {
  width: 20%;
  margin: 3%;
}

.efsdb-contorol-panel {
  max-width: 1300px;
  margin: 0 auto;
}



@media screen and (max-width: 768px) {
  .efsdb-contorol-gridcontainer {
    margin: 5%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5%;
    margin-top: 5%;
  }
  .contorol-icon {
    width: 10%;
  }
  .efsdb-contorol-panel {
    margin-top: 20%;
  }
}

.efsdb-gallery-gridcontainer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10%;
  padding: 2% 20%;
}
@media screen and (max-width: 768px) {
  .efsdb-gallery-gridcontainer {
    margin: 5%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 5%;
    margin-top: 5%;
    padding: 2% 5%;
  }
   }

.efsdb-weight-txt {
  max-width: 880px;
  margin: 0 auto;
  margin-top: 20%;
  padding:4%;
}

/* GMC商品ページ */

.gmc-first {
  margin: 5% 0%;
}

.gmc-first-txt1 {
  text-align: center;
  margin: 3%;
}

.gmc-first-txt1 h2 {
  background: linear-gradient(0deg, #5f5f5f 30%, #000 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 4em;
  font-weight: 600;
  padding-left: 3%;
}
.gmc-first-txt1 h3 {
  font-size: 2em;
  font-weight: 600;
}

.gmc-first-txt1 p {
  font-size: 1.8em;
  font-weight: 400;
}
.gmc-sub-img {
  max-width: 1300px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .gmc-first-txt1 h2 {
    font-size: 3em;
    padding-left: 8%;
  }
  .gmc-first-txt1 h3 {
    font-size: 1em;
    font-weight: 600;
  }
  .gmc-first-txt1 p {
    font-size: 1em;
    font-weight: 400;
  }
}

.gmc-backrest-title {
  text-align: center;
  margin: 5%;
}

.gmc-backrest-content {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0% 3%;
}



.gmc-hetari {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0% 3%;
  margin-top: 10em;
  margin-bottom: 20em;
}
.gmc-hetari-txt{
  margin-top: 2%;
}
.gmc-backrest-width {
  max-width: 1300px;
  margin: 0 auto;
  margin-top: 20em;
}

.gmc-reclining {
  margin-top: 3em;
}

.gmc-reclining-txtgrid {
  max-width: 880px;
  margin: 0 auto;
  margin-top: 3em;
  padding: 0em 2em;
}
@media screen and (max-width: 768px) {
  .gmc-backrest-content {
    margin-top: -3em;
    padding: 0% 10%;
  }
  .gmc-hetari {
  margin-bottom: 7em;
}
  .gmc-backrest-width {
    margin-top: 5em;
  }
  .gmc-reclining-txtgrid {
    padding: 0% 20%;
  }
}

.gmc-confortable {
  position: relative;
}

.gmc-confortable-txt {
  position: absolute;
  top: 10%;
  left: 5%;
}
.gmc-confortable-txt h2 {
  font-size: 3vw;
  font-weight: bold;
}
.gmc-confortable-txt span {
  font-size: 5vw;
  color: #ac0000;
}
.gmc-confortable-txt p {
  font-size: 1.5vw;
  color: #626161;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .gmc-confortable-txt {
    position: relative;
    margin-top: 5%;
  }
  .gmc-confortable-txt h2 {
    font-size: 2em;
    font-weight: bold;
  }
  .gmc-confortable-txt span {
    font-size: 2em;
  }
  .gmc-confortable-txt p {
    font-size: 1em;
    color: #626161;
    font-weight: 400;
  }
}

.gmc-footrest {
  max-width: 1300px;
  margin: 0 auto;
  padding: 4em;
  position: relative;
}
.gmc-footrest-txt1 {
  position: absolute;
  bottom: 33%;
  left: 56%;
  padding-right: 4em;
}
.gmc-footrest-txt2 {
  position: absolute;
  top: 69%;
  left: 56%;
  padding-right: 4em;
}

.gmc-living {
  max-width: 1300px;
  margin: 0 auto;
  padding: 4em;
  position: relative;
}

.gmc-living-txt {
  position: absolute;
  top: 15%;
  left: 10%;
}

.gmc-caster {
  max-width: 1300px;
  margin: 0 auto;
  padding: 4em;
  position: relative;
}
.gmc-caster-txt1 {
  position: absolute;
  bottom: 63%;
  left: 50%;
  padding-right: 4em;
}
.gmc-caster-txt2 {
  position: absolute;
  top: 40%;
  left: 50%;
  padding-right: 4em;
}

.gmc-fabric {
  max-width: 1300px;
  margin: 0 auto;
  padding: 4em;
  position: relative;
}
.gmc-fabric-txt1 {
  position: absolute;
  bottom: 63%;
  left: 10%;
  max-width: 45%;
}
.gmc-fabric-txt2 {
  position: absolute;
  top: 70%;
  left: 10%;
  padding-right: 4em;
  max-width: 45%;
}

@media screen and (max-width: 768px) {
  .gmc-footrest {
    padding: 0em;
  }
  .gmc-footrest-txt1 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
  }
  .gmc-footrest-txt2 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
  }

    .gmc-living {
    padding: 0em;
  }

  .gmc-living-txt {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
  }
  .gmc-caster {
    padding: 0em;
  }
  .gmc-caster-txt1 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
  }
  .gmc-caster-txt2 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
  }
  .gmc-fabric {
    padding: 0em;
  }
  .gmc-fabric-txt1 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
    max-width: 100%;
  }
  .gmc-fabric-txt2 {
    position: relative;
    left: 0%;
    padding-right: 0em;
    padding: 0% 4%;
    max-width: 100%;
  }
}
/* GBC商品ページ */

.gbc-parallax-bg {
  background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
    url("/cdn/shop/files/gbc-parallax.jpg?v=1730421230");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gbc-parallax-scrollbox {
  background-color: #fff;
}
.gbc-parallax {
  padding: 20%;
}

@media screen and (max-width: 768px) {
   .gbc-parallax {
    padding: 50%;
  }
  .gbc-parallax-bg {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
      url("/cdn/shop/files/gbc-parallax-sp.jpg?v=1730421746");
  }
}

.gbc-confortable {
  position: relative;
}
.gbc-confortable-txt {
  position: absolute;
  top: 10%;
  right: 5%;
}
.gbc-confortable-txt h2 {
  font-size: 3vw;
  font-weight: bold;
  color: #fff;
}
.gbc-confortable-txt span {
  font-size: 5vw;
  color: #fff;
}
.gbc-confortable-txt p {
  font-size: 1.5vw;
  color: #fff;
  font-weight: 400;
}

@media screen and (max-width: 768px) {
  .gbc-confortable-txt {
    position: relative;
    margin-top: 5%;
    right: 0%;
    padding-left: 4%;
  }
  .gbc-confortable-txt h2 {
    font-size: 2em;
    font-weight: bold;
    color: #000;
  }
  .gbc-confortable-txt span {
    font-size: 2em;
    color: #011397;
  }
  .gbc-confortable-txt p {
    font-size: 1em;
    font-weight: 400;
    color: #626161;
  }
}
/* アクセサリー商品ページ */


.efpeg-function_title {
  margin: 0 auto;
  max-width: 1300px;
  padding: 4%;
}

@media screen and (max-width: 768px) {
  .efpeg-function_title {
    margin: 6%;
    text-align: center;
  }
}

.efpeg-clamp-txt {
  margin-top: 3%;
}
.efpeg-clamp3 {
  margin: 0 auto;
  max-width: 1300px;
  padding: 4%;
}

.peg01-sub-title {
  margin: 0 auto;
  max-width: 1300px;
  padding: 4%;
}

.pegfook {
  margin-top: 20%;
}

.efpeg-mag-img{
  margin-top: 3%;
}

.efpeg-function_title2 {
  margin: 0 auto;
  max-width: 1300px;
  padding: 4%;
  margin-top:10%;
}


/* エイリアンチェア商品ページ */

.alien_head_coution {
display: grid;
margin: 0 auto;
max-width: 1300px;
padding: 2%;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 48px;
grid-row-gap: 0px;
}

.alien_head_coution_txt h3{
  font-size:36px;
  font-weight: bold;
}
.alien_head_coution_txt p{
  font-size:18px;
}

@media screen and (max-width: 768px) {  
  .alien_head_coution_txt h3{
  font-size:22px;
  }

.alien_head_coution_txt p{
  font-size:12px;
}
  }

 .alien_pu {
  position: relative;
   max-width: 1300px;
  margin: 0 auto;
  margin-top: 5%;

 }
.alien_pu h2 {
    position: absolute;
    font-size: 2.3em;
    font-weight: bold;
    bottom: 70%;
    left:40%;
    max-width: 70%;
  }
.alien_pu p {
  position: absolute;
  top: 32%;
  left: 40%;
  max-width: 70%;
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  
  .alien_pu h2 {
    font-size: 1.4em;
    font-weight: bold;
  }
  .alien_pu p {
    font-size: 1em;
  }
}

.alien_price {
  display: block;
  background: #0a2136;
  padding: 10% 2%;
}
.alien_price_content {
  max-width: 1100px;
  margin: 0 auto;
  align-items:center;
}
.alien_price_content_img {
    margin: 5% 0
  }
.alien_price_content h1 {
  font-size: 3em;
  font-weight: bold;
  text-align:center;
}

.alien_price_content_txt{
  font-size: 1.5em;
  line-height: 3.3ex;
  list-style-type: decimal-leading-zero;
  color: #565656;
  font-weight: 500;
  padding:2% 0;
}


.alien_conpare{
  max-width:1300px;
  margin:0 auto;
  padding:0 4%;
}
.alien_conpare_title h1 {
  font-size: 3em;
  font-weight: bold;
}
.alien_conpare_title{
  text-align:center;
  padding-top:5%;
}

@media screen and (max-width: 768px) {
  .alien_price_content {
  display: block;
  }
  .alien_price {
  padding: 6%;
}
  .alien_price_content h1 {
    font-size: 1.5em;
    font-weight: bold;
  }
  .alien_price_content_img {
    padding-top: 5%;
    padding-bottom: 5%;
  }
  .alien_price_content_txt {
    font-size: 1em;
  }

.alien_conpare {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  margin-left:5%
}
.alien_conpare div img {
  max-width: 100%;
  min-width: 120%;
  vertical-align: top;
}
.alien_conpare::-webkit-scrollbar {
  height: 4px;
}
.alien_conpare::-webkit-scrollbar-track {
  background: #000;
}
.alien_conpare::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
.alien_conpare::-webkit-scrollbar-thumb:hover {
  background: #fff;
}

  .alien_conpare_title h1 {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
  }

  
}


.address-caution {
  border-radius: 34px;
  background-color: #eeeeee;
  margin: 9% 5%;
  padding: 5%;
  text-align:center;
  max-width: 1200px;
  margin: 5% 5%;
}
.address-cautiontxt {
  max-width: 80%;
  margin:0 auto;
}
.address-caution h2 {
  font-size: 2em;
  font-weight: bold;
  color: #000;
}
.address-caution p {
  font-size: 1.5em;
}
.ex {
  text-align: left;
  display: inline-block;
  font-weight:600;
}
@media screen and (max-width: 768px) {
    .address-cautiontxt {
  max-width: 100%;
      
}
    .address-caution h2 {
  font-size: 1.4em;
    text-align: left;
    display: inline-block;
}
   .address-caution p {
  font-size: 1em;
}
   .address-caution {
  border-radius: 20px;
}
}

.lum4-update {
  margin: 0 auto;
  max-width: 1300px;
  padding: 2%;
}

.lum4-update table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 95%;
  table-layout: fixed;
}
.lum4-update table th {
  width: 40%;
}

.lum4-update thead {
  vertical-align: top;
}
.lum4-update img{
  max-width: 40%;
}

.lum4-update table tr {
  background-color: #eeeeee;
  margin: 1em;
  border-bottom: 2px solid #000;
}

.lum4-update table th,
.lum4-update table td {
  padding: 1em;
  border-right: 2px solid #000;
}

.lum4-update table th {
  font-size: 1em;
}

.lum4-update table thead tr {
  background-color: #213C53;
  color: #fff;
}
.lum4-update table tbody th {
  background: #213C53;
  color: #fff;
}

.lum4-update .txt {
  text-align: center;
  font-size: 1em;
}
.lum4-update .non {
  background: #000;
}

@media screen and (max-width: 768px) {
    .lum4-update img{
  max-width: 100%;
}
    .lum4-update table th {
  font-size: 0.6em;
}
    .lum4-update .txt {
  font-size: 0.8em;
    font-weight: bold
}
  
  .lum4-update {
    position: relative;
    overflow-x: auto;
  }
  table.lum4-update thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    vertical-align: top;
  }
}

/* エイリアンチェアpro商品ページ */

.arm_title {
  text-align: center;
  margin-top: 20em;
}

@media screen and (max-width: 768px) {
  
  .arm_title {
    margin-top: 10em;
  }
}


.alpro_conpare{
  max-width:1300px;
  margin:0 auto;
  padding:0 4%;
}
.alpro_conpare_title h1 {
  font-size: 3em;
  font-weight: bold;
  background: linear-gradient(0deg, #054691 30%, #056997 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.alpro_conpare_title{
  text-align:center;
  padding-top:5%;
}

a.cpmpare_btn2 {
  position: absolute;
  display: block;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  width: 20%;
  margin: auto;
  padding: 0.2rem;
  font-weight: bold;
  border: 2px solid #27acd9;
  background: #27acd9;
  color: #fff;
  border-radius: 100vh;
  transition: 0.5s;
}
a.cpmpare_btn2:hover {
  color: #398fe7;
  background: #fff;
}
.alprosize h1 {
  background: linear-gradient(0deg, #054691 30%, #056997 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (max-width: 768px) {
  .alpr_conpare {
    padding: 6%;
    padding-top: 20%;
  }
  .alpro_conpare h1 {
    font-size: 1.3em;
  }

  .alpro_conpare {
  overflow-x: auto;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
  margin-left:5%
}
.alpro_conpare div img {
  max-width: 100%;
  min-width: 120%;
  vertical-align: top;
}
.alpro_conpare::-webkit-scrollbar {
  height: 4px;
}
.alpro_conpare::-webkit-scrollbar-track {
  background: #eeeeee;
}
.alpro_conpare::-webkit-scrollbar-thumb {
  background: #aaa;
  border: none;
}
.alpro_conpare::-webkit-scrollbar-thumb:hover {
  background: #fff;
}
  a.cpmpare_btn2 {
    font-size: 0.6em;
    border: 1px solid #27acd9;
    width: 30%;
  }
}


.alpro-compare {
  margin: 0 auto;
  max-width: 1300px;
  padding: 2%;
}

.alpro-compare table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 95%;
  table-layout: fixed;
}
.alpro-compare table th {
  width: 40%;
}

.alpro-compare thead {
  vertical-align: top;
}
.alpro-compare img{
  max-width: 40%;
}

.alpro-compare table tr {
  background-color: #c9c9c9;
  margin: 1em;
  border-bottom: 2px solid #eee;
}

.alpro-compare table th,
.alpro-compare table td {
  padding: 1em;
  border-right: 2px solid #eee;
}

.alpro-compare table th {
  font-size: 1em;
}

.alpro-compare table thead tr {
  background-color: #0A2136;
  color: #fff;
}
.alpro-compare table tbody th {
  background: #0A2136;
  color: #fff;
}

.alpro-compare .txt {
  text-align: center;
  font-size: 1em;
}
.alpro-compare .non {
  background: #eee;
}

@media screen and (max-width: 768px) {
    .alpro-compare img{
  max-width: 100%;
}
    .alpro-compare table th {
  font-size: 0.6em;
}
    .alpro-compare .txt {
  font-size: 0.8em;
    font-weight: bold
}
  
  .alpro-compare {
    position: relative;
    overflow-x: auto;
  }
  table.alpro-compare thead th {
    position: sticky;
    top: 0;
    z-index: 2;
    vertical-align: top;
  }
}

/* モニターアーム商品ページ */

.efma-txt {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translate(-50%, 0%);
  text-align: center;
  width: 100%;
}

.efma-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3%;
}
.efma-content-title {
  text-align: center;
  padding: 3% 0;
  font-weight: 700;
  background: #313131;
  border-radius: 12px 12px 12px 12px;
}


/* lumbirt4.0商品ページ*/

.lum4_sub {
  background-color: #ecf1f6;
}
.lum4-sub-img {
  max-width: 1200px;
  margin: 0 auto;
}
.lum4-update-wrapper{
  padding: 3%;
}

.lum4-update-title{
  text-align: center;
  margin: 2% 0;
}
.lum4-update-title h2 {
  font-size: 2.5em;
  font-weight: bold;
}

.lum4-update-title h3 {
  font-size: 2em;
  font-weight: bold;
  color: #6b6b6b;
}
.lum4-update-sub{
  font-size: 1.5em;
  text-align: center;
}

.lum4-update-test {
  margin: 0 auto;
  max-width: 1200px;
  padding: 2%;
  background-color: #eee;
  border-radius: 3em;
}
.lum4-update-test table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 80%;
  table-layout: fixed;
}
.lum4-update-test td {
  text-align: center;
}
.lum4-update-test table thead {
  border-bottom: 1px solid #000;
}

.lum4-update-test table th,
.lum4-update-test table td {
  padding: 2em;}

.lum4-update-test .txt,
.lum4-update-test td {
  font-size: 1.3em;
  font-weight: 600;
}

.lum4-update-test img {
  max-width: 60%;
}

.lum4-update-test thead {
  vertical-align: top;
}

.lum4-update-sub {
  padding: 2%;
  font-size: 1.3em;
}
@media screen and (max-width: 768px) {
  .lum4-update-title h2 {
    font-size: 1.5em;
  }

  .lum4-update-title h3 {
    font-size: 1.4em;
  }
  
  .lum4-update-test {
    padding:8% 3%;
  border-radius: 1em;}
  
    .lum4-update-test table {
  width: 100%;
}
  
  .lum4-update-test h2 {
    font-size: 1em;
  }
  .lum4-update-test img {
  max-width: 70%;
}
  
  .lum4-update-test table th,
.lum4-update-test table td {
  padding: 0.7em;}

    .lum4-update-test .txt,
.lum4-update-test td {
  font-size: 1em;
}
}

.lum4-seat {
  width: 100%;
  padding: 2%;
}

.lum4-seat-img{
  padding: 4% 0;
} 
.lum4-seat-img h3 {
  text-align: center;
  padding: 3%;
  font-size: 2.5em;
  font-weight: bold;
  color: #6b6b6b;
}
.lum4-seat-txt {
  text-align: center;
  padding: 3%;
  font-size: 2em;
  font-weight: 600;
  background-color: #6b6b6b;
  color: #fff;
}

.lum4-seat-img p {
  display: inline-block;
  text-align: left;
}

.lum4-lumber-img-wrapper {
  background-image: linear-gradient(192deg, rgba(227, 227, 227, 1), rgba(253, 252, 252, 1));
}

.lum4-lumber-img {
  max-width: 1300px;
  margin: 0 auto;
  padding: 2% 2% 0% 2%;
}



@media screen and (max-width: 768px) {
  
  .lum4-seat-img h3 {
    font-size: 2em;
  }
  .lum4-seat-txt {
    font-size: 1em;
  }
   .lum4-lumber-img-wrapper {
  padding: 10% 0;
}
}


.lum4-reclining {
  padding: 10% 0;
  line-height: 1.2;
}
.lum4-reclining_txt {
  text-align: center;
  margin-bottom: 5%;
}
.lum4-reclining_txt h2 {
  font-size: 4em;
  font-weight: bold;
}
.lum4-reclining_txt h3 {
  font-size: 6em;
  font-weight: bold;
}
.lum4-reclining_txt span {
  font-size: 2em;
}

.lum4-reclining_txt p {
  font-size: 2em;
  　font-weight: 600;
}

@media screen and (max-width: 768px) {
  .lum4-reclining_txt {
    margin-bottom: 10%;
  }
  .lum4-reclining_txt h2 {
    font-size: 2em;
  }
  .lum4-reclining_txt h3 {
    font-size: 4em;
  }

  .lum4-reclining_txt p {
    font-size: 1.5em;
  }
}


.lum4_humger,
.lum4_footrest,
.lum4_mesh,
.lum4-caster{
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 2%;
  position: relative;
}
.lum4_humger h2 {
  position: absolute;
  bottom: 35%;
  left: 5%;
  font-weight: bold;
 }
.lum4_humger p {
  font-weight: 500;
  position: absolute;
  top: 69%;
  left: 5%;
  max-width: 30%;
}

.lum4_footrest_wrapper {
  position: relative;
}
.lum4_footrest_txt {
  position: absolute;
  line-height: 3em;
  top: 10%;
  left: 65%;
  padding-right:2%;
}
.lum4_footrest_wrapper h2 {
  font-size: 2em;
  font-weight: bold;
}
.lum4_footrest_wrapper p {
  font-size: 1.5em;
  font-weight: 500;
}

.lum4_mesh h2 {
    position: absolute;
    font-size: 2.3em;
    font-weight: bold;
    bottom: 70%;
    left: 5%;
    max-width: 50%;
  }
  .lum4_mesh p {
    position: absolute;
    top: 55%;
    left: 5%;
    max-width: 50%;
    font-weight: 500;
    line-height: 3.5ex;
  }
  .lum4_mesh span {
    font-size: 0.7em;
  }


.lum4-caster-txt1 {
  position: absolute;
  bottom: 68%;
  left: 50%;
}
.lum4-caster-txt2 {
  position: absolute;
  top: 39%;
  left: 50%;
}

@media screen and (max-width: 768px) {

    .lum4_humger,.lum4_footrest{
    padding: 3%;
  }
 .lum4_humger h2 {
  position: relative;
  bottom: 0%;
  left: 0%;
  text-align: center;
      padding: 2% 0%;
 }
.lum4_humger p {
  position: relative;
  max-width: 100%;
  text-align: center;
  bottom: 0%;
  left: 0%;
  padding: 0%;
}

    .lum4_footrest {
    margin-top: 3%;
  }
  .lum4_footrest_txt {
  position: relative;
  top: 0%;
  left: 0%;
  padding-right:0%;
    text-align: center;
    padding: 0%;
}
    .lum4_mesh h2 {
    position: relative;
    bottom: 0%;
    left: 0%;
    max-width: 100%;
    text-align: center;
  }
  .lum4_mesh p {
    position: relative;
    left: 0%;
    max-width: 100%;
  }
    .lum4-caster-txt1{
    position: relative;
    bottom: 0%;
    left: 0%;
    text-align: center;
  }
  .lum4-caster-txt2 {
    position: relative;
    left: 0%;
  }
}

.hover-darken {
      display: block;
      position: relative;
      overflow: hidden;
      max-width: 1300px;
      margin: 0 auto;
    }

    .hover-darken img {
      display: block;
      width: 100%;
      height: auto;
      padding: 4%;
      transition: filter 0.3s ease;
      box-sizing: border-box;
    }

    .hover-darken:hover img {
      filter: brightness(70%);
    }

    @keyframes arrow-slide {
      0% {
        transform: translateY(-50%) translateX(0);
        opacity: 0.5;
      }
      50% {
        transform: translateY(-50%) translateX(-20px);
        opacity: 1;
      }
      100% {
        transform: translateY(-50%) translateX(0);
        opacity: 0.5;
      }
    }

.hover-darken::after {
      content: "⇨";
      position: absolute;
        top: auto;
        bottom: 20px;
        left: 80%;
      font-size: 6rem;
      color: black;
      opacity: 0.7;
      animation: arrow-slide 1.5s ease-in-out infinite;
      pointer-events: none;
      transition: opacity 0.3s;
      transform: translateY(-50%) translateX(0);
    }

    .hover-darken:hover::after {
      opacity: 1;
      animation: none;
      transform: translateY(-50%) translateX(0); /* 位置を固定 */
    }

    /* スマホ対応 */
    @media (max-width: 768px) {
      @keyframes arrow-slide-sp {
        0% {
          transform: translateX(0);
          opacity: 0.5;
        }
        50% {
          transform: translateX(-20px);
          opacity: 1;
        }
        100% {
          transform: translateX(0);
          opacity: 0.5;
        }
      }

      .hover-darken::after {
        top: auto;
        bottom: 20px;
        right: 30px;
        font-size: 2.5rem;
        transform: translateX(0);
        animation: arrow-slide-sp 1.5s ease-in-out infinite;
      }

      .hover-darken:hover::after {
        transform: translateX(0);
        animation: none;
      }
    }

.cpmpare_btn-lum4 {
  padding: 2% 15%;
  border-radius: 9999px;
  font-size: 1em;
  background-color: #27acd9; /* 青色 */
  color: white;
  text-decoration: none;
  border: 2px solid #27acd9;
  display: inline-block;
  transition: all 0.3s ease;
}
.cpmpare_btn-lum4:hover {
  background-color: white;
  color: #27acd9;
}
@media screen and (max-width: 768px) {
  
 .cpmpare_btn-lum4 {
  font-size: 0.8em;
}
}


/* mlum2.0商品ページ*/


.mlum2-top-wrapper {
  max-width: 60%;
  margin: 0 auto;
}
.mlum2-top-img {
  opacity: 0;
  filter: blur(10px);
  animation: fadeBlurIn 1.8s ease-out forwards;
}

@keyframes fadeBlurIn {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

    .mlum2 {
      position: relative;
      width: 100%;
      margin: 0 auto;
      padding: 2%;
      justify-content: center;
      align-items: center;
      
    }

.mlum2-svg-wrapper {
  position: relative;
  width: 50%;
  margin: 0 auto;
  margin-top: -5%;
  justify-content: center;
  align-items: center;
}

    .mlum2-svg-wrapper svg {
      width: 100%;
      height: auto;
      animation: blinkGlow 2s infinite ease-in-out;
    }

    @keyframes blinkGlow {
      0%, 100% {
        filter: drop-shadow(0 0 4px white);
      }
      50% {
        filter: drop-shadow(0 0 25px white);
      }
    }

.mlum2-top2-wrapper {
  width: 100%;
  margin: 0 auto;
  margin-top: 4%;
}

@media screen and (max-width: 749px) {
  
  .mlum2-top-wrapper {
  max-width: 100%;
  margin: 0 auto;
}

  .mlum2 {
    padding: 0%;
  }

  
  .mlum2-svg-wrapper {
    width: 100%;
  }
}


.headingBox h2 {
  color: #aaaaaa;
  text-align: center;
}
.headingBox h3 {
  color: #aaaaaa;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 20px #fff, 0 0 50px #fff;
}
.mlum2_sub {
   background-image:linear-gradient(180deg, rgba(33, 33, 33, 1), rgba(0, 0, 0, 1));
  padding: 8% 2%;
  margin-top: 10%;
}
.mlum2-sub-img {
  max-width: 1200px;
  margin: 0 auto;
}


.mlum2-update-wrapper{
  padding: 3%;
}

.mlum2-update-title{
  text-align: center;
  margin: 2% 0;
}
.mlum2-update-title h2 {
  font-size: 2.5em;
  font-weight: bold;
  color: #fff
}

.mlum2-update-title h3 {
  font-size: 2em;
  font-weight: bold;
  color: #eee;
}
.mlum2-update-sub{
  font-size: 1.5em;
  text-align: center;
  color: #fff;
}

.mlum2-update-test {
  margin: 0 auto;
  max-width: 1200px;
  padding: 2%;
  background-color: #232323;
  border-radius: 3em;
}
.mlum2-update-test table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 80%;
  table-layout: fixed;
}
.mlum2-update-test td {
  text-align: center;
}
.mlum2-update-test table thead {
  border-bottom: 1px solid #fff;
}

.mlum2-update-test table th,
.mlum2-update-test table td {
  padding: 2em;}

.mlum2-update-test .txt,
.mlum2-update-test td {
  font-size: 1.3em;
  font-weight: 600;
  color: #fff
}

.mlum2-update-test img {
  max-width: 60%;
}

.mlum2-update-test thead {
  vertical-align: top;
}

.mlum2-update-sub {
  padding: 2%;
  font-size: 1.3em;
  color: #fff
}
@media screen and (max-width: 768px) {
  .mlum2-update-title h2 {
    font-size: 1.5em;
  }

  .mlum2-update-title h3 {
    font-size: 1.4em;
  }
  
  .mlum2-update-test {
    padding:8% 3%;
  border-radius: 1em;}
  
    .mlum2-update-test table {
  width: 100%;
}
  
  .mlum2-update-test h2 {
    font-size: 1em;
  }
  .mlum2-update-test img {
  max-width: 70%;
}
  
  .mlum2-update-test table th,
.mlum2-update-test table td {
  padding: 0.7em;}

    .mlum2-update-test .txt,
.mlum2-update-test td {
  font-size: 1em;
}
}

.hover-mlum {
      display: block;
      position: relative;
      overflow: hidden;
      max-width: 1300px;
      margin: 0 auto;
    }

    .hover-mlum img {
      display: block;
      width: 100%;
      height: auto;
      padding: 4%;
      transition: filter 0.3s ease;
      box-sizing: border-box;
    }

.hover-mlum:hover img {
      filter: brightness(70%);
    }



}



/*エルゴシエスタ商品ページ*/

@font-face {
  font-family: 'NotoSansJP';
  src: url('/cdn/shop/files/NotoSansJP-VariableFont_wght.ttf?v=1755565867') format('truetype');
  font-weight: 100 900;  /* 可変フォントなので範囲で指定 */
  font-style: normal;
}


.efes-font{
  font-family: 'NotoSansJP', sans-serif;
}

.efes-container {
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
  padding: 8% 2% 0 2%;
  align-items: center;
  width: 100%;
  gap: 2rem;
}

.efes-left,
.efes-right {
  align-items: center;
  justify-content: left;
}

@media (max-width: 768px) {
  .efes-container {
    display: block;
  }
  .efes-left,
  .efes-right {
    max-width: 100%;
    padding: 5% 4%;
  }
}

.efes-function-container{
   max-width: 1300px;
   margin: 0 auto;
   padding: 2%;
   width: 100%;
}

@media (max-width: 768px) {
  .efes-function-container{
   padding: 0 4%;
   }      
}

.efes-designtitle-container{
         max-width: 1300px;
     margin: 0 auto;
     padding: 10% 3% 2% 3%;
     width: 100%;
    }

    .efes-designtitle{
        font-weight: 700; /* 太め */
  font-size: 1.4rem;
    }
    
    @media (max-width: 768px) {
        .efes-designtitle{
        font-weight: 600; /* 太め */
    font-size: 1rem;
    text-align: center;
    }
    .efes-designtitle-container{
     padding: 35% 4% 0 4%;
     width: 100%;
    }
}

.efes-title-container {
  margin: 8% 2% 6% 2%;
}
.efes-title {
  text-align: center;
  letter-spacing: 0.1em;
}
.efes-title h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}

.efes-title span {
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.15em;
}

@media (max-width: 768px) {
  .efes-title-container {
    margin: 20% 4%;
  }
  .efes-title h2 {
    font-weight: 600; /* 太め */
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }
}

.efes-title-container2 {
  margin: 8% 2% 0 2%;
}


.efes-row {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3分割 */
  gap: 20px;
  max-width: 1300px;
  margin: 0 auto;
  padding: 2%;
}

.efes-item {
  text-align: center;
}

.efes-item img {
  max-width: 100%;
  height: auto;
}

.efes-item p {
  margin-top: 10px;
}

/* スマホでは1列 */
@media (max-width: 768px) {
  .efes-row {
    grid-template-columns: 1fr;
    padding:0 5%;
  }
}

.reverse {
  flex-direction: row-reverse;
}

.efes-inblock-container{
        max-width: 1300px;
        margin: 0 auto;
        width: 100%;
        padding: 10% 2% 2% 2%;
    }

    @media (max-width: 768px) {
        .efes-inblock-container{
            padding: 10% 6% 2% 6%;
        }
    }


.top {
  padding-top: 20%;
}


.efes-row2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 常に2列 */
  gap: 20px;
  max-width: 1300px;
  margin: 0 auto;
padding: 2%;
}

.efes-row2 .efes-item {
  text-align: center;
}

.efes-row2 .efes-item img {
  max-width: 100%;
  height: auto;
}

.efes-row2 .efes-item p {
  margin-top: 10px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .efes-row2 {
    padding:0 4%;
  }
}

.efes-guradeback {
  width: 100%;
  background:  #eeeeee;
margin-top:10%;
padding-bottom:10%;
}

.row-txt{
  text-align:center;
}

@media (max-width: 768px) {
  .row-txt{
  margin-top:10%;
  padding:0 4%;
  text-align:left;
}
}

  .efes-arrow-container {
    display: none; /* デフォルト非表示 */
  }

  @media (max-width: 768px) {
    .efes-arrow-container {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 20px;
      font-size: 2rem;
      margin: 0 10px -10%; /* 右側に余白をつけて配置 */
    }
  }

  /* 共通アニメーション */
  .efes-arrow {
    display: inline-block;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    position: relative;
  }

  /* 左矢印 */
  .efes-arrow-left {
    animation-name: efes-slideLeftFade;
  }

  /* 右矢印 */
  .efes-arrow-right {
    animation-name: efes-slideRightFade;
  }

  /* 左にスライド＋薄くなる */
  @keyframes efes-slideLeftFade {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    50% {
      transform: translateX(-15px);
      opacity: 0.3;
    }
  }

  /* 右にスライド＋薄くなる */
  @keyframes efes-slideRightFade {
    0%, 100% {
      transform: translateX(0);
      opacity: 1;
    }
    50% {
      transform: translateX(15px);
      opacity: 0.3;
    }
  }

    .efes-design-subtitle{
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    padding: 5% 3% 0 3%;
  }

  .efes-design-subtitle-txt h2 {
  font-weight: 700; /* 太め */
  font-size: 1.7rem;
}

@media (max-width: 768px) {
  .efes-design-subtitle{
    padding: 5% 4% 0 4%;
    text-align: center;
  }
  .efes-design-subtitle-txt h2 {
    font-weight: 600; /* 太め */
    font-size: 1rem;
}
}