@charset "UTF-8";
.item-description-body {
  padding: 0;
  width: 100vw;
  position: relative;
  box-sizing: border-box;
  left: calc(500px - 50vw);
}
.item-description-body span {
  background: none;
}

@media screen and (max-width: 1000px) {
  .item-description-body {
    width: 100%;
    left: initial;
  }
}
@media screen and (max-width: 769px) {
  article section.item-info-section .item-description,
  article section.item-info-section .item-description2 {
    padding: 0;
  }
}
main section .container h2 {
  background-color: transparent;
  border: none;
}

section .container h2 {
  color: #073aac;
  font-size: 170%;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  padding: 1em;
  margin-bottom: 40px;
}
section .container h2 svg {
  fill: #073aac;
  width: 125px;
  height: auto;
  margin-right: 10px;
}
section .container a.search2::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: white;
  transition: background-color 300ms ease;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%23fff%3Bfill-rule%3A%20evenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22search2%22%20class%3D%22cls-1%22%20d%3D%22M86.883%2C74.193a44.01%2C44.01%2C0%2C0%2C0-36.8-67.53A43.1%2C43.1%2C0%2C0%2C0%2C26.7%2C13.531A44.018%2C44.018%2C0%2C0%2C0%2C50.087%2C94.58a43.106%2C43.106%2C0%2C0%2C0%2C23.388-6.871A44.09%2C44.09%2C0%2C0%2C0%2C86.883%2C74.193Zm-22.655%2C4.2a30.581%2C30.581%2C0%2C0%2C1-14.141%2C3.45A31.257%2C31.257%2C0%2C0%2C1%2C35.951%2C22.855a30.564%2C30.564%2C0%2C0%2C1%2C14.135-3.449A31.26%2C31.26%2C0%2C0%2C1%2C64.229%2C78.389Zm53.306%2C26.633L92.357%2C79.707A52.087%2C52.087%2C0%2C0%2C1%2C78.949%2C93.223l25.176%2C25.314a9.427%2C9.427%2C0%2C0%2C0%2C13.409%2C0A9.613%2C9.613%2C0%2C0%2C0%2C117.534%2C105.022Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
          mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%23fff%3Bfill-rule%3A%20evenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22search2%22%20class%3D%22cls-1%22%20d%3D%22M86.883%2C74.193a44.01%2C44.01%2C0%2C0%2C0-36.8-67.53A43.1%2C43.1%2C0%2C0%2C0%2C26.7%2C13.531A44.018%2C44.018%2C0%2C0%2C0%2C50.087%2C94.58a43.106%2C43.106%2C0%2C0%2C0%2C23.388-6.871A44.09%2C44.09%2C0%2C0%2C0%2C86.883%2C74.193Zm-22.655%2C4.2a30.581%2C30.581%2C0%2C0%2C1-14.141%2C3.45A31.257%2C31.257%2C0%2C0%2C1%2C35.951%2C22.855a30.564%2C30.564%2C0%2C0%2C1%2C14.135-3.449A31.26%2C31.26%2C0%2C0%2C1%2C64.229%2C78.389Zm53.306%2C26.633L92.357%2C79.707A52.087%2C52.087%2C0%2C0%2C1%2C78.949%2C93.223l25.176%2C25.314a9.427%2C9.427%2C0%2C0%2C0%2C13.409%2C0A9.613%2C9.613%2C0%2C0%2C0%2C117.534%2C105.022Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
section .container a.search2:hover::before {
  background-color: #073aac;
  transition: background-color 300ms ease;
}
section .container a.postmark::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: middle;
  background-color: white;
  transition: background-color 300ms ease;
  -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%23fff%3Bfill-rule%3A%20evenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22postmark%22%20class%3D%22cls-1%22%20d%3D%22M0-.077H128V27.077H0V-0.077ZM0%2C76.858H50.286v51.193H77.714V76.858H128V49.7H0V76.858Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
          mask: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22128%22%20height%3D%22128%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%20%7Bfill%3A%20%23fff%3Bfill-rule%3A%20evenodd%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22postmark%22%20class%3D%22cls-1%22%20d%3D%22M0-.077H128V27.077H0V-0.077ZM0%2C76.858H50.286v51.193H77.714V76.858H128V49.7H0V76.858Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
