body #Header,
body #Foot {
display: block !important;

}
@charset "UTF-8";

html{padding-bottom:0 !important;}

body .rte2 div{max-width:100%;}body .main-content{max-width:100%;}body .main-content {padding:0;margin:0 auto;}
/* -- none --*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700&display=swap');

body .sp {display: none;}
.pc_none,
.none{display:none;}
.main_section{position: relative;}.pc img {width: 100%;vertical-align: bottom;}
.inter{font-family: 'Inter', sans-serif;text-transform:none;}
 /* 追加　川平 220305 */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:500;}.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; }
.ltxt{font-size: 150%;}.mtxt{font-size: 125%;}.mstxt{font-size: 110%;}.stxt{font-size: 90%;}.sstxt{font-size: 80%;}
.bn { border:none; }.bbn { border-bottom: none; }
.marker{background: linear-gradient(transparent 60%, #FCE800 60%);}

/* -- width  --*/
.w620 {width: 100%;margin: 0 auto;max-width: 620px;padding: 0 2%;box-sizing: border-box;}.w650 {width: 100%;margin: 0 auto;max-width: 650px;padding: 0 2%;box-sizing: border-box;}
.w800 {width: 100%;margin: 0 auto;max-width: 800px;padding: 0 2%;box-sizing: border-box;}.w950 {width: 100%;margin: 0 auto;max-width: 950px;padding: 0 2%;box-sizing: border-box;}
.w960 {width: 100%;margin: 0 auto;max-width: 960px;padding: 0 2%;box-sizing: border-box;}.w980 {width: 100%;margin: 0 auto;max-width: 980px;padding: 0 2%;box-sizing: border-box;}
.w1000 {width: 100%;margin: 0 auto;max-width: 1000px;padding: 0 2%;box-sizing: border-box;}.w1100 {width: 100%;margin: 0 auto;max-width: 1100px;padding: 0 2%;box-sizing: border-box;}
.w1200 {width: 100%;margin: 0 auto;max-width: 1200px;padding: 0 2%;box-sizing: border-box;}
.w100{width:100%;}.w95{width:95%;}.w90{width:90%;}.w85{width:85%;}.w80{width:80%;}.w75{width:75%;}.w70{width:70%;}.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%;}.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;}
.fd_cl{flex-direction: column;}.fd_cr{flex-direction: column-reverse;}.grid{display: grid;}
.grid3f-40{grid-template-columns: repeat(3, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(4, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(4, 1fr);column-gap: 30px;row-gap: 30px;}

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



a.ul {text-decoration:underline;}
a.ul:hover {text-decoration:none;}

.hover05:hover{opacity: .5}

.header h1.logo_pc{margin:0}

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

.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;
}


.youtube__aspect-ratio {
  /*width: 100%;
  aspect-ratio: 16 / 9;*/
}

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

.relative {
  position: relative;
}

.pc .fv_btn {
position: absolute;
width: 25vw; 
top: 70%; 
left: 5%;
display:flex;
    justify-content: space-between;
}

.pc .fv230709a .fv_btn {
  top: 70%;
  left: 4%;
}



#mh_dof .pc .fv23120_dof .fv_btn {
      top: 82%;
    left: 14.5%;
    width: 13.5vw;
}


#mh_dos .pc .fv23120_dos .fv_btn {
  top: 66%;
  left: 54.2%;
}


.pc .fv230709b .fv_btn {
  top: 40%;
  left: 59.5%;
}


.pc .fv_btn a.cv_area_9{
  width:40.5%;
}
  .pc .fv_btn a.cv_area_10{
  width:52%;
}

.pc .video1 {
  margin: 50px auto 0;
  width: 60.521%;
}

.video2 {
  width: 80%;
margin: 50px auto;
}

.pc .video3 {
  width: 60%;
margin: 50px auto;
}




.pc video {
  width: 100%;
}


.pc .cv01_btn a.inpagelink{
    width: 25%;
    display: block;
    position: absolute;
    top: 62%;
    left: 14%;
}

