@charset "utf-8";
section{
    line-height:1;
}
.order_btn{
  display:inline-block;
  padding:1.5rem 0;
  border-radius:0.3rem;
  border:1px solid #fff;
}
.skn_white{
  background-color:#fff;
}
.Pc .skn_white:hover{
  background-color:transparent;
  color:#fff;
}
.skn_default{
  border:1px solid #fff;
  color:#fff;
}

.Pc .skn_default:hover{
  background-color:#fff;
  color:#333;
}

.numberSVG{
  margin-right:0.5rem;
}

.imageBorder{
  padding: 0.4rem;
  border:1px solid #fff;
}
.lh125{
  line-height:1.25;
}
.lh15{
    line-height:1.5;
}


.tyuumon{
  font-size:0.9rem;
}
.tyuumonWidth{
  max-width:588px;
    margin:0 auto;
}


.space_015rem{
  height:1.5rem;
}
.space_2rem{
  height:2rem;
}
.space_025rem{
  height:2.5rem;
}
.space_3rem{
  height: 3rem;
}
.space_045rem{
  height:4.5rem;
}
.space_5rem{
  height:5rem;
}

@media screen and (max-width:768px){
  .space_1remSp{
    height:1rem;
  }
  .space_015remSp{
    height:1.5rem;
  }
  .space_2remSp{
    height:2rem;
  }
  .space_025remSp{
    height:2.5rem;
  }
  .space_3remSp{
    height:3rem;
  }
  .space_035remSp{
    height:3.5rem;
  }
  .space_045remSp{
    height:4.5rem;
  }
  .space_5remSp{
    height:5rem;
  }
}



.space_top_lh{
  margin-top: -0.3rem;
}
.space_bottom_lh{
  margin-bottom:-0.2rem;
}

.skn_title > .image{
    padding: 0 1rem 0.6rem 1rem;
    border-bottom:1px solid #000;
}
.skn_title > .caption{
    padding:0.5rem 0 0 0;
}
#firstView{
  margin-bottom: 0.5rem;
}
.firstVideo{
  /* margin-bottom:2rem; */
}
.breadcrumbWrapper{
  margin-bottom:4.2rem;
}
.firstVideo > video{
  width:100%;
  position: relative;
  z-index: -1;
}
@media screen and (max-width:768px){
  .backimage_firstview{
    height: 48rem;
    background-size:cover;
  }
}
@media screen and (max-width:480px){
  .backimage_firstview{
    height: 32rem;
    background-size:cover;
  }
}



/*start whatistiessheet_wrap*/
.whatistiessheet_wrap{
  /*overflow:hidden;*/
}
.whatistiessheet_inner{
  margin: 0px -1rem;
}
.whatistiessheet_co{
  padding: 0 1.5rem;
}
.whatistiessheet_co1,
.whatistiessheet_co2{
  width:calc((100% / 2) * 1 - 0.01px);
}

@media screen and (max-width:768px){
  .whatistiessheet_co{
    margin-bottom:1.5rem;
  }
  .whatistiessheet_co{
    width:calc((100% / 1) * 1 - 0.01px);
  }
  .whatistiessheet_co:last-child{
    margin-bottom:0;
  }
}
/*end whatistiessheet_wrap*/


/*tiesSheet*/
#tiesSheet .imageBox{
  max-width:11.25rem;
  margin:auto;
}
/*tiesSheet*/

/*howgoodisit*/
#howgoodisit{
  background-color: #FFF9F1;
}
/*start howgoodisit_wrap*/
.howgoodisit_wrap{
  /*overflow:hidden;*/
}
.howgoodisit_inner{
  margin:0 -1rem;
}
.howgoodisit_co{
  padding:0 1rem;
}
.howgoodisit_co1,
.howgoodisit_co2{
  width:calc((100% / 2) * 1 - 0.01px);
}
/*@media screen and (max-width:768px){
  .howgoodisit_co{
    width:calc((100% / 2) * 1 - 0.01px);
  }
  .howgoodisit_co:not(:nth-last-child(-n+2)){
    margin-bottom:1rem;
  }
}*/
@media screen and (max-width:768px){
  .howgoodisit_co{
    width:calc((100% / 1) * 1 - 0.01px);
  }
  .howgoodisit_co:last-child{
    margin-bottom:0;
  }
}
/*end howgoodisit_wrap*/
/*howgoodisit*/



