@charset "UTF-8";

.label_blue {
  background-color: #324298;
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
  border-radius: 6px;
  font-weight: bold;

  display: flex;
  align-items: center;
  justify-content: center;
  height: 72px;
} /* label_blue */

.vitamin_item_title.h60 {
  height: 60px;
  min-height: 60px;

  & + .vitamin_item_img {margin-top: 0;}
} /* + label_blue */

.item_box_overwrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 20px;

  .item_box_dt {
    color: #fff;
    background-color: #324298;
    border-radius: 5px;
    height: 71px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-weight: bold;
    font-size: 20px;
  } /* item_box_dt */
} /* item_box_overwrap */

.vitamin_list_wrap {
  .vitamin_item_img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  } /* vitamin_item_img */
} /* .vitamin_list_wrap */

.beauty_package_box {
  background-color: #F3F6FF;
  border-radius: 10px;
  padding: 20px;
  margin-top: 50px;



  .package_header {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #fff;

    background-color: #324298;
    border-radius: 10px;

    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
  } /* package_header */

  .list_package {
    li {
      margin-top: 40px;
      background-color: #fff;
      border-radius: 5px;
      padding: 20px;

      .list_header {
        border-radius: 3px;
        height: 40px;
        color: #fff;
        background-color: #324298;

        display: flex;
        justify-content: center;
        align-items: center;
      } /* list_header */

      .percentage {
        display: flex;
        align-items: center;
        justify-content: center;

        color: #EA1F69;
        font-weight: bold;
        margin-top: 10px;

        .number {
          font-size: 100px;
          line-height: 1;
        } /* number */

        .percent {
          margin-left: 10px;
          span {
            display: block;
            line-height: 1;
          }
          span:nth-of-type(1) {
            font-size: 50px;
          }
          span:nth-of-type(2) {
            font-size: 25px;
          }
        } /* percent */
      } /* percentage */

      .menu_name {
        font-size: 20px;
        line-height: 1;
        text-align: center;
        margin-top: 1em;
        font-weight: bold;
      } /* menu_name */

      .price_std {
        font-size: 20px;
        line-height: 1;
        text-align: center;
        font-weight: bold;
        margin-top: 12px;

        text-decoration: line-through;
      } /* price_std */

      .price_deal {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: baseline;
        font-weight: bold;
        color: #324298;

        line-height: 1;
        margin-top: 16px;

        .pricing {
          font-size: 37.5px;
        } /* pricing */
        .yen {
          font-size: 22.5px;
        } /* yen */
      } /* price_deal */
    } /* .list_package {} /* list_package */
  } /* list_package */
} /* beauty_package_box */

@media (max-width: 1079px) {}

@media (min-width: 768px) {
  .beauty_package_box .list_package {
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      flex-wrap: wrap;

      li {
        margin-top: 30px;
        padding: 30px;
        width: 48%
      }
    }
}
@media (min-width: 1080px) {
  .hide-pc {display: none;}
  .vitamin_list_wrap {
    grid-row-gap: 30px;

    .vitamin_list_content {max-height: 540px;} /* vitamin_list_wrap */
  } /* vitamin_list_wrap */

  .label_blue {
    font-size: 16px;
    line-height: 1.25;

    height: 58px;
    border-radius: 5px;
  } /* label_blue */

  .item_box_overwrap {
    flex-direction: row;

    .item_box_dt {
      height: auto;
      width: 190px;
      min-width: 190px;
      font-size: 16px;
    } /* .item_box_dt */

    .item_box_dd {
      width: 100%;

      .item_box {
        max-width: inherit;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        &:first-child {margin-top: 0;}
        &:nth-of-type(2) {margin-bottom: 0;}
      } /* item_box */
    } /* item_box_dd */
  } /* item_box_overwrap */


  .beauty_package_box {
    margin-top: 100px;
    padding: 30px;

    .package_header {
      font-size: 36px;
      height: 66px;
    } /*.package_header */

    .list_package {
      flex-wrap: nowrap;

      margin-top: 30px;

      li {
        margin-top: 0;
        padding: 30px;
        max-width: 262px;
        width: calc(260% / 11.40);

        .list_header {
          font-size: 20px;
          border-radius: 5px;
        } /* list_header */

        .percentage {
          .number {
            font-size: 81px;
          } /* number */
          .percent {
            span {display: block;}
            span:nth-of-type(1) {}
            span:nth-of-type(2) {}
          } /* percent */
        } /* percentage */

        .menu_name {
          font-size: 18px;
        } /* menu_name */
        .price_std {} /* price_std */
        .price_deal {
          .pricing {} /* pricing */
          .yen {} /* yen */
        } /* price_deal */
      } /* li */
    } /* list_package */
  } /* beauty_package_box */

  .item_box_note_text {
    text-align: left;
  } /* item_box_note_text */
  .item_box_note.last {
    align-items: flex-start;
    .item_box_note_icon {margin-top: 0.5em;}
  } /* .item_box_note.last */
} /* media */