/********************************************************
Total
*********************************************************/
section{
  max-width: 768px;
  width: 100%;
  margin: 0 auto;
}

main{
  display: block;
  max-width: 768px;
  margin: 0 auto;
  overflow: hidden;
}

.flex{
  display: flex;
  flex-wrap: wrap;
}

main p{
 margin: 0; 
}

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

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

a{
  text-decoration:none;
}

a[href*="tel:"] {
  pointer-events: auto;
  cursor: pointer;
}  

/********************************************************
Detail
*********************************************************/

/*--------------- TOP AREA --------------*/
.top-area{
  position:relative;
}

.top-area-btn {
  position: absolute;
  /* left: 7%;*/
  left:11%;
  bottom: 170px;
  /*max-width: 665px;*/
  max-width: 601px;
  width: 100%;
  margin: 0 auto; 
}

.top-area-btn a {
  display: block;
  margin: 0 auto;
  transition-duration: .5s;
}

.top-area-btn a:hover {
  opacity: 0.8;
  transform: translateY(5px);
}    
 
@media (max-width: 767px) {
  .top-area-btn {
    position: absolute;
    left: 50%;
    top:81%;
    transform: translateX(-50%);
    width:78%;
  }
}
/*------------------------------------
        Yotpo Review Section
  -------------------------------------*/
   /*---------- Yotpo CSS 上書き -----------*/
    
   .review_cover {
    background-color: #c5d6ce;
    text-align: center;
    padding: 0 0 59px 0;
   }
  .review_cover_bg{
    /*-width: 660px;----*/
    display: inline-block; 
    background-color: #ffffff; 
    padding-bottom: 20px ; 
    margin:10px 50px 20px 50px; 
    /*position:relative;-*/
  }
  .yotpo .yotpo-small-box {
    display: none;
  }

  .yotpo.yotpo-main-widget .yotpo-bottomline.yotpo-bottomline-2-boxes, .yotpo .yotpo-modal-dialog .yotpo-bottomline.yotpo-bottomline-2-boxes {
    display: none;
  }

 
   /*---------- padding60気になるから一旦これ非表示する -----------*/

  @media screen and (max-width: 767px) {
    .review_cover {
      display: block;
      padding-bottom: 21px;
    }
  
  
  .review_cover_bg {
   display: inline-block;
   background-color: #ffffff;
   margin: 10px 40px 20px 40px;
   /*position: relative;*/
  }
}
 
 /*------------------------------------
        Yotpo Review Section
  -------------------------------------*/







/*-------------CTAカートに入れるbtn2つ設置-------------*/
.cart-area{
  position:relative;
}

.cart-area-btn {
  position: absolute;
  /* left: 7%;*/
  left:11%;
  bottom: 1994px;
  /*max-width: 665px;*/
  max-width: 601px;
  width: 100%;
  margin: 0 auto; 
}

.cart-area-btn a {
  display: block;
  margin: 0 auto;
  transition-duration: .5s;
}

.cart-area-btn a:hover {
  opacity: 0.8;
  transform: translateY(5px);
}    
.regularcart-area-btn {
  position: absolute;
  /* left: 7%;*/
  left:11%;
  bottom: 1523px;
  /*max-width: 665px;*/
  max-width: 601px;
  width: 100%;
  margin: 0 auto; 
}

.regularcart-area-btn a {
  display: block;
  margin: 0 auto;
  transition-duration: .5s;
}

.regularcart-area-btn a:hover {
  opacity: 0.8;
  transform: translateY(5px);
}    
 
@media (max-width: 767px) {
  .cart-area-btn {
    position: absolute;
    left: 50%;
    top:33.9%;
    margin-top: 24px;
    transform: translateX(-50%);
    width:78%;
  }

  .regularcart-area-btn {
    position: absolute;
    left: 50%;
    top:48.8%;
    margin-top: 18px;
    transform: translateX(-50%);
    width:78%;
  }
}

/*-------------CTAカートに入れるbtn2つ設置終了-------------*/









/*-------------- order-center ---------------*/
.order-center-bg {
  position: relative;
 
}
/*@media (max-width: 767px) {
  .order-center-bg {
   
  }
}*/
/*---------- For CPA ---------*/
.order-area-cover-cpa {
  position: absolute;
  max-width:602px;
  width: 100%;
  top: 14.1%;
  left: 10.8%;
  
}
.order-area-cover-cpa a:hover {
  opacity: 0.8;
  transition-duration: .5s;
}
.order1,
.order2,
.order3,
.order4{
  margin-bottom: 26px;
}

.order1 a,
.order2 a,
.order3 a,
.order4 a,
.order5 a{
  display: inline-block; /* ←常に inline-block にする */
  transition: transform 0.5s ease, opacity 0.5s ease; /* ←なめらかに */
}

.order1 a:hover,
.order2 a:hover,
.order3 a:hover,
.order4 a:hover,
.order5 a:hover{
  transform: translateY(5px);
  opacity: 0.8;
}


@media (max-width: 767px) {
  .order-area-cover-cpa {
      position: absolute;
      left: 50%; 
      top:14.3%;
      transform: translateX(-50%);
      width:78.5%;
     
  }
   
.order1,
.order2,
.order3,
.order4{
  margin-bottom: 13px;
}
}

/*---------- @media ----------*/


/************ 邨ょ｣ｲ縺顔衍繧峨○ *************/

.end{
  padding: 45px 20px 30px;
  margin: 0 auto 60px;
  line-height: 1.8;  
  text-align: justify;
  letter-spacing: 1px;   
}
.bb{
  border-bottom: 1px solid #CCC;
}
.bb_end{
  margin: 0 auto 30px;
  border-bottom: 1px solid #CCC;
}
.ico_end{
  font-size: 15px;
  font-weight: bold;
  background-color: #bf0b21;
  color: #FFF;
  text-align: center;
  max-width: 320px;
  margin: 0 auto 20px;
  padding: 5px 0;
}
.txt_end{
  font-size: 16px;
  font-weight: bold;
  max-width: 800px;
  margin: 0 auto 10px;
}
.txt_end a{
  font-size: 16px;
}  

.sub_end{
  font-size: 12px;
  max-width: 800px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .txt_end a{
    font-size: 3.2vw;
  } 
}  

/************ 邨ょ｣ｲ縺顔衍繧峨○ *************/