@charset "UTF-8";
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  background: none;
}

/* FreePage CSS
============================== */
* {
  box-sizing: border-box;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  background: none;
}

/* header
============================== */
.header {
  border-bottom: none !important;
}
.header .header-logo {
  margin: 0 auto;
  width: 63.9vw !important;
}

.header-fixed a {
  width: 60% !important;
  margin: auto;
}

.pane-main, .container {
  width: 100%;
  padding: 0;
}

.content-area {
  font-size: 3.19vw;
  line-height: 1.75;
  text-align: center;
  color: #333;
}

.sec_ttl h3 {
  font-size: 5.33vw;
  font-weight: 600;
  text-align: center;
  font-feature-settings: "palt" 1;
  margin: 0 auto;
}

body > h1 {
  padding-left: 4vw;
  padding-right: 4vw;
  font-size: 2vw;
  margin-bottom: 5.33vw !important;
}

.pane-contents {
  margin-top: 5.33vw !important;
}

/* 共通パーツ
============================== */
.l-wrapper {
  width: 100%;
  max-width: 1077px;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
}

.c-grid {
  display: grid;
}

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

.c-text {
  font-size: 3.47vw;
  line-height: 1.88;
  color: #333;
  text-align: justify;
}
.c-text em {
  font-weight: bold;
  font-style: normal;
}

strong {
  font-weight: bold;
}

