@charset "UTF-8";
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #e71422;
  --orange: #ff7f00;
  --yellow: #ffc107;
  --green: #009b3f;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #009b3f;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #e71422;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-gothic:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    "Meiryo",
    "Arial",
    sans-serif;
  --font-family-mincho:
    "Hiragino Mincho ProN",
    "YuMincho",
    serif;
  --font-family-sans-serif:
  -apple-system,
  BlinkMacSystemFont,
  "Segoe UI",
  Roboto,
  "Helvetica Neue",
  Arial,
  "Noto Sans",
  sans-serif,
  "Apple Color Emoji",
  "Segoe UI Emoji",
  "Segoe UI Symbol",
  "Noto Color Emoji";
  --font-family-monospace:
  SFMono-Regular,
  Menlo,
  Monaco,
  Consolas,
  "Liberation Mono",
  "Courier New",
  monospace;
}

/* utility
---------------------------- */
.b-m0 {
  margin: 0px !important;
}

.b-mt0 {
  margin-top: 0px !important;
}

.b-mb0 {
  margin-bottom: 0px !important;
}

.b-ml0 {
  margin-left: 0px !important;
}

.b-mr0 {
  margin-right: 0px !important;
}

.b-p0 {
  padding: 0px !important;
}

.b-pt0 {
  padding-top: 0px !important;
}

.b-pb0 {
  padding-bottom: 0px !important;
}

.b-pl0 {
  padding-left: 0px !important;
}

.b-pr0 {
  padding-right: 0px !important;
}

.b-m5 {
  margin: 5px !important;
}

.b-mt5 {
  margin-top: 5px !important;
}

.b-mb5 {
  margin-bottom: 5px !important;
}

.b-ml5 {
  margin-left: 5px !important;
}

.b-mr5 {
  margin-right: 5px !important;
}

.b-p5 {
  padding: 5px !important;
}

.b-pt5 {
  padding-top: 5px !important;
}

.b-pb5 {
  padding-bottom: 5px !important;
}

.b-pl5 {
  padding-left: 5px !important;
}

.b-pr5 {
  padding-right: 5px !important;
}

.b-m10 {
  margin: 10px !important;
}

.b-mt10 {
  margin-top: 10px !important;
}

.b-mb10 {
  margin-bottom: 10px !important;
}

.b-ml10 {
  margin-left: 10px !important;
}

.b-mr10 {
  margin-right: 10px !important;
}

.b-p10 {
  padding: 10px !important;
}

.b-pt10 {
  padding-top: 10px !important;
}

.b-pb10 {
  padding-bottom: 10px !important;
}

.b-pl10 {
  padding-left: 10px !important;
}

.b-pr10 {
  padding-right: 10px !important;
}

.b-m15 {
  margin: 15px !important;
}

.b-mt15 {
  margin-top: 15px !important;
}

.b-mb15 {
  margin-bottom: 15px !important;
}

.b-ml15 {
  margin-left: 15px !important;
}

.b-mr15 {
  margin-right: 15px !important;
}

.b-p15 {
  padding: 15px !important;
}

.b-pt15 {
  padding-top: 15px !important;
}

.b-pb15 {
  padding-bottom: 15px !important;
}

.b-pl15 {
  padding-left: 15px !important;
}

.b-pr15 {
  padding-right: 15px !important;
}

.b-m20 {
  margin: 20px !important;
}

.b-mt20 {
  margin-top: 20px !important;
}

.b-mb20 {
  margin-bottom: 20px !important;
}

.b-ml20 {
  margin-left: 20px !important;
}

.b-mr20 {
  margin-right: 20px !important;
}

.b-p20 {
  padding: 20px !important;
}

.b-pt20 {
  padding-top: 20px !important;
}

.b-pb20 {
  padding-bottom: 20px !important;
}

.b-pl20 {
  padding-left: 20px !important;
}

.b-pr20 {
  padding-right: 20px !important;
}

.b-m25 {
  margin: 25px !important;
}

.b-mt25 {
  margin-top: 25px !important;
}

.b-mb25 {
  margin-bottom: 25px !important;
}

.b-ml25 {
  margin-left: 25px !important;
}

.b-mr25 {
  margin-right: 25px !important;
}

.b-p25 {
  padding: 25px !important;
}

.b-pt25 {
  padding-top: 25px !important;
}

.b-pb25 {
  padding-bottom: 25px !important;
}

.b-pl25 {
  padding-left: 25px !important;
}

.b-pr25 {
  padding-right: 25px !important;
}

