@charset "UTF-8";
/* ↓RESET */
body,
html {
  overflow-x: hidden;
}
body {
  background-color: #fff;
  position: relative;
}
img {
  vertical-align: bottom;
  width: 100%;
}
a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}
@media (min-width: 834px) {
  a:hover {
    opacity: 0.7;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
}
@media (max-width: 833px) {
  a:active {
    opacity: 0.7;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
}
a:after,
a:before {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
figure {
  margin: 0;
}
@media (min-width: 834px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
@media (max-width: 833px) {
  .container {
    padding-left: 5vmin;
    padding-right: 5vmin;
  }
}
html {
  font-size: 62.5%;
}
body {
  color: #000;
  font-size: 1.4rem;
  font-family: 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, Noto Sans Japanese, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
@media (max-width: 833px) {
  body {
    font-size: 0.75rem;
    line-height: 2;
  }
}
h1 {
  font-size: 36px;
  line-height: 1.3;
}
h2 {
  font-size: 3.6rem;
  letter-spacing: 0.03em;
  line-height: 1.7;
  font-weight: 700;
}
h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0;
}
@media screen and (max-width: 833px) {
  body {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  h1 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.5rem;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: 400;
  font-size: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
img {
  border: 0;
  max-width: 100%;
  height: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
dd, dl, dt, ol, ul {
  padding: 0;
  margin: 0;
}
li, ol {
  list-style: none;
}
a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
  cursor: pointer;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  cursor: pointer;
}
button:focus {
  outline: 0;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
[role=button] {
  color: inherit;
  cursor: default;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  white-space: pre;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
/* ↑RESET */
.m10 {
  margin: 10px !important;
}
.m20 {
  margin: 20px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb130 {
  margin-bottom: 130px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt65 {
  margin-top: 65px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt1em {
  margin-top: 1em !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml90 {
  margin-left: 90px !important;
}
.mr0 {
  margin-right: 0px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.p10 {
  padding: 10px !important;
}
.p20 {
  padding: 20px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt80 {
  padding-top: 80px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.mt_03 {
  margin-top: -3px !important;
}
/************************************************
	Width
*************************************************/
.w40 {
  width: 40px;
}
.w50 {
  width: 50px;
}
.w60 {
  width: 60px;
}
.w80 {
  width: 80px;
}
.w95 {
  width: 95px;
}
.w100 {
  width: 100px;
}
.w150 {
  width: 150px;
}
.w195 {
  width: 195px;
}
.w200 {
  width: 200px;
}
.w250 {
  width: 250px;
}
.w220 {
  width: 220px;
}
.w225 {
  width: 225px;
}
.w300 {
  width: 300px;
}
.w350 {
  width: 350px;
}
.w450 {
  width: 450px;
}
.w500 {
  width: 500px;
}
.w520 {
  width: 520px;
}
.w680 {
  width: 680px;
}
.w700 {
  width: 700px;
}
.w750 {
  width: 750px;
}
.w_full {
  width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.w30p {
  width: 30%;
}
.w65p {
  width: 65%;
}
.w70p {
  width: 70%;
}
/************************************************
	Float Align
*************************************************/
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.center {
  text-align: center !important;
}
.left {
  text-align: left !important;
}
.right {
  text-align: right !important;
}
.right_pc {
  text-align: right !important;
}
/************************************************
	Border
*************************************************/
.b_right_none {
  border-right: none !important;
}
.b_top_dashed01 {
  border-top: 1px dashed #ACE3F9;
}
.b_bottom_dashed01 {
  border-bottom: 1px dashed #ACE3F9;
}
.b_solid01 {
  border: 5px solid #BFE6F9;
}
.b_solid02 {
  border: 5px solid #D4D4D4;
}
.b_noshi {
  border-left: 8px solid #8FE6F9;
  margin-left: 3em;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important;
}
/************************************************
	Background
*************************************************/
.bg_sky01 {
  background: #E8F8FD;
}
/************************************************
	Position
*************************************************/
.posi_rel {
  position: relative;
}
.posi_bottom {
  position: absolute;
  bottom: 0;
}
.posi_right {
  position: absolute;
  right: 0;
}
/************************************************
	clearfix
*************************************************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* UTILITY */
img {
  height: auto;
  vertical-align: bottom;
  width: 100%;
}
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
.u-fw-b {
  font-weight: 700;
}
.u-fc-gray {
  color: #646364;
}
.u-ls-0 {
  letter-spacing: 0;
}
@media screen and (min-width: 768px) {
  .u-pc-ta-c {
    text-align: center;
  }
  .u-pc-fs-14 {
    font-size: 14px;
  }
  .u-pc-fs-18 {
    font-size: 18px;
  }
  .u-pc-mgt-5 {
    margin-top: 5px;
  }
  .u-pc-mgt-10 {
    margin-top: 10px;
  }
  .u-pc-mgt-20 {
    margin-top: 20px;
  }
  .u-pc-mgt-30 {
    margin-top: 30px;
  }
  .u-pc-mgt-40 {
    margin-top: 40px;
  }
  .u-pc-mgt-50 {
    margin-top: 50px;
  }
  .u-pc-mgt-100 {
    margin-top: 100px;
  }
  .u-pc-mgb-5 {
    margin-bottom: 5px;
  }
  .u-pc-mgb-10 {
    margin-bottom: 10px;
  }
  .u-pc-mgb-20 {
    margin-bottom: 20px;
  }
  .u-pc-mgb-30 {
    margin-bottom: 30px;
  }
  .u-pc-mgb-40 {
    margin-bottom: 40px;
  }
  .u-pc-mgb-50 {
    margin-bottom: 50px;
  }
  .u-pc-mgb-100 {
    margin-bottom: 100px;
  }
  .u-pc-pdb-10 {
    padding-bottom: 10px;
  }
  .u-pc-pdb-20 {
    padding-bottom: 20px;
  }
  .u-pc-pdb-30 {
    padding-bottom: 30px;
  }
  .u-pc-pdb-40 {
    padding-bottom: 40px;
  }
  .u-pc-pdb-50 {
    padding-bottom: 50px;
  }
  .u-pc-pdb-60 {
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .u-sp-ta-c {
    text-align: center;
  }
  .u-sp-fs-12 {
    font-size: 12px;
  }
  .u-sp-fs-18 {
    font-size: 18px;
  }
  .u-sp-ta-c {
    text-align: center;
  }
  .u-sp-fs-14 {
    font-size: 14px;
  }
  .u-sp-fs-18 {
    font-size: 18px;
  }
  .u-sp-mgt-5 {
    margin-top: 5px;
  }
  .u-sp-mgt-10 {
    margin-top: 10px;
  }
  .u-sp-mgt-20 {
    margin-top: 20px;
  }
  .u-sp-mgt-30 {
    margin-top: 30px;
  }
  .u-sp-mgt-40 {
    margin-top: 40px;
  }
  .u-sp-mgt-50 {
    margin-top: 50px;
  }
  .u-sp-mgt-80 {
    margin-top: 80px;
  }
  .u-sp-mgt-100 {
    margin-top: 100px;
  }
  .u-sp-mgb-5 {
    margin-bottom: 5px;
  }
  .u-sp-mgb-10 {
    margin-bottom: 10px;
  }
  .u-sp-mgb-20 {
    margin-bottom: 20px;
  }
  .u-sp-mgb-30 {
    margin-bottom: 30px;
  }
  .u-sp-mgb-40 {
    margin-bottom: 40px;
  }
  .u-sp-mgb-50 {
    margin-bottom: 50px;
  }
  .u-sp-mgb-80 {
    margin-bottom: 80px;
  }
  .u-sp-mgb-100 {
    margin-bottom: 100px;
  }
}
/* products */
.products {
  padding: 10px 20px 30px;
}
@media screen and (min-width: 768px) {
  .products {
    padding: 0 20px 95px;
  }
}
.products__inr {
  background-color: #fff;
  border-radius: 20px;
  margin: 0 auto;
  padding: 30px 25px 20px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .products__inr {
    padding: 40px 170px 40px 80px;
    max-width: 1050px;
  }
}
.note {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
  letter-spacing: 0;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .note {
    font-size: 13px;
  }
}
.common-price {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  display: inline-block;
  font-size: 1em;
  font-weight: 700;
  line-height: 1;
  position: relative;
}
@media screen and (min-width: 768px) {
  .common-price {
    font-size: 1.5em;
  }
}
.common-price .other {
  font-size: 0.8em;
}
.special-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  font-size: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  margin-top: 0.25em;
  margin-bottom: 1em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .special-price {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.5em;
    margin-bottom: 1.5em;
    margin-top: 0.2em;
  }
}
.special-price .num {
  color: #e0007f;
  font-size: 1.2em;
}
@media screen and (min-width: 768px) {
  .special-price .num {
    font-size: 1em;
  }
}
.special-price .other {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #e0007f;
  font-size: 0.95em;
}
.special-price .other {
  color: #e0007f;
}
.add-cart {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5em;
}
.add-cart__select__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 75px;
}
@media screen and (max-width: 767px) {
  .add-cart__select__wrap {
    width: 60px;
  }
}
.add-cart__select__wrap::after {
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  content: "";
  height: 5px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  pointer-events: none;
  width: 5px;
}
@media screen and (max-width: 767px) {
  .add-cart__select__wrap::after {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    top: 40%;
    -webkit-transform: translate(0, -50%) rotate(45deg);
            transform: translate(0, -50%) rotate(45deg);
  }
}
.add-cart__select {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-color: #a3a3a3;
  border-radius: 5px;
  font-size: 18px;
  padding: 0.35em 1em 0.35em 0.5em;
  text-align: center;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .add-cart__select {
    -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
    border-color: #a3a3a3;
    border-radius: 3px;
    font-size: 16px;
    padding: 5px 20px 5px 15px;
    text-align: left;
    position: relative;
  }
}
/* BTNS */
.has-arrow-btn {
  background-color: #51a2d8;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  min-width: 355px;
  padding: 15px 30px;
  position: relative;
  text-align: center;
}
.has-arrow-btn::after {
  border-style: solid;
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #ffffff;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 0;
}
.has-arrow-btn.has-arrow-btn--border-blue {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 2px solid #51a2d8;
  color: #51a2d8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  min-height: 48px;
}
.has-arrow-btn.has-arrow-btn--border-blue::after {
  border-color: transparent transparent transparent #51a2d8;
}
.has-arrow-btn.has-arrow-btn--border-green {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border: 2px solid #8fce03;
  color: #8fce03;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  min-height: 48px;
}
.has-arrow-btn.has-arrow-btn--border-green::after {
  border-color: transparent transparent transparent #8fce03;
}
.cart-btn {
  background-color: #eb0080;
  border-radius: 1em;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  padding: 8px 14px 8px 20px;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cart-btn {
    border-radius: 0.5em;
    font-size: 2em;
    padding: 15px 40px;
  }
}
.cart-btn > span {
  background: url(/shop/f/cp/2507summertowel/image/cart.png) 0 0/auto 100% no-repeat;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .has-arrow-btn {
    font-size: 13px;
    min-width: 283px;
    padding: 10px 30px;
  }
  .cart-btn > span {
    background: url(/shop/f/cp/2507summertowel/image/cart.png) 0 0/auto 100% no-repeat;
    padding-left: 20px;
  }
  .has-arrow-btn.has-arrow-btn--border-blue,
  .has-arrow-btn.has-arrow-btn--border-green {
    font-size: 14px;
    min-height: 35px;
  }
}
/* 以下LP用のスタイル */
.dot-line {
  border-top: 1px dashed #1e8fff;
}
.productItem {
  padding: 0 7.1428571429%;
}
@media screen and (max-width: 767px) {
  .productItem {
    padding: 0 6.6666666667%;
  }
}
.productItem + .productItem {
  padding-top: 50px;
}
.productItem .product-box {
  position: relative;
}
.productItem .product-box::before, .productItem .product-box::after {
  content: "";
  display: block;
  background-color: #bfe1e8;
  width: calc(100% - 30px);
  height: 5px;
  border-radius: 5px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .productItem .product-box::before, .productItem .product-box::after {
    height: 3px;
    width: calc(100% - 0px);
  }
}
.productItem .product-box::before {
  top: 15px;
}
@media screen and (max-width: 767px) {
  .productItem .product-box::before {
    top: 10px;
  }
}
.productItem .product-box::after {
  bottom: 15px;
}
@media screen and (max-width: 767px) {
  .productItem .product-box::after {
    bottom: 10px;
  }
}
.productItem .product-box__inr::before {
  pointer-events: none;
  background-image: url(../../image/product-item_bg.png);
  background-size: 100% auto;
  content: "";
  display: block;
  border-radius: 5px;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 70px);
  top: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
@media screen and (max-width: 767px) {
  .productItem .product-box__inr::before {
    background-image: url(../../image/product-item_bg_sp.png);
    width: calc(100% + 5px);
    height: calc(100% - 40px);
    top: 20px;
  }
}
.productItem .product-box-list__price {
  position: relative;
}
.productItem .product-box-list__price::after {
  background: url(../../image/20peroff.png) 0 0/100% 100% no-repeat;
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 85.9090909091%;
  aspect-ratio: 1/1;
  width: 28.1818181818%;
}
@media screen and (max-width: 767px) {
  .productItem .product-box-list__price::after {
    left: 77.6119402985%;
    width: 29.8507462687%;
  }
}
.product-box {
  height: 100%;
  max-width: 1050px;
  margin: 0 auto;
}
.product-box-list {
  background-color: #fff;
  border: 2px solid #e58000;
  border-radius: 20px;
}
@media screen and (min-width: 768px) {
  .product-box-list {
    margin: 0 auto;
    border: 4px solid #e58000;
    max-width: 1024px;
  }
}
.product-box-list > li {
  position: relative;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .product-box-list > li {
    padding: 30px 60px 40px;
  }
}
.product-box-list .product-box-list__label {
  height: 124px;
  position: absolute;
  left: -20px;
  top: -20px;
  width: 124px;
}
@media screen and (max-width: 767px) {
  .product-box-list .product-box-list__label {
    left: -20px;
    top: -20px;
    height: 90px;
    width: 90px;
  }
}
.product-box-list .product-box-list__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.product-box-list .product-box-list__price .product-box-list__price__label {
  width: 64px;
}
@media screen and (min-width: 768px) {
  .product-box-list .product-box-list__price .product-box-list__price__label {
    width: 100px;
  }
}
.product-image {
  background-color: #fff;
  border-radius: 2em;
  width: 100%;
  text-align: center;
  margin: 0 auto 1.5em;
}
@media screen and (max-width: 767px) {
  .product-image {
    border-radius: 1em;
    margin: 0 auto 1em;
  }
}
.product-image img {
  max-width: 310px;
  width: 31em;
}
@media screen and (max-width: 767px) {
  .product-image img {
    max-width: 100%;
    width: 15em;
  }
}
.product-box__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .product-box__inr__top__right {
    width: 100%;
  }
}
.product-box__product-name {
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .product-box__product-name {
    margin-bottom: 1.5em;
  }
}
.product-box__product-name h3 {
  text-decoration: underline;
  font-weight: 600;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.8em;
}
@media screen and (min-width: 768px) {
  .product-box__product-name h3 {
    font-size: 3.6em;
  }
}
.product-box__product-name.has-note p {
  display: inline-block;
  position: relative;
}
.product-box__product-name.has-note p::after {
  content: "※";
  font-size: 10px;
  position: absolute;
  bottom: 80%;
  right: -1em;
}
@media screen and (min-width: 768px) {
  .product-box__product-name.has-note p::after {
    font-size: 13px;
    right: 0;
  }
}
.titleA {
  background-color: #1e8fff;
  display: block;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-radius: 5vw;
  padding: 0.5em;
  font-size: 18px;
}
.noteBox {
  border: 1px solid #646364;
  border-radius: 10px;
  max-width: 688px;
  margin: 65px auto 0;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .noteBox {
    font-size: 14px;
    padding: 10px;
    margin-top: 30px;
  }
}
.noteBox p {
  text-indent: -1em;
  padding-left: 1em;
}
.noteBox__title {
  border-bottom: 1px solid #646364;
  text-align: center;
  font-weight: bold;
  margin: -20px -30px 20px;
  padding-bottom: 10px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .noteBox__title {
    font-size: 14px;
    margin: 0;
    border: 0;
  }
}
.noteBox__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.noteBox__list > li {
  padding-right: 1em;
  width: 33.333%;
  text-indent: -1em;
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .noteBox__list > li {
    font-size: 12px;
    width: 50%;
  }
}
.attentionText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ca4728;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .attentionText {
    font-size: 12px;
  }
}
.attentionText::before {
  color: #fff;
  border-radius: 50%;
  background-color: #ca4728;
  line-height: 1;
  content: "！";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  height: 24px;
  width: 24px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .attentionText::before {
    font-size: 16px;
    height: 19px;
    width: 19px;
  }
}
.attentionText > span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.u-font-maru {
  font-family: "Kosugi Maru", "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO", sans-serif;
}
.num-1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f8e77f%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23004096%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%2236%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38%2C4c18.75%2C0%2C34%2C15.25%2C34%2C34s-15.25%2C34-34%2C34S4%2C56.75%2C4%2C38%2C19.25%2C4%2C38%2C4M38%2C0C17.01%2C0%2C0%2C17.01%2C0%2C38s17.01%2C38%2C38%2C38%2C38-17.01%2C38-38S58.99%2C0%2C38%2C0h0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M25.99%2C17.96l4.19-.73c.14-.02.3-.04.44-.04.78%2C0%2C1.29.47%2C1.29%2C1.18%2C0%2C1.32-1.63%2C3.47-2.03%2C3.85-.19.19-.38.28-.64.28-.54%2C0-1.07-.48-1.07-.98%2C0-.24.07-.37.34-.65.08-.08.84-.91%2C1.26-1.66l-3.79.68v2.89c0%2C.86.22%2C1.01%2C1.56%2C1.01.64%2C0%2C1.5-.07%2C2.43-.2.36-.06.52-.07.66-.07.54%2C0%2C.86.38.86%2C1.01%2C0%2C.96-.7%2C1.01-1.88%2C1.08-.61.05-1.54.08-2%2C.08-2.76%2C0-3.56-.3-3.56-2.64v-2.82l-1.63.3c-.14.02-.24.04-.32.04-.49%2C0-.83-.42-.83-1.07%2C0-.5.2-.73.74-.83l2.04-.36v-2.47c0-.49.35-.77.97-.77s.96.28.96.77v2.12Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M36.19%2C22.07c-.46%2C0-.62-.18-.83-.84-.1-.31-.37-1-.48-1.2-.34-.67-.37-.74-.37-.95%2C0-.44.47-.84%2C1.01-.84.47%2C0%2C.65.18%2C1.06%2C1.04.37.8.62%2C1.6.62%2C1.94%2C0%2C.46-.47.84-1.01.84ZM42.68%2C20.58c-.52%2C1.87-1.42%2C3.29-2.81%2C4.4-.88.71-1.7%2C1.13-2.21%2C1.13s-.94-.47-.94-1.03c0-.4.14-.56.65-.8%2C1.62-.77%2C3.31-1.91%2C3.77-5.71.05-.5.36-.78.89-.78.64%2C0%2C1.02.31%2C1.02.83%2C0%2C.32-.17%2C1.26-.37%2C1.97ZM38.76%2C21.57c-.46%2C0-.72-.24-.8-.7-.2-1.25-.32-1.61-.44-1.97-.06-.2-.1-.36-.1-.48%2C0-.42.44-.77.98-.77.5%2C0%2C.73.23.95.96.18.61.38%2C1.7.38%2C2.05%2C0%2C.55-.38.9-.97.9Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.27%2C18.1c.25.08%2C1.88.67%2C3.12%2C1.31%2C1.02.53%2C1.22.73%2C1.22%2C1.25%2C0%2C.64-.44%2C1.14-.98%2C1.14-.29%2C0-.4-.06-1.36-.59-.42-.24-1.25-.6-2-.94v4.92c0%2C.53-.36.82-1.02.82s-1.02-.29-1.02-.82v-9.34c0-.53.36-.82%2C1.02-.82s1.02.29%2C1.02.82v2.25Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M39.28%2C60.76c-2.28%2C0-3.68-1-3.68-2.84v-18.92l-2.84%2C1.52c-2.04%2C1.08-2.4%2C1.08-3.36%2C1.08-1.36%2C0-2.48-1.36-2.48-2.84%2C0-1.76%2C1-2.52%2C2.6-3.36l7.96-4.24c1-.52%2C1.4-.64%2C2.44-.64%2C2.04%2C0%2C3.2.92%2C3.2%2C2.48v24.96c0%2C1.84-1.56%2C2.8-3.84%2C2.8Z%22%2F%3E%3C%2Fsvg%3E");
}
.num-2 {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f8e77f%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23004096%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%2236%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38%2C4c18.75%2C0%2C34%2C15.25%2C34%2C34s-15.25%2C34-34%2C34S4%2C56.75%2C4%2C38%2C19.25%2C4%2C38%2C4M38%2C0C17.01%2C0%2C0%2C17.01%2C0%2C38s17.01%2C38%2C38%2C38%2C38-17.01%2C38-38S58.99%2C0%2C38%2C0h0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M25.99%2C17.96l4.19-.73c.14-.02.3-.04.44-.04.78%2C0%2C1.29.47%2C1.29%2C1.18%2C0%2C1.32-1.63%2C3.47-2.03%2C3.85-.19.19-.38.28-.64.28-.54%2C0-1.07-.48-1.07-.98%2C0-.24.07-.37.34-.65.08-.08.84-.91%2C1.26-1.66l-3.79.68v2.89c0%2C.86.22%2C1.01%2C1.56%2C1.01.64%2C0%2C1.5-.07%2C2.43-.2.36-.06.52-.07.66-.07.54%2C0%2C.86.38.86%2C1.01%2C0%2C.96-.7%2C1.01-1.88%2C1.08-.61.05-1.54.08-2%2C.08-2.76%2C0-3.56-.3-3.56-2.64v-2.82l-1.63.3c-.14.02-.24.04-.32.04-.49%2C0-.83-.42-.83-1.07%2C0-.5.2-.73.74-.83l2.04-.36v-2.47c0-.49.35-.77.97-.77s.96.28.96.77v2.12Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M36.19%2C22.07c-.46%2C0-.62-.18-.83-.84-.1-.31-.37-1-.48-1.2-.34-.67-.37-.74-.37-.95%2C0-.44.47-.84%2C1.01-.84.47%2C0%2C.65.18%2C1.06%2C1.04.37.8.62%2C1.6.62%2C1.94%2C0%2C.46-.47.84-1.01.84ZM42.68%2C20.58c-.52%2C1.87-1.42%2C3.29-2.81%2C4.4-.88.71-1.7%2C1.13-2.21%2C1.13s-.94-.47-.94-1.03c0-.4.14-.56.65-.8%2C1.62-.77%2C3.31-1.91%2C3.77-5.71.05-.5.36-.78.89-.78.64%2C0%2C1.02.31%2C1.02.83%2C0%2C.32-.17%2C1.26-.37%2C1.97ZM38.76%2C21.57c-.46%2C0-.72-.24-.8-.7-.2-1.25-.32-1.61-.44-1.97-.06-.2-.1-.36-.1-.48%2C0-.42.44-.77.98-.77.5%2C0%2C.73.23.95.96.18.61.38%2C1.7.38%2C2.05%2C0%2C.55-.38.9-.97.9Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.27%2C18.1c.25.08%2C1.88.67%2C3.12%2C1.31%2C1.02.53%2C1.22.73%2C1.22%2C1.25%2C0%2C.64-.44%2C1.14-.98%2C1.14-.29%2C0-.4-.06-1.36-.59-.42-.24-1.25-.6-2-.94v4.92c0%2C.53-.36.82-1.02.82s-1.02-.29-1.02-.82v-9.34c0-.53.36-.82%2C1.02-.82s1.02.29%2C1.02.82v2.25Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M49.61%2C60.64h-19c-2.28%2C0-3.48-1.4-3.48-3.72%2C0-.92.2-2.12%2C1.04-3.56%2C4.32-7.52%2C14.96-10.04%2C14.96-14.52%2C0-2.04-1.64-3.2-3.68-3.2-2.4%2C0-4.12%2C1.52-5.52%2C3.48-.68.92-1.44%2C1.28-2.4%2C1.28-2.12%2C0-3.84-1.32-3.84-2.96%2C0-3.28%2C4.6-6.96%2C11.44-6.96%2C7.52%2C0%2C11.64%2C3.56%2C11.64%2C8.16%2C0%2C9.68-13.24%2C10.28-16.08%2C16.28h14.92c1.4%2C0%2C2.16%2C1%2C2.16%2C2.72s-.76%2C3-2.16%2C3Z%22%2F%3E%3C%2Fsvg%3E");
}
.num-3 {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f8e77f%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23004096%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%2236%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38%2C4c18.75%2C0%2C34%2C15.25%2C34%2C34s-15.25%2C34-34%2C34S4%2C56.75%2C4%2C38%2C19.25%2C4%2C38%2C4M38%2C0C17.01%2C0%2C0%2C17.01%2C0%2C38s17.01%2C38%2C38%2C38%2C38-17.01%2C38-38S58.99%2C0%2C38%2C0h0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M25.99%2C17.96l4.19-.73c.14-.02.3-.04.44-.04.78%2C0%2C1.29.47%2C1.29%2C1.18%2C0%2C1.32-1.63%2C3.47-2.03%2C3.85-.19.19-.38.28-.64.28-.54%2C0-1.07-.48-1.07-.98%2C0-.24.07-.37.34-.65.08-.08.84-.91%2C1.26-1.66l-3.79.68v2.89c0%2C.86.22%2C1.01%2C1.56%2C1.01.64%2C0%2C1.5-.07%2C2.43-.2.36-.06.52-.07.66-.07.54%2C0%2C.86.38.86%2C1.01%2C0%2C.96-.7%2C1.01-1.88%2C1.08-.61.05-1.54.08-2%2C.08-2.76%2C0-3.56-.3-3.56-2.64v-2.82l-1.63.3c-.14.02-.24.04-.32.04-.49%2C0-.83-.42-.83-1.07%2C0-.5.2-.73.74-.83l2.04-.36v-2.47c0-.49.35-.77.97-.77s.96.28.96.77v2.12Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M36.19%2C22.07c-.46%2C0-.62-.18-.83-.84-.1-.31-.37-1-.48-1.2-.34-.67-.37-.74-.37-.95%2C0-.44.47-.84%2C1.01-.84.47%2C0%2C.65.18%2C1.06%2C1.04.37.8.62%2C1.6.62%2C1.94%2C0%2C.46-.47.84-1.01.84ZM42.68%2C20.58c-.52%2C1.87-1.42%2C3.29-2.81%2C4.4-.88.71-1.7%2C1.13-2.21%2C1.13s-.94-.47-.94-1.03c0-.4.14-.56.65-.8%2C1.62-.77%2C3.31-1.91%2C3.77-5.71.05-.5.36-.78.89-.78.64%2C0%2C1.02.31%2C1.02.83%2C0%2C.32-.17%2C1.26-.37%2C1.97ZM38.76%2C21.57c-.46%2C0-.72-.24-.8-.7-.2-1.25-.32-1.61-.44-1.97-.06-.2-.1-.36-.1-.48%2C0-.42.44-.77.98-.77.5%2C0%2C.73.23.95.96.18.61.38%2C1.7.38%2C2.05%2C0%2C.55-.38.9-.97.9Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.27%2C18.1c.25.08%2C1.88.67%2C3.12%2C1.31%2C1.02.53%2C1.22.73%2C1.22%2C1.25%2C0%2C.64-.44%2C1.14-.98%2C1.14-.29%2C0-.4-.06-1.36-.59-.42-.24-1.25-.6-2-.94v4.92c0%2C.53-.36.82-1.02.82s-1.02-.29-1.02-.82v-9.34c0-.53.36-.82%2C1.02-.82s1.02.29%2C1.02.82v2.25Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M37.39%2C61.16c-5.28%2C0-8.44-1.52-10-3.2-.76-.8-1.28-1.88-1.28-2.88%2C0-1.4%2C1.48-3.2%2C3.52-3.2%2C1.44%2C0%2C2.68%2C1.28%2C4.04%2C2.36%2C1.48%2C1.12%2C3.2%2C1.64%2C4.52%2C1.64%2C2.32%2C0%2C3.96-1.6%2C3.96-3.52%2C0-2.6-2.4-4.08-6.72-4.36-1.56-.12-2.68-1-2.68-2.76s1.16-2.48%2C2.92-2.76c3.04-.48%2C5.4-1.48%2C5.44-3.96%2C0-1.56-1.16-2.92-3.28-2.92-1.2%2C0-2.56.44-3.76%2C1.48-1.48%2C1.28-3.08%2C2.08-4.36%2C2.08-2.08%2C0-3.12-1.72-3.12-3.08%2C0-.96.6-2.04%2C1.28-2.68%2C1.56-1.44%2C4.48-2.92%2C9.12-2.92%2C6.8%2C0%2C11.56%2C2.52%2C11.56%2C7.48%2C0%2C3.68-2.4%2C6.2-6.72%2C6.88v.04c4.2.48%2C8%2C2.92%2C8%2C7.64%2C0%2C5.48-4.28%2C8.64-12.44%2C8.64Z%22%2F%3E%3C%2Fsvg%3E");
}
.num-4 {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2076%2076%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23f8e77f%3B%7D.cls-1%2C.cls-2%2C.cls-3%7Bstroke-width%3A0px%3B%7D.cls-2%7Bfill%3A%23fff%3B%7D.cls-3%7Bfill%3A%23004096%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22cls-1%22%20cx%3D%2238%22%20cy%3D%2238%22%20r%3D%2236%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M38%2C4c18.75%2C0%2C34%2C15.25%2C34%2C34s-15.25%2C34-34%2C34S4%2C56.75%2C4%2C38%2C19.25%2C4%2C38%2C4M38%2C0C17.01%2C0%2C0%2C17.01%2C0%2C38s17.01%2C38%2C38%2C38%2C38-17.01%2C38-38S58.99%2C0%2C38%2C0h0Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M25.99%2C17.96l4.19-.73c.14-.02.3-.04.44-.04.78%2C0%2C1.29.47%2C1.29%2C1.18%2C0%2C1.32-1.63%2C3.47-2.03%2C3.85-.19.19-.38.28-.64.28-.54%2C0-1.07-.48-1.07-.98%2C0-.24.07-.37.34-.65.08-.08.84-.91%2C1.26-1.66l-3.79.68v2.89c0%2C.86.22%2C1.01%2C1.56%2C1.01.64%2C0%2C1.5-.07%2C2.43-.2.36-.06.52-.07.66-.07.54%2C0%2C.86.38.86%2C1.01%2C0%2C.96-.7%2C1.01-1.88%2C1.08-.61.05-1.54.08-2%2C.08-2.76%2C0-3.56-.3-3.56-2.64v-2.82l-1.63.3c-.14.02-.24.04-.32.04-.49%2C0-.83-.42-.83-1.07%2C0-.5.2-.73.74-.83l2.04-.36v-2.47c0-.49.35-.77.97-.77s.96.28.96.77v2.12Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M36.19%2C22.07c-.46%2C0-.62-.18-.83-.84-.1-.31-.37-1-.48-1.2-.34-.67-.37-.74-.37-.95%2C0-.44.47-.84%2C1.01-.84.47%2C0%2C.65.18%2C1.06%2C1.04.37.8.62%2C1.6.62%2C1.94%2C0%2C.46-.47.84-1.01.84ZM42.68%2C20.58c-.52%2C1.87-1.42%2C3.29-2.81%2C4.4-.88.71-1.7%2C1.13-2.21%2C1.13s-.94-.47-.94-1.03c0-.4.14-.56.65-.8%2C1.62-.77%2C3.31-1.91%2C3.77-5.71.05-.5.36-.78.89-.78.64%2C0%2C1.02.31%2C1.02.83%2C0%2C.32-.17%2C1.26-.37%2C1.97ZM38.76%2C21.57c-.46%2C0-.72-.24-.8-.7-.2-1.25-.32-1.61-.44-1.97-.06-.2-.1-.36-.1-.48%2C0-.42.44-.77.98-.77.5%2C0%2C.73.23.95.96.18.61.38%2C1.7.38%2C2.05%2C0%2C.55-.38.9-.97.9Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M50.27%2C18.1c.25.08%2C1.88.67%2C3.12%2C1.31%2C1.02.53%2C1.22.73%2C1.22%2C1.25%2C0%2C.64-.44%2C1.14-.98%2C1.14-.29%2C0-.4-.06-1.36-.59-.42-.24-1.25-.6-2-.94v4.92c0%2C.53-.36.82-1.02.82s-1.02-.29-1.02-.82v-9.34c0-.53.36-.82%2C1.02-.82s1.02.29%2C1.02.82v2.25Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M47.87%2C54.13h-2v3.72c0%2C1.92-1.36%2C2.92-3.76%2C2.92s-3.76-1-3.76-2.92v-3.72l-11.08.08c-2.28%2C0-3.68-1.28-3.68-3.36%2C0-.92.2-1.68.84-2.52l10.72-14.04c1.52-1.96%2C2.88-3.72%2C5.96-3.72%2C3.56%2C0%2C4.76%2C1.44%2C4.76%2C3.52v14.96h2c1.28%2C0%2C2.04.92%2C2.04%2C2.56s-.76%2C2.52-2.04%2C2.52ZM38.27%2C38.13c-1.08%2C1.84-2.08%2C3.6-3.4%2C5.4l-4%2C5.52h7.48v-5.4c0-1.84.04-3.84.08-5.52h-.16Z%22%2F%3E%3C%2Fsvg%3E");
}
.lp-2511lotion .section2 {
  padding: 0 50px;
  margin: 0 auto;
  max-width: 1050px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .section2 {
    padding: 0 25px;
  }
}
.lp-2511lotion .product.section4 .product__inr {
  margin-top: 150px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product.section4 .product__inr {
    margin-top: 80px;
  }
}
.lp-2511lotion .product .product__inr {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 52px;
  max-width: 1050px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 35px 24px;
    padding: 0 25px 50px;
  }
}
.lp-2511lotion .product .product__inr.m-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.lp-2511lotion .product .product__inr .content-item {
  position: relative;
  margin-top: 0;
  width: calc(50% - 26px);
  border: 3px solid #77c0e6;
  border-radius: 50px;
  padding: 50px 30px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item {
    border: 1px solid #77c0e6;
    border-radius: 20px;
    width: 100%;
    padding: 30px 25px;
  }
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item.m-type-2 {
    margin-top: 40px;
  }
}
.lp-2511lotion .product .product__inr .content-item .content-item__baroon {
  position: absolute;
  top: -120px;
  left: -20px;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .content-item__baroon {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    left: 50%;
    top: -60px;
    width: 275px;
  }
}
.lp-2511lotion .product .product__inr .content-item .content-item__top__thum {
  margin-bottom: 1em;
}
.lp-2511lotion .product .product__inr .content-item .name {
  color: #33a9e0;
  font-weight: bold;
  font-size: 36px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .name {
    font-size: 20px;
  }
}
.lp-2511lotion .product .product__inr .content-item .code {
  margin: 1em 0;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .code {
    font-size: 12px;
  }
}
.lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .common-price {
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .common-price {
    font-size: 14px;
  }
}
.lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .other {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .other {
    font-size: 12px;
  }
}
.lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .special-price .num {
  color: #e0007f;
  font-size: 48px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .product .product__inr .content-item .content-item__top__inro__price .product-box-list__price .special-price .num {
    font-size: 27px;
  }
}
.lp-2511lotion .cart-btn {
  margin-top: 20px;
  background-color: #e269a1;
  border-radius: 9999px;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .cart-btn {
    font-size: 14px;
  }
}
.lp-2511lotion .sectionItems .sectionItems__title {
  margin: 0 auto 50px;
  max-width: 800px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .sectionItems .sectionItems__title {
    font-size: 25px;
    margin-bottom: 20px;
    padding: 0 35px;
  }
}
.lp-2511lotion .sectionItems .sectionItems__sec {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .sectionItems .sectionItems__sec {
    margin-top: 40px;
  }
}
.lp-2511lotion .sectionItems .sectionItems__sec .sectionItems__title {
  margin: 0 auto 30px;
  max-width: 556px;
}
@media screen and (max-width: 767px) {
  .lp-2511lotion .sectionItems .sectionItems__sec .sectionItems__title {
    font-size: 20px;
    padding: 0 40px;
    margin-bottom: 15px;
  }
}
.lp-2507summertowel {
  background-color: #d6e4ed;
}
.lp-2507summertowel .kv .cart-in-btn {
  border-radius: 9999px;
}
.lp-2507summertowel .u-max-1280 {
  max-width: 1280px;
  margin: 0 auto;
}
.lp-2507summertowel .u-max-1040 {
  max-width: 1040px;
  margin: 0 auto;
}
.lp-2507summertowel .u-max-1280 {
  max-width: 1280px;
  margin: 0 auto;
}
.lp-2507summertowel .content {
  position: relative;
}
.lp-2507summertowel .content .content__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.lp-2507summertowel .content .content__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.lp-2507summertowel .content .content__inr {
  position: relative;
  z-index: 1;
  padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__inr {
    padding-bottom: 25px;
  }
}
.lp-2507summertowel .content .content__inr .content__top {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__inr .content__top {
    margin-bottom: 40px;
  }
}
.lp-2507summertowel .content .content__inr .content__flow {
  position: relative;
  margin-top: 100px;
  padding-top: 120px;
  padding-bottom: 17.1875%;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__inr .content__flow {
    padding-bottom: 34.375%;
    padding: 50px 25px 100px;
    margin-top: 40px;
  }
}
.lp-2507summertowel .content .content__inr .content__flow .content__flow__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.lp-2507summertowel .content .content__inr .content__flow .content__flow__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}
.lp-2507summertowel .content .content__inr .content__flow .content__flow__inr {
  position: relative;
  z-index: 2;
}
.lp-2507summertowel .content .content__note {
  background-color: #fff;
  width: 90%;
  margin: 0 auto;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__note {
    margin-top: 20px;
    padding: 5px;
  }
}
.lp-2507summertowel .content .content__note .content__note__inr {
  border: 1px solid #000;
  padding: 15px 20px;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__note .content__note__inr {
    font-size: 14px;
    padding: 20px 20px;
  }
}
.lp-2507summertowel .content .content__note .content__note__inr .title {
  font-weight: bold;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content .content__note .content__note__inr .title {
    font-size: 15px;
  }
}
.lp-2507summertowel .product {
  background-color: rgba(149, 192, 211, 0.1);
  padding: 100px 50px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .product {
    padding: 50px 25px 50px;
  }
}
.lp-2507summertowel .product .product__title {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .product .product__title {
    margin: 0 -25px 30px;
  }
}
.lp-2507summertowel .product .product__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 52px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .product .product__inr {
    gap: 35px 24px;
  }
}
.lp-2507summertowel .product .product__inr .content-item {
  margin-top: 0;
  width: calc(50% - 26px);
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .product .product__inr .content-item {
    width: calc(50% - 12px);
  }
}
.lp-2507summertowel .content-item {
  font-size: 10px;
  margin: 0 auto;
  width: 105em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item {
    width: 100%;
  }
}
.lp-2507summertowel .content-item + .content-item {
  margin-top: 6em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item + .content-item {
    margin-top: 4em;
  }
}
.lp-2507summertowel .content-item .content-item__wrap {
  position: relative;
}
.lp-2507summertowel .content-item .content-item__wrap + .content-item__wrap {
  padding-top: 6em;
  border-top: 2px solid #35308e;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__wrap + .content-item__wrap {
    border-top: 0;
    padding-top: 3em;
  }
}
.lp-2507summertowel .content-item .content-item__wrap + .content-item__wrap::before {
  content: "";
  display: block;
  background-color: #333;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 1px;
  width: calc(100% + 3em);
}
.lp-2507summertowel .content-item .content-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  max-width: 100em;
  position: relative;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__thum {
  background-color: #fff;
  text-align: center;
  border-radius: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__thum {
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 1em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__thum img {
  height: auto;
  width: 311px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__thum img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro {
    width: 100%;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .content-item__top__inro__price {
  position: relative;
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .content-item__top__inro__price .content-item__top__icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 15em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .content-item__top__inro__price .content-item__top__icon {
    width: 7.5em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name {
  font-weight: bold;
  letter-spacing: 0;
  font-size: 3.2em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name {
    font-size: 1.3em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name h3 {
  font-size: 1em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name h3 {
    font-size: 17px;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name h3 span {
  display: inline-block;
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .name h3 span {
    border: 0;
    text-decoration: underline;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .code {
  font-size: 1.8em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .code {
    font-size: 1.2em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box__cart-wrap {
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box__cart-wrap {
    margin-top: 1em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .add-cart {
  margin-bottom: 2em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .add-cart {
    margin-bottom: 1em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .note {
  margin-top: 1em;
  font-size: 1.3em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .note {
    font-size: 1.2em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .cart-btn {
  border-radius: 20px;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .cart-btn {
    border-radius: 15px;
    max-width: 100%;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .common-price {
  font-size: 2.2em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .common-price {
    font-size: 1.3em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font-size: 2.2em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price {
    font-size: 1.3em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price .num {
  color: #f73471;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price .num {
    font-size: 1em;
  }
}
.lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price .other {
  color: #000;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__top .content-item__top__inro .product-box-list__price .special-price .other {
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    font-size: 0.8em;
  }
}
.lp-2507summertowel .content-item .content-item__bottom {
  padding: 6em;
}
@media screen and (max-width: 767px) {
  .lp-2507summertowel .content-item .content-item__bottom {
    padding: 2em 0 4em;
  }
}