.page-hatimijiogan {
  overflow: hidden;
}
.page-hatimijiogan * {
  color: #333;
  box-sizing: border-box;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", "Font Awesome 5 Free",sans-serif;
}
.page-hatimijiogan .u-font-serif {
  font-family: "HG明朝", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

img {
  max-width: 100%;
}

/* その他共通パーツ
============================== */
/* fadeIn */
@-webkit-keyframes fadeInAnime {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInTrigger {
  opacity: 0;
}

.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* circle01 */
@-webkit-keyframes circle01 {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
@keyframes circle01 {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}




/* 価格
======================================*/
.item_area {
  width: 100%;
  background: #F9F3E5;
  padding: 50px 0 45px;
}
.item_area .item_area_inner {
  position: relative;
  display: grid;
  grid-template-columns: 260px 1fr;
}
.item_area .item_area_inner::before {
  content: " ";
  width: 100%;
  height: 100%;
  aspect-ratio: 75/119;
  display: inline-block;
  background: url(../../img/usr/freepage/hatimijiogan/img_item.png) no-repeat top center/contain;
  margin: auto;
}
.item_area .cp_bnr {
  position: absolute;
  right: 100px;
  top: 0;
}
.item_area .item_text {
  font-weight: bold;
}
.item_area .item_notice {
  display: inline-block;
  border: 1px solid #000;
  font-size: 13px;
  font-weight: 600;
  padding: 4px 15px;
}
.item_area .item_name {
  font-size: 28px;
  font-weight: bold;
}
.item_area .item_name span {
  font-size: 18px;
  margin-left: 1em;
}
.item_area .item_name ruby {
  ruby-position: under;
}
.item_area .item_price_box .item_price {
  font-size: 28px;
}
.item_area .item_price_box ._tax {
  font-size: 14px;
}
.item_area .item_price_box .item_point {
  font-size: 14px;
  margin-left: 1em;
}
.item_area .item_price_box .cp_price_after {
  display: none;
}
.item_area .item_price_box._sale .item_price {
  display: inline-block;
  position: relative;
}
.item_area .item_price_box._sale .item_price::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #000;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.item_area .item_price_box._sale .cp_price_after {
  display: flex !important;
  color: red;
  position: relative;
  margin: 0;
  justify-content: left;
  align-items: end;
  font-size: 28px;
  line-height: 1;
  margin: 10px 0;
}
.item_area .item_price_box._sale .cp_price_after::before {
  width: 11px;
  height: 17px;
  content: " ";
  background-image: url(../../img/usr/freepage/hatimijiogan/cp_price_arrow.png);
  background-repeat: no-repeat;
  display: inline-block;
  margin: 8.5px 0;
  top: 17px;
  margin-right: 0.5em;
}
.item_area .item_price_box._sale .cp_price_after .cp_price_after_off {
  font-size: 16px;
  color: #fff;
  background: red;
  padding: 7px 10px;
  margin: 0 12px 0 0;
  display: inline-block;
}
.item_area .item_amount {
  font-size: 14px;
}
.item_area .item_btn {
  width: 870px;
  display: flex;
  flex-wrap: wrap;
  /* grid-template-columns: 330px 1fr 1fr; */
  gap: 20px 10px;
  justify-content: space-between;
  margin: 10px 0 18px;
}
.item_area .item_btn li{
  width: 100%;
  max-width: 260px;
}
.item_area .item_btn .btn,
.item_area .item_btn .btn-lg {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 100%;
  height: 60px;
  font-size: 16px;
  color: #6eb92b;
}
.item_area .item_btn .btn-buy {
  font-size: 18px;
  color: #fff;
}
.item_area .item_btn .btn-buy::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 16px;
  background: url(../../img/customize/pc/common/ico_basket_white.png) 0 0/24px 16px no-repeat;
  margin-right: 8px;
}
.item_area .item_btn .item_basket {
  max-width: 330px;
}
.item_area .item_btn .item_teiki{
  max-width: unset;
}
.item_area .item_btn .btn-lp-teiki {
  height: auto;
  justify-content: left;
  border: none;
}
.item_area .c-notes {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: calc((-18px + 12px)/2);
}

@media screen and (min-width: 769px) {
  .item_area .item_area_inner::before {
    margin-top: 0;
    max-width: 150px;
  }
}
@media screen and (max-width: 768px) {
  .item_area {
    width: 100%;
    background: #F9F3E5;
    padding: 5.4vw 0 4.8vw;
  }
  .item_area .item_area_inner {
    display: grid;
    grid-template-columns: 1fr;
  }
  .item_area .item_area_inner::before {
    display: none;
  }
  .item_area .item_text {
    font-weight: bold;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
  }
  .item_area .cp_bnr {
    order: 2;
    position: relative;
    right: unset;
    top: unset;
    display: block;
    width: 92vw;
    margin: 4vw auto 0;
  }
  .item_area .item_about {
    position: relative;
    order: 1;
    width: 100%;
    padding-left: 4vw;
    text-align: left;
    display: flex;
    gap: 4vw;
    justify-content: space-between;
    font-weight: 600;
  }
  .item_area .item_about::before {
    content: " ";
    width: calc(100% - 65.59vw - 4vw);
    height: auto;
    display: inline-block;
    background: url(../../img/usr/freepage/hatimijiogan/img_item.png) no-repeat center center/contain;
  }
  .item_area .item_about .txt_box {
    width: 65.59vw;
  }
  .item_area .item_about .item_notice {
    width: auto;/*21.99vw*/
    height: 5.59vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
    font-size: 2.93vw;
    margin-bottom: 2.4vw;
  }
  .item_area .item_about .item_name {
    line-height: 1.2;
    font-size: 5.59vw;
    font-feature-settings: "palt" 1;
  }
  .item_area .item_about .item_name span {
    font-size: 3.19vw;
    margin-left: 2.39vw;
  }
  .item_area .item_price_box {
    order: 3;
  }
  .item_area .item_price_box .item_price {
    font-size: 5.59vw;
  }
  .item_area .item_price_box ._tax {
    font-size: 2.39vw;
  }
  .item_area .item_price_box._sale .cp_price_after ._tax {
    color: red;
  }
  .item_area .item_price_box .item_point {
    font-size: 2.39vw;
    margin-left: 1em;
  }
  .item_area .item_price_box .cp_price_after {
    display: none;
  }
  .item_area .item_price_box._sale .item_price {
    display: inline-block;
    position: relative;
  }
  .item_area .item_price_box._sale .item_price::after {
    position: absolute;
    content: " ";
    width: 100%;
    height: 2px;
    background-color: #000;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .item_area .item_price_box._sale .item_price::before {
    width: 3.73vw;
    height: 2.39vw;
    content: " ";
    background: url(../../img/usr/freepage/common/cp_price_arrow_sp.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
  .item_area .item_price_box._sale .cp_price_after {
    display: inline-flex !important;
    color: red;
    position: relative;
    margin: 4vw 0 2vw;
    font-size: 6vw;
    font-feature-settings: "palt" 1;
    line-height: 1;
    justify-content: left;
    align-items: end;
  }
  .item_area .item_price_box._sale .cp_price_after::before {display: none;}
  .item_area .item_price_box._sale .cp_price_after .cp_price_after_off {
    font-size: 3vw;
    color: #fff;
    background: red;
    padding: 1.4w;
    margin: 0 0.5em 0 0;
  }
  .item_area .item_amount {
    order: 4;
    font-size: 3vw;
    font-feature-settings: "palt" 1;
  }
  .item_area .item_btn {
    order: 5;
    width: calc(100% - 8vw);
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.66vw;
    margin: 4vw auto;
  }
  .item_area .item_btn li{
    max-width: 100%!important;
  }
  .item_area .item_btn .btn,
  .item_area .item_btn .btn-lg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: #6eb92b;
  }
  .item_area .item_btn .btn-buy {
    font-size: 18px;
    color: #fff;
  }
  .item_area .item_btn .btn-buy::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 16px;
    background: url(../../img/customize/pc/common/ico_basket_white.png) 0 0/24px 16px no-repeat;
    margin-right: 8px;
  }
  .item_area .item_btn .btn-lp-teiki {
    height: auto!important;
    margin-top: 2.53vw;
  }
  .item_area .c-notes {
    order: 6;
    width: 92vw;
    margin: 0 auto;
    font-size: 2.4vw;
    text-align: left;
    font-feature-settings: "palt" 1;
  }
}


/* フッター
============================== */
.pane-contents {
  padding-bottom: 0;
}

.page-product-detail .block-product-detail .medical-related-box {
  margin: 0 auto;
}

.medical-related-box .btn-outline-primary {
  width: 380px;
  text-align: center;
  margin: 0;
  padding: 20px 10px;
  display: inline-block;
  color: #6eb92b !important;
}

.btn-medical-related:after {
  font-family: "Font Awesome 5 Free";
}

.footer-back-ec {
  text-align: center;
  padding: 40px 0 !important;
}

.footer-back-ec-btn {
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  font-weight: 700;
  line-height: 1;
  transition: 0.2s;
  padding: 20px 60px 20px 30px;
  font-size: 1.25rem;
  border-radius: 5px;
  background: #fff;
  border: 2px solid #6eb92b !important;
  color: #6eb92b !important;
}
.footer-back-ec-btn::after {
  position: absolute;
  right: 20px;
  content: "\f054";
  font-weight: 700;
  font-size: 1.25rem;
  color: #6eb92b !important;
  font-family: "Font Awesome 5 Free";
}

/* ====== 追従ボタン関連 ====== */
.product-buy-fixed {
  z-index: 444 !important;
}
.product-buy-fixed .product-buy-fixed-inner {
  justify-content: center !important;
}

.footer .page-top {
  z-index: 555 !important;
  border: 1px solid #fff;
  border-radius: 50%;
}

/* fadeIn
============================== */
@keyframes fadeInAnime {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInTrigger {
  opacity: 0;
}

.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

/* circle01 */
@keyframes circle01 {
  0% {
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}
/* メインコンテンツ
============================== */
.u-bg-dots {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_conclusion01_sp.png) repeat top left/374px 850px;
}

.u-color-brn {
  color: #7c1421;
}

.u-bg-wht {
  background: #fff;
}

.c-box.-red {
  background: #7c1421;
}
.c-box.-grn {
  background: #0a5a58;
}

.c-list.-dots {
  text-align: left;
  margin: auto;
}
.c-list.-dots li {
  list-style-type: disc;
}

.l-mv {
  background: #F9F3E5;
  padding-bottom: 7.7px;
}

.c-mv-ttl {
  background: #0A5A58;
  padding: 2.27vw 0 1.6vw;
  text-align: center;
}
.c-mv-ttl picture {
  width: 84vw;
  max-width: 630px;
  display: inline-block;
  line-height: 1;
}

.c-mv-img {
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 8vw;
}

.c-mv-item {
  width: 100%;
  max-width: 970px;
  margin: auto;
  grid-template-columns: 85.33vw;
  position: relative;
  justify-content: center;
}
.c-mv-item::after {
  content: "";
  aspect-ratio: 300/476;
  width: 16.13vw;
  height: auto;
  position: absolute;
  display: block;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_mv_item.png) no-repeat top left/cover;
  top: 3.63vw;
  right: 7.07vw;
}
.c-mv-item .c-txtbox .c-ttl {
  width: 66.27vw;
  aspect-ratio: 617/280;
  display: block;
  margin-bottom: 17.4px;
}
.c-mv-item .c-txtbox .c-txt, .c-mv-item .c-txtbox .c-notes {
  font-size: 3.73vw;
  color: #000;
  font-weight: bold;
  line-height: 1.7;
  text-align: justify;
}

/* ====== こんなお悩みありませんか？ ====== */
.p-development .p-development01 {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_conclusion02.jpg);
  overflow: hidden;
  position: relative;
}
.p-development .p-development01::after {
  content: "";
  position: absolute;
  width: 55.3vw;
  height: auto;
  aspect-ratio: 415/528;
  display: block;
  bottom: 0;
  right: 0;
  /* transform: translateX(-50%); */
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_development01_sp.png) no-repeat bottom right/100%;
  z-index: 1;
}
.p-development .p-development01 .c-inner {
  width: 100%;
  max-width: 970px;
  margin: auto;
  padding: 2.27vw 0 22.13vw;
  grid-template-columns: 1fr;
  -moz-column-gap: 2.4%;
       column-gap: 2.4%;
  position: relative;
}
.p-development .p-development01 .c-ttl {
  order: 2;
  padding: 16vw 0 0 5.47vw;
}
.p-development .p-development01 .c-ttl picture {
  width: 59.47vw;
  height: auto;
  aspect-ratio: 350/171;
  display: block;
  position: relative;
  z-index: 2;
}
.p-development .p-development01 .c-checklist {
  width: 97.2vw;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1.6%;
       column-gap: 1.6%;
  margin-left: 0.87vw;
}
.p-development .p-development01 .c-checklist li {
  writing-mode: vertical-rl;
  border-radius: 70px;
  display: flex;
  align-items: center;
  padding: 3.07vw 0 5.6vw;
  position: relative;
  top: 9.33vw;
}
.p-development .p-development01 .c-checklist li:nth-child(even) {
  top: 0;
}
.p-development .p-development01 .c-checklist li.u-bg_yel {
  order: 4;
  background: rgba(249, 246, 183, 0.36);
}
.p-development .p-development01 .c-checklist li.u-bg_lgr {
  order: 3;
  background: rgba(179, 233, 213, 0.34);
}
.p-development .p-development01 .c-checklist li.u-bg_trq {
  order: 2;
  background: rgba(2, 155, 161, 0.35);
}
.p-development .p-development01 .c-checklist li.u-bg_nvy {
  order: 1;
  background: rgba(36, 66, 104, 0.3);
}
.p-development .p-development01 .c-checklist li span {
  display: inline-block;
  padding-top: 5.2vw;
  position: relative;
  font-size: 3.73vw;
  line-height: 1.75;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: start;
}
.p-development .p-development01 .c-checklist li span::before {
  content: "";
  position: absolute;
  display: block;
  width: 3.47vw;
  height: auto;
  aspect-ratio: 1/1;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/icon_checked_bk.png) no-repeat top left/cover;
}
.p-development .p-development02 .c-list {
  grid-template-columns: 1fr;
}
.p-development .p-development02 .c-list .c-box {
  padding: 5.33vw 2vw;
  justify-content: space-between;
}
.p-development .p-development02 .c-list .c-box .c-ttlbox .c-ttl {
  width: 100%;
  display: table;
  padding: 1.6vw 0 1.2vw;
  margin-bottom: 0.27vw;
  vertical-align: middle;
  text-align: center;
}
.p-development .p-development02 .c-list .c-box .c-ttlbox .c-ttl picture {
  display: table-cell;
  height: 5.47vw;
}
.p-development .p-development02 .c-list .c-box .c-ttlbox .c-txt {
  font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: -0.01em;
  width: 100%;
  writing-mode: vertical-rl;
  display: inline-flex;
  align-items: center;
  text-align: start;
}
.p-development .p-development02 .c-list .c-box .c-txtbox .c-txt {
  font-size: 3.2vw;
  line-height: 1.83;
  font-weight: bold;
  margin-top: 1.07vw;
  text-align: justify;
}
.p-development .p-development02 .c-list .c-box.-nvy {
  background: rgba(36, 66, 104, 0.3);
}
.p-development .p-development02 .c-list .c-box.-nvy .c-ttl {
  background: #244268;
}
.p-development .p-development02 .c-list .c-box.-nvy .c-ttlbox .c-txt {
  color: #244268;
}
.p-development .p-development02 .c-list .c-box.-trq {
  background: rgba(2, 155, 161, 0.35);
}
.p-development .p-development02 .c-list .c-box.-trq .c-ttl {
  background: #029BA1;
}
.p-development .p-development02 .c-list .c-box.-trq .c-ttlbox .c-txt {
  color: #029BA1;
}
.p-development .p-development02 .c-list .c-box.-lgr {
  background: rgba(179, 233, 213, 0.34);
}
.p-development .p-development02 .c-list .c-box.-lgr .c-ttl {
  background: #BBECD7;
}
.p-development .p-development02 .c-list .c-box.-lgr .c-ttlbox .c-txt {
  color: #1c9161;
}
.p-development .p-development02 .c-list .c-box.-yel {
  background: rgba(249, 246, 183, 0.36);
}
.p-development .p-development02 .c-list .c-box.-yel .c-ttl {
  background: #F9F6B7;
}
.p-development .p-development02 .c-list .c-box.-yel .c-ttlbox {
  background: #fcfae0;
}
.p-development .p-development02 .c-list .c-box.-yel .c-ttlbox .c-txt {
  color: #b5a31c;
}
.p-development .p-development02 .c-list .c-box:nth-child(odd) {
  grid-template-columns: 71.47vw 21.73vw;
}
.p-development .p-development02 .c-list .c-box:nth-child(odd) .c-ttlbox {
  order: 2;
}
.p-development .p-development02 .c-list .c-box:nth-child(even) {
  grid-template-columns: 21.73vw 71.47vw;
}
.p-development .p-development02 .c-list .c-box:nth-child(even) .c-txtbox {
  order: 2;
}
.p-development .p-development02 .c-list .c-box:last-child {
  position: relative;
}
.p-development .p-development02 .c-list .c-box:last-child::after {
  content: "";
  width: 100vw;
  height: auto;
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  aspect-ratio: 750/80;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_symptom04_arrow.png) no-repeat top left/100%;
}