.orderstep_inner{
  
}

/*start orderstep_wrap*/
.orderstep_inner{
  margin:0 -0.5rem;
}
.orderstep_co{
  
  color:#fff;
  padding:0.8rem 0 0.2rem 0;
  display:flex;
  position:relative;
}
.orderstep_co > .imageBox{
  margin-left: 2rem;
}
.orderstep_co3:before,
.orderstep_co2:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left: -1px;
  display:block;
  margin:auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2rem 0 2rem 2.5rem;
}
.orderstep_co1{
  width:calc((100% / 3) * 1 - 0.01px - 3rem);
  background-color:#D7B997;
}
.orderstep_co2{
  width:calc((100% / 3) * 1 - 0.01px - 1rem);
  background-color:#BC8B51;
}
.orderstep_co2 > .imageBox{
  margin-left: 4rem;
}
.orderstep_co2:before{
  border-color: transparent transparent transparent #D7B997;
}
.orderstep_co3{
  width:calc((100% / 3) * 1 - 0.01px + 4rem);
  background-color:#5E462A;
}
.orderstep_co3 > .imageBox{
  margin-left: 4.5rem;
}
.orderstep_co3:before{
  border-color: transparent transparent transparent #BC8B51;
}
.subText{
  display:inline-block;
  padding-bottom:0.5rem;
}

@media screen and (max-width:768px){
  .orderstep_inner{
    margin:0 -1rem;
    overflow: hidden;
  }
  .orderstep_co{
    text-align:center;
    display:flex;
    justify-content:center;
  }
  .orderstep_co1{
    width:calc((100% / 3) * 1 - 0.01px - 2rem);
  }
  .orderstep_co2{
    width:calc((100% / 3) * 1 - 0.01px + 1rem);
  }
  .orderstep_co3{
    width:calc((100% / 3) * 1 - 0.01px + 1rem);
  }
  .orderstep_co1 > .imageBox{
    margin-left: 1rem;
  }
  .orderstep_co2 > .imageBox{
    margin-left: 3rem;
  }
  .orderstep_co3 > .imageBox{
    margin-left: 3rem;
    margin-right: 1rem;
  }
  .orderstep_co .imageBox .image{
    max-width:5rem;
    margin-bottom: 0.5rem;
  }
  .subText{
    font-size:0.83rem;
    font-weight:normal;
    display: block;
  }
  .orderstep_co2:before,
  .orderstep_co3:before{
    border-width: 3rem 0 3rem 2.5rem;
  }
}
/*end orderstep_wrap*/


/*step*/
.innerWidth{
  max-width:750px;
  margin:auto;
}
.step_block{
  color:#fff;
}
.step_row{
  padding:0 1rem;
}
.step_title{
  width:160px;
  height:160px;
  margin:0 auto;
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid #fff;
  margin-bottom:1rem;
}
.stepTitle_wrap .caption{
  display:block;
  text-align:center;
  font-weight:bold;
  color:#fff;
  font-size:1.4rem;
  letter-spacing:0.1rem;
}
.step_row1{
  background-color: #D7B997;
}
.customermodel{
  font-size:1.3rem;
  text-align:center;
}
.whitetiessheet{
  margin-right:7rem;
  margin-top:0.3rem;
}
@media screen and (max-width:768px){
  .customermodel{
    line-height:1.5;
  }
}