section .container a.postmark:hover::before {
  background-color: #073aac;
  transition: background-color 300ms ease;
}
section.ttl {
  background: linear-gradient(to right, #4169c3, #051760);
  min-height: initial;
}
section.ttl .container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 80px 0;
}
section.ttl.cat-delicate .container {
  flex-direction: column;
  min-height: 640px;
  padding: 0 20px;
}
section.ttl.cat-delicate .container h1 {
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  text-align: center;
  color: white;
  font-size: 180%;
  text-shadow: 1px 1px 0 #0f2678, -1px 1px 0 #0f2678, 1px -1px 0 #0f2678, -1px -1px 0 #0f2678;
  padding: 0 0 30px 0;
}
section.ttl.cat-delicate .container h2 {
  display: inline-block;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  text-align: center;
  color: white;
  font-size: 115%;
  padding: 0;
  text-shadow: 1px 1px 0 #0f2678, -1px 1px 0 #0f2678, 1px -1px 0 #0f2678, -1px -1px 0 #0f2678;
}
section.ttl.cat-delicate .container h2 span {
  display: inline-block;
  border: 1px solid white;
  padding: 0.5em 1.5em;
}
section.ttl.cat-delicate .container h1 + div, section.ttl.cat-delicate .container h2 + div {
  display: flex;
  justify-content: space-between;
  padding: 0 360px 0 60px;
  background: url(https://gigaplus.makeshop.jp/Drestra/images/category/img05.png) no-repeat right center;
  background-size: auto 360px;
  min-height: 360px;
}
section.ttl.cat-delicate .container h1 + div > div, section.ttl.cat-delicate .container h2 + div > div {
  width: 46%;
}
section.ttl.cat-delicate .container h1 + div > div h3, section.ttl.cat-delicate .container h2 + div > div h3 {
  background-color: white;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  margin: 0 auto 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #073aac;
  font-size: 115%;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
}
section.ttl.cat-delicate .container h1 + div > div p, section.ttl.cat-delicate .container h2 + div > div p {
  color: white;
}
section.ttl.cat-delicate.gold h1 br {
  display: none;
}
section.ttl.cat-delicate.silver h2 + div {
  background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img15.png);
}
section.ttl.cat-delicate.cream {
  padding: 40px 0 60px 0;
}
section.ttl.cat-delicate.cream h2 + div {
  background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img16.png);
  background-size: auto 280px;
  min-height: 280px;
}
section.ttl.cat-delicate.jel h2 + div {
  padding: 0 180px 0 60px;
  background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img17.png);
  background-size: auto 380px;
  min-height: 380px;
}
section.ttl.cat-delicate.jel h2 + div > div {
  width: 24%;
}
section.ttl.cat-delicate.jel h2 + div > div h3 {
  width: 180px;
  height: 180px;
}
section.ttl.cat-delicate.mist h1 + div {
  padding: 40px 180px 0 60px;
  background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img501.png);
  background-size: auto 380px;
  min-height: 380px;
}
section.ttl.cat-delicate.mist h1 + div > div {
  width: 24%;
}
section.ttl.cat-delicate.mist h1 + div > div h3 {
  width: 180px;
  height: 180px;
}
section.catch.cat-delicate {
  background-color: #f6f6f6;
  padding: 60px 0;
}
section.catch.cat-delicate .container {
  background: url(https://gigaplus.makeshop.jp/Drestra/images/aboutus/img02.jpg) no-repeat left center;
  background-size: 400px auto;
  padding-left: 460px;
  display: flex;
  justify-content: left;
  align-items: center;
}
section.catch.cat-delicate .container > div p {
  line-height: 2.2;
  padding-bottom: 30px;
}
section.catch.cat-delicate .container > div a {
  margin: 0 auto;
}
section.catch.cat-delicate.mist .container {
  background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img19.jpg);
}
section.catch.cat-delicate.mist .container > div h2 {
  margin-bottom: 0;
}
section.catch.cat-delicate.mist .container > div > p {
  color: #073aac;
  font-size: 115%;
  text-align: center;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
}
section.catch.cat-delicate.mist .container > div > div p {
  width: 22em;
  margin: 0 auto;
  border: 1px solid #073aac;
  text-align: center;
  background-color: white;
  padding: 0.3em 0;
  margin-bottom: 10px;
}
section.detail-delicate {
  padding: 60px 0;
  border-bottom: 1px solid #ccc;
}
section.detail-delicate .container h2 {
  text-align: center;
}
section.detail-delicate .container .row1 {
  display: flex;
  justify-content: space-between;
  padding-bottom: 80px;
}
section.detail-delicate .container .row1 > div {
  border: 2px solid #285ed9;
  border-radius: 5px;
  width: 31%;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.detail-delicate .container .row1 > div > p {
  padding-bottom: 20px;
}
section.detail-delicate .container .row1 > div > p.number {
  color: #285ed9;
  font-size: 300%;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
}
section.detail-delicate .container .row1 > div > p:last-of-type {
  flex-grow: 1;
}
section.detail-delicate .container .row1 > div h3 {
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  padding-bottom: 30px;
}
section.detail-delicate .container .row1 > div h3 span {
  display: block;
  text-align: center;
}
section.detail-delicate .container .row1 > div h3 span:first-child {
  font-size: 105%;
}
section.detail-delicate .container .row1 > div h3 span:last-child {
  font-size: 120%;
}
section.detail-delicate .container .row1 > div img {
  max-width: 70%;
  height: auto;
  margin: 10px auto 50px auto;
}
section.detail-delicate .container .row2,
section.detail-delicate .container .row3 {
  padding-bottom: 120px;
}
section.detail-delicate .container .row2 h3,
section.detail-delicate .container .row3 h3 {
  font-size: 150%;
  padding-bottom: 10px;
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
}
section.detail-delicate .container .row2 p.pt30,
section.detail-delicate .container .row3 p.pt30 {
  padding-top: 30px;
}
section.detail-delicate .container .row2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
section.detail-delicate .container .row2 > div, section.detail-delicate .container .row2 > img {
  width: 48%;
  height: auto;
}
section.detail-delicate .container .row2:last-of-type > div > p {
  display: flex;
  flex-wrap: wrap;
}
section.detail-delicate .container .row2:last-of-type > div > p span {
  margin-right: 1.5em;
}
section.detail-delicate .container .row2.grand p a {
  text-decoration: underline;
}
section.detail-delicate .container .row3 {
  display: flex;
  justify-content: space-between;
}
section.detail-delicate .container .row3 > div {
  width: 48%;
}
section.detail-delicate .container .row3 > div:last-child {
  display: flex;
  justify-content: space-between;
}
section.detail-delicate .container .row3 > div:last-child > div {
  width: 31%;
}
section.detail-delicate .container .row3 > div:last-child > div img {
  width: 100%;
  height: auto;
  margin: 0 auto 12px auto;
}
section.detail-delicate .container .row3 > div:last-child.prescriptions {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 24px;
}
section.detail-delicate .container .row3 > div:last-child.prescriptions img {
  width: 21%;
  height: auto;
}
section.detail-delicate .container .row3 > div:last-child.usage {
  position: relative;
}
section.detail-delicate .container .row3 > div:last-child.usage > div {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  row-gap: 16px;
}
section.detail-delicate .container .row3 > div:last-child.usage > div img {
  height: auto;
  margin: 0 auto;
}
section.detail-delicate .container .row3 > div:last-child.usage > div img:first-child {
  grid-column: 1/2;
  grid-row: 1/2;
}
section.detail-delicate .container .row3 > div:last-child.usage > div img:nth-child(2) {
  grid-column: 2/3;
  grid-row: 1/2;
}
section.detail-delicate .container .row3 > div:last-child.usage > div img:nth-child(3) {
  grid-column: 1/3;
  grid-row: 2/3;
  margin: 0 auto 0 20%;
}
section.detail-delicate .container .row3 > div:last-child.usage > p {
  display: inline-block;
  position: absolute;
  right: 5%;
  bottom: 15%;
}
section.detail-delicate .container .row3:nth-last-of-type(2) > div:last-child > div img {
  width: 60%;
}
section.detail-delicate .container .row3:nth-last-of-type(2) > div:last-child.usage > div img {
  width: 240px;
}
section.faq {
  padding-bottom: 8rem;
}
section.faq dl {
  width: 100%;
  margin: 0 auto;
}
section.faq dl dt {
  padding: 1.5rem 5rem 1.5rem 6rem;
  font-weight: 700;
  margin-top: 4rem;
  border: 1px solid #b4b4b4;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
section.faq dl dt::before {
  content: "Q";
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  font-size: 2.2rem;
  text-align: center;
  line-height: 3rem;
  color: #2564b9;
  background-color: white;
  font-weight: 700;
  position: absolute;
  left: 1.5rem;
  top: 1rem;
  display: block;
  width: 3rem;
  height: 3rem;
}
section.faq dl dt:first-child {
  margin-top: 3rem;
}
section.faq dl dt > div:last-child {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
}
section.faq dl dt > div:last-child::before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background-color: #2564b9;
  position: absolute;
  left: calc(50% - 1px);
  top: 0;
  transform: rotateZ(0deg);
  transition: transform 300ms ease;
}
section.faq dl dt > div:last-child::after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #2564b9;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
}
section.faq dl dt.active {
  border-bottom-right-radius: 0; /* �E�� */
  border-bottom-left-radius: 0; /* ���� */
  border-bottom: none;
}
section.faq dl dt.active > div:last-child:before {
  transform: rotateZ(90deg);
  transition: transform 300ms ease;
}
section.faq dl dd {
  padding: 3rem 1.5rem 1.5rem 6rem;
  position: relative;
  margin-bottom: 1.5rem;
  display: none;
  border: 1px solid #b4b4b4;
  border-bottom-right-radius: 5px; /* �E�� */
  border-bottom-left-radius: 5px; /* ���� */
  border-top: none;
}
section.faq dl dd::before {
  content: "A";
  font-family: ������, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS����E, ���C���I, Meiryo, serif;
  font-size: 2.2rem;
  text-align: center;
  line-height: 3rem;
  color: #2564b9;
  font-weight: 700;
  position: absolute;
  left: 1.5rem;
  top: 2.5rem;
  display: block;
  width: 3rem;
  height: 3rem;
}
section.faq dl dd::after {
  content: "";
  display: block;
  position: absolute;
  width: 94%;
  height: 1px;
  background-color: #b4b4b4;
  left: 3%;
  top: 0;
}
section.faq dl dd ul {
  list-style: disc;
  padding-left: 1.5em;
}
section.faq .faq > div:last-child dl dd span:first-child {
  display: block;
  font-weight: 700;
}
section.faq.vigor {
  padding: 60px 0 100px 0;
}

