@charset "UTF-8";
/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:700;}.black{font-weight:900;}.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.fs20p{font-size: 20px;}.fs25p{font-size: 25px;}.fs28p{font-size: 28px;}.fs30p{font-size: 30px;}.fs35p{font-size: 35px;}.fs40p{font-size: 40px;}.fs50p{font-size: 50px;}.fs60p{font-size: 60px;}
.bn { border:none; }.bbn { border-bottom: none; }
.marker{background: linear-gradient(transparent 60%, #FCE800 60%);}

/* -- width  --*/
.w900 {width:100%; margin: 0 auto;max-width: 900px}
.w960 {width:100%; margin: 0 auto;max-width: 960px}.w980 {width:100%; margin:0 auto;max-width: 980px}.w1000 {width:100%; margin:0 auto;max-width: 1000px}
.w1100 {width:100%; margin: 0 auto;max-width: 1100px}.w1200 {width: 100%;margin:0 auto;max-width: 1200px;}
.w100{width:100%;}.w95{width:95%;}.w90{width:90%;}.w85{width:85%;}.w80{width:80%;}.w75{width:75%;}.w70{width:70%;}.w68{width:68%;}.w65{width:65%;}.w64{width:64%;}.w63{width:63%;}.w62{width:62%;}.w61{width:61%;}
.w60{width:60%;}.w55{width:55%;}.w54{width:54%;}.w53{width:53%;}.w52{width:52%;}.w50{width:50%;}.w48{width:48%;}.w47{width:47%;}
.w46{width:46%;}.w45{width:45%;}.w40{width:40%;}.w35{width:35%;}.w33{width:33%;}.w32{width:32%;}.w30{width:30%;}.w28{width:28%;}.w25{width:25%;}
.w20{width:20%;}.w15{width:15%;}.w14{width:14%;}.w13{width:13%;}.w12{width:12%;}.w11{width:11%;}.w10{width:10%;}.w5{width:5%;}

/* -- layout  --*/
.fl{float:left;}.fr{float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sb {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_ce{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}

/* -- none --*/
body .sp {display: none;}_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}

/* -- clearfix  --*/
.cf:before, .cf:after {content:' '; display:table;}.cf:after {clear:both;}

 img {width: 100%;vertical-align: bottom;}

.header h1.logo_pc{margin:0}

.header .hlogo_area .pc_hnav_link {width: 35vw;}

.cart_btn {padding: 0 50px 0 0;}

.cart_btn a { width:243px;}
.header .hlogo_area .cart_btn a:hover {opacity: 1;}
.cart_btn a img {margin-right:15px;}


.btn {
      border: none;
    background: no-repeat;
    box-shadow: none;
}

.btn:hover {
  opacity: inherit;
  background: none;
}

.btn.active,
.btn:active {
  background-color: inherit;
    box-shadow: none;
}

.btn.dc {
    display: flex;
    justify-content: center;
}

.relative {
  position: relative;
}

.pc .btn a img {
    transition: filter 0.3s;
}

.scroll-down1{
    position:absolute;
    top: 12%;
    right: 10%;
    z-index: 10;
    width: 125px;
    height: 200px;
    overflow: hidden; 
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.scroll-down1 img.c_arrow{
        animation: scrollDown1 2.5s ease infinite;
    }


@keyframes scrollDown1{
    0%{
        transform: translateY(-60px);
        opacity: 0;
    }
    50%{
        transform: translateY(0px);
        opacity: 1;
    }
    100%{
        transform: translateY(60px);
        opacity: 0;
    }
}


.youtube__aspect-ratio {
    width: 100%;
    aspect-ratio: 16 / 9;
}
.youtube__aspect-ratio iframe {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.w1440 {
  width:1440px;
  max-width:100%;
  margin-left:auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0 5%;
}

.sec01 {
  padding-top:120px;
    padding-bottom:100px;
  }

.sec02 {
    padding-top:80px;
    padding-bottom:80px;
}

.sec03 {
    padding-top:120px;
    padding-bottom:120px;
}

.sec04 {
    padding-top:120px;
    padding-bottom:120px;
}

.sec05 {
    background: #dcdad8;
    padding-top:120px;
    padding-bottom:120px;
  }


  .cv01 {
    background: #dcdad8;
    padding-top:25px;
    padding-bottom:25px;    
  }

.cv01 a {
  position: absolute;
    top: 72%;
    left: 12.5%;
    width: 260px;
}

   .sec06 {
    background: #B3A29A;
    padding-top:120px;
    padding-bottom:120px;
  }

   .sec07 {
    background: #000000;
    padding-top:120px;
    padding-bottom:120px;
  }

   .sec08 {
    padding-top:120px;
    padding-bottom:120px;
  }

   .sec09 {
    padding-top:120px;
    padding-bottom:120px;
  }


.support {
  background: #F0ECE6;
    padding-top:120px;
    padding-bottom:120px;
}

.support .cv_btn {
position: absolute;
    top: 32%;
    left: 3.5%;
    width: 30%;
}



  /* FAQ */
 
.faqcode {
    padding-top:120px;
    padding-bottom:120px;
}

 .faqcode .faqq{
  width: 100%;
    margin: 0 auto 25px;
    padding-bottom:25px;
  border-bottom:solid 1px #000000;
}

   .faqcode .faqq dt {
   width: 38%;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.8;
    color:#000000;
  }

   .faqcode .faqq dt:before {
    content:"Q.";
    width:20px;
    position:absolute;
    top:0;
    left:0;    
  }

    .faqcode .faqq dd {
    width: 60%;
    margin: 0;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    color: #000000;
  }

   .faqcode .faqq dd span{
    font-size:83.333%;
    font-weight:normal;
     }

        .faqcode .faqq dd a {
         text-decoration:underline;
         color:#183346;
       }
    
        .faqcode .faqq dd a:hover {
         text-decoration:none;
       }



section.return {background: #2E1A13;}
section.return .return_txt{
  color:#fff;
  width:66%;
  box-sizing:border-box;
  justify-content: center;
  align-items: center;
}

section.return .return_txt .return_txt_wrap {width:66%;}
section.return .return_img {width:34%;}

  .cart_bar {
    font-size: 30px;
    letter-spacing: 0.07em;
    padding-top: 100px;
  }
  


.sec14.stereo {
  background:#2E1A13;
  padding-top:90px;
  padding-bottom:90px;
}


/* 240309追加 */

.sec14.stereo.stsec240309- {
  padding-bottom: 0;
  padding-top: 0;
}

#faq .accordion {
  margin: 0 auto 4rem;
  max-width: 80%;
}

#faq .toggle {
  display: none;
}

#faq .faq {
  position: relative;
}

#faq .question,
#faq .anser {
  transform: translateZ(0);
  transition: all 1s ease;
}

#faq .question {
  border-bottom: solid 1px #ccc;
  padding: 25px 40px 25px 20px;
  display: block;
  color: #333;
  font-weight: bold;
  box-sizing: border-box;
}

#faq .question span,
#faq .anser span {
  font-size: 120%;
  padding-right: 0.6rem;
  color: #333;
  line-height: 0;
}