/* ====== 辛い尿トラブル・・・原因は？ ====== */
.p-couse {
  padding: 25.2vw 0 4.67vw;
}
.p-couse .c-ttlbox {
  width: 100%;
  text-align: left;
  margin: 0;
}
.p-couse .c-ttlbox .c-subttl {
  font-size: 4.27vw;
  line-height: 1.2;
  color: #244268;
  font-weight: bold;
  position: relative;
  display: inline-block;
  margin-left: 10.53vw;
}
.p-couse .c-ttlbox .c-subttl::after {
  content: "";
  position: absolute;
  aspect-ratio: 275/19;
  width: 100%;
  height: auto;
  display: block;
  top: calc(100% + 1.87vw);
  left: 0;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_cause_line.png) no-repeat top left/cover;
}
.p-couse .c-ttlbox .c-ttl {
  font-size: 5.33vw;
  color: #244268;
  font-weight: bold;
  margin-top: 8.79vw;
  position: relative;
  font-feature-settings: "palt" 1;
  text-align: center;
}
.p-couse .c-ttlbox .c-ttl span {
  font-size: 6.93vw;
  line-height: 1.2;
  color: #244268;
  font-weight: bold;
}
.p-couse .c-ttlbox .c-ttl::after {
  content: "";
  position: absolute;
  aspect-ratio: 102/132;
  width: 18vw;
  height: auto;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_cause01_ttl01.png) no-repeat top left/cover;
  bottom: calc(100% + 1.6vw);
  right: 12.4vw;
}
.p-couse .p-couse__about .contents01 {
  width: 100%;
  margin: 8.8vw auto 0;
  grid-template-columns: 1fr;
}
.p-couse .p-couse__about .contents01 .c-content-ttl {
  font-size: 8vw;
  line-height: 1.2;
  color: #0A5A58;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  text-align: center;
  margin-bottom: 9.87vw;
}
.p-couse .p-couse__about .contents01 .c-content-ttl .u-font-s {
  font-size: 5.33vw;
  line-height: 1.2;
  color: #0A5A58;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 5.2vw;
}
.p-couse .p-couse__about .contents01 .c-content-ttl ruby {
  color: #0A5A58;
  position: relative;
  font-size: 10.67vw;
  line-height: 1.2;
  font-weight: bold;
  font-feature-settings: "palt" 1;
}
.p-couse .p-couse__about .contents01 .c-content-ttl rb {
  color: #0A5A58;
}
.p-couse .p-couse__about .contents01 .c-content-ttl rb[data-ruby]::before {
  font-size: 4.27vw;
  line-height: 1.2;
  font-weight: bold;
  color: #0A5A58;
  /* display: block; */
  content: attr(data-ruby);
  position: absolute;
  text-align: center;
  letter-spacing: 0.075em;
  line-height: 1;
  width: 100%;
  bottom: calc(100% - 0.87vw);
  white-space: nowrap;
}
.p-couse .p-couse__about .contents01 .c-txtbox {
  position: relative;
  width: 88.67vw;
  margin: auto;
}
.p-couse .p-couse__about .contents01 .c-txtbox::after {
  content: "";
  position: absolute;
  display: block;
  aspect-ratio: 131/188;
  width: 16.4vw;
  height: auto;
  bottom: 0;
  right: -2.13vw;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_cause01_ttl02.png) no-repeat top left/cover;
}
.p-couse .p-couse__about .contents01 .c-txtbox dl {
  width: 100%;
  padding: 1.34vw 4vw 4.27vw 5.33vw;
  background: #0A5A58;
  border-radius: 7px;
  text-align: left;
}
.p-couse .p-couse__about .contents01 .c-txtbox dt span {
  font-size: 5.33vw;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.p-couse .p-couse__about .contents01 .c-txtbox dd {
  font-size: 3.73vw;
  color: #fff;
  font-weight: bold;
  font-feature-settings: "palt" 1;
  margin-top: 0.8vw;
}
.p-couse .p-couse__about .contents01 .c-txtbox .c-notes {
  font-size: 3.47vw;
  line-height: 1.69;
  color: #0A5A58;
  margin: 5.07vw 0 4.66vw 3.93vw;
  font-weight: bold;
  text-align: left;
}
.p-couse .p-couse__about .contents02 {
  width: 100%;
  margin: 12.27vw auto 0;
  text-align: center;
}
.p-couse .p-couse__about .contents02 picture {
  max-width: 92vw;
  display: inline-block;
  aspect-ratio: 690/571;
}
.p-couse .p-couse__about .contents02 figcaption {
  color: #603e22;
  font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.75;
  font-feature-settings: "palt" 1;
}
.p-couse .p-couse__about .contents03 {
  width: 88.67vw;
  border-radius: 7px;
  text-align: left;
  margin: 25.86vw auto 18.4vw;
  padding: 4vw 4vw 4.27vw 4.26vw;
}
.p-couse .p-couse__about .contents03 .c-contents-ttl span {
  font-size: 5.33vw;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  border-bottom: 1px solid #fff;
}
.p-couse .p-couse__about .contents03 .c-txt {
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.86;
  color: #fff;
  margin: 3.46vw 0 0.94vw;
}
.p-couse .p-couse__about .contents03 .c-list.-dots {
  width: 70.4vw;
  text-align: left;
  margin: 0;
  padding-left: 3.33vw;
}
.p-couse .p-couse__about .contents03 .c-list.-dots li {
  font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  list-style-type: disc;
}
.p-couse .p-couse__about .contents03 .c-list.-dots li::marker {
  font-size: 1.6vw;
}
.p-couse .p-couse__about .contents03 .c-list.-dots li + li {
  margin-top: 4.53vw;
}
.p-couse .p-couse__about .contents04 {
  width: 96vw;
  margin: 0 auto 9.07vw;
}
.p-couse .p-couse__about .contents04 figure {
  max-width: 1000px;
  grid-template-columns: 1fr;
  -moz-column-gap: 23px;
       column-gap: 23px;
  margin: auto;
}
.p-couse .p-couse__about .contents04 figure picture {
  width: 90.67vw;
  display: block;
  margin: auto;
}
.p-couse .p-couse__about .contents04 figure figcaption .c-ttl {
  font-size: 6.13vw;
  font-weight: bold;
  line-height: 1.2;
  color: #7c1421;
  margin-bottom: 6.94vw;
}
.p-couse .p-couse__about .contents04 figure figcaption .c-txt {
  font-size: 4vw;
  font-weight: bold;
  line-height: 1.71;
  text-align: justify;
  margin-bottom: 11.73vw;
}
.p-couse .p-couse__about .contents04 figure + figure {
  margin-top: 20.27vw;
}
.p-couse .p-couse__about .contents05 {
  width: 88.62vw;
  max-width: 820px;
  margin: 0 auto;
  border-radius: 7px;
  padding: 3.2vw 4vw 6.67vw 4vw;
}
.p-couse .p-couse__about .contents05 .c-contents-ttl {
  text-align: left;
  margin-bottom: 5.07vw;
  padding-top: 0.8vw;
}
.p-couse .p-couse__about .contents05 .c-contents-ttl span {
  color: #fff;
  font-size: 5.33vw;
  font-weight: bold;
  line-height: 1.2;
  border-bottom: 1px solid #fff;
}
.p-couse .p-couse__about .contents05 .c-list.-dots {
  max-width: 367px;
  margin: auto;
  padding-left: 6.27vw;
}
.p-couse .p-couse__about .contents05 .c-list.-dots li {
  color: #fff;
  font-size: 4.27vw;
  line-height: 1.2;
  font-weight: bold;
}
.p-couse .p-couse__about .contents05 .c-list.-dots li.u-strong {
  font-size: 6.4vw;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
}
.p-couse .p-couse__about .contents05 .c-list.-dots li + li {
  margin-top: 2.13vw;
}

/* ====== 尿トラブルを緩和するためには====== */
.p-twist {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_twist.jpg) no-repeat top left/cover;
  padding: 16.8vw 0 13.6vw;
}
.p-twist .c-subttl {
  font-size: 6.67vw;
  font-weight: bold;
  line-height: 1.2;
  color: #882e26;
  text-align: center;
}
.p-twist .c-subttl.c-img {
  margin: 5.86vw auto 1.87vw;
  display: block;
  width: 17.73vw;
  height: auto;
  aspect-ratio: 1/1;
}
.p-twist .c-ttl {
  text-align: center;
  font-size: 9.6vw;
  font-weight: bold;
  line-height: 1.2;
}
.p-twist .c-ttl span {
  font-size: 19.2vw;
  font-weight: bold;
  line-height: 1.2;
  display: block;
}
.p-twist .contents01 {
  width: 100%;
  padding: 76.4vw 0 0;
  margin-top: 0.67vw;
  display: block;
  justify-content: flex-end;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_ladies_trouble02_01.png) no-repeat;
  background-position: top center;
  background-size: 75.73vw auto;
}
.p-twist .contents01 .c-txtbox {
  max-width: 490px;
}
.p-twist .contents01 .c-txtbox .c-ttl {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.75;
}
.p-twist .contents01 .c-txtbox .c-list {
  max-width: 26.53vw;
  margin: 1.86vw auto 3.6vw;
}
.p-twist .contents01 .c-txtbox .c-list li {
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.2;
}
.p-twist .contents01 .c-txtbox .c-list li + li {
  margin-top: 3.2vw;
}
.p-twist .contents01 .c-txtbox .c-list li.-blu {
  color: #25af9f;
}
.p-twist .contents01 .c-txtbox .c-list li.-red {
  color: #d3685e;
}
.p-twist .contents01 .c-txtbox .c-list li.-yel {
  color: #d1cd2f;
}
.p-twist .contents01 .c-txtbox .c-txt {
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.86;
  text-align: center;
}