/*start modelImage_wrap*/
.modelImage_wrap{
  /*overflow:hidden;*/
}
.modelImage_inner{
  margin:0 -1.5rem;
}
.modelImage_co{
  padding:0 1.5rem;
}
.modelImage_co{
  width:calc((100% / 3) * 1 - 0.01px);
}
@media screen and (max-width:480px){
  .modelImage_co{
    width:calc((100% / 3) * 1 - 0.01px);
  }
  .modelImage_inner{
    margin:0 -.25rem;
    padding:0.4rem 0.2rem;
    border:1px solid #fff;
  }
  .modelImage_co{
    padding:0 .25rem;
  }

  .modelImage_co .imageBorder{
    border:none;
    padding: 0;
  }
}

/*end modelImage_wrap*/
.designText{
  text-align:center;
  font-size:1.3rem;
}

/*start designdata_wrap*/
.designdata_wrap{
  /*overflow:hidden;*/
}
.designdata_inner{
  margin:0 -1.5rem;
}
.designdata_co{
  padding:0 1.5rem;
}
.designdata_co1{
  /* width:calc((100% / 3) * 1 - 0.01px); */
}
.designdata_co2{
  /* width:calc((100% / 3) * 2 - 0.01px); */
}
@media screen and (max-width:768px){
  .designdata_co{
    width:calc((100% / 2) * 1 - 0.01px);
  }
  .designdata_co:not(:nth-last-child(-n+2)){
    margin-bottom:1rem;
  }
  .designdata_inner{
    margin:0 -.5rem;
  }
  .designdata_co{
    padding:0 .5rem;
  }
}
/*end designdata_wrap*/

/*start orderBtn_wrap*/
.orderBtn_inner{
  justify-content:center;
}
.orderBtn_co{
  width:calc((100% / 2) * 1 - 0.01px);
  text-align:center;
}
.orderBtn_co a{
  width:100%;
  max-width:18.75rem;
}
@media screen and (max-width:768px){
  .orderBtn_inner{
    margin:0 -1.5rem;
  }
  .orderBtn_co{
    padding:0 1.5rem;
  }
}

/*end orderBtn_wrap*/

.step_row2{
  background-color: #BC8B51;
  position:relative;
}
.step_row2:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:block;
  margin:0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3rem 8rem 0 8rem;
  border-color: #D7B997 transparent transparent transparent;
}


.sheetSelect_row1{
  margin-bottom:1rem;
}
/*start sheetSelect_wrap*/
.sheetSelect_wrap{
  /*overflow:hidden;*/
}
.sheetSelect_inner{
  margin: 0 -1.5rem;
}
.sheetSelect_co{
  padding: 0 1.5rem;
}
.sheetSelect_co{
  width:calc((100% / 3) * 1 - 0.01px);
}
@media screen and (min-width:481px){
  .sheetSelect_co{
    margin-bottom:2rem;
  }
}
@media screen and (max-width:480px){
  .sheetSelect_inner{
    margin: 0;
    border:1px solid #fff;
    padding:0.4rem;
    margin-bottom:2rem;
  }
  .sheetSelect_co{
    padding: 0 .5rem;
  }
  .sheetSelect_co{
    width:calc((100% / 2) * 1 - 0.01px);
    padding:0.25rem;
  }
  .sheetSelect_co .imageBorder{
    border:none;
    padding: 0;
  }
}
/*end sheetSelect_wrap*/

/*nosepadSelect*/
.nosepadSelect_block{
  margin-bottom:2rem;
}
.nosepadSelect_row1{
  margin-bottom:1rem;
}
.nosepadSelect_co1{
  margin-right:3rem;
}
@media screen and (max-width:480px){
  .nosepadSelect_inner{
    border:1px solid #fff;
    padding:0.4rem 0.3rem;
  }
  .nosepadSelect_co{
    width:50%;
    padding:0.25rem;
  }
  .nosepadSelect_co1{
    margin-right:0rem;
  }
  .nosepadSelect_co .imageBorder{
    border:none;
    padding: 0;
  }
}

.templeSelect_row1{
  margin-bottom:1rem;
}