.pc .cv01_btn a.inpagelink.link2{
    width: 25%;
    display: block;
    position: absolute;
    top: 62%;
    left: 10%;
}


.pc .cv01_btn a.inpagelink.btn240415{
  left: 12.5%;
}


#mh_dos .pc .cv01_btn a.inpagelink {
    width: 48%;
    display: block;
    margin: 0px auto 0;
}


.pc .cv02_btn {
  position: absolute;
  width: 28.073%;
  top: 45%;
  left: 25%;
}

 .pc .sec08_add {
  padding-top:120px;
  padding-bottom:120px;
}

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

.pc .retp{
 position: absolute;
 bottom:10%;
 left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
     }

.pc .retp a {
 color:#252525;
 text-decoration:underline;
     }

.pc .retp a:hover {
 text-decoration:none;
     }

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


.pc#pib2307 .sec00.bgbeige {
	background:#F0ECE6;
}
.pc#pib2307 .sec00.bgbeige .border_r10{
	background:#fff;
	border-radius:0 0 6vw 6vw;
	padding:140px 0;
}


.pc .sec00_ {
  padding-top:90px;
  padding-bottom:90px;

}


.pc .sec01 {
  background:#DDDBD9;
  padding-top:90px;
  padding-bottom:90px;
}
.pc#pib2307 .sec01 {
	padding-top:0;
  padding-bottom:90px;
}


.pc .active2 {
  padding-top:80px;
}

.sec02 {
  padding-bottom: 60px;
}

.sec02 .video3 {
  width: 60%;
    margin: 50px auto;
}

lite-youtube{
  border-radius: 20px;
}

.pc .sec03 {
  background:#222;
  padding-top:120px;
  padding-bottom:120px;
}

.pc .sec04 {
  padding-top:80px;
  padding-bottom:80px;
}

.pc .sec05 {
  background:#DDDBD9;
  padding-top:90px;
  padding-bottom:150px;
}




.pc .sec05 .mday_badge23 {
	    position: absolute;
  top: 0;
  right: 15%;
  width: 22%;
}

.pc .sec05 .ftd90 {
	    position: absolute;
  top: 0;
  right: 15%;
  width: 22%;
}

.pc .sec06 {
  padding-top:90px;
  padding-bottom:90px;
}

.pc .sec07 {

}

.pc .sec08 {
  background:#222;
  padding-top:90px;
  padding-bottom:150px;
}

.pc .sec09 {
  padding-top:90px;
  padding-bottom:90px;
}

.pc .sec10 {
  background:#F9F9F9;
  padding-top:60px;
  padding-bottom:0;
}

.sec11 {
  background:#222;
  padding-top:90px;
  padding-bottom:90px;
}

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

.pc .sec15 {
  background:#252525;
  padding-top:90px;
  padding-bottom:90px;
}

.pc .ctarea_pc {
    background: #DDDBD9;
    padding: 100px 0;
}


.pc .ctarea_pc .cv14_btn {
  position: absolute;
  top: 38%;
  left: 11%;
  width: 310px;
}



.pc .cv01 {
  background:#DDDBD9;
  padding-top:90px;
  padding-bottom:90px;
  
}
.pc .cv01 .w88 {
    background: #fff;
  width: 88%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 3.5% 3.5% 3.5% 0;
}




.pc .secgift,
.pc .secsale{
margin-bottom: 60px;}


.pc .cta {
  width: 20.834vw;
  position: fixed;
  bottom: 145px;
right:15px;
  z-index: 10;
}
	.pc .cta:hover {
		opacity:0.7;
	}
.pc .cta2 {
  width: 15%;
  position: fixed;
  bottom: 2.5%;
  right: 1%;
  z-index: 11;
}

.pc .cta2 .floating_inner {
  width: 100%;
}

.pc .btn a img:hover {
  filter: brightness(130%);
}

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

.pc .btn .salelink {
  color:#000;
}

.pc .btn .salelink a {
  color:#000;
 text-decoration:underline;
}

