@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　common

**********************************************************************************************/
.wrap-page {
  background: #ffe880; }

.main-page {
  margin: 120px 0 0; }
  @media (max-width: 750px) {
    .main-page {
      margin: 13.8vw 0 0; } }

/**********************************************************************************************

　btn

**********************************************************************************************/
.linkBtn {
  background: url("../img/common/btn_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 474px;
  height: 84px;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 15px;
  letter-spacing: normal; }
  @media (min-width: 751px) {
    .linkBtn:hover {
      opacity: 1;
      background: url("../img/common/btn_bg_hover.png") no-repeat;
      background-size: 100% 100%;
      color: #fff; } }
  @media (max-width: 750px) {
    .linkBtn {
      width: 70vw;
      height: 15vw;
      font-size: 3.75vw;
      padding-right: 4vw; } }

.btnList li:not(:last-child) {
  margin: 0 0 40px;}
  @media (max-width: 750px) {
    .btnList li:not(:last-child) {
      margin: 0 0 5vw; } }

.lineArea {
  position: relative;
  border-radius: 20px;
  text-align: center;
  padding: 20px 0 30px;
  background: #fff;
  margin: 170px 0 0 -28px;
  width: 1080px; }
  @media (max-width: 750px) {
    .lineArea {
      width: 100%;
      margin: 20vw 0 0;
      padding: 5vw 5vw 10vw; } }

.lineArea_tit {
  font-family: "shirokuma";
  line-height: 1.2;
  font-size: 4rem; }
  @media (max-width: 750px) {
    .lineArea_tit {
      font-size: 7vw;
      margin: 0 0 2vw; } }

.lineArea_txt{
  font-size: 1.5rem;
}

.lineArea_txt a {
  color: #ea5f28; }

.lineArea_line {
  background: #00b900;
  display: flex;
  width: 410px;
  margin: 20px auto 0;
  padding: 10px;
  border-radius: 18px;
  color: #fff; }
  @media (max-width: 750px) {
    .lineArea_line {
      width: 60vw;
      border-radius: 10px;
      padding: 2.6vw;
      margin: 4vw auto 0; } }

.lineArea_line_img {
  width: 62px; }
  @media (max-width: 750px) {
    .lineArea_line_img {
      width: 8vw; } }

.lineArea_line_tit {
  font-size: 2rem;
  margin: auto;
  font-weight: 700; }
  @media (max-width: 750px) {
    .lineArea_line_tit {
      font-size: 4vw; } }

.lineArea_img {
  width: 298px;
  position: absolute;
  bottom: 0; }
  @media (max-width: 750px) {
    .lineArea_img {
      width: 30vw; } }

.lineArea_img01 {
  left: -50px; }
  @media (max-width: 750px) {
    .lineArea_img01 {
      left: -15vw; } }

.lineArea_img02 {
  right: -50px; }
  @media (max-width: 750px) {
    .lineArea_img02 {
      right: -15vw; } }

/**********************************************************************************************

　sec

**********************************************************************************************/
.sec_titArea {
  margin: 30px 0 30px; }
  @media (max-width: 750px) {
    .sec_titArea {
      margin: 5vw 0 5vw; } }

.sec_tit_icon {
  margin: 0 auto 10px;
  width: 52px; 
  height: 52px;}
  @media (max-width: 750px) {
    .sec_tit_icon {
      width: 35px;
      height: 35px;
      margin: 0 auto 3vw; } }

.sec_tit_icon_cart {
  margin: 0 auto 10px;
  width: 84px;
  height: 33px; }
  @media (max-width: 750px) {
    .sec_tit_icon_cart {
      width: 15vw;
      margin: 0 auto 3vw; } }

.sec_tit {
  font-size: 4rem;
  text-align: center;
  font-family: 'shirokuma'; }
  @media (max-width: 750px) {
    .sec_tit {
      font-size: 28px;
      line-height: 1.2; } }

.sec_sub_tit{
  margin-top: 15px;
  font-size: 1.5rem;
  text-align: center;}
  @media (max-width: 750px) {
    .sec_sub_tit {
      font-size: 4vw;
      line-height: 1.2; } }

.sec_txt {
  text-align: center;
  margin: 0 0 30px;
  line-height: 2; }
  @media (max-width: 750px) {
    .sec_txt {
      margin: 0 0 8vw; } }

.ilust {
  position: absolute;
  z-index: -1;
  display: none; }

.wave {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 300px;
  z-index: 1; }
  @media (max-width: 750px) {
    .wave {
      height: 18vw; } }

.sec {
  padding: 110px 0 0; }
  @media (max-width: 750px) {
    .sec {
      padding: 12vw 0; } }
  .sec .sec_titArea {
    margin: 0 0 80px; }
    @media (max-width: 750px) {
      .sec .sec_titArea {
        margin: 0 0 8vw; } }

  /** Absolute background design */
  .sec .top_ilust01 {
    top: -40px;
    width: 410px; }
    @media (max-width: 750px) {
      .sec .top_ilust01 {
        top: -40px;
        width: 30vw; } 
    }
    @media (min-width: 751px) {
      .sec .top_ilust01 { left: -220px; } 
    }

  .sec .top_ilust02 {
    display: block;
    bottom: -450px;
    left: -340px;
    width: 558px; }
    @media (max-width: 750px) {
      .sec .top_ilust02 {
        display: none;
      }
    }
    

  .sec .top_ilust03 {
    display: block;
    bottom: -120px;
    right: -540px;
    width: 740px; }
    @media (max-width: 750px) {
      .sec .top_ilust03 {
        display: none;
      }
    }

  .sec .top_ilust04 {
    top: 160px;
    right: -340px;
    width: 558px; }
    @media (max-width: 750px) {
      .sec .top_ilust04 {
        top: 40px;
        right: -10px;
        width: 41vw; } 
    }
  
  .sec .top_ilust05 {
    top: 1050px;
    left: -300px;
    width: 558px; }
    @media (max-width: 750px) {
      .sec .top_ilust05 {
        top: 1200px;
        left: -20px;
        width: 41vw; } 
    }

  .sec .top_ilust06 {
    top: 2590px;
    left: -460px;
    width: 740px; }
    @media (max-width: 750px) {
      .sec .top_ilust06 {
        top: 2050px;
        left: -50px;
        width: 70vw; } 
    }

  .sec .top_ilust07 {
    top: 2970px;
    right: -340px;
    width: 558px; }
    @media (max-width: 750px) {
      .sec .top_ilust07 {
        top: 2970px;
        right: -10px;
        width: 41vw; } 
    }

  .sec .top_ilust08 {
    bottom: 1020px;
    left: -400px;
    width: 540px; }
    @media (max-width: 750px) {
      .sec .top_ilust08 {
        bottom: 1000px;
        left: -10px;
        width: 41vw; } 
    }

  .sec .top_ilust09 {
    top: 470px;
    right: -400px;
    width: 558px; }
  .sec .top_ilust09_{
    display: none;
  }
    @media (max-width: 750px) {
      .sec .top_ilust09 {
        top: 40px;
        right: -10px;
        width: 41vw; } 

        .sec .top_ilust09_ {
          display: block;
          top: 20px;
          right: -10px;
          width: 41vw; } 
    }

  @media (min-width: 751px) {
    .sec .top_ilust10 {
      top: 1350px;
      left: -425px;
      width: 558px; }
    .sec .top_ilust10_ {
      display: none;}
  }

  @media (max-width: 750px) {
    .sec .top_ilust10 {
      top: 710px;
      right: -15px;
      width: 35vw;}

    .sec .top_ilust10_ {
      top: 555px;
      right: -15px;
      width: 35vw;}
  }


  .sec .top_ilust11 {
    bottom: 370px;
    right: -340px;
    width: 520px;
  }
  @media (max-width: 750px) {
    .sec .top_ilust11{
      display: none;
    }
  }

  .sec .top_ilust12 {
    bottom: -550px;
    left: -340px;
    width: 558px;
  }
  .sec .top_ilust12_ {
    display: block;
    bottom: -550px;
    left: -340px;
    width: 558px;
  }
  @media (max-width: 750px) {
    .sec .top_ilust12 {
      bottom: -140px;
      left: -40px;
      width: 35vw;
    }
    .sec .top_ilust12_ {
     display: none;
    }
  }

  .sec .top_ilust13 {
      bottom: -120px;
      right: -600px;
      width: 740px;
  }
  .sec .top_ilust13_ {
    display: block;
    bottom: -120px;
    right: -600px;
    width: 740px;
}
  @media (max-width: 750px) {
    .sec .top_ilust13 {
      bottom: 80px;
      right: -50px;
      width: 41vw;
    }
    .sec .top_ilust13_ {
     display: none;
    }
  }

  .sec .top_ilust14 {
    display: block;
    top: -50px;
    right: -400px;
    width: 558px; }
  .sec .top_ilust14_ {
    display: none; 
  }
  @media screen and (max-width: 750px) {
    .sec .top_ilust14 {
      display: none;
    }
    .sec .top_ilust14_ {
      display: block; 
      top: 20px;
      right: -10px;
      width: 41vw;
    }
  }


  .sec .top_ilust15 {
    display: block;
    top: 600px;
    left: -425px;
    width: 558px; }

  .sec .top_ilust16 {
    display: block;
    bottom: -400px;
    right: -340px;
    width: 520px;
  }
  @media screen and (max-width: 750px) {
    .sec .top_ilust15, .sec .top_ilust16 {
      display: none;
    }
  }

  .sec .top_ilust17{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust17{
      display: block;
      top: -380px;
      right: -15px;
      width: 35vw;
    }
  }

  .sec .top_ilust18{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust18{
      display: block;
      top: 840px;
      left: 15px;
      width: 35vw;
    }
  }

  .sec .top_ilust19{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust19{
      display: block;
      top: 1300px;
      right: -15px;
      width: 35vw;
    }
  }

  .sec .top_ilust20{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust20{
      display: block;
      top: 1525px;
      left: 5px;
      width: 30vw;
    }
  }

  .sec .top_ilust21{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust21{
      display: block;
      bottom: 120px;
      right: 0px;
      width: 25vw;
    }
  }

  .sec .top_ilust22{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust22{
      display: block;
      bottom: 80px;
      width: 41vw;
    }
  }

  .sec .top_ilust23{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust23{
      display: block;
      bottom: -180px;
      right: 0px;
      width: 35vw;
    }
  }

  .sec .top_ilust24{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust24{
      display: block;
      top: 375px;
      right: -10px;
      width: 30vw;
    }
  }

  .sec .top_ilust25{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust25{
      display: block;
      bottom: 120px;
      right: -10px;
      width: 31vw;
    }
  }

  .sec .top_ilust26{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust26{
      display: block;
      bottom: -220px;
      left: 20px;
      width: 30vw;
    }
  }

  .sec .top_ilust27{
    display: none;
  }

  @media (max-width: 750px) {
    .sec .top_ilust27{
      display: block;
      bottom: -220px;
      left: 0px;
      width: 30vw;
    }
  }

  .top_ilust {
    position: absolute;
    z-index: -1; }

/**********************************************************************************************

　breadcrumb

**********************************************************************************************/
.breadcrumb {
  background: #23202d;
  padding: 5px 0; }
  @media (max-width: 750px) {
    .breadcrumb {
      padding: 1vw 0; } }
  .breadcrumb .inner {
    max-width: 1200px; }
    @media (max-width: 750px) {
      .breadcrumb .inner {
        max-width: 90vw; } }

.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  color: #ffd100; }
  @media (max-width: 750px) {
    .breadcrumb__list {
      font-size: 2.6vw; } }
  .breadcrumb__list li {
    position: relative; }
    .breadcrumb__list li:not(:last-child) {
      margin: 0 35px 0 0; }
      @media (max-width: 750px) {
        .breadcrumb__list li:not(:last-child) {
          margin: 0 5vw 0 0; } }
      .breadcrumb__list li:not(:last-child)::after {
        content: ">";
        position: absolute;
        top: 0;
        color: #fff;
        left: calc(100% + 14px); }
        @media (max-width: 750px) {
          .breadcrumb__list li:not(:last-child)::after {
            left: calc(100% + 1vw); } }
  .breadcrumb__list a {
    color: #fff; }

/**********************************************************************************************

　product

**********************************************************************************************/
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images,
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  width: 100%; }

@media (min-width: 751px) {
  .aside-mobile-button{ display: none;}
}
@media (max-width: 750px) {
  div.summary{
    margin-top: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .aside-desktop{ display: none;}

  .aside-mobile-button{
    display: block;
    margin-top: 50px;
  }

  .precautionsAreaCheckboxes_mobile{
    margin-top: 60px !important;
  }
}

.woocommerce-tabs,
.related.products {
  display: none; }

.woocommerce-product-gallery {
  border-radius: 20px;
  overflow: hidden;
  margin: 0 0 25px; }

.product_title.entry-title {
  font-size: 4rem; }
  @media (max-width: 750px) {
    .product_title.entry-title{
      font-size: 22px;
    }
  }

.price {
  color: #ea5f28; }
  .price .woocommerce-Price-currencySymbol {
    font-size: 2.4rem;
    vertical-align: baseline; }

.woocommerce-product-details__short-description_desktop {
  display: block;
  border-top: 1px solid #23202d;
  margin: 20px 0 0;
  padding: 20px 0 0; }
.woocommerce-product-details__short-description_mobile {
  display: none; }
  @media (max-width: 750px) {
    .woocommerce-product-details__short-description_desktop{
      display: none;
    }
    .woocommerce-product-details__short-description_mobile{
      display: block;
      padding: 15px 0 0;
    }
    .woocommerce-product-details__short-description_mobile .content {
      border-top: 1px solid #23202d;
      padding-top: 10px;
      margin-left: 10px;
      margin-right: 10px;
      font-size: 14px;
    }

    .flex-start-content{
      flex-shrink: 0;
      background: #fff;
      text-align: center;
      font-weight: 700;
      padding: 10px;
      display: flex;
      justify-content: center;
      align-items: flex-start;
      width: 110px;
      font-size: 14px;
    }
  }

.entry-summary_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}

  .product_table {
    width: 100%;
    margin: 50px 0 0; }
    .product_table th, .product_table td {
      border: 1px solid #ffe880;
      padding: 10px 20px;
      font-weight: 700;
      font-size: 16px; }
    .product_table th {
      background: #fff6cc;
      white-space: nowrap;
      font-size: 1.8rem;
      text-align: center;
      vertical-align: middle;
      line-height: 1.4; }
    .product_table td {
      background: #fff; }
      .product_table td b {
        font-weight: 400;
        color: #ea5f28; }
    @media (max-width: 750px) {
      .product_table tr.add_margin_top30{
        margin-top: 30px;
      }
    }
    .product_table_design {
      width: 100%;
      margin: 50px 0 0; }
      .product_table_design th, .product_table_design td {
        border: 1px solid #ffcec4;
        padding: 10px 20px;
        font-weight: 700;
        font-size: 16px; }
      .product_table_design th {
        background: #FFEBE8;
        white-space: nowrap;
        font-size: 1.8rem;
        text-align: center;
        vertical-align: middle;
        line-height: 1.4; }
      .product_table_design td {
        background: #fff; }
        .product_table_design td b {
          font-weight: 400;
          color: #ea5f28; }
      @media (max-width: 750px) {
        .product_table_design tr.add_margin_top30{
          margin-top: 30px;
        }
      }

.product_table_illust {
  width: 100%;
  margin: 50px 0 0; }
  .product_table_illust th, .product_table_illust td {
    border: 1px solid #ffe880;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 16px; }
  .product_table_illust th {
    background: #fff6cc;
    white-space: nowrap;
    font-size: 1.8rem;
    text-align: center;
    vertical-align: middle;
    line-height: 1.4; }
  .product_table_illust td {
    background: #fff; }
    .product_table_illust td b {
      font-weight: 400;
      color: #ea5f28; }
  @media (max-width: 750px) {
    .product_table_illust tr.add_margin_top30{
      margin-top: 30px;
    }
  }

.precautionsArea {
  background: #fbdfd4;
  padding: 20px;
  border-radius: 10px;
  margin: 10px 0 30px; }

.precautionsArea_tit {
  font-weight: bold !important;
  font-size: 2.4rem;
  display: flex;
  align-items: center; }
  .precautionsArea_tit::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url("../img/product/precautions_icon.png") no-repeat;
    background-size: contain;
    margin: 0 10px 0 0; }
@media (max-width: 750px) {
  .precautionsArea_tit{
    justify-content: center;
  }
}

.precautionsArea_sub_tit {
  font-size: 1.8rem;
  display: flex;
  align-items: center; 
  font-weight: 700 !important;
}

.precautionsList {
  font-weight: 400;
  font-size: 1.5rem; }
  .precautionsList li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5; }
    .precautionsList li::before {
      content: "・";
      color: #ea5f28; }
    .precautionsList li:not(:last-child) {
      margin: 0 0  0.3em; }

.sec_product_flex {
  display: flex;
  justify-content: space-between; }

.sec_product_main {
  width: 68%; }
  @media screen and (max-width: 750px) {  
    .sec_product_main{
      width: 100%;
    }
    .sec_product_main table tr {
      display: flex;
      flex-direction: column;
    }
    .sec_product_main table tr:not(:last-child) {
      margin-bottom: 10px ; } 
  }

.product_side {
  width: 28%; }

.product_side_box {
  border-radius: 20px;
  overflow: hidden;
  border: 2px solid #23202d;
  padding: 0px;
  background: #fff; 
  display: flex;
  justify-content: center;
  align-items: center ;
  flex-direction: column;
}
  @media screen and (min-width: 751px) {  
    .product_side_box .collapse {
      display:block;
    } 
  }
  .on_mobile_width{
   display: none;
  }
  @media screen and (max-width: 750px) { 
    
    .product_side_box{
      border-radius: 10px;
      margin-top: 65px;
    }

    .product_side_box .collapse {
      display:flex;
      flex-direction: row;
      align-items: center;
      /* justify-content: center; */
      /* overflow-x: scroll; */
      /* -ms-overflow-style: none;  IE and Edge */
      /* scrollbar-width: none;  Firefox */
    } 

    .product_side_box .collapse::-webkit-scrollbar {
      display: none;
    }

    .on_mobile_width{
      display: block;
      /* width: 348px !important; */
      /* height: 210px; */
    }
  }

.product_side_tit {
  background: #23202d;
  text-align: center;
  color: #fff;
  margin: 0px; 
  width: 100%;
}

.product_side_list a {
  display: flex;
  align-items: center; 
  flex-direction: column;
}

@media screen and (min-width: 751px){
  .product_side_tit {
    padding: 15px 0;
    font-size: 2.33rem;
    margin-bottom: 5px;
  }
  .product_side_list {
    margin: 0 20px;
    max-height: 1080px;
    overflow-y: hidden;
  }
  .product_side_list li{
    margin-bottom: 20px; 
  }
}

@media screen and (max-width: 450px) {
  .product_side_list {
    max-width: 210px;
    overflow-x: hidden;
  }

  .product_side_tit {
    height: 40px;
    font-size: 20px;
  }
}

@media screen and (min-width:451px) and (max-width: 750px) {  
  .product_side_list {
    max-width: 335px;
    overflow-x: hidden;
  }

  .product_side_list a{
    flex-direction: column;
  }

  .product_side_tit {
    height: 40px;
    font-size: 20px;
  }
}

.product_side_list_img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100px;
  width: 108px; }

.product_side_list_tit {
  margin: auto;
  font-weight: 700; }
  @media screen and (max-width: 750px) {  
    .product_side_list_tit{
      font-size: 14px;
    }
  }

.variations_form_tit {
  margin: 100px 0 0;
  background: #23202d;
  color: #fff;
  padding: 0 50px;
  display: inline-block;
  border-radius: 20px 20px 0 0;
  font-size: 2.33rem;
  line-height: 1.4; }
@media (max-width: 750px) {
  .variations_form_tit {
    margin: 80px 0 0;
    border-radius: 10px 10px 0 0;
    font-size: 20px;
  }
}

.wapf-product-totals {
  display: none !important; }

.wapf-field-container {
  display: flex;
  border-top: 1px solid #d1d1d1; }

.wapf-field-label {
  flex-shrink: 0;
  background: #fff;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center; }
  .wapf-field-label .required {
    display: none; }
  @media (min-width: 751px) {
    .wapf-field-label {
      width: 230px;
      font-size: 2rem;
    }
  }
  @media (max-width: 750px) {
    .wapf-field-label {
      width: 110px;
      font-size: 14px;
    }
  }

.wapf-field-input {
  display: flex;
  align-items: center;
  padding: 20px 30px;
  width: 100%;
}

.wapf-field-input > select {
  font-size: 2rem;
  font-weight: 700;
}

@media (max-width: 750px) {
  .wapf-field-input {
    flex-direction: column;
    align-items: flex-start;
  }

  .wapf-label-text-mobile{
    flex-direction: column;
  }

  .wapf-checkable-mobile{
    width: 100%;
  }

  .wapf-field-input > select {
    font-size: 1.5rem;
    font-weight: 700;
  }
}

.wapf-design{
  background: #FFEBE8;
}

.wapf-illust{
  background: #fff6cc;
}


.wapf-field-description{
  display: flex;
  align-items: center;
  padding: 20px 30px;
  width: 100%;
}

.wapf-radios {
  display: flex;
  align-items: start;}
  .wapf-radios .wapf-checkable:not(:last-child) {
    margin: 0 40px 0 0; }
@media (max-width: 750px) {
  .wapf-radios-checkable {
    flex-direction: column;
  }
}
@media (min-width: 751px) {
  .wapf-radios-checkable  {
    flex-direction: row;
  }
}


.wapf-input-label {
  display: flex;
  align-items: center;
  font-size: 2rem;
  font-weight: 700; }
  .wapf-input-label input {
    margin: 0 10px 0 0; }

.product_field_mobile{
  display: flex; 
  align-items:center; 
  justify-content:center; 
  flex-direction:column;
  width: 100%;
}

.wapf-field-row-desktop{
  display: flex;
}

.form-cart{
  width: 100%;
}

@media (max-width: 750px) {
  .wapf-field-row-desktop{

  }

  .product_field_mobile .wapf-field-input{
    font-size: 16px;
    padding: 10px 20px;
  }

  .wapf-input-label{
    font-size: 16px;
  }

  .wapf-field-description{
    padding: 0;
    font-size: 12px;
  }

  .wapf-checkable input[type="checkbox"]{
    min-height: 15px;
    min-width: 15px;
    height: 15px;
    width: 15px;
  }
}

.product_meta {
  display: none; }

.wapf-field-container {
  padding: 0; }

.wapf-field-row {
  margin-left: 0; }
  @media screen and (max-width: 750px) {  
    .wapf-field-row .wapf-field-row-content{
      display: flex;
      flex-direction: row;
    }
  }

.woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #ea5f28;
  font-size: 2.67rem; }

.wapf-pricing-hint{
  color: #ea5f28; }

.single_add_to_cart_button {
  font-size: 0;
  padding: 0; }

.woocommerce-privacy-policy-text,
.wc_payment_methods.payment_methods.methods {
  display: none; }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
  background: none; }

/* my new styles */
.maincolor{
  color: #ea5f28;
}
@media (max-width: 750px) {
  .maincolor{
    text-align: center;
  }
}

.table_td_content{
  font-size: 2rem;
  font-weight: 700;
}

.product_info{
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  .product_info{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    padding-left: 10px;
    padding-right: 2px;
  }

  .table_td_content{
    font-size: 16px;
    font-weight: 700;
  }
}

.item_title{
  flex-grow: 1;
}

@media (min-width: 751px) {
  .item_price{
    flex-grow: 2;
    display: flex;
    flex-direction: column;
  }
  
  .item_price_item{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  
  .item_price_item_title{
    flex-grow: 2;
    width: 40%;
  }
  
  .item_price_item_price{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: right;
  }

  .item_price_item_price .currency{
    font-size: 1.8rem;
  }
  
  .product_price_title {
    background: #23202d;
    color: #fff;
    padding: 0 10px;
    margin: 0 10px 0 0;
    border-radius: 7px; 
    text-align: center; 
  }

  .desc_size_desktop{
    display: block;
  }

  .desc_size_mobile, .desc_info_mobile{
    display: none;
  }
}


@media (max-width: 750px) {
  .item_price{
    margin-top: 20px;
    flex-grow: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .item_price_item{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .item_price_item_title{
    width: 160px;
  }

  .item_price_item_price{
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: right;
  }

  .item_price_item_price .currency{
    font-size: 18px;
  }

  .product_price_title {
    background: #23202d;
    color: #fff;
    padding: 0 5px;
    margin: 0 10px 0 0;
    border-radius: 7px; 
    text-align: center; 
    font-size: 14px;
  } 

  .desc_size_desktop, .desc_info_desktop{
    display: none;
  }

  .desc_size_mobile, .desc_info_mobile{
    display: block;
    text-align: center;
  }
}

.asideaddcartbutton {
  padding: 1px 6px 1px 6px;
  height: 84px;
  width: 100%;
  border: 2px solid #ea5f28;
  border-radius: 20px;
  margin-bottom: 25px;
  background-color: white; }
  @media (min-width: 751px) {
    .asideaddcartbutton:hover {
      opacity: 1;
      background-size: 100% 100%; } }
  @media (max-width: 750px) {
    .asideaddcartbutton {
      width: 15.625vw;
      height: 4.375vw;
      font-size: 2.75vw; } }

.asideaddcartbutton > img {
  height: 22px;
  width: 58px;}
  @media (max-width: 750px) {
    .asideaddcartbutton > img {
      width: 4vw;
      height: 15.146vw; } }

.asideaddcartbutton > span {
  color: #ea5f28;
  font-size: 2.5rem;
}

/* Add this to align vertically */
.asideaddcartbutton > img,
.asideaddcartbutton > span {
  vertical-align: middle;
}

.asidebuybutton {
  background: url("../img/common/btn_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  width: 100%;
  height: 84px;
  transition: .4s;
  font-size: 2.2rem;
  font-weight: 500;
  padding-right: 15px;
  letter-spacing: normal; 
  margin-bottom: 25px; }
  @media (min-width: 751px) {
    .asidebuybutton:hover {
      opacity: 1;
      background: url("../img/common/btn_bg_hover.png") no-repeat;
      background-size: 100% 100%;
      color: #fff; } }
  @media (max-width: 750px) {
    .asidebuybutton {
      width: 100%;
      height: 15vw;
      font-size: 3.75vw;
      padding-right: 4vw; } }

.asidebuybutton > span {
   text-align: center; 
}

.precautionsAreaCheckboxes {
  background: #fbdfd4;
  padding: 20px;
  border-radius: 10px;
  margin: 10px 0 30px;
  width: 100%; }

.precautionsAreaCheckboxes_tit {
  font-size: 2rem;
  display: flex;
  align-items: center;
  font-weight: bold; }
  .precautionsAreaCheckboxes_tit::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background: url("../img/product/precautions_icon.png") no-repeat;
    background-size: contain;
    margin: 0 10px 0 0; }
  @media (max-width: 750px) {
    .precautionsAreaCheckboxes_tit{
      justify-content: center;
    }
  }

.formButtonProduct{
  display: flex;
  align-items: center;
  justify-content: center;
 }
  @media (min-width: 751px) {
    .formButtonProduct{
      flex-direction: row;
      margin-top: 100px;
    }
  }
  @media (max-width: 750px) {
    .formButtonProduct{
      flex-direction: column;
      margin-top: 50px;
    }
  }

.formCartButton {
  padding: 1px 6px 1px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  color: white;
  border: 2px solid white;
  border-radius: 20px;
  background-color: #ea5f28;}
  @media (max-width: 750px) {
    .formCartButton{
      width: 300px;
      height: 60px;
      border-radius: 10px;
      font-size: 16px;
    }
    .formCartButton > span {
      font-size: 16px;
    }
  }
  @media (min-width: 751px) {
    .formCartButton{
      width: 430px;
      margin-bottom: 25px;
    }
    .formCartButton:hover {
      opacity: 1;
      cursor: pointer;
      border: 2px solid #ea5f28;
      color: #ea5f28;
      background-color: white;
      background-size: 100% 100%; } 
  }

.formCartButton .head_tray_img_ > img {
  height: 23px;
  width: 60px;
}

.formCartButton .head_tray_img_ .tray_img_hover {
  display: none;  
}

.formCartButton:hover .head_tray_img_ .tray_img{
  display: none;
}
.formCartButton:hover .head_tray_img_ .tray_img_hover{
  display: block;
}

.formCartButton > span {
  font-size: 2rem;
  margin-left: 15px;
}

/* Add this to align vertically */
.formCartButton > img,
.formCartButton > span {
  vertical-align: middle;
}



.formAddDesignButton {
  padding: 1px 6px 1px 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 84px;
  color: black;
  border: 2px solid black;
  border-radius: 20px;
  margin-bottom: 25px;
  background-color: white;}

  @media (min-width: 751px) {
    .formAddDesignButton{
      margin-left: 40px;
      width: 365px;
    }
    .formAddDesignButton:hover{
      opacity: 1;
      cursor: pointer;
      border: 2px solid white;
      background-color: black;
      color:white;
      background-size: 100% 100%;
    }
  }
  @media (max-width: 750px) {
    .formAddDesignButton{
      width: 300px;
      height: 60px;
      margin-top: 30px;
      border-radius: 10px;
      font-size: 16px;
      letter-spacing: -0.1em;
    }
    .formAddDesignButton > span {
      font-size: 16px;
    }
  }

.formAddDesignButton .head_rental_img_ > img {
  height: 27px;
  width: 47px;
}

.formAddDesignButton .head_rental_img_ .rental_img_hover {
  display: none;  
}

.formAddDesignButton:hover .head_rental_img_ .rental_img{
  display: none;
}
.formAddDesignButton:hover .head_rental_img_ .rental_img_hover{
  display: block;
}

.formAddDesignButton > span {
  font-size: 2rem;
  margin-left: 15px;
}

/* Add this to align vertically */
.formAddDesignButton > img,
.formAddDesignButton > span {
  vertical-align: middle;
}

.bottomButtons{
  margin-top: 90px;
}

.desktop_linkBottom{
  display: block;
}

.mobile_linkBottom{
  display: none !important;
}

.linkBottomButtonsLeft {
  background: url("../img/common/btn_bg_reverse.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  margin: auto;
  width: 335px;
  height: 84px;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  padding-right: 15px;
  letter-spacing: normal; }
  @media (min-width: 751px) {
    .linkBottomButtonsLeft:hover {
      opacity: 1;
      background: url("../img/common/btn_bg_hover_reverse.png") no-repeat;
      background-size: 100% 100%;
      color: white; } }
  @media (max-width: 750px) {
    .linkBottomButtonsLeft {
      width: 300px;
      height: 60px;
      font-size: 16px;
      padding-left: 5vw; }

    .desktop_linkBottom{
      display: none;
    }

    .mobile_linkBottom{
      display: flex !important;
    } }

.linkBottomButtonsRight {
  background: url("../img/common/btn_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: black;
  width: 335px;
  height: 84px;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 15px;
  letter-spacing: normal; }
  @media (min-width: 751px) {
    .linkBottomButtonsRight:hover {
      opacity: 1;
      background: url("../img/common/btn_bg_hover.png") no-repeat;
      background-size: 100% 100%;
      color: white; } }
  @media (max-width: 750px) {
    .linkBottomButtonsRight {
      width: 300px;
      height: 60px;
      font-size: 16px;
      padding-right: 4vw; } }

.bottomButtonsList li:not(:last-child) {
  margin: 0 0 0px;}
  @media (max-width: 750px) {
    .bottomButtonsList li:not(:last-child) {
      margin: 0 0 10vw; } 
  }
  @media (min-width: 750px) {
    .bottomButtonsList{
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
  }

.topButtonsList li:not(:last-child) {
  margin: 0 0 5px;}
  @media (max-width: 750px) {
    .topButtonsList{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
    }
    .topButtonsList li:not(:last-child) {
      margin: 0 0 30px; }
  }
  @media (min-width: 751px) {
    .topButtonsList{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 20px;
    }
  }

.linkTopButtonsLeft {
  background-color: #ea5f28;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: white;
  border: 2px solid white;
  width: 300px;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
  padding-right: 15px;
  border-radius: 20px;
  letter-spacing: normal; }
  @media (min-width: 751px) {
    .linkTopButtonsLeft {
      height: 84px; } 
    .linkTopButtonsLeft:hover {
      opacity: 1;
      color: #ea5f28;
      cursor: pointer;
      border: 2px solid #ea5f28;
      background-color: white;
      background-size: 100% 100%; } 
    }
  @media (max-width: 750px) {
    .linkTopButtonsLeft {
      width: 100%;
      height: 12vw;
      font-size: 3vw; 
      padding-left: 3vw;} }

.linkTopButtonsLeft .head_tray_img_ > img {
  height: 23px;
  width: 60px;}

.linkTopButtonsLeft .head_tray_img_ .tray_img_hover {
  display: none;  
}

.linkTopButtonsLeft:hover .head_tray_img_ .tray_img{
  display: none;
}
.linkTopButtonsLeft:hover .head_tray_img_ .tray_img_hover{
  display: block;
}

@media (max-width: 750px) {
  .linkTopButtonsLeft > img {
    width: 100%;
    height: auto; } }

.linkTopButtonsRight {
  background: url("../img/common/btn_bg.png") no-repeat;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: black;
  width: 300px;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 15px;
  text-align: center;
  letter-spacing: normal; }
  @media (min-width: 751px) {
    .linkTopButtonsRight {
      height: 84px;
      margin-top: 10px; } 
    .linkTopButtonsRight:hover {
      opacity: 1;
      background: url("../img/common/btn_bg_hover.png") no-repeat;
      background-size: 100% 100%;
      color: white; } 
    }
  @media (max-width: 750px) {
    .linkTopButtonsRight {
      width: 100%;
      height: 12vw;
      font-size: 2.75vw;
      padding-right: 4vw; } }

/*
* Cart page
**/

.shope_table_plus_tfoot{
  background-color: #FFD100;
}

.shope_table_plus_tfoot_price{
  font-size: 2rem;
}
@media screen and (max-width: 750px) {
  .shope_table_plus_tfoot_price{
    font-size: 18px;
    font-weight: 500 !important;
  }
}

.shope_table_plus_tfoot tr td{
  border: none !important;
}

.shop_table_plus thead tr th:not(:first-child):not(:last-child){
  background-color: #FFD100;
  border: 5px solid white;
  text-align: center;
}

.shop_table_plus thead tr th:first-child{
  background-color: #FFD100;
  border-top: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  text-align: center;
}

.shop_table_plus thead tr th:last-child{
  background-color: #FFD100;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
  text-align: center;
}

.shop_table_plus tbody tr td:not(:first-child):not(:last-child){
  background-color: #FFFAE5;
  border: 5px solid white;
}

.shop_table_plus tbody tr td:first-child{
  background-color: #FFFAE5;
  border-top: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  text-align: center;
}

.shop_table_plus tbody tr td:last-child{
  background-color: #FFFAE5;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .shop_table_plus thead tr th{
    font-size: 12px;
    font-weight: 500 !important;
    padding: 9px 0px !important;
  }
}

.button_checkout_div{
  margin-top: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
  @media (max-width: 750px) {
    .button_checkout_div{
      margin-top: 70px; 
    } 
  }

.button_placeorder_div{
  margin-top: 80px;
  display: flex;
  align-items: center;
  justify-content: center;}
  @media (max-width: 750px) {
    .button_placeorder_div{
      margin-top: 5.56vw; 
    } 
  }

.button_checkout{
  border: none !important;
  width: 325px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/common/btn_bg_orange.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: #ea5f28;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 10px;
  letter-spacing: normal;}
  @media (min-width: 751px) {
    .button_checkout:hover{
      opacity: 1;
      cursor: pointer;
      background: url("../img/common/btn_bg_orange_over.png") no-repeat;
      background-size: 100% 100%;
      color: white;
    } 
  }
  @media (max-width: 750px) {
    .button_checkout{
      width: 300px;
      height: 60px;
      font-size: 16px;
    } 
  }

.button_cart{
  margin-top: 50px;
  border: none !important;
  width: 325px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/common/btn_bg_reverse.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: black;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 10px;
  letter-spacing: normal;}
  @media (min-width: 751px) {
    .button_cart:hover{
      opacity: 1;
      cursor: pointer;
      background: url("../img/common/btn_bg_hover_reverse.png") no-repeat;
      background-size: 100% 100%;
      color: white;
    } 
  }
  @media (max-width: 750px) {
    .button_cart{
      width: 300px;
      height: 60px;
      font-size: 16px;
    } 
  }

.button_go_topage{
  border:none;
  width: 444px;
  height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url("../img/common/btn_bg.png") no-repeat;
  background-size: 100% 100%;
  text-align: center;
  color: black;
  transition: .4s;
  font-size: 2rem;
  font-weight: 500;
  padding-right: 10px;
  letter-spacing: normal;}
  @media (min-width: 751px) {
    .button_go_topage:hover{
      opacity: 1;
      cursor: pointer;
      background: url("../img/common/btn_bg_hover.png") no-repeat;
      background-size: 100% 100%;
      color: white; } 
  }
  @media (max-width: 750px) {
    .button_go_topage{
      width: 300px;
      height: 60px;
     font-size: 16px; } 
  }

/*
*   Review order
**/

.review_order_customer_details{
  background-color: #FFF1B2;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  border-radius: 15px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .review_order_customer_details{
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

.form_billings{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.form_billings_title{
  font-weight: 700;
  font-size: 2rem;
}
@media screen and (max-width: 750px) {
  .form_billings_title{
    font-size: 18px;
  }
}

.sub_form_billings_title{
  font-weight: 700;
  font-size: 1.5rem;
}
@media screen and (max-width: 750px) {
  .sub_form_billings_title{
    font-size: 14px;
  }
}

.billing_input > p > label{
  font-weight: 500;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .billing_input > p > label{
    font-size: 14px;
  }
}

.billing_input > p > span > input{
  height: 50px;
  border-radius: 5px;
  border: 1px solid #8C8C8C;
  padding: 10px;
}

.billing_required_field{
  height:25px; 
  width:44px; 
  background-color:#ea5f28; 
  border-radius:5px; 
  color: white; 
  font-size: 1.17rem; 
  text-align:center;
}

@media screen and (max-width: 750px) {
  .billing_required_field{
    height: 15px;
    width: 40px;
    font-size: 12px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.select2-selection {
  height:50px !important;
  line-height:50px;
  border-radius: 5px;
  border: 1px solid #8C8C8C;
  display: flex;
  align-items: center;
  font-weight: inherit;
} 

.billing_lineaccount_input{
  width: 380px !important;
}

.billing_lineaccount{
  display: flex; 
  align-items:center; 
  flex-direction:row; 
  justify-content:space-between;
}

@media screen and (max-width: 750px) {
  .billing_lineaccount_input{
    width: 100% !important;
  }

  .billing_lineaccount{
    flex-direction: column;
  }
}

.lineaccount{
  background: url("../img/common/lineaccount.png") no-repeat; 
  background-size: 100% 100%;
  height: 68px;
  color: white;
  padding-left: 20px;
  padding-right: 5px;
  padding-bottom: 5px;
  font-size: 1.5rem;
}

.lineaccount_desktop{
  display: block;
}

.lineaccount_mobile{
  display: none;
}

@media screen and (max-width: 750px) {
  .lineaccount{
    background: #00B900;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
    padding: 5px;
    height: 60px;
    text-align: center;
  }

  .lineaccount_desktop{
    display: none;
  }
  
  .lineaccount_mobile{
    display: block;
  }
}


.billing_input_company{
  padding: 40px;
  margin-top: 80px;
  background-color: white;
  border-radius: 15px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.billing_fields_mobile{
  display: none;
}

.billing_fields_desktop{
  display: block;
}

.billing_fields_support{
  margin-left: 5px; 
  font-weight: 700; 
  font-size: 2rem;
}

@media screen and (max-width: 750px) {
  .billing_input_company{
    padding: 20px;
  }

  .billing_fields_mobile{
    display: block;
    font-size: 14px;
    padding: 0px 3px;
  }

  .billing_fields_desktop{
    display: none;
  }

  .billing_fields_support{
    font-size: 14px;
  }
}

.billing_input_options{
  margin-top: 80px;
  margin-bottom: 80px;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.return-to-order{
  display: flex;
  align-items: center;
  justify-content: center;
}

/** Order details*/

.order_table_plus tbody tr td:not(:first-child):not(:last-child){
  background-color: #FFFAE5;
  border: 5px solid white;
}

.order_table_plus tbody tr td:first-child{
  background-color: #FFD100;
  border-top: 5px solid white;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  text-align: center;
}

.order_table_plus tbody tr td:last-child{
  background-color: #FFFAE5;
  border-top: 5px solid white;
  border-left: 5px solid white;
  border-bottom: 5px solid white;
}

/** Footer */
.is_mobile_footer{
 display: none !important;
}
@media screen and (max-width: 750px) {
  .is_mobile_footer{
    display: block !important;
   }
}

/** Thankyou */
.table_thankyou_header{
  font-size: 2rem;
}
@media screen and (max-width: 750px) {
  .table_thankyou_header{
    font-size: 3.2vw;
    font-weight: 700;
    width: 90px;
    padding: 9px 5px !important;
    /* vertical-align: top !important; */
  }
}

/* Page thank you */
.page_thankyou_successful_order_image{
  width: 560px; 
  height: 500px;
}
.page_thankyou_successful_order_div{
  font-size: 2.33rem !important;
  text-align: center !important;
}
.page_thankyou_successful_order_subtit{
  font-size: 1.5rem !important;
}
@media screen and (max-width: 750px) {
  .page_thankyou_successful_order_div{
    font-size: 18px !important;
  }
  .page_thankyou_successful_order_subtit{
    font-size: 13px !important;
  }
  .page_thankyou_successful_order_image{
    width: 316px; 
    height: 282px;
  }
}

/* Slider Top Page*/

.tns-visually-hidden { display: none; }

.slider_tns{
  display: flex; 
  justify-content: center; 
  align-items: center; 
  overflow-y: hidden; 
  margin: 0 0 50px;
}

.slider_container{
  width: 1600px; 
  margin: auto;
}

.slider_container_design{
  margin: auto;
}

@media screen and (max-width: 750px) {
  .slider_container_design{
    width: 800px; 
  }
}

@media screen and (min-width: 750px) {
  .slider_container_design{
    width: 1200px; 
  }
}

.slider_subcontainer{
  width: 96%;
  margin: auto;
}

.tasteList_div, .designList_div{
  display: flex;
  justify-content: center; 
  align-items: center; 
  text-align: center;
}

.slider_img_div{
  width: 18.5%;
}

.slider_subcontainer{
  margin: auto;
}

/* Slider Product Page*/

span.arrowcontainer {
  display: flex;
  background-color: black;
  padding: 5px 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 100px;
  margin-bottom: 5px;
  border-radius: 3px;
  height: 25px;
}

span.arrowcontainer:hover{
  opacity: 0.5;
}

span.arrowcontainermobile {
  display: flex;
  background-color: black;
  padding: 5px 0;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 100px;
  border-radius: 3px;
  margin-left: 5px;
  margin-right: 5px;
}

span.arrowcontainermobile:hover{
  opacity: 0.5;
}

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 0.45em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: center;
	width: 0.45em;
  color: white;
}

.chevron.bottom:before {
  top: -0.15em;
	transform: rotate(135deg);
  vertical-align: center;
}

.chevron.right:before {
	left: 0;
	transform: rotate(45deg);
}

.chevron.left:before {
	left: 0.25em;
	transform: rotate(-135deg);
}

/* Woocommerce form cart additional style */

.woocommerce div.product form.cart .variations {
  margin: 0; 
}

.variations {
  width: 100%; 
}

.variations th {
  width: 230px;
  background: #fff;
  text-align: center;
  font-size: 2rem;
  padding: 10px;
  text-align: center;
  vertical-align: middle; 
}

.variations td {
  background: #fff6cc;
  padding: 20px 30px;
  vertical-align: middle; 
}

.single_variation_wrap {
  position: relative; 
}

.single_variation_wrap .woocommerce-variation.single_variation {
  position: absolute;
  top: -60px;
  right: 30px; 
}

.select_design_type{
  width: max-content !important; 
  text-align:right; 
  margin-top: 4px;
}

.download_price_descroption{
  font-size: 1.3rem; 
  font-weight: normal; 
  margin-left: 10px;
  margin-top: 10px;
}

@media screen and (max-width: 750px) {
  .variations th {
    font-size: 14px;
    width: 110px;
    min-width: 110px;
  }
}

@media screen and (max-width: 420px) {
  .woocommerce div.product form.cart{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
  }

  .select_design_type{
    width: max-content !important; 
  }
}

@media screen and (max-width: 390px) {
  .woocommerce div.product form.cart .variations{
    /* width: 85% !important; */
  }

  .variations th {
    font-size: 14px;
    width: 100px !important;
    min-width: 100px !important;
  }

  .single_variation_wrap {
    /* width: 91% !important; */
  }

  .wapf-field-label {
    width: 100px !important;
  }

  .wapf-checkable{
    width: 90% !important;
  }

  .select_design_type{
    width: max-content !important; 
  }

  #pa_cost{
    width: 140px !important;
  }
}

/* Footer pages styles*/

.sec_tit_icon_company{
  margin: 0 auto;
  width: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sect_tit_company{
  font-size: 3rem;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
}

.paragraph{
  display: flex;
  align-items: start;
  padding-left: 15px;
  width: 90%;
}

.company_logo_div{
  display: flex; 
  justify-content:center; 
  flex-direction: column; 
  margin-bottom: 90px;
}

.company_logo{
  margin-left: auto; 
  margin-right:auto; 
  margin-bottom:60px;
}

.company_logo_div > p.first_section {
  text-align: center; 
  font-weight: 700; 
  font-size: 2rem; 
  margin-bottom:30px;
}

.company_logo_div > p.second_section{
  text-align: center; 
  font-weight: 700; 
  font-size: 2rem
}

.div_flex_column {
  display: flex; 
  align-items:center; 
  justify-content:center; 
  flex-direction: column;
}

.div_flex_column > p.first_section{
  margin-top: 30px; 
  margin-bottom:30px; 
  text-align:center; 
  font-weight: 700;
}

.div_flex_column > div.second_section{
  padding: 40px 70px; 
  background-color: rgb(230, 230, 230); 
  font-weight: 700; 
  font-size:2rem;
}

.div_flex_space_between{
  display: flex; 
  justify-content:space-between; 
  flex-direction: row; 
  margin-bottom: 90px;
}

.div_center_image_with_margin > img{
  max-width: 298px;
}

.div_flex_column > p.cp_second_section{
  margin-bottom: 30px; 
  font-weight: 700; 
  font-size: 1.7rem;
}


@media (max-width: 750px) {
  .sec_tit_icon_company {
    width: 35px;
    height: 35px;
    margin: 0 auto 3vw; 
  } 

  .sect_tit_company{
    font-weight: 700;
    font-size: 1.7rem;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
  }

  .company_logo{
    margin-left: auto; 
    margin-right:auto; 
    margin-bottom:60px;
  }

  .company_logo > img {
    width: 250px !important;
    margin-top: 20px;
  }

  .company_logo_div > p.first_section {
    text-align: center; 
    font-weight: 700; 
    font-size: 3.2vw; 
    margin-bottom:2vw;
  }

  .company_logo_div > p.second_section{
    text-align: center; 
    font-weight: 700; 
    font-size: 3.2vw;
  }

  .div_flex_column > p.first_section{
    font-size: 3.2vw;
  }

  .div_flex_column > div.second_section{
    font-size: 3.2vw;
    padding: 40px 40px; 
  }

  .div_flex_space_between{
    justify-content:center !important; 
    flex-direction: column !important; 
  }

  .div_center_image_with_margin{
    margin-left: auto;
    margin-right: auto;
  }

  .div_center_image_with_margin > img{
    max-width: 198px !important;
  }

  .div_margins30{
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .div_flex_column > p.cp_second_section{
    margin-bottom: 30px; 
    font-weight: 700; 
    font-size: 1.89vw;
    text-align: center;
  }
}

.sec .fp_ilust01 {
  top: -40px;
  width: 410px; 
}

.sec .fp_ilust02 {
  top: 700px;
  left: -400px;
  width: 558px;
}

.sec .fp_ilust02_ {
  top: 710px;
  left: -200px;
  width: 458px;
}

.sec .fp_ilust03 {
  top: 125px;
  right: -585px;
  width: 740px;
}

.sec .fp_ilust03_ {
  top: 165px;
  right: -365px;
  width: 615px;
}

.sec .fp_ilust04 {
  top: 1375px;
  right: -785px;
  width: 740px;
}

.sec .fp_ilust05 {
  top: 1995px;
  width: 410px;
}

.sec .fp_ilust05_ {
  top: 2150px;
  width: 410px;
}

.sec .fp_ilust06 {
  top: 2800px;
  right: -605px;
  width: 740px;
}

.sec .fp_ilust07 {
  top: 3500px;
  right: -785px;
  width: 740px;
}

.sec .fp_ilust08 {
  top: 3925px;
  left: -765px;
  width: 740px;
}

.sec .fp_ilust09 {
  top: 4820px;
  right: -165px;
  width: 410px;
}

.sec .fp_ilust10 {
  top: 5325px;
  left: -565px;
  width: 558px;
}

.sec .fp_ilust11 {
  top: 5925px;
  right: -540px;
  width: 740px;
}

.sec .fp_ilust12 {
  top: 7155px;
  right: -745px;
  width: 740px;
}

.sec .fp_ilust13 {
  top: 7400px;
  left: -460px;
  width: 410px;
}

@media (max-width: 750px) {
  .sec .fp_ilust01 {
    top: -40px;
    width: 30vw; 
  }

  .sec .fp_ilust02 {
    bottom: -140px;
    left: -40px;
    width: 35vw;
  }
  .sec .fp_ilust02_ {
    bottom: -140px;
    left: -40px;
    width: 35vw;
  }

  .sec .fp_ilust03 {
    bottom: 80px;
    right: -50px;
    width: 41vw;
  } 
  .sec .fp_ilust03_ {
    top: 280px;
    right: -50px;
    width: 41vw;
  } 

  .sec .fp_ilust04 {
    top: 1375px;
    right: 15px;
    width: 41vw;
  }
  
  .sec .fp_ilust05 {
    top: 1995px;
    width: 30vw;
  }

  .sec .fp_ilust05_ {
    top: 2150px;
    width: 30vw;
  }

  .sec .fp_ilust06 {
    top: 2800px;
    right: 15px;
    width: 41vw;
  }
  
  .sec .fp_ilust07 {
    top: 3500px;
    right: 15px;
    width: 41vw;
  }
  
  .sec .fp_ilust08 {
    top: 3925px;
    left: -40px;
    width: 41vw;
  }
  
  .sec .fp_ilust09 {
    top: 4820px;
    right: -165px;
    width: 30vw;
  }
  
  .sec .fp_ilust10 {
    top: 5325px;
    left: -40px;
    width: 35vw;
  }
  
  .sec .fp_ilust11 {
    top: 5925px;
    right: 15px;
    width: 41vw;
  }
  
  .sec .fp_ilust12 {
    top: 7155px;
    right: 15px;
    width: 41vw;
  }
  
  .sec .fp_ilust13 {
    top: 7400px;
    left: -40px;
    width: 30vw;
  }
}

@media (min-width: 751px) {
  .sec .fp_ilust01 { left: -320px; } 
  .sec .fp_ilust05 { left: -460px; } 
  .sec .fp_ilust05_ { left: -465px; } 
}

/* START Make the WooCommerce Cart Table Responsive  for Mobile */

.shop_table_mobile{
  display: none;
}

@media screen and (max-width: 750px) {
  .shop_table_desktop{
    display: none;
  }

  .shop_table_mobile{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 15px;
    border: 1px solid lightgray;
    border-radius: 10px;
  }

  .shop_table_mobile > div {
    width: 100%;
  }

  .shop_table_mobile > div.product_remove {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    background-color: #FFD100;
    border-radius: 10px 10px 0 0;
    height: 50px;
    padding-right: 10px;
  }

  .shop_table_mobile > div.product_name_subtotal{
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid gray;
    border-radius: 5px;
    margin-top: 10px;
    width: 95%;
  }

  .product_name_subtotal > div.product_name{
    width: 50%;
    padding-left: 10px;
  }

  .product_name_subtotal > div.product_subtotal{
    width: 50%;
    padding-right: 10px;
  }
  
  .shop_table_mobile > div.product_options{
    width: 95%;
    height: max-content;
    border: 1px solid gray;
    background-color: #ffd100;
    margin-top: 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    align-items: center;
    opacity: 0.8;
  }

  .product_options > div.option_header{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35%;
    height: 100%;
    opacity: 0.8;
    font-weight: 700;
  }

  .product_options > div.option_body{
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: white;
    width: 65%;
    padding: 5px;
  }

  .option_body > p{
    text-align: left;
    width: 100%;
  }

  .option_body > ul{
    width: 90%;
    padding-left: 10px;
    list-style-type: disc;
  }

  .product_total{
    display: flex;
    background-color: #ffd100;
    align-items: center;
    flex-direction: row;
    height: 50px;
    padding: 0 10px;
  }

  .product_total > div.product_total_label{
    width: 35%;
    text-align: left;
    font-weight: 700;
    font-size: 18px;
  }

  .product_total > div.product_total_price{
    width: 65%;
    text-align: right;
    font-weight: 700;
    font-size: 18px;
  }
}

@media screen and (min-width: 751px) {
  .desktop-padding{
    padding-left: 20px;
  }
}