/* ====== 向いています。====== */
.p-conclusion01 {
  padding: 2.8vw 0 15.47vw;
}
.p-conclusion01 .c-ttl {
  font-size: 4.8vw;
  font-weight: bold;
  text-align: center;
}
.p-conclusion01 .c-list.-checked {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  margin: 4.8vw auto 7.2vw;
  row-gap: 3.47vw;
}
.p-conclusion01 .c-list.-checked li {
  position: relative;
  font-size: 4vw;
  line-height: 1.2;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  padding-left: 8.26vw;
  text-align: left;
}
.p-conclusion01 .c-list.-checked li::before {
  content: "";
  width: 5.07vw;
  height: auto;
  aspect-ratio: 42/35;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0 !important;
  display: inline-block;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/icon_checked.png) no-repeat top left/cover;
}
.p-conclusion01 figure {
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: 52.8vw auto;
  justify-content: space-between;
  padding: 0 7.73vw 0 9.87vw;
}
.p-conclusion01 figure .c-img {
  display: block;
  margin: auto;
  width: 100%;
  aspect-ratio: 1070/357;
}
.p-conclusion01 figure figcaption {
  font-size: 6.93vw;
  font-weight: bold;
  line-height: 1.86;
  color: #0a5a58;
  text-align: center;
  margin: 10.13vw auto 0;
  writing-mode: vertical-rl;
}