.pc .btn .salelink a:hover {
 text-decoration:none;
}

 .pc .secsale .sale_btn{
  position: absolute;
  top: 61%;
  left: 50%;
  }


 .pc .secsale .sale_btn a{
 width: 60%;
  display: block;
 }

.pc .secgift .sale_btn {
  position: absolute;
  top: 66%;
  left: 50%;
}
.pc .secgift .sale_btn a {
  display: block;
  width: 44.73%;
}

.pc .secgift_sp .sale_btn {
    position: absolute;
  top: 66%;
  left: 50%;
}

.pc .secgift_sp .sale_btn a{
    display: block;
  width: 44.73%;
}



/* FAQ */

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

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

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

.faqcode .faqq dd {
  width: 50%;
  margin: 0;
  font-size: 14px;
  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;
     }
 

     



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


/* 240119 miraispeaker_home_jof */
.pc .sec08pc_240119 .s8_btn {
      position: absolute;
    bottom: 90px;
    width: 350px;
}

.pc .sec08pc_240119 .s8_btn.s8home_btn{
     left: 5.5%;
}

.pc .sec08pc_240119 .s8_btn.s8stereo_btn{
     right: 5.5%;
}

/* 240119 miraispeaker_home_jof */
.pc .sec08pc_240119 .s8_btn2 {
    position: absolute;
    top: 550px;
    width: 350px;
}

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

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


/* よくあるご質問 トグル */

#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;
	font-size:14px;
}

#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: 3px;
    height: 1.6rem;
  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;
	font-size:14px;
}

#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 .pc {display: none;}body .sp {display: block;}
body .sp {margin: 0 auto;max-width: 750px;}.sp img {width: 100%;vertical-align: bottom;}
.mb20sp{margin-bottom:20px !important;}
.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;}


.w620 {width:100%;}.w650 {width:100%;}.w800 {width:100%;}.w950 {width:100%;}
.w960 {width:100%;}.w980 {width:100%;}.w1000 {width:100%;}.w1100 {width:100%;}.w1200 {width:100%;}
.w100s{width:100%;}.w95s{width:95%;}.w90s{width:90%;}.w85s{width:85%;}.w80s{width:80%;}.w75s{width:75%;}.w70s{width:70%;}.w65s{width:65%;}.w64s{width:64%;}.w63s{width:63%;}.w62s{width:62%;}.w61s{width:61%;}
.w60s{width:60%;}.w55s{width:55%;}.w54s{width:54%;}.w53s{width:53%;}.w52s{width:52%;}.w50s{width:50%;}.w48s{width:48%;}.w47s{width:47%;}
.w46s{width:46%;}.w45s{width:45%;}.w40s{width:40%;}.w35s{width:35%;}.w33s{width:33%;}.w32s{width:32%;}.w30s{width:30%;}.w25s{width:25%;}
.w20s{width:20%;}.w15s{width:15%;}.w14s{width:14%;}.w13s{width:13%;}.w12s{width:12%;}.w11s{width:11%;}.w10s{width:10%;}.w5s{width:5%;}

.tls{text-align: left;}
.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;}
.fd_clsp{flex-direction: column;}.fd_crsp{flex-direction: column-reverse;}.grid{display: grid;}
.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;}



.grid3f-40{grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(2, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid1f-0{grid-template-columns: repeat(2, 1fr);column-gap: 0;row-gap: 0;}.grid1f-0{grid-template-columns: repeat(1, 1fr);column-gap: 0;row-gap: 0;}




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


.sp .wrapper {
  max-width: 750px;
  margin: 0 auto;
}

body #Contents {
padding-top: 60px;
}


.sp .fv_btn_2 {
  position: absolute;
  width: 46.8%;
  top: 1.5%;
  left: 4.5%;
}

.sp .fv_btn {
  position: absolute;
  width: 70%;
  top: 82%;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#mh_dof .sp .fv_btn {
  position: absolute;
  width: 60%;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
}


#mh_dos .sp .fv_btn {
  position: absolute;
  width: 60%;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
}

.sp .cv01{
  background: #DDDBD9;
}