/*start templeSelect_wrap*/
.templeSelect_wrap{
  /*overflow:hidden;*/
}
.templeSelect_inner{
  margin:0 -1.5rem;
}
.templeSelect_co{
  padding:0 1.5rem;
  margin-bottom:0.5rem;
}
.templeSelect_co{
  width:calc((100% / 2) * 1 - 0.01px);
}
@media screen and (max-width:480px){
  .templeSelect_inner{
    margin:0 -0.25rem;
    border:1px solid #fff;
    padding:0.5rem 0.2rem 0rem 0.2rem ;
  }
  .templeSelect_co{
    padding:0 .25rem;
    margin-bottom:0.5rem;
  }
  .templeSelect_co .imageBorder{
    border:none;
    padding:0;
  }
}
/*end templeSelect_wrap*/



.step_row3{
  background-color: #5E462A;
  position:relative;
}
.step_row3:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  display:block;
  margin:0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3rem 8rem 0 8rem;
  border-color: #BC8B51 transparent transparent transparent;
}







/*start optionA_wrap*/
.optionA_wrap{
  /*overflow:hidden;*/
}
.optionA_co2{
  display:none;
}
.optionA_inner{
  margin:0 -1rem;
}
.optionA_inner > .optionA_co{
  padding: 0 1rem;
}
.optionA_inner > .optionA_co{
  width:calc((100% / 1) * 1 - 0.01px);
}
.optionA_inner > .optionA_co{
  /* margin-bottom: 0.5rem; */
}
.optionA_co2{
  margin-top:3.2rem;
}
.optionA_co2 > .text{
  margin-bottom:0.3rem;
}
@media screen and (max-width:768px){
  .optionA_inner > .optionA_co{
    width:calc((100% / 1) * 1 - 0.01px);
  }
  .optionA_inner > .optionA_co:not(:nth-last-child(-n+2)){
    margin-bottom:1rem;
  }
}




/*start optionB_wrap*/
.optionB_wrap{
  /*overflow:hidden;*/
}
.optionB_inner{
  margin:0 -1rem;
}
.optionB_inner > .optionB_co{
  padding:0 1rem;
}
.optionB_inner > .optionB_co{
  /* width:calc((100% / 2) * 1 - 0.01px); */
}

.optionB_co1{
  line-height:1.5;
}
.optionB_co1 > .text{
  /* margin-bottom: 1.8rem; */
}
.optionB_co1 > .text:last-child{
  margin-bottom:0;
}

.optionB_inner > .optionB_co2{
  text-align:center;
  max-width:620px;
  margin:auto;
}
.optionB_inner > .optionB_co2 .imageBox{
  margin-bottom: 0.5rem;
}
.optionB_inner > .optionB_co2 .leftLens .text{
  margin-bottom:1rem;
}
@media screen and (max-width:768px){
  .optionB_inner > .optionB_co{
    width:calc((100% / 1) * 1 - 0.01px);
  }
  .optionB_inner > .optionB_co:not(:nth-last-child(-n+1)){
    margin-bottom:1rem;
  }
}

/*end optionB_wrap*/





.optionA_co1 > .text{
  /* margin-bottom:1.8rem; */
  line-height:1.5;
}
.optionA_co1 > .text:last-child{
  margin-bottom:0;
}

.contTitleA .titleText{
  font-size:1rem;
  font-weight:bold;
  margin-bottom:0.3rem;
}



.counter{
  counter-reset: number;
}
.counter > li:before{
  counter-increment: number;
  content: counter(number)".";
  margin-right: 0.5rem;
}
.counter > li{
  display:flex;
}
.counter > li > span{
  display:block;
  width:100%;
  max-width:100%;
}

#option{
  margin-bottom:4rem;
}
.option_row1{
  margin-bottom:2rem;
}
.option_row2{
  /* margin-bottom:2rem; */
}
.option_row3 .blockTitleA{
  text-align:center;
}

#relationProduct{
  margin-bottom:5rem;
}

@media screen and (max-width:768px){
  #option{
    margin-bottom:2rem;
  }
  .option_row1{

  }
  .option_row2{

  }

  #relationProduct{

  }
}