@media screen and (max-width: 1000px) {
  section.ttl.cat-delicate {
    padding: 40px 0 60px 0;
  }
  section.ttl.cat-delicate .container h2 + div {
    padding: 0 30% 0 0;
  }
  section.ttl.cat-delicate.cream .container h2 + div {
    background-size: auto 28vw;
  }
  section.ttl.cat-delicate.cream .container h2 + div > div {
    padding-bottom: 30px;
  }
  section.ttl.cat-delicate.jel .container h2 {
    background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img17.png);
    padding-bottom: 52vw;
    background-size: auto 50vw;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 20px;
  }
  section.ttl.cat-delicate.jel .container h2 + div {
    padding: 0;
    background: none;
    flex-wrap: wrap;
  }
  section.ttl.cat-delicate.jel .container h2 + div > div {
    width: 48%;
  }
  section.ttl.cat-delicate.jel .container h2 + div > div p {
    text-align: center;
    padding-bottom: 30px;
  }
  section.ttl.cat-delicate.mist {
    padding: 40px 0 60px 0;
  }
  section.ttl.cat-delicate.mist .container h1 {
    background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img501.png);
    padding-bottom: 52vw;
    background-size: auto 50vw;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-bottom: 20px;
  }
  section.ttl.cat-delicate.mist .container h1 + div {
    padding: 0;
    background: none;
    flex-wrap: wrap;
  }
  section.ttl.cat-delicate.mist .container h1 + div > div {
    width: 48%;
  }
  section.ttl.cat-delicate.mist .container h1 + div > div p {
    text-align: center;
    padding-bottom: 30px;
  }
  section.catch.cat-delicate .container {
    padding: 0 20px;
    background-position: 20px 120px;
  }
  section.catch.cat-delicate .container h2 {
    text-align: center;
  }
  section.catch.cat-delicate .container p {
    padding-left: 440px;
  }
  section.catch.mist .container > div > div {
    padding-left: 440px;
  }
  section.catch.mist .container > div > div p {
    font-size: 1.5vw;
  }
  section.detail-delicate .container .row1 {
    display: block;
  }
  section.detail-delicate .container .row1 > div {
    width: 100%;
    margin-bottom: 30px;
    display: grid;
    grid-template-columns: 60px 1fr 230px;
    grid-template-rows: 1fr 2fr;
  }
  section.detail-delicate .container .row1 > div .number {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  section.detail-delicate .container .row1 > div h3 {
    grid-column: 2/3;
    grid-row: 1/2;
    justify-self: left;
    align-self: flex-end;
  }
  section.detail-delicate .container .row1 > div h3 span {
    display: inline-block;
    text-align: left;
  }
  section.detail-delicate .container .row1 > div p:last-of-type {
    grid-column: 2/3;
    grid-row: 2/3;
    align-self: flex-start;
  }
  section.detail-delicate .container .row1 > div img {
    grid-column: 3/4;
    grid-row: 1/3;
  }
  section.detail-delicate .container .row2.grand h3 br {
    display: none;
  }
  section.detail-delicate .container .row3 {
    display: block;
  }
  section.detail-delicate .container .row3 > div {
    width: 100%;
    padding-bottom: 20px;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div {
    width: calc(100% - 9em);
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div img:nth-child(3) {
    grid-column: 3/4;
    grid-row: 1/2;
    margin: 0 auto;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > p {
    right: 0;
    bottom: 15%;
  }
  section.detail-delicate .container .row3:nth-last-of-type(2) > div:last-child.usage > div img {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  section.ttl.cat-delicate .container h2 + div {
    display: block;
    padding: 0 30% 0 0;
  }
  section.ttl.cat-delicate .container h2 + div > div {
    width: 100%;
  }
  section.ttl.cat-delicate .container h2 + div > div:first-child {
    margin-bottom: 40px;
  }
  section.ttl.cat-delicate.cream .container h2 + div {
    padding: 0 36% 0 0;
    background-size: auto 34vw;
  }
  section.ttl.cat-delicate.jel .container h2 + div {
    display: flex;
  }
  section.catch.cat-delicate .container {
    background-image: none;
    display: block;
  }
  section.catch.cat-delicate .container h2 {
    background: url(https://gigaplus.makeshop.jp/Drestra/images/aboutus/img02.jpg) no-repeat left center;
    background-size: 80vw auto;
    background-position: center bottom;
    padding-bottom: 84vw;
  }
  section.catch.cat-delicate .container p {
    padding: 0;
  }
  section.catch.cat-delicate.mist .container {
    background-image: none;
    display: block;
  }
  section.catch.cat-delicate.mist .container h2 {
    background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img19.jpg);
  }
  section.catch.cat-delicate.mist .container > div > p {
    padding-top: 20px;
  }
  section.catch.cat-delicate.mist .container > div > div {
    padding-left: 0;
  }
  section.catch.cat-delicate.mist .container > div > div p {
    font-size: 100%;
  }
  section.detail-delicate .container .row2 {
    display: block;
  }
  section.detail-delicate .container .row2 > div, section.detail-delicate .container .row2 > img {
    width: 100%;
  }
  section.detail-delicate .container .row2 > div:first-child {
    padding-bottom: 20px;
  }
  section.detail-delicate .container .row2:last-of-type > div > p {
    padding-bottom: 20px;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div {
    width: 100%;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div img:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2/3;
    margin: 0 auto 0 10%;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > p {
    right: 0;
    bottom: 15%;
  }
}
@media screen and (max-width: 500px) {
  section.ttl.cat-delicate .container h2 {
    background: url(https://gigaplus.makeshop.jp/Drestra/images/category/img05.png) no-repeat center bottom;
    background-size: auto 360px;
    min-height: 360px;
    padding-bottom: 400px;
  }
  section.ttl.cat-delicate .container h2 + div {
    padding: 0 0 60px 0;
    background: none;
  }
  section.ttl.cat-delicate.silver .container h2 {
    background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img15.png);
  }
  section.ttl.cat-delicate.cream .container h2 {
    background-image: url(https://gigaplus.makeshop.jp/Drestra/images/category/img16.png);
    background-size: auto 70vw;
    padding-bottom: 74vw;
  }
  section.ttl.cat-delicate.cream .container h2 + div {
    padding: 0;
  }
  section.ttl.cat-delicate.jel .container h2 {
    background-size: auto 70vw;
    padding-bottom: 74vw;
  }
  section.ttl.cat-delicate.jel .container h2 + div {
    display: block;
  }
  section.ttl.cat-delicate.jel .container h2 + div > div {
    width: 100%;
  }
  section.ttl.cat-delicate.mist .container h1 {
    background-size: auto 70vw;
    padding-bottom: 74vw;
  }
  section.ttl.cat-delicate.mist .container h1 + div {
    display: block;
  }
  section.ttl.cat-delicate.mist .container h1 + div > div {
    width: 100%;
  }
  section.catch.cat-delicate.mist .container > div > div p {
    font-size: 3.8vw;
  }
  section.detail-delicate .container .row1 > div {
    display: flex;
  }
  section.detail-delicate .container .row1 > div h3 {
    align-self: center;
  }
  section.detail-delicate .container .row1 > div h3 span {
    display: block;
    text-align: center;
  }
  section.detail-delicate .container .row3 > div:last-child {
    display: block;
  }
  section.detail-delicate .container .row3 > div:last-child > div {
    width: 100%;
    margin-bottom: 30px;
  }
  section.detail-delicate .container .row3 > div:last-child > div img {
    width: 80%;
  }
  section.detail-delicate .container .row3 > div:last-child > div p {
    text-align: center;
  }
  section.detail-delicate .container .row3 > div:last-child.prescriptions {
    justify-content: space-around;
  }
  section.detail-delicate .container .row3 > div:last-child.prescriptions img {
    width: 40%;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div {
    display: block;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > div img {
    margin-bottom: 20px;
  }
  section.detail-delicate .container .row3 > div:last-child.usage > p {
    right: initial;
    left: 0;
    bottom: 45vw;
  }
  section.detail-delicate .container .row3:nth-last-of-type(2) > div:last-child.usage > div img {
    width: 90%;
  }
}