#faq .question:after,
#faq .question:before {
  content: "";
  position: absolute;
  right: 1.25rem;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 0.75rem;
  background-color: #346bd9;
  transition: all 0.5s;
}

#faq .question:after {
  transform: rotate(90deg);
}

#faq .anser {
  max-height: 0;
  overflow: hidden;
}

#faq .anser div {
  margin: 0;
  padding: 2rem 1rem 2rem;
  line-height: 1.8;
}

#faq .toggle:checked+.question+.anser {
  max-height: 500px;
  transition: all 3s ease;
}

#faq .toggle:checked+.question:before {
  transform: rotate(90deg) !important;
}
  
  @media screen and (max-width: 980px) {
body .sp {display: block;}

.w960 {width:100%;}.w980 {width:100%;}.w1000 {width:100%;}.w1100 {width:100%;}.w1200 {width:100%;}.w100s{width: 100%;}
.flexsp {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sbsp {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sasp {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_cesp {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wpsp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_cesp {-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.prl5p {padding: 0 5%;box-sizing: border-box;}
.fs20p{font-size: 18px;}.fs25p{font-size: 20px;}.fs28p{font-size: 22px;}.fs30p{font-size: 24px;}.fs35p{font-size: 28px;}.fs40p{font-size: 32px;}.fs50p{font-size: 38px;}.fs60p{font-size: 58px;}

/* -- margin  --*/
.mb0s{margin-bottom:0px !important;}.mb5s{margin-bottom:5px !important;}.mb10s{margin-bottom:10px !important;}.mb15s{margin-bottom:15px !important;}
.mb20s{margin-bottom:20px !important;}.mb25s{margin-bottom:25px !important;}.mb30s{margin-bottom:30px !important;}.mb35s{margin-bottom:35px !important;}
.mb40s{margin-bottom:40px !important;}.mb45s{margin-bottom:45px !important;}.mb50s{margin-bottom:50px !important;}.mb55s{margin-bottom:55px !important;}
.mb60s{margin-bottom:60px !important;}.mb65s{margin-bottom:65px !important;}.mb70s{margin-bottom:70px !important;}.mb75s{margin-bottom:75px !important;}
.mb80s{margin-bottom:80px !important;}.mb85s{margin-bottom:85px !important;}.mb90s{margin-bottom:90px !important;}.mb95s{margin-bottom:95px !important;}.mb100s{margin-bottom:100px !important;}

  
.sp img {width: 100%;vertical-align: bottom;}

.fv .fvbtn {
  width: 60%;
  margin: 0 auto;
}

.sp .relative {
  position: relative;
}



.sec01 {
  padding-top:0px;
    padding-bottom:0px;
  }

.sec02 {
    padding-top:0px;
    padding-bottom:0px;
}

.youtube__aspect-ratio{
  width: 90%;
    margin: 0 auto;
    top: 40%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.sec03 {
    padding-top:0px;
    padding-bottom:0px;
}

.sec04 {
    padding-top:0px;
    padding-bottom:0px;
}

.sec05 {
    padding-top:0px;
    padding-bottom:0px;
  }

.sec05 .btn.dc{
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 85%;
    margin: 0 auto;
}

  .cv01 {
    background: #dcdad8;
    padding-top:25px;
    padding-bottom:25px;    
  }

.cv01 a {
position: absolute;
    top: 38%;
    left: 50%;
    width: 57%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.cv01 a.ctabtnsp_2309{
    top: 35%;
    width: 50%;
  }


   .sec06 {
    background: #B3A29A;
    padding-top:0;
    padding-bottom:0;
  }

   .sec07 {
    background: #231815;
    padding-top:0;
    padding-bottom:0;
  }

   .sec08 {
    padding-top:0;
    padding-bottom:0;
  }

.sec08 .btn.dc{
      position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 85%;
}

   .sec09 {
    padding-top:0;
    padding-bottom:0;
  }


.support {
  background: #F0ECE6;
    padding-top:0;
    padding-bottom:0;
}

.support .ctbtn_sp_wrap {
  position: absolute;
    top: 59%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 55%;
}

.support .telbtn_sp_wrap{
  position: absolute;
    bottom: 17%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 80%;
}




  /* FAQ */
  .faqcode {
    padding-top: 80px;
    padding-bottom: 80px;
}


.faqcode .faqq{
  width:87%;
  margin: 0 auto 40px;
  padding-bottom:25px;
  border-bottom:solid 1px #000000;
}

.faqcode .faqq dt {
   width: 100%;
    font-size: 16px;
    margin-bottom:30px;
    box-sizing: border-box;
    padding-left: 30px;
    position: relative;
    color:#000000;
	  line-height: 1.8;
  }

.faqcode .faqq dt:before {
  content:"Q.";
  width:20px;
  position:absolute;
  top:0;
  left:0;    
}

.faqcode .faqq dd {
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  color: #000000;
}

.faqcode .faqq dd span{
  font-size:83.333%;
  font-weight:normal;
}

.faqcode .faqq dd a {
  text-decoration:underline;
  color:#183346;
}
    
.faqcode .faqq dd a:hover {
  text-decoration:none;
}



.sec14.stereo {
  padding-top:40px;
  padding-bottom:40px;
}



  }


  
   .information{
    padding:50px 0;
    width:100%;    
  }

   .information .inforwrap{
    width:1000px;
    margin:0 auto;
  }

   .information .inter{
    font-size:20px;
        margin: 0 40px 0 0;
    letter-spacing:0;
  }

     .information .data{
    padding-right: 1em;
    margin:0 1em 0 0;
    border-right: 1px solid #000;
    color: #000;
    }
     .information .infor-link {
      margin:0;
    }

   .information a {
    color:#000;
    text-decoration:underline;
  }
     .information a:hover {
    text-decoration:none;
    }


  @media screen and (max-width: 980px) {
    
  .sp .information{
    padding:50px 5%;
  }

  .sp .information .inter{
    font-size:20px;
        margin: 0 0 20px;
    letter-spacing:0;
  }

    .sp .information .data{
    padding-right: 1em;
    margin:0 1em 0 0;
    border-right: 1px solid #333;
    color: #000;
    }
    .sp .information .infor-link {
      margin:0;
    }

  .sp .information a {
    color:#000;
    text-decoration:underline;
  }
    .sp .information a:hover {
    text-decoration:none;
    }
  }


/* 240119 miraispeaker_home_jof */
.sec08_add.pc {
    padding-top: 120px;
    padding-bottom: 120px;
}

.sec08pc_240119.pc .s8_btn2 {
    position: absolute;
    top: 550px;
    width: 350px;
}

.sec08pc_240119.pc .s8_btn2.s8home_btn2{
     left: 65px;
}

.sec08pc_240119.pc .s8_btn2.s8stereo_btn2{
     right: 65px;
}

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


  .sec08_add.sp {
  padding-top:0;
  padding-bottom:0;
}

.sec08_add.sp .btn.dc{
    position: absolute;
  bottom: 5%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 85%;
}

.sec08sp_240119_2.sp .s8sphome_btn2{
      bottom: 6.5% !important;
    width: 68% !important;
}

.sec08sp_240119_2.sp .s8spstereo_btn2{
      bottom: 2.5% !important;
    width: 68% !important;
}



  }