.sp .video1 {
  position: absolute;
  width: 83.467%;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.sp .video2 {
  position: absolute;
  width: 83.467%;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.video3 {

}

.sec02 .video3 {
    margin: inherit;
    position: absolute;
    width: 83.467%;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}



	  .fd_at {
		  padding:0 9%;
	  }
	  
	  .fd_at p{
		  padding-left:1em;
	text-indent:-1em;
	  }

.sp .cv_btn {
  position: absolute;
    bottom: 6%;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}


.sp .cv01_btn {
  position: absolute;width: 50%;top: 41%;
  left: 50%;
  transform: translateX(-50%);
}

.sp .cv01_btn.ctabtnsp_2309 {
  width: 50%;
  top: 32%;
}

  .sp .cv01_btn .salelink {
    margin: 0.3em 0;
font-size: 2.8vw;
  width: 100%;
    color:#000;
  }

  .sp .cv01_btn .salelink a {
    color:#000;
    text-decoration:underline;
  }

  .sp .cv01_btn .salelink a:hover {
    text-decoration:none;
  }
  
  .sp .cv03_btn .salelink {
font-size: 3vw;
  width: 100%;
  }
  
     .sp .retp{
 position: absolute;
 bottom:4%;
 left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
   font-size: 3vw;
		   width:max-content;
     }

     .sp .retp a {
 color:#252525;
 text-decoration:underline;
     }

     .sp .retp a:hover {
 text-decoration:none;
     }

.sp .cv02_btn {
position: absolute;
  width: 75%;
  top: 37%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

.sp .cv02_btn2 {
position: absolute;
  width: 75%;
  top: 19%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
 
.sp .cv03_btn {
  position: absolute;
  width: 88%;
  top: 73%;
  left: 6%;
}
.sp .cv03_btn .salelink a{
color: #fff;
  text-decoration: underline;
}

.sp video {
  width: 100%;
}
  
.sp .cta_sp1 {
  max-width: 51.6%;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10;
  left:0;
}

.sp .floating_inner {
  width: 100%;
}

.sp .cta_sp2 {
  max-width: 48.4%;
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 10;
  right:0;
}


.sp .btn a img:hover {
  filter: brightness(130%);
}

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

  .sp .secgift_sp .sales_btn2{
  position: absolute;
  top: 83%;
  left: 50%;
  width: 45%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
 }

 
.sp .secsales .sales_btn2{
  position: absolute;
  top: 80%;
  left: 50%;
  width: 45%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
 }

.sp .ctarea_sp .ctbtn_sp{
    position: absolute;
  top: 24%;
  left: 50%;
  transform: translateX(-50%);
width:60%;
}

.sp .ctarea_sp .telbtn_sp{
    position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
width:90%;
}

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

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

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

.sec11 .video2{
  margin: auto;
  position: absolute;
    width: 83.467%;
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

/* FAQ */
.sec12{
  padding-top:0;
margin-bottom:0;
}

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

.faqcode .faqq dt {
 width: 100%;
  font-size: 14px;
  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: 14px;
  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;
     }


#footer_lp #fnavlp ul {
			width: auto;
			margin: 0;
}

#footer_lp #fnavlp ul li {width:100%;
			text-align:center;
			margin-bottom:10px;
			padding-right: 0;
			margin-right: 0;
			border-right: none;
		  border-right:none;
}

.sp #footer_lp #fnavlp ul li{

}
	  
	  
.ul-widget-main-window.mobile-layout{
	height:100% !important;
}

	.ul-widget-main-window.ul-widget-hide {
		bottom:65px !important;
		height:68px !important;
	}


/* 240119 miraispeaker_home_jof */
.sp .sec08sp_240119 {
      padding: 20vw 0 35vw;
    background: #DDDBD9;
}

.sp .sec08sp_240119 .s8sphome_btn{
  bottom: 210vw !important;
}

.sp .sec08sp_240119 .s8spstereo_btn{
  bottom: 44vw !important;
  padding: 0;
}


/* 240119 miraispeaker_home_jos */
.sp .sec08sp_240119_2 .s8sphome_btn2{
      bottom: 6.5% !important;
    width: 68% !important;
}

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




}

    @media screen and  (max-width: 799px){
  .w800 {width:100%;}
}



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

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

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

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

.pc .information a {
  color:#000;
  text-decoration:underline;
}
  .pc .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;
  }
}
  
}