/* ====== 向いています。====== */
.p-conclusion02 {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_twist.jpg) repeat top left;
  padding: 3.87vw 0 9.07vw;
}
.p-conclusion02 .c-ttl {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.67;
  color: #0a5a58;
  text-align: center;
  margin: 0 auto 5.87vw;
}
.p-conclusion02 .c-img {
  display: block;
  margin: auto;
  width: 100%;
  aspect-ratio: 876/605;
}
.p-conclusion02 .c-txt {
  width: 100%;
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.72;
  text-align: center;
  margin: 3.73vw auto 0;
}

/* ====== 尿トラブルを緩和するためには====== */
.p-ladies {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_twist.jpg) repeat top left/cover;
}
.p-ladies .trouble01 {
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/bg_ladies_sp.png) no-repeat top left/100% 100%;
  padding: 11.2vw 0 18.27vw;
}
.p-ladies .trouble01 .c-inner {
  width: 88vw;
  margin: auto;
  border-radius: 10px;
}
.p-ladies .trouble01 .c-ttlbox {
  padding: 16.53vw 0 6.93vw;
  margin: 0 auto;
  text-align: center;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_ladies_flower.png) no-repeat top left/45.33vw auto;
}
.p-ladies .trouble01 .c-ttlbox .c-ttl {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.86;
  color: #7c1421;
}
.p-ladies .trouble01 .c-ttlbox .c-ttl .u-strong {
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
  color: #7c1421;
}
.p-ladies .trouble01 .c-subttl {
  font-size: 5.33vw;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}