.b-m30 {
  margin: 30px !important;
}

.b-mt30 {
  margin-top: 30px !important;
}

.b-mb30 {
  margin-bottom: 30px !important;
}

.b-ml30 {
  margin-left: 30px !important;
}

.b-mr30 {
  margin-right: 30px !important;
}

.b-p30 {
  padding: 30px !important;
}

.b-pt30 {
  padding-top: 30px !important;
}

.b-pb30 {
  padding-bottom: 30px !important;
}

.b-pl30 {
  padding-left: 30px !important;
}

.b-pr30 {
  padding-right: 30px !important;
}

.b-m35 {
  margin: 35px !important;
}

.b-mt35 {
  margin-top: 35px !important;
}

.b-mb35 {
  margin-bottom: 35px !important;
}

.b-ml35 {
  margin-left: 35px !important;
}

.b-mr35 {
  margin-right: 35px !important;
}

.b-p35 {
  padding: 35px !important;
}

.b-pt35 {
  padding-top: 35px !important;
}

.b-pb35 {
  padding-bottom: 35px !important;
}

.b-pl35 {
  padding-left: 35px !important;
}

.b-pr35 {
  padding-right: 35px !important;
}

.b-m40 {
  margin: 40px !important;
}

.b-mt40 {
  margin-top: 40px !important;
}

.b-mb40 {
  margin-bottom: 40px !important;
}

.b-ml40 {
  margin-left: 40px !important;
}

.b-mr40 {
  margin-right: 40px !important;
}

.b-p40 {
  padding: 40px !important;
}

.b-pt40 {
  padding-top: 40px !important;
}

.b-pb40 {
  padding-bottom: 40px !important;
}

.b-pl40 {
  padding-left: 40px !important;
}

.b-pr40 {
  padding-right: 40px !important;
}

.b-m45 {
  margin: 45px !important;
}

.b-mt45 {
  margin-top: 45px !important;
}

.b-mb45 {
  margin-bottom: 45px !important;
}

.b-ml45 {
  margin-left: 45px !important;
}

.b-mr45 {
  margin-right: 45px !important;
}

.b-p45 {
  padding: 45px !important;
}

.b-pt45 {
  padding-top: 45px !important;
}

.b-pb45 {
  padding-bottom: 45px !important;
}

.b-pl45 {
  padding-left: 45px !important;
}

.b-pr45 {
  padding-right: 45px !important;
}

.b-m50 {
  margin: 50px !important;
}

.b-mt50 {
  margin-top: 50px !important;
}

.b-mb50 {
  margin-bottom: 50px !important;
}

.b-ml50 {
  margin-left: 50px !important;
}

.b-mr50 {
  margin-right: 50px !important;
}

.b-p50 {
  padding: 50px !important;
}

.b-pt50 {
  padding-top: 50px !important;
}

.b-pb50 {
  padding-bottom: 50px !important;
}

.b-pl50 {
  padding-left: 50px !important;
}

.b-pr50 {
  padding-right: 50px !important;
}

.b-m55 {
  margin: 55px !important;
}

.b-mt55 {
  margin-top: 55px !important;
}

.b-mb55 {
  margin-bottom: 55px !important;
}

.b-ml55 {
  margin-left: 55px !important;
}

.b-mr55 {
  margin-right: 55px !important;
}

.b-p55 {
  padding: 55px !important;
}

.b-pt55 {
  padding-top: 55px !important;
}

.b-pb55 {
  padding-bottom: 55px !important;
}

.b-pl55 {
  padding-left: 55px !important;
}

.b-pr55 {
  padding-right: 55px !important;
}

.b-m60 {
  margin: 60px !important;
}

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

.b-mb60 {
  margin-bottom: 60px !important;
}

.b-ml60 {
  margin-left: 60px !important;
}

.b-mr60 {
  margin-right: 60px !important;
}

.b-p60 {
  padding: 60px !important;
}

.b-pt60 {
  padding-top: 60px !important;
}

.b-pb60 {
  padding-bottom: 60px !important;
}

.b-pl60 {
  padding-left: 60px !important;
}

.b-pr60 {
  padding-right: 60px !important;
}

.b-m65 {
  margin: 65px !important;
}

.b-mt65 {
  margin-top: 65px !important;
}

.b-mb65 {
  margin-bottom: 65px !important;
}

.b-ml65 {
  margin-left: 65px !important;
}

.b-mr65 {
  margin-right: 65px !important;
}

.b-p65 {
  padding: 65px !important;
}

.b-pt65 {
  padding-top: 65px !important;
}