/* ABテスト用  */
.pc .cv01_btn.ab240305 a.inpagelink.link2 {
    top: 64%;
    left: 7%;
}

.pc .ctarea_pc .ab240305 .cv14_btn {
    position: absolute;
    top: 35%;
    left: 8%;
    width: 310px;
}


/* ABテスト用 240318 */ 
.pc#ab_240318_pc .sec01 {
  background: #fff;
}
.pc#ab_240318_pc .sec03 {
  background: #F0F0F0;
}

.pc#ab_240318_pc .cv01 {
  background: #fff;
}

.pc#ab_240318_pc .cv01 .ctaimg{
  filter: drop-shadow(0px 4px 40px rgba(136,136,136,0.25));
}

.pc#ab_240318_pc .sec05 {
  background: #F0F0F0;
}

.pc#ab_240318_pc .sec06 {
  background: #F0F0F0;
}

.pc#ab_240318_pc .sec07{
  padding-top: 80px;
  padding-bottom: 80px;
}

.pc#ab_240318_pc .sec08 {
    background: #F0F0F0;
  }

  .pc#ab_240318_pc .sec11 {
    background: #2E1A13;
  }


  @media screen and (max-width: 980px) {
.sp#ab_240318_sp .cv01_btn{
    width: 55%;
  top: 35%;
  
}

.sp#ab_240318_sp .video2 {
  top: 25%;
}

  }


/* cp 240321 */
#cp_240321 .cp_fvbtm{
  line-height: 2;
  font-size: 18px;
}
#cp_240321 .sec01_bg {

  background-color: #F0F0F0;
}
#cp_240321 .sec01 {
  background-image: url(/Contents/ImagesPkg/lp/cpbg_pc_240321_top.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  padding: 50px 0 0;
}
#cp_240321 .sec01 .cpbgcont{
  background-image: url(/Contents/ImagesPkg/lp/cpbg_pc_240321_btm.png) ;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
  padding: 0 0 200px;
}

#cp_240321 .sec01 .cpbgcont .w950{
  margin-top: -100px;
}

#cp_240321 .sec02 .cpbtn {
  width: 260px;
}

#cp_240321 .sec03 {
  background: #F0F0F0;
  padding: 120px 0;
}


  @media screen and (max-width: 980px) {
    #cp_240321 .fvbtm{
      width: 60%;
    }
    #cp_240321 .sec01_bg {

      background: none;
    }

    #cp_240321 .sec01 {
      background: none;
      background-size: none;
      padding: 0;
    }
    #cp_240321 .sec01 .cpbgcont{
      background: none;
      padding: 0;      
    }

    #cp_240321 .cp_fvbtm {
      padding: 0 5%;
    }
    
    #cp_240321 .sec01 .cpbgcont .w950{
      margin-top: 0;
    }
    
    #cp_240321 .sec02 .cpbtn {
      width: 60%;
    }
    
    #cp_240321 .sec03 {
      padding: 40px 0;
    }
/* 追加 */
	  body.home #index .sp .sec01 {
padding:  0;
}
	  body.home #index .sec02,
	  body.home #index .sp .sec03,
	  body.home #index .sp .sec04,
	  body.home #index .sp .sec05 {
padding: 0;
}
	 	  body.home #index #optionitem_cart {
padding: 0 5%;
} 
  }
	 	  body.home #index #optionitem_cart {
padding: 0 ;
} 

/* 追加 お届けサービス */
.pc .w740 {
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.pc .sec20 {
  padding-top: 120px;
}

.pc .sec20 .btn a {
  width: 240px;
}


@media screen and (max-width: 980px) {
  .sp .sec20 .des_btn {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}