.p-ladies .trouble01 .c-txt {
  width: 83.33vw;
  font-size: 3.73vw;
  font-weight: bold;
  line-height: 1.86;
  margin: 2.54vw auto 9.73vw;
  text-align: left;
}
.p-ladies .trouble01 .c-contents {
  justify-content: left;
  flex-wrap: wrap;
  padding: 0 2vw;
}
.p-ladies .trouble01 .c-contents .c-subttl {
  font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.72;
  color: #7c1421;
  position: relative;
  margin-top: 12.93vw;
  padding-left: 28.67vw;
  order: 1;
  text-align: left;
}
.p-ladies .trouble01 .c-contents .c-subttl::before {
  content: "";
  position: absolute;
  width: 24.27vw;
  height: auto;
  aspect-ratio: 136/163;
  bottom: 1.47vw;
  left: 1.07vw;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_ladies_ttl.png) no-repeat top left/cover;
  display: block;
}
.p-ladies .trouble01 .c-contents .c-ttl {
  font-size: 5.87vw;
  font-weight: bold;
  line-height: 1.62;
  color: #7c1421;
  margin-top: 19.13vw;
  text-align: left;
  order: 3;
}
.p-ladies .trouble01 .c-contents .c-img {
  width: 74.13vw;
  aspect-ratio: 557/441;
  display: block;
  text-align: center;
  order: 2;
  margin: 6.26vw auto 3vw;
}
.p-ladies .trouble01 .c-contents .c-txt {
  font-size: 4.27vw;
  font-weight: bold;
  line-height: 1.73;
  margin: 5.87vw auto 5.07vw;
  text-align: justify;
  order: 4;
}
.p-ladies .trouble02 {
  padding: 12.4vw 0 18.53vw;
}
.p-ladies .trouble02 .c-ttl {
  text-align: center;
  font-size: 8vw;
  font-weight: bold;
  line-height: 1.2;
  color: #7c1421;
}
.p-ladies .trouble02 .c-ttl .c-img {
  display: block;
  width: 81.2vw;
  margin: auto;
}
.p-ladies .trouble02 .c-ttl .u-font-s {
  font-size: 4.8vw;
  line-height: 1.2;
  color: #7c1421;
}
.p-ladies .trouble02 .c-ttl .u-font-l {
  font-size: 16vw;
  line-height: 1.2;
  color: #7c1421;
}
.p-ladies .trouble02 .c-box {
  width: 100%;
  aspect-ratio: 1125/504;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 91.06vw 0 0;
  margin-top: 5.6vw;
  background: url(https://kamposhop.kracie.co.jp/img/usr/freepage/hatimijiogan/img_ladies_trouble02_01.png) no-repeat top center/94.67vw auto;
}
.p-ladies .trouble02 .c-box .c-txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 5.6vw;
  font-weight: bold;
  line-height: 1.75;
  color: #7c1421;
  text-align: center;
}

