@media all and (min-width: 641px) {
  body.ver19 .section-pagetop {
    margin-bottom: 90px
  }

  body.ver19 .section-pagetop .page-title-holder .page-title img {
    width: 506px
  }

  body.ver19 .section-pagetop .page-title-holder .page-title-text {
    font-size: 14px
  }

  body.ver19 .section-column-holder .holder .holder-contents.n1 .box.right {
    width: 450px
  }

  body.ver19 .section-column-holder .holder .table-holder {
    width: 100%;
    text-align: center
  }

  body.ver19 .section-column-holder .holder .table-holder tr+tr {
    border-top: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder th+th {
    border-left: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder td+td {
    border-left: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder .empty-title {
    width: 69px;
    background-color: #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder .th-title {
    width: 442px;
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    background-color: #9e9e9e;
    line-height: 1.53333
  }

  body.ver19 .section-column-holder .holder .table-holder .td-title {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    background-color: #9d162e
  }

  body.ver19 .section-column-holder .holder .table-holder .text {
    font-size: 14px;
    text-align: center;
    background-color: #fff
  }

  body.ver19 .section-product {
    padding: 100px 0;
    background-color: #fff
  }

  body.ver19 .section-product .lineup-item-border {
    margin: 0 auto
  }
}

@media screen and (max-width: 640px) {
  body.ver19 .section-pagetop .page-title img {
    width: 88.125vw
  }

  body.ver19 .section-pagetop .page-title-text {
    margin-top: 1.5625vw
  }

  body.ver19 .section-column-holder .holder.n1 .pic {
    margin-top: 8.59375vw
  }

  body.ver19 .section-column-holder .cover {
    width: 93.75vw;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }

  body.ver19 .section-column-holder .table-holder tbody {
    display: block;
    width: 133.59375vw
  }

  body.ver19 .section-column-holder .table-holder tr+tr {
    border-top: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder th+th {
    border-left: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder td+td {
    border-left: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder tr:not(.title-box) {
    background-color: #9d162e
  }

  body.ver19 .section-column-holder .table-holder .empty-title {
    background-color: #e6e6e6
  }

  body.ver19 .section-column-holder .table-holder .th-title {
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    background-color: #9e9e9e;
    font-size: 3.75vw;
    width: 60.9375vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw
  }

  body.ver19 .section-column-holder .table-holder .td-title {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 3.75vw;
    width: 20.3125vw
  }

  body.ver19 .section-column-holder .table-holder .text {
    text-align: center;
    background-color: #fff;
    font-size: 3.4375vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw
  }

  body.ver19 .section-product {
    background-color: #fff;
    padding-top: 15.3125vw;
    padding-bottom: 15.3125vw
  }

  body.ver19 .section-product .lineup-item-border {
    margin: 0 auto
  }
}

@media all and (min-width: 641px) {
  body.ver19 .section-column-holder .holder .table-holder {
    width: 100%;
    text-align: center
  }

  body.ver19 .section-column-holder .holder .table-holder tr+tr {
    border-top: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder th+th {
    border-left: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder td+td {
    border-left: 1px solid #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder .empty-title {
    width: 69px;
    background-color: #e4e4e4
  }

  body.ver19 .section-column-holder .holder .table-holder .th-title {
    width: 442px;
    color: #fff;
    font-size: 15px;
    padding: 15px 0;
    background-color: #9e9e9e;
    line-height: 1.53333
  }

  body.ver19 .section-column-holder .holder .table-holder .td-title {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    background-color: #9d162e
  }

  body.ver19 .section-column-holder .holder .table-holder .text {
    font-size: 14px;
    text-align: center;
    background-color: #fff
  }

  body.ver19 .section-product {
    padding: 100px 0;
    background-color: #fff
  }
}

@media screen and (max-width: 640px) {
  body.ver19 .section-column-holder .cover {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
  }

  body.ver19 .section-column-holder .table-holder tbody {
    display: block;
    width: 133.59375vw
  }

  body.ver19 .section-column-holder .table-holder tr+tr {
    border-top: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder th+th {
    border-left: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder td+td {
    border-left: 2px solid #e9e9e9
  }

  body.ver19 .section-column-holder .table-holder tr:not(.title-box) {
    background-color: #9d162e
  }

  body.ver19 .section-column-holder .table-holder .empty-title {
    background-color: #e6e6e6
  }

  body.ver19 .section-column-holder .table-holder .th-title {
    color: #fff;
    font-weight: bold;
    line-height: 1.5;
    background-color: #9e9e9e;
    font-size: 3.75vw;
    width: 60.9375vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw
  }

  body.ver19 .section-column-holder .table-holder .td-title {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 3.75vw;
    width: 20.3125vw
  }

  body.ver19 .section-column-holder .table-holder .text {
    text-align: center;
    background-color: #fff;
    font-size: 3.4375vw;
    padding-top: 2.34375vw;
    padding-bottom: 2.34375vw
  }

  .sp-button {
    font-size: 20px;
  }


  .product-pic {

    width: 50%;
    margin: auto;

  }

  .treatmentpack {
    width: 50%;
  }

  .scalppack {
    width: 50%;
  }

  .conditioning {
    width: 50%;
  }

  .shampoo-pic-box-sp {
    margin: 0 auto;
    display: block;
  }

}

@media all and (min-width: 641px) {
  .shampoo-pic-box {
    display: flex;

  }

  .product-pic {
    width: 20%;

  }

  .treatmentpack {
    width: 20%;
  }

  .scalppack {
    width: 53%;
  }

  .conditioning {
    width: 53%;
  }
}