.b-pb65 {
  padding-bottom: 65px !important;
}

.b-pl65 {
  padding-left: 65px !important;
}

.b-pr65 {
  padding-right: 65px !important;
}

.b-m70 {
  margin: 70px !important;
}

.b-mt70 {
  margin-top: 70px !important;
}

.b-mb70 {
  margin-bottom: 70px !important;
}

.b-ml70 {
  margin-left: 70px !important;
}

.b-mr70 {
  margin-right: 70px !important;
}

.b-p70 {
  padding: 70px !important;
}

.b-pt70 {
  padding-top: 70px !important;
}

.b-pb70 {
  padding-bottom: 70px !important;
}

.b-pl70 {
  padding-left: 70px !important;
}

.b-pr70 {
  padding-right: 70px !important;
}

.b-m75 {
  margin: 75px !important;
}

.b-mt75 {
  margin-top: 75px !important;
}

.b-mb75 {
  margin-bottom: 75px !important;
}

.b-ml75 {
  margin-left: 75px !important;
}

.b-mr75 {
  margin-right: 75px !important;
}

.b-p75 {
  padding: 75px !important;
}

.b-pt75 {
  padding-top: 75px !important;
}

.b-pb75 {
  padding-bottom: 75px !important;
}

.b-pl75 {
  padding-left: 75px !important;
}

.b-pr75 {
  padding-right: 75px !important;
}

.b-m80 {
  margin: 80px !important;
}

.b-mt80 {
  margin-top: 80px !important;
}

.b-mb80 {
  margin-bottom: 80px !important;
}

.b-ml80 {
  margin-left: 80px !important;
}

.b-mr80 {
  margin-right: 80px !important;
}

.b-p80 {
  padding: 80px !important;
}

.b-pt80 {
  padding-top: 80px !important;
}

.b-pb80 {
  padding-bottom: 80px !important;
}

.b-pl80 {
  padding-left: 80px !important;
}

.b-pr80 {
  padding-right: 80px !important;
}

.b-m85 {
  margin: 85px !important;
}

.b-mt85 {
  margin-top: 85px !important;
}

.b-mb85 {
  margin-bottom: 85px !important;
}

.b-ml85 {
  margin-left: 85px !important;
}

.b-mr85 {
  margin-right: 85px !important;
}

.b-p85 {
  padding: 85px !important;
}

.b-pt85 {
  padding-top: 85px !important;
}

.b-pb85 {
  padding-bottom: 85px !important;
}

.b-pl85 {
  padding-left: 85px !important;
}

.b-pr85 {
  padding-right: 85px !important;
}

.b-m90 {
  margin: 90px !important;
}

.b-mt90 {
  margin-top: 90px !important;
}

.b-mb90 {
  margin-bottom: 90px !important;
}

.b-ml90 {
  margin-left: 90px !important;
}

.b-mr90 {
  margin-right: 90px !important;
}

.b-p90 {
  padding: 90px !important;
}

.b-pt90 {
  padding-top: 90px !important;
}

.b-pb90 {
  padding-bottom: 90px !important;
}

.b-pl90 {
  padding-left: 90px !important;
}

.b-pr90 {
  padding-right: 90px !important;
}

.b-m95 {
  margin: 95px !important;
}

.b-mt95 {
  margin-top: 95px !important;
}

.b-mb95 {
  margin-bottom: 95px !important;
}

.b-ml95 {
  margin-left: 95px !important;
}

.b-mr95 {
  margin-right: 95px !important;
}

.b-p95 {
  padding: 95px !important;
}

.b-pt95 {
  padding-top: 95px !important;
}

.b-pb95 {
  padding-bottom: 95px !important;
}

.b-pl95 {
  padding-left: 95px !important;
}

.b-pr95 {
  padding-right: 95px !important;
}

.b-m100 {
  margin: 100px !important;
}

.b-mt100 {
  margin-top: 100px !important;
}

.b-mb100 {
  margin-bottom: 100px !important;
}

.b-ml100 {
  margin-left: 100px !important;
}

.b-mr100 {
  margin-right: 100px !important;
}

.b-p100 {
  padding: 100px !important;
}

.b-pt100 {
  padding-top: 100px !important;
}

.b-pb100 {
  padding-bottom: 100px !important;
}

.b-pl100 {
  padding-left: 100px !important;
}

.b-pr100 {
  padding-right: 100px !important;
}

.b-center {
  text-align: center !important;
}

.b-left {
  text-align: left !important;
}

.b-right {
  text-align: right !important;
}