.c-product-details {
  margin-top: 7.33vw;
}
.c-product-details .c-ttl {
  display: block;
  margin: auto;
  width: 55.73vw;
}
.c-product-details .c-img {
  max-width: 92vw;
  aspect-ratio: 996/664;
  margin: 2.93vw auto 25.47vw;
  background: rgba(221, 222, 216, 0.34);
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ====== ▼ よくある質問Q&A ▼ ====== */
.faq_area {
  width: 92vw;
  margin: 4.66vw auto;
  text-align: left;
}

.faq_areafaq_area h3 {
  width: 92vw;
  margin: 7.99vw auto 3.99vw;
}

.faq_area dt {
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.55;
  margin: 5.06vw 0 2.39vw 0;
  padding-left: 7.6vw;
  position: relative;
  font-feature-settings: "palt" 1;
}

.faq_area dd {
  padding-left: 7.99vw;
  position: relative;
  letter-spacing: -0.05em;
}

.faq_area dt::before {
  content: "";
  width: 5.99vw;
  height: 5.99vw;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/goods/details/details_icon_q.gif") no-repeat 0 0;
  background-size: 100%;
}

.faq_area dd::before {
  content: "";
  width: 5.99vw;
  height: 5.99vw;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../../img/goods/details/details_icon_a.gif") no-repeat 0 0;
  background-size: 100%;
}

.fPNK01 {
  color: #BC9E65;
}

.faq_area dl dt span.wavyline::after,
.faq_area dl dd span.wavyline::after {
  background: url(../../img/usr/freepage/bakumondoto/wave02_sp.png) 0 0;
  background-repeat: repeat-x;
  background-size: contain;
  bottom: -1.3vw !important;
  height: 1.3vw !important;
}

.medical-related-box .btn-outline-primary {
  width: 92vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  cursor: pointer;
  font-size: 3.99vw;
  font-weight: 600;
  line-height: 1.65;
  border: 2px solid transparent;
  transition: 0.2s;
  padding: 2vw 0;
  /* border-radius: 5px; */
  background: #fff;
  border: 2px solid #6eb92b !important;
  color: #6eb92b !important;
  position: relative;
}

.fbtn-area {
  margin-top: 10.66vw;
}

.fbtn-area > div {
  margin: 5.99vw auto;
}

.footer-back-ec-btn {
  width: 92vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 6.9vw;
  cursor: pointer;
  font-size: 3.99vw;
  font-weight: 600;
  text-align: center;
  line-height: 1.65;
  border: 2px solid transparent;
  transition: 0.2s;
  padding: 2vw 0;
  border-radius: 5px;
  background: #fff;
  border: 2px solid #6eb92b !important;
  color: #6eb92b !important;
  position: relative;
}

.footer-back-ec-btn:after,
.medical-related-box .btn-outline-primary:after {
  position: absolute;
  right: 6%;
  content: "\f054";
  font-weight: 700;
  font-size: 3.99vw;
  color: #6eb92b !important;
  font-family: "Font Awesome 5 Free";
}

.footer .footer-support {
  padding: 4vw;
  padding-bottom: 6.66667vw;
}

.footer-guide {
  padding-left: 4vw;
  padding-right: 4vw;
}

/* ====== 追従ボタン ====== */
.footer .page-top {
  border: 2px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
  z-index: 444;
}

.product-buy-fixed {
  position: fixed;
  left: 0;
  bottom: -180vw;
  z-index: 1020;
  width: 100%;
  padding: 3.2vw 14vw 3.2vw 1vw;
  background: #6eb92b;
  transition: 0.3s;
  z-index: 333;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Font Awesome 5 Free", sans-serif;
}

.product-buy-fixed.is-show {
  bottom: 0;
}

.product-buy-fixed-variation-list-wrapper {
  position: fixed;
  bottom: -100px;
  left: 0;
  width: 100%;
  overflow: hidden;
  background: #6eb92b;
  transition: opacity 0.5s, bottom 0.5s, visibility 0s ease 0.5s;
  opacity: 0;
  visibility: hidden;
}

.product-buy-fixed-variation-list-wrapper-inner {
  padding: 3.2vw 4vw;
}

.product-buy-fixed-variation-list-wrapper.is-open {
  transition-delay: 0s;
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.product-buy-fixed-variation-list-wrapper-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.product-buy-fixed-variation-list-wrapper-close::before, .product-buy-fixed-variation-list-wrapper-close::after {
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 17px;
  left: 7px;
  transform: rotate(45deg);
}

.product-buy-fixed-variation-list-wrapper-close::before {
  transform: rotate(-45deg);
}

.product-buy-fixed .variation-list {
  margin-top: 2.66667vw;
}

.product-buy-fixed .variation-list .variation-list-item {
  display: flex;
  display: -ms-flexbox;
  justify-content: space-between;
  -ms-flex-pack: justify;
  align-items: center;
  -ms-flex-align: center;
  margin-bottom: 2.66667vw;
}

.product-buy-fixed .variation-list .variation-list-item:last-child {
  margin-bottom: 0;
}

.product-buy-fixed .variation-number {
  display: flex;
  display: -ms-flexbox;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  -ms-flex-align: center;
  width: 9.33333vw;
  height: 9.33333vw;
  font-size: 3.2vw;
  background-color: #fff;
}

.product-buy-fixed .product-price {
  font-size: 3.8vw; /* 3.46667vw */
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.05em;
}

.product-buy-fixed .btn-buy {
  width: 48vw;
  background: #fff;
  color: #6eb92b;
  margin: 0 auto;
}

.product-buy-fixed .btn-buy::before {
  content: "";
  display: inline-block;
  width: 7.46667vw;
  height: 4.53333vw;
  background: url("../../img/customize/pc/common/ico_basket_green.png") center center no-repeat;
  background-size: contain;
  margin-right: 0.8vw;
}

.product-buy-fixed .product-btn-favorite {
  font-size: 6.13333vw;
  color: #fff;
}

.product-buy-fixed .detail-btn-favorite-added {
  color: #fff;
}

.product-buy-fixed .block-arrival-notice--btn {
  background: #fff;
  color: #6eb92b;
}

/* キャンペーン価格 */
.cp_product-price {
  font-size: 3vw;
}

.cp_product-price > span {
  width: 80%;
  line-height: 1.8;
  margin-bottom: 1.2vw;
  color: #fff;
  display: inline-block;
}
/*# sourceMappingURL=hatimijiogan_sp.css.map */