.b-flex {
  display: -webkit-flex;
  display: flex;
}

/* text
---------------------------- */
.b-text-red {
  color: var(--red);
}

.b-text-blue {
  color: #213C9F;
}

.b-text-small {
  font-size: 0.8em;
}

.b-text-big {
  font-size: 1.2em;
}

.b-text-bold {
  font-weight: bold;
}

.b-emphasis-dot {
  -webkit-text-emphasis: filled dot;
  text-emphasis: filled dot;
}

.b-marker--yellow {
  background: linear-gradient(transparent 50%, var(--yellow) 50%);
}

.medicinal-clear .item-contents {
  /* common
  ---------------------------- */
  overflow-x: hidden;
  font-family: var(--font-gothic);
  font-feature-settings: "palt";
  letter-spacing: 0.1em;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin-bottom: 80px;
  line-height: 1.6;
  /* component
  ---------------------------- */
  /* fv
  ---------------------------- */
  /* module
  ---------------------------- */
  /* block
  ---------------------------- */
}
@media screen and (max-width: 340px) {
  .medicinal-clear .item-contents {
    font-size: 12px;
  }
}
.medicinal-clear .item-contents * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.medicinal-clear .item-contents h1, .medicinal-clear .item-contents h2, .medicinal-clear .item-contents h3, .medicinal-clear .item-contents h4, .medicinal-clear .item-contents h5, .medicinal-clear .item-contents h6, .medicinal-clear .item-contents address, .medicinal-clear .item-contents dl, .medicinal-clear .item-contents ol, .medicinal-clear .item-contents ul, .medicinal-clear .item-contents li, .medicinal-clear .item-contents div, .medicinal-clear .item-contents p {
  margin: 0;
}
.medicinal-clear .item-contents address, .medicinal-clear .item-contents dl, .medicinal-clear .item-contents ol, .medicinal-clear .item-contents ul, .medicinal-clear .item-contents li, .medicinal-clear .item-contents div {
  line-height: inherit;
}
.medicinal-clear .item-contents picture {
  display: block;
}
.medicinal-clear .item-contents img {
  max-width: 100%;
  height: auto;
}
.medicinal-clear .item-contents em {
  font-style: normal;
  font-weight: bold;
}
.medicinal-clear .item-contents .c-notes {
  font-size: 12px;
  letter-spacing: 0.1em;
}
.medicinal-clear .item-contents .c-notes.c-notes--list {
  text-indent: -1em;
  padding-left: 1em;
}
.medicinal-clear .item-contents .c-notes.c-notes--large {
  font-size: 14px;
}
.medicinal-clear .item-contents .c-block-title {
  border-bottom: 1px solid;
  text-align: center;
  width: calc(100% - 20px);
  margin: 0 10px;
  padding-bottom: 8px;
}
.medicinal-clear .item-contents .c-block-title .c-block-title__sub {
  display: inline-block;
  font-weight: normal;
  font-size: 18px;
}
.medicinal-clear .item-contents .c-block-title .c-block-title__main {
  display: block;
  font-size: 26px;
  font-family: var(--font-family-mincho);
  line-height: 1.2;
}
.medicinal-clear .item-contents .c-block-title02 {
  position: relative;
  text-align: center;
  width: 100%;
  padding: 20px 0 28px;
  color: #fff;
  background: url("/assets/img/items/medicinal/clear/bg_block_title02.png") no-repeat center top/cover;
  font-family: var(--font-family-mincho);
}
.medicinal-clear .item-contents .c-block-title02::before, .medicinal-clear .item-contents .c-block-title02::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #fff;
  left: 0;
}
.medicinal-clear .item-contents .c-block-title02::before {
  top: 8px;
}
.medicinal-clear .item-contents .c-block-title02::after {
  bottom: 8px;
}
.medicinal-clear .item-contents .c-block-title02 .c-block-title02__sub {
  display: inline-block;
  font-weight: normal;
  font-size: 19px;
  line-height: 1.2;
}
.medicinal-clear .item-contents .c-block-title02 .c-block-title02__main {
  display: block;
  font-size: 24px;
  line-height: 1.2;
}
.medicinal-clear .item-contents .fv {
  position: relative;
}
.medicinal-clear .item-contents .fv .fv__offer {
  padding: 0 10px;
}
.medicinal-clear .item-contents .block {
  width: 100%;
}
.medicinal-clear .item-contents .block .block__inner {
  margin: 20px auto 0;
  padding: 0 10px;
}
.medicinal-clear .item-contents .negative-box {
  background-color: #E7E8E8;
  padding: 30px 25px;
  text-align: center;
}
.medicinal-clear .item-contents .negative-box .negative-box__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 610px;
  margin: 0 auto;
  text-align: left;
}
.medicinal-clear .item-contents .negative-box .negative-box__list > li {
  width: 100%;
  text-indent: -1em;
  padding-left: 1rem;
  font-family: var(--font-family-mincho);
  font-size: 16px;
}
.medicinal-clear .item-contents .card-list {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.medicinal-clear .item-contents .card-list > li {
  text-align: center;
  flex: 1;
}
.medicinal-clear .item-contents .card-list .card-list__text {
  margin-top: 10px;
  font-weight: 700;
  font-size: 12px;
}
.medicinal-clear .item-contents .border-box {
  padding: 20px 10px 10px;
  background: url("/assets/sp/img/items/medicinal/clear/bg_grid01.png");
  border: 10px solid #DFEFF8;
}
.medicinal-clear .item-contents .border-box .border-box__top {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.medicinal-clear .item-contents .border-box .border-box__bottom {
  max-width: 480px;
  margin: 20px auto 0;
  padding: 0 20px;
}
.medicinal-clear .item-contents .catch-block {
  text-align: center;
  font-weight: 600;
  font-size: 24px;
  font-family: var(--font-family-mincho);
}
.medicinal-clear .item-contents .photo-block {
  margin-top: 30px;
}
.medicinal-clear .item-contents .point-box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.medicinal-clear .item-contents .point-box .point-box__item {
  padding: 0 20px;
  text-align: center;
}
.medicinal-clear .item-contents .point-box .point-box__body {
  margin-top: 15px;
}
.medicinal-clear .item-contents .point-box .point-box__heading {
  margin: 0;
  font-size: 22px;
  font-family: var(--font-family-mincho);
  line-height: 1.2;
}
.medicinal-clear .item-contents .point-box .point-box__description {
  margin-top: 10px;
  font-size: 16px;
}
.medicinal-clear .item-contents .qa-box {
  width: 100%;
  margin: 20px auto 0;
}
.medicinal-clear .item-contents .qa-box .qa-box__list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.medicinal-clear .item-contents .qa-box .qa-box__item {
  position: relative;
  background: #F3F1E5;
  margin-left: 10px;
}
.medicinal-clear .item-contents .qa-box .qa-box__item.is-open .qa-box__question::after {
  background: url("/assets/sp/img/items/medicinal/clear/qa_close.gif") no-repeat top/contain;
}
.medicinal-clear .item-contents .qa-box .qa-box__icon {
  position: absolute;
  top: -10px;
  left: -10px;
  width: 36px;
  height: 36px;
  z-index: 1;
}
.medicinal-clear .item-contents .qa-box .qa-box__question {
  padding: 15px 40px 15px;
  cursor: pointer;
  position: relative;
}
.medicinal-clear .item-contents .qa-box .qa-box__question::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 15px;
  right: 15px;
  background: url("/assets/sp/img/items/medicinal/clear/qa_open.gif") no-repeat top/contain;
}
.medicinal-clear .item-contents .qa-box .qa-box__question h3 {
  font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN", "HG明朝E", "MS Mincho", "MS 明朝", serif;
  font-size: 1.1rem;
  text-decoration: underline;
  line-height: 1.6;
  color: #333;
  font-weight: bold;
}
.medicinal-clear .item-contents .qa-box .qa-box__answer {
  text-align: justify;
  padding: 0 20px 15px;
  display: none;
}
.medicinal-clear .item-contents .qa-other {
  margin-top: 20px;
}
.medicinal-clear .item-contents .qa-other .qa-other__list {
  border: 1px solid #acacac;
  margin-left: 3%;
  margin-right: 3%;
  padding: 3%;
}
.medicinal-clear .item-contents .qa-other .qa-other__list > li {
  color: #009944;
  background-image: url("/assets/sp/img/items/medicinal/clear/ico_qa.gif");
  background-size: 1.5em;
  background-position: left 0.2em;
  background-repeat: no-repeat;
  padding-left: 2em;
  font-size: 1rem;
  padding-bottom: 10px;
}
.medicinal-clear .item-contents .qa-other .qa-other__list > li a {
  color: #422515;
  padding-right: 1em;
}
.medicinal-clear .item-contents .block05 .block05__inner {
  position: relative;
}
.medicinal-clear .item-contents .block05 .block05__inner .c-notes {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
/*# sourceMappingURL=style.css.map */