.invisible.visible {
  visibility: visible !important; }

.spotlight-item-view .container {
  overflow-x: visible; }

.flex-media {
  display: flex;
  align-items: flex-start; }

.flex-media .body {
  flex: 1; }

.border-main-color {
  border: 2px solid var(--main-color); }

.border-main-bottom {
  border-bottom: 10px solid var(--main-color); }

.w-20 {
  width: 20% !important; }

.mw-100vw {
  max-width: 100vw; }

.mw-1440px {
  max-width: 1440px; }

.mw-1280px {
  max-width: 1280px; }

.mw-1140px {
  max-width: 1140px; }

.mw-1000px {
  max-width: 1000px; }

.text-fat {
  transform: scale(1, 0.85); }

ul.disc-ul,
ul.outline-ul {
  padding-left: 9%; }
  ul.disc-ul li,
  ul.outline-ul li {
    position: relative; }
    ul.disc-ul li:before,
    ul.outline-ul li:before {
      content: '\25CF';
      position: absolute;
      margin-left: -9%; }

ul.outline-ul li {
  position: relative; }
  ul.outline-ul li:before {
    content: '\25E6'; }

ul.dash-ul {
  padding-left: 4%; }
  ul.dash-ul li {
    position: relative; }
    ul.dash-ul li:before {
      content: '-';
      position: absolute;
      margin-left: -4%; }

.over-width {
  margin-left: calc(-1 * (50vw - 360px));
  margin-right: calc(-1 * (50vw - 360px)); }

@media (max-width: 991px) {
  .over-width {
    margin-left: calc(-1 * (50vw - 285px));
    margin-right: calc(-1 * (50vw - 285px)); } }

@media (max-width: 600px) {
  .over-width {
    margin-left: -15px;
    margin-right: -15px; } }

@media (max-width: 581px) {
  .over-width .container .wrapper {
    max-width: 100vw; }
  .over-width > .container > .wrapper:not(.px-0) {
    padding-left: 1rem !important;
    padding-right: 1rem !important; } }

br[d] {
  display: inline; }
  @media (max-width: 767px) {
    br[d] {
      display: none; } }

br[m] {
  display: none; }
  @media (max-width: 767px) {
    br[m] {
      display: inline; } }

hr[v] {
  border: none;
  border-left-style: solid;
  border-left-width: 1px;
  height: 100%;
  min-height: 2rem;
  width: 1px; }

.between-line {
  display: inline-block;
  position: relative; }
  .between-line:before, .between-line:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid black;
    top: 50%;
    width: 50vw; }
  .between-line:before {
    right: 100%;
    margin-right: 15px; }
  .between-line:after {
    left: 100%;
    margin-left: 15px; }

.square-box {
  position: relative; }
  .square-box:before {
    content: "";
    display: block;
    padding-top: 100%; }
  .square-box .content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: #1B202F;
    text-align: center; }

.text-bold {
  font-weight: bold; }
  @supports (-webkit-overflow-scrolling: touch) {
    .text-bold {
      -webkit-font-smoothing: antialiased; } }

.flex-center-center {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center; }

#shokobutsu-skin-content {
  display: block;
  min-height: 100vh;
  background: #E6E9EE; }
  #shokobutsu-skin-content .mw-1440px {
    display: flex;
    flex-flow: column;
    overflow: hidden; }
    #shokobutsu-skin-content .mw-1440px > div {
      background-position: center top;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-color: transparent;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: top center;
      box-sizing: border-box;
      text-align: center;
      overflow: visible;
      position: relative; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content .mw-1440px > div {
          background-size: 1440px auto; } }
      #shokobutsu-skin-content .mw-1440px > div h1.logo {
        text-indent: -3000px;
        color: transparent;
        background: center no-repeat transparent;
        background-size: contain !important;
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/logo.png");
        width: calc(100vw * 140/1440);
        height: calc(100vw * 153/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content .mw-1440px > div h1.logo {
            width: 140px;
            height: 153px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content .mw-1440px > div h1.logo {
            width: calc(100vw * 45/375);
            height: calc(100vw * 49/375); } }
  #shokobutsu-skin-content #cover {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/cover-bg.jpg");
    height: calc(100vw * 1012/1440);
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: start;
    align-items: start; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #cover {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/cover-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #cover {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/cover-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #cover {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/cover-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #cover {
        height: 1012px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #cover {
        height: calc(100vw * 377/375); } }
    #shokobutsu-skin-content #cover h1.logo {
      margin-top: calc(100vw * 52/1440);
      margin-left: calc(100vw * 35/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #cover h1.logo {
          margin-top: 52px;
          margin-left: 35px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #cover h1.logo {
          margin-top: calc(100vw * 21/375);
          margin-left: calc(100vw * 16/375); } }
    #shokobutsu-skin-content #cover .title {
      padding-top: calc(100vw * 56/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #cover .title {
          padding-top: 56px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #cover .title {
          padding-top: calc(100vw * 20/375); } }
      #shokobutsu-skin-content #cover .title h2 {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 120/1440);
        color: #007E7C; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #cover .title h2 {
            font-size: 120px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #cover .title h2 {
            font-size: calc(100vw * 39/375); } }
        #shokobutsu-skin-content #cover .title h2 sup {
          font-size: calc(100vw * 65/1440);
          bottom: calc(100vw * 12/1440);
          display: inline-block;
          border-bottom: 2px solid #007E7C;
          line-height: .725;
          top: unset; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #cover .title h2 sup {
              font-size: 65px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #cover .title h2 sup {
              font-size: calc(100vw * 22/375); } }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #cover .title h2 sup {
              bottom: 12px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #cover .title h2 sup {
              bottom: calc(100vw * 4/375); } }
        #shokobutsu-skin-content #cover .title h2 span {
          font-size: calc(100vw * 65/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #cover .title h2 span {
              font-size: 65px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #cover .title h2 span {
              font-size: calc(100vw * 22/375); } }
      #shokobutsu-skin-content #cover .title h3 {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 60/1440);
        height: calc(100vw * 75/1440);
        padding-left: calc(100vw * 25/1440);
        padding-right: calc(100vw * 25/1440);
        display: inline-grid;
        place-items: center;
        background: #72B756;
        color: white; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #cover .title h3 {
            font-size: 60px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #cover .title h3 {
            font-size: calc(100vw * 19/375); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #cover .title h3 {
            height: 75px;
            padding-left: 25px;
            padding-right: 25px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #cover .title h3 {
            height: calc(100vw * 23/375);
            padding-left: calc(100vw * 10/375);
            padding-right: calc(100vw * 10/375); } }
      #shokobutsu-skin-content #cover .title p {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 60/1440);
        color: #007E7C; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #cover .title p {
            font-size: 60px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #cover .title p {
            font-size: calc(100vw * 19/375); } }
      #shokobutsu-skin-content #cover .title blockquote {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 104/1440);
        color: #007E7C;
        line-height: .72;
        text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #cover .title blockquote {
            font-size: 104px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #cover .title blockquote {
            font-size: calc(100vw * 34/375); } }
        @media (min-width: 768px) {
          #shokobutsu-skin-content #cover .title blockquote {
            text-shadow: -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white; } }
        #shokobutsu-skin-content #cover .title blockquote span:nth-of-type(1) {
          color: #EF7B0F; }
        #shokobutsu-skin-content #cover .title blockquote span:nth-of-type(2) {
          color: #2C743E; }
        #shokobutsu-skin-content #cover .title blockquote span:nth-of-type(3) {
          color: #F574AA; }
  #shokobutsu-skin-content #sec-01 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-01-bg.jpg");
    height: calc(100vw * 929/1440); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-01 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-01-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-01 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-01-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-01 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-01-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-01 {
        height: 929px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-01 {
        height: calc(100vw * 365/375); } }
    #shokobutsu-skin-content #sec-01 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-01-overlay.png");
      background-size: 100% auto;
      height: calc(100vw * 933.11/1440);
      padding-top: calc(100vw * 300/1440);
      margin-top: calc(100vw * -80/1440); }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-01 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-01-overlay.png"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-01 .-content {
          height: 933.11px;
          padding-top: 300px;
          margin-top: -80px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-01 .-content {
          height: calc(100vw * 388.21/375);
          padding-top: calc(100vw * 70/375);
          margin-top: calc(100vw * 0/375); } }
      #shokobutsu-skin-content #sec-01 .-content p {
        color: #007E7C;
        line-height: 1.15; }
        #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(1) {
          font-family: 'DB-Heavent-li' !important;
          font-size: calc(100vw * 40/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(1) {
              font-size: 40px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(1) {
              font-size: calc(100vw * 19/375); } }
        #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) {
          padding: calc(100vw * 32/1440) calc(100vw * 0/1440) !important; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) {
              padding: 32px 0px !important; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) {
              padding: calc(100vw * 8/375) calc(100vw * 0/375) !important; } }
          #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) strong {
            font-family: 'DB-Heavent-reg' !important;
            font-size: calc(100vw * 65/1440);
            font-weight: normal;
            height: calc(100vw * 62/1440);
            padding-left: calc(100vw * 25/1440);
            padding-right: calc(100vw * 25/1440);
            display: inline-grid;
            place-items: center;
            background: #72B756;
            color: white; }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) strong {
                font-size: 65px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) strong {
                font-size: calc(100vw * 26/375); } }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) strong {
                height: 62px;
                padding-left: 25px;
                padding-right: 25px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(2) strong {
                height: calc(100vw * 27/375);
                padding-left: calc(100vw * 10/375);
                padding-right: calc(100vw * 10/375); } }
        #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(3) {
          font-family: 'DB-Heavent-reg' !important;
          font-size: calc(100vw * 60/1440);
          line-height: 1; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(3) {
              font-size: 60px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(3) {
              font-size: calc(100vw * 26/375); } }
          #shokobutsu-skin-content #sec-01 .-content p:nth-of-type(3) span {
            color: #72B756; }
  #shokobutsu-skin-content #sec-02 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-02-bg.jpg");
    height: calc(100vw * 960/1440); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-02 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-02-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-02 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-02-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-02 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-02-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-02 {
        height: 960px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-02 {
        height: calc(100vw * 418/375); } }
    #shokobutsu-skin-content #sec-02 h1.logo {
      width: calc(100vw * 268/1440);
      height: calc(100vw * 294/1440);
      margin: 0 auto; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 h1.logo {
          width: 268px;
          height: 294px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 h1.logo {
          width: calc(100vw * 111/375);
          height: calc(100vw * 122/375); } }
    #shokobutsu-skin-content #sec-02 p {
      font-size: calc(100vw * 45/1440);
      margin-top: calc(100vw * 32/1440);
      color: #007E7C;
      line-height: 1.3; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 p {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 p {
          font-size: calc(100vw * 19/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 p {
          margin-top: 32px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 p {
          margin-top: calc(100vw * 8/375); } }
      #shokobutsu-skin-content #sec-02 p strong {
        font-family: 'DB-Heavent-reg' !important;
        font-weight: normal; }
      #shokobutsu-skin-content #sec-02 p span {
        color: #72B756; }
      #shokobutsu-skin-content #sec-02 p sup {
        top: calc(100vw * -5/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-02 p sup {
            top: -5px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-02 p sup {
            top: calc(100vw * -2.5/375); } }
    #shokobutsu-skin-content #sec-02 small {
      font-family: 'DB-Heavent-li' !important;
      font-size: calc(100vw * 20/1440);
      margin-top: calc(100vw * 8/1440);
      margin-bottom: calc(100vw * 8/1440);
      display: grid;
      font-style: italic;
      color: #007E7C; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 small {
          font-size: 20px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 small {
          font-size: calc(100vw * 10/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 small {
          margin-top: 8px;
          margin-bottom: 8px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 small {
          margin-top: calc(100vw * 5/375);
          margin-bottom: calc(100vw * 5/375); } }
      @media (min-width: 768px) {
        #shokobutsu-skin-content #sec-02 small {
          padding-left: calc(100vw * 262/1440);
          text-align: left; } }
  @media (min-width: 768px) and (min-width: 1440px) {
    #shokobutsu-skin-content #sec-02 small {
      padding-left: 262px; } }
  @media (min-width: 768px) and (max-width: 767px) {
    #shokobutsu-skin-content #sec-02 small {
      padding-left: calc(100vw * 0/375); } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 small {
          padding: 0 calc(100vw * 32/375); } }
    #shokobutsu-skin-content #sec-02 ul {
      font-family: 'DB-Heavent-med' !important;
      color: #007E7C;
      position: relative;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      list-style-type: none;
      padding: 0;
      grid-gap: calc(100vw * 20/1440);
      margin-top: calc(100vw * 0/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-02 ul {
          grid-gap: 20px;
          margin-top: 0px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-02 ul {
          grid-gap: calc(100vw * 8/375);
          margin-top: calc(100vw * 0/375); } }
      #shokobutsu-skin-content #sec-02 ul:after {
        font-size: calc(100vw * 195/1440);
        content: '+';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-02 ul:after {
            font-size: 195px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-02 ul:after {
            font-size: calc(100vw * 65/375); } }
      #shokobutsu-skin-content #sec-02 ul li {
        width: calc(100vw * 475/1440);
        height: calc(100vw * 265/1440);
        border-width: calc(100vw * 2/1440);
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background: rgba(213, 225, 234, 0.8);
        border-color: white;
        border-style: solid;
        line-height: 1.1;
        font-size: calc(100vw * 80/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-02 ul li {
            width: 475px;
            height: 265px;
            border-width: 2px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-02 ul li {
            width: calc(100vw * 148/375);
            height: calc(100vw * 100/375);
            border-width: calc(100vw * 1/375); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-02 ul li {
            font-size: 80px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-02 ul li {
            font-size: calc(100vw * 28/375); } }
        #shokobutsu-skin-content #sec-02 ul li span {
          font-size: calc(100vw * 70/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-02 ul li span {
              font-size: 70px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-02 ul li span {
              font-size: calc(100vw * 20/375); } }
          #shokobutsu-skin-content #sec-02 ul li span:nth-of-type(2) {
            font-size: calc(100vw * 40/1440); }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-02 ul li span:nth-of-type(2) {
                font-size: 40px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-02 ul li span:nth-of-type(2) {
                font-size: calc(100vw * 18/375); } }
        #shokobutsu-skin-content #sec-02 ul li:nth-of-type(1) {
          border-top-left-radius: calc(100vw * 50/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-02 ul li:nth-of-type(1) {
              border-top-left-radius: 50px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-02 ul li:nth-of-type(1) {
              border-top-left-radius: calc(100vw * 20/375); } }
        #shokobutsu-skin-content #sec-02 ul li:nth-of-type(2) {
          border-bottom-right-radius: calc(100vw * 50/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-02 ul li:nth-of-type(2) {
              border-bottom-right-radius: 50px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-02 ul li:nth-of-type(2) {
              border-bottom-right-radius: calc(100vw * 20/375); } }
  #shokobutsu-skin-content #sec-03 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-03-bg.jpg");
    height: calc(100vw * 740/1440); }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-03 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-03-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-03 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-03-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-03 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-03-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-03 {
        height: 740px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-03 {
        height: calc(100vw * 246/375); } }
    #shokobutsu-skin-content #sec-03 ul {
      height: calc(100vw * 624.44/1440);
      font-size: calc(100vw * 30/1440);
      margin: calc(100vw * -32/1440) calc(100vw * 0/1440);
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-03-overlay.png");
      font-family: 'DB-Heavent-med' !important;
      color: #007E7C;
      line-height: 1;
      background-repeat: no-repeat;
      background-position: center;
      background-size: auto 100%;
      list-style-type: none;
      padding: 0;
      position: relative; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-03 ul {
          height: 624.44px;
          font-size: 30px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-03 ul {
          height: calc(100vw * 192.91/375);
          font-size: calc(100vw * 12/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-03 ul {
          margin: -32px 0px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-03 ul {
          margin: calc(100vw * -10/375) calc(100vw * 0/375); } }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-03 ul {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-03-overlay.webp"); } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-03 ul {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-03-overlay.png"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-03 ul {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-03-overlay.webp"); } }
      #shokobutsu-skin-content #sec-03 ul li {
        width: calc(100vw * 200/1440);
        bottom: calc(100vw * 128/1440);
        position: absolute; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-03 ul li {
            width: 200px;
            bottom: 128px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-03 ul li {
            width: calc(100vw * 75/375);
            bottom: calc(100vw * 42/375); } }
        #shokobutsu-skin-content #sec-03 ul li strong {
          font-size: calc(100vw * 60/1440);
          color: #72B756;
          font-weight: normal; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-03 ul li strong {
              font-size: 60px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-03 ul li strong {
              font-size: calc(100vw * 19/375); } }
        #shokobutsu-skin-content #sec-03 ul li span {
          display: grid;
          text-transform: uppercase; }
        #shokobutsu-skin-content #sec-03 ul li:nth-of-type(1) {
          left: calc(100vw * 280/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-03 ul li:nth-of-type(1) {
              left: 280px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-03 ul li:nth-of-type(1) {
              left: calc(100vw * 40/375); } }
        #shokobutsu-skin-content #sec-03 ul li:nth-of-type(2) {
          right: calc(100vw * 280/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-03 ul li:nth-of-type(2) {
              right: 280px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-03 ul li:nth-of-type(2) {
              right: calc(100vw * 40/375); } }
    #shokobutsu-skin-content #sec-03 p {
      font-size: calc(100vw * 45/1440);
      color: #007E7C;
      line-height: 1.3; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-03 p {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-03 p {
          font-size: calc(100vw * 19/375); } }
      #shokobutsu-skin-content #sec-03 p strong {
        font-family: 'DB-Heavent-reg' !important;
        font-weight: normal; }
      #shokobutsu-skin-content #sec-03 p span {
        color: #72B756; }
  #shokobutsu-skin-content #sec-04 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-04-bg.jpg");
    height: calc(100vw * 1168/1440);
    padding-bottom: calc(100vw * 85/1440);
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-04 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-04-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-04 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-04 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-04 {
        height: 1168px;
        padding-bottom: 85px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-04 {
        height: calc(100vw * 483/375);
        padding-bottom: calc(100vw * 20/375); } }
    #shokobutsu-skin-content #sec-04:before {
      content: '';
      position: absolute;
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-before.png");
      background-size: contain;
      background-repeat: no-repeat;
      left: calc(100vw * 0/1440);
      top: calc(100vw * 0/1440);
      width: calc(100vw * 0/1440);
      height: calc(100vw * 0/1440); }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-04:before {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-before.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04:before {
          left: 0px;
          top: 0px;
          width: 0px;
          height: 0px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04:before {
          left: calc(100vw * 0/375);
          top: calc(100vw * 290/375);
          width: calc(100vw * 375/375);
          height: calc(100vw * 290.89/375); } }
    #shokobutsu-skin-content #sec-04:after {
      content: '';
      position: absolute;
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-after.png");
      background-size: contain;
      background-repeat: no-repeat;
      left: calc(100vw * 971.92/1440);
      top: calc(100vw * 670/1440);
      width: calc(100vw * 256.02/1440);
      height: calc(100vw * 136.11/1440); }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-04:after {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-04-after.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04:after {
          left: 971.92px;
          top: 670px;
          width: 256.02px;
          height: 136.11px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04:after {
          left: calc(100vw * 0/375);
          top: calc(100vw * 310/375);
          width: calc(100vw * 375/375);
          height: calc(100vw * 214.42/375); } }
    #shokobutsu-skin-content #sec-04:before, #shokobutsu-skin-content #sec-04:after {
      background-size: 100% auto;
      z-index: 1; }
    #shokobutsu-skin-content #sec-04:before {
      mix-blend-mode: screen; }
    @media (min-width: 768px) {
      #shokobutsu-skin-content #sec-04:before {
        display: none; }
      #shokobutsu-skin-content #sec-04:after {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-1.png");
        transform: rotate(133deg); } }
  @media (min-width: 768px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-04:after {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-1.webp"); } }
    #shokobutsu-skin-content #sec-04 ul {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 40/1440);
      line-height: 1.1;
      text-align: center;
      list-style-type: none;
      padding: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start;
      color: #007E7C; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04 ul {
          font-size: 40px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04 ul {
          font-size: calc(100vw * 19/375); } }
      #shokobutsu-skin-content #sec-04 ul li {
        background-position: top center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        padding-top: calc(100vw * 280/1440);
        width: calc(100vw * 300/1440);
        margin: calc(100vw * 0/1440) calc(100vw * 0/1440); }
        #shokobutsu-skin-content #sec-04 ul li:nth-of-type(1) {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-01.png"); }
          @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
            #shokobutsu-skin-content #sec-04 ul li:nth-of-type(1) {
              background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-01.webp"); } }
        #shokobutsu-skin-content #sec-04 ul li:nth-of-type(2) {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-02.png"); }
          @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
            #shokobutsu-skin-content #sec-04 ul li:nth-of-type(2) {
              background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-02.webp"); } }
        #shokobutsu-skin-content #sec-04 ul li:nth-of-type(3) {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-03.png"); }
          @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
            #shokobutsu-skin-content #sec-04 ul li:nth-of-type(3) {
              background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/sec-04-li-03.webp"); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-04 ul li {
            padding-top: 280px;
            width: 300px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-04 ul li {
            padding-top: calc(100vw * 110/375);
            width: calc(100vw * 118/375); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-04 ul li {
            margin: 0px 0px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-04 ul li {
            margin: calc(100vw * 0/375) calc(100vw * -8/375); } }
    #shokobutsu-skin-content #sec-04 p {
      font-size: calc(100vw * 45/1440);
      color: #007E7C;
      line-height: 1.3; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04 p {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04 p {
          font-size: calc(100vw * 19/375); } }
      #shokobutsu-skin-content #sec-04 p strong {
        font-family: 'DB-Heavent-reg' !important;
        font-weight: normal; }
      #shokobutsu-skin-content #sec-04 p span {
        color: #72B756; }
    #shokobutsu-skin-content #sec-04 blockquote {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 45/1440);
      width: calc(100vw * 980/1440);
      height: calc(100vw * 320/1440);
      border-width: calc(100vw * 2/1440);
      border-top-left-radius: calc(100vw * 50/1440);
      border-bottom-right-radius: calc(100vw * 50/1440);
      line-height: 1.3;
      color: #007E7C;
      background: rgba(213, 225, 234, 0.8);
      border-color: white;
      border-style: solid;
      display: grid;
      place-items: center;
      margin-bottom: 0;
      position: relative; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04 blockquote {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04 blockquote {
          font-size: calc(100vw * 19/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-04 blockquote {
          width: 980px;
          height: 320px;
          border-width: 2px;
          border-top-left-radius: 50px;
          border-bottom-right-radius: 50px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-04 blockquote {
          width: calc(100vw * 315/375);
          height: calc(100vw * 166/375);
          border-width: calc(100vw * 1/375);
          border-top-left-radius: calc(100vw * 20/375);
          border-bottom-right-radius: calc(100vw * 20/375); } }
      #shokobutsu-skin-content #sec-04 blockquote:before {
        content: '';
        position: absolute;
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/.");
        background-size: contain;
        background-repeat: no-repeat;
        left: calc(100vw * 58/1440);
        top: calc(100vw * -14/1440);
        width: calc(100vw * 49.8/1440);
        height: calc(100vw * 45.15/1440); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #shokobutsu-skin-content #sec-04 blockquote:before {
            background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/.webp"); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-04 blockquote:before {
            left: 58px;
            top: -14px;
            width: 49.8px;
            height: 45.15px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-04 blockquote:before {
            left: calc(100vw * 16/375);
            top: calc(100vw * -8/375);
            width: calc(100vw * 18.37/375);
            height: calc(100vw * 16.66/375); } }
      #shokobutsu-skin-content #sec-04 blockquote:after {
        content: '';
        position: absolute;
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/.");
        background-size: contain;
        background-repeat: no-repeat;
        right: calc(100vw * 58/1440);
        bottom: calc(100vw * -14/1440);
        width: calc(100vw * 49.8/1440);
        height: calc(100vw * 45.15/1440); }
        @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
          #shokobutsu-skin-content #sec-04 blockquote:after {
            background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/.webp"); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-04 blockquote:after {
            right: 58px;
            bottom: -14px;
            width: 49.8px;
            height: 45.15px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-04 blockquote:after {
            right: calc(100vw * 16/375);
            bottom: calc(100vw * -8/375);
            width: calc(100vw * 18.37/375);
            height: calc(100vw * 16.66/375); } }
      #shokobutsu-skin-content #sec-04 blockquote:before {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/quote-open.svg"); }
      #shokobutsu-skin-content #sec-04 blockquote:after {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/quote-close.svg"); }
  #shokobutsu-skin-content #sec-05 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-05-bg.jpg");
    height: calc(100vw * 1880/1440);
    color: #007E7C;
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-05 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-05-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-05 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-05-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-05 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-05-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-05 {
        height: 1880px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-05 {
        height: calc(100vw * 787/375); } }
    #shokobutsu-skin-content #sec-05:before {
      content: '';
      position: absolute;
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-2@2x.png");
      background-size: contain;
      background-repeat: no-repeat;
      left: calc(100vw * 1064/1440);
      top: calc(100vw * 100/1440);
      width: calc(100vw * 286/1440);
      height: calc(100vw * 250/1440); }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-05:before {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-2@2x.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05:before {
          left: 1064px;
          top: 100px;
          width: 286px;
          height: 250px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05:before {
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375);
          width: calc(100vw * 0/375);
          height: calc(100vw * 0/375); } }
    #shokobutsu-skin-content #sec-05:before {
      transform: rotate(-14deg); }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05:before {
          display: none; } }
    #shokobutsu-skin-content #sec-05 h2, #shokobutsu-skin-content #sec-05 h3, #shokobutsu-skin-content #sec-05 p {
      font-family: 'DB-Heavent-reg' !important; }
    #shokobutsu-skin-content #sec-05 h2 {
      font-size: calc(100vw * 130/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05 h2 {
          font-size: 130px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 h2 {
          font-size: calc(100vw * 40/375); } }
    #shokobutsu-skin-content #sec-05 h3 {
      font-size: calc(100vw * 80/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05 h3 {
          font-size: 80px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 h3 {
          font-size: calc(100vw * 32/375); } }
    #shokobutsu-skin-content #sec-05 p {
      font-size: calc(100vw * 45/1440);
      margin-top: calc(100vw * 20/1440);
      line-height: 1.3; }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05 p {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 p {
          font-size: calc(100vw * 19/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05 p {
          margin-top: 20px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 p {
          margin-top: calc(100vw * 5/375); } }
    #shokobutsu-skin-content #sec-05 ol {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-05-ol.png");
      background-repeat: no-repeat;
      background-size: 100% auto;
      height: calc(100vw * 1240/1440);
      background-position-y: calc(100vw * 200/1440);
      margin-top: calc(100vw * 25/1440);
      list-style-type: none;
      padding: 0;
      margin-bottom: 0; }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 ol {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-05-ol.png"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-05 ol {
          height: 1240px;
          background-position-y: 200px;
          margin-top: 25px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-05 ol {
          height: calc(100vw * 535/375);
          background-position-y: calc(100vw * 75/375);
          margin-top: calc(100vw * 20/375); } }
      #shokobutsu-skin-content #sec-05 ol li {
        font-family: 'DB-Heavent-li' !important;
        font-size: calc(100vw * 45/1440);
        text-align: left;
        line-height: 1.3;
        position: relative; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-05 ol li {
            font-size: 45px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-05 ol li {
            font-size: calc(100vw * 19/375); } }
        #shokobutsu-skin-content #sec-05 ol li h3 {
          font-family: 'DB-Heavent-reg' !important;
          font-size: calc(100vw * 55/1440);
          position: relative; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li h3 {
              font-size: 55px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li h3 {
              font-size: calc(100vw * 20/375); } }
          #shokobutsu-skin-content #sec-05 ol li h3:before {
            font-family: 'DB-Heavent-reg' !important;
            font-size: calc(100vw * 420/1440);
            position: absolute;
            display: grid;
            line-height: .5125;
            transform: skewX(-12.5deg); }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-05 ol li h3:before {
                font-size: 420px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-05 ol li h3:before {
                font-size: calc(100vw * 180/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) {
          padding-left: calc(100vw * 644/1440);
          padding-top: calc(100vw * 10/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) {
              padding-left: 644px;
              padding-top: 10px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) {
              padding-left: calc(100vw * 172/375);
              padding-top: calc(100vw * 0/375); } }
          #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) h3:before {
            content: '1';
            top: calc(100vw * -15/1440);
            left: calc(100vw * -150/1440); }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) h3:before {
                top: -15px;
                left: -150px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1) h3:before {
                top: calc(100vw * 3/375);
                left: calc(100vw * -65/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) {
          padding-left: calc(100vw * 140/1440);
          margin-top: calc(100vw * 690/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) {
              padding-left: 140px;
              margin-top: 690px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) {
              padding-left: calc(100vw * 36/375);
              margin-top: calc(100vw * 290/375); } }
          #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) h3:before {
            content: '2';
            top: calc(100vw * -225/1440);
            left: calc(100vw * 20/1440); }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) h3:before {
                top: -225px;
                left: 20px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2) h3:before {
                top: calc(100vw * -96/375);
                left: calc(100vw * 8/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) {
          padding-left: calc(100vw * 838/1440);
          margin-top: calc(100vw * -123/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) {
              padding-left: 838px;
              margin-top: -123px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) {
              padding-left: calc(100vw * 192/375);
              margin-top: calc(100vw * -72/375); } }
          #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) h3:before {
            content: '3';
            top: calc(100vw * -65/1440);
            left: calc(100vw * -175/1440); }
            @media (min-width: 1440px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) h3:before {
                top: -65px;
                left: -175px; } }
            @media (max-width: 767px) {
              #shokobutsu-skin-content #sec-05 ol li:nth-of-type(3) h3:before {
                top: calc(100vw * -95/375);
                left: calc(100vw * 20/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):before, #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):after, #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):before, #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):after {
          content: '';
          display: block;
          position: absolute; }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):before {
          width: calc(100vw * 1/1440);
          height: calc(100vw * 248/1440);
          border-width: calc(100vw * 2/1440);
          left: calc(100vw * 952/1440);
          bottom: calc(100vw * -242/1440);
          border-left: solid #007E7C; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):before {
              width: 1px;
              height: 248px;
              border-width: 2px;
              left: 952px;
              bottom: -242px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):before {
              width: calc(100vw * 1/375);
              height: calc(100vw * 82/375);
              border-width: calc(100vw * 1/375);
              left: calc(100vw * 255/375);
              bottom: calc(100vw * -90/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):after {
          width: calc(100vw * 24/1440);
          height: calc(100vw * 24/1440);
          left: calc(100vw * 941/1440);
          bottom: calc(100vw * -250/1440);
          background: #007E7C;
          border-radius: 50%; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):after {
              width: 24px;
              height: 24px;
              left: 941px;
              bottom: -250px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(1):after {
              width: calc(100vw * 8/375);
              height: calc(100vw * 8/375);
              left: calc(100vw * 252/375);
              bottom: calc(100vw * -90/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):before {
          width: calc(100vw * 100/1440);
          height: calc(100vw * 265/1440);
          border-width: calc(100vw * 2/1440);
          left: calc(100vw * 412/1440);
          top: calc(100vw * -285/1440);
          border-left: solid #007E7C;
          border-top: solid #007E7C; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):before {
              width: 100px;
              height: 265px;
              border-width: 2px;
              left: 412px;
              top: -285px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):before {
              width: calc(100vw * 30/375);
              height: calc(100vw * 50/375);
              border-width: calc(100vw * 1/375);
              left: calc(100vw * 90/375);
              top: calc(100vw * -156/375); } }
        #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):after {
          width: calc(100vw * 24/1440);
          height: calc(100vw * 24/1440);
          left: calc(100vw * 500/1440);
          top: calc(100vw * -296/1440);
          background: #007E7C;
          border-radius: 50%; }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):after {
              width: 24px;
              height: 24px;
              left: 500px;
              top: -296px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-05 ol li:nth-of-type(2):after {
              width: calc(100vw * 8/375);
              height: calc(100vw * 8/375);
              left: calc(100vw * 116/375);
              top: calc(100vw * -159/375); } }
  #shokobutsu-skin-content #sec-06 h2, #shokobutsu-skin-content #sec-06 h3,
  #shokobutsu-skin-content #sec-07 h2,
  #shokobutsu-skin-content #sec-07 h3,
  #shokobutsu-skin-content #sec-08 h2,
  #shokobutsu-skin-content #sec-08 h3 {
    font-family: 'DB-Heavent-reg' !important; }
  #shokobutsu-skin-content #sec-06 h2,
  #shokobutsu-skin-content #sec-07 h2,
  #shokobutsu-skin-content #sec-08 h2 {
    font-size: calc(100vw * 100/1440);
    line-height: .85; }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 h2,
      #shokobutsu-skin-content #sec-07 h2,
      #shokobutsu-skin-content #sec-08 h2 {
        font-size: 100px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 h2,
      #shokobutsu-skin-content #sec-07 h2,
      #shokobutsu-skin-content #sec-08 h2 {
        font-size: calc(100vw * 50/375); } }
  #shokobutsu-skin-content #sec-06 h3,
  #shokobutsu-skin-content #sec-07 h3,
  #shokobutsu-skin-content #sec-08 h3 {
    font-size: calc(100vw * 70/1440); }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 h3,
      #shokobutsu-skin-content #sec-07 h3,
      #shokobutsu-skin-content #sec-08 h3 {
        font-size: 70px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 h3,
      #shokobutsu-skin-content #sec-07 h3,
      #shokobutsu-skin-content #sec-08 h3 {
        font-size: calc(100vw * 30/375); } }
  #shokobutsu-skin-content #sec-06 blockquote,
  #shokobutsu-skin-content #sec-07 blockquote,
  #shokobutsu-skin-content #sec-08 blockquote {
    font-family: 'DB-Heavent-reg' !important;
    font-size: calc(100vw * 55/1440);
    height: calc(100vw * 84/1440);
    padding-left: calc(100vw * 32/1440);
    padding-right: calc(100vw * 32/1440);
    margin-top: calc(100vw * 16/1440);
    margin-bottom: calc(100vw * 16/1440);
    display: inline-grid;
    place-items: center;
    color: white; }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 blockquote,
      #shokobutsu-skin-content #sec-07 blockquote,
      #shokobutsu-skin-content #sec-08 blockquote {
        font-size: 55px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 blockquote,
      #shokobutsu-skin-content #sec-07 blockquote,
      #shokobutsu-skin-content #sec-08 blockquote {
        font-size: calc(100vw * 22/375); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 blockquote,
      #shokobutsu-skin-content #sec-07 blockquote,
      #shokobutsu-skin-content #sec-08 blockquote {
        height: 84px;
        padding-left: 32px;
        padding-right: 32px;
        margin-top: 16px;
        margin-bottom: 16px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 blockquote,
      #shokobutsu-skin-content #sec-07 blockquote,
      #shokobutsu-skin-content #sec-08 blockquote {
        height: calc(100vw * 42/375);
        padding-left: calc(100vw * 16/375);
        padding-right: calc(100vw * 16/375);
        margin-top: calc(100vw * 8/375);
        margin-bottom: calc(100vw * 8/375); } }
  #shokobutsu-skin-content #sec-06 p,
  #shokobutsu-skin-content #sec-07 p,
  #shokobutsu-skin-content #sec-08 p {
    font-size: calc(100vw * 45/1440); }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 p,
      #shokobutsu-skin-content #sec-07 p,
      #shokobutsu-skin-content #sec-08 p {
        font-size: 45px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 p,
      #shokobutsu-skin-content #sec-07 p,
      #shokobutsu-skin-content #sec-08 p {
        font-size: calc(100vw * 19/375); } }
    #shokobutsu-skin-content #sec-06 p:nth-of-type(1),
    #shokobutsu-skin-content #sec-07 p:nth-of-type(1),
    #shokobutsu-skin-content #sec-08 p:nth-of-type(1) {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 45/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(1),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(1),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(1) {
          font-size: 45px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(1),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(1),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(1) {
          font-size: calc(100vw * 23/375); } }
    #shokobutsu-skin-content #sec-06 p:nth-of-type(2),
    #shokobutsu-skin-content #sec-07 p:nth-of-type(2),
    #shokobutsu-skin-content #sec-08 p:nth-of-type(2) {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 50/1440);
      padding-bottom: calc(100vw * 24/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(2) {
          font-size: 50px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(2) {
          font-size: calc(100vw * 20/375); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(2) {
          padding-bottom: 24px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-06 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-07 p:nth-of-type(2),
        #shokobutsu-skin-content #sec-08 p:nth-of-type(2) {
          padding-bottom: calc(100vw * 12/375); } }
  #shokobutsu-skin-content #sec-06 small,
  #shokobutsu-skin-content #sec-07 small,
  #shokobutsu-skin-content #sec-08 small {
    font-size: calc(100vw * 20/1440);
    display: block;
    color: #007E7C; }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 small,
      #shokobutsu-skin-content #sec-07 small,
      #shokobutsu-skin-content #sec-08 small {
        font-size: 20px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 small,
      #shokobutsu-skin-content #sec-07 small,
      #shokobutsu-skin-content #sec-08 small {
        font-size: calc(100vw * 10/375); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 small,
      #shokobutsu-skin-content #sec-07 small,
      #shokobutsu-skin-content #sec-08 small {
        padding-top: calc(100vw * 16/375); } }
  #shokobutsu-skin-content #sec-06 .btn-user-review,
  #shokobutsu-skin-content #sec-07 .btn-user-review,
  #shokobutsu-skin-content #sec-08 .btn-user-review {
    font-family: 'DB-Heavent-reg' !important;
    display: inline-grid;
    place-items: center;
    width: calc(100vw * 250/1440);
    height: calc(100vw * 80/1440);
    font-size: calc(100vw * 45/1440);
    margin-top: calc(100vw * 48/1440);
    color: white;
    position: relative;
    z-index: 1; }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 .btn-user-review,
      #shokobutsu-skin-content #sec-07 .btn-user-review,
      #shokobutsu-skin-content #sec-08 .btn-user-review {
        width: 250px;
        height: 80px;
        font-size: 45px;
        margin-top: 48px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 .btn-user-review,
      #shokobutsu-skin-content #sec-07 .btn-user-review,
      #shokobutsu-skin-content #sec-08 .btn-user-review {
        width: calc(100vw * 72/375);
        height: calc(100vw * 32/375);
        font-size: calc(100vw * 20/375);
        margin-top: calc(100vw * 16/375); } }
  #shokobutsu-skin-content #sec-06 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-06-bg.jpg");
    height: calc(100vw * 951/1440);
    color: #2C743E;
    line-height: 1.3; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-06 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-06-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-06-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-06 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-06-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-06 {
        height: 951px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-06 {
        height: calc(100vw * 801/375); } }
    #shokobutsu-skin-content #sec-06 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-06-overlay.png");
      background-position-x: calc(100vw * 794.28/1440);
      padding-right: calc(100vw * 392/1440);
      padding-top: calc(100vw * 32/1440);
      background-repeat: no-repeat;
      background-position-y: top; }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-06-overlay.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-position-x: 794.28px;
          padding-right: 392px;
          padding-top: 32px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-position-x: calc(100vw * 58.44/375);
          padding-right: calc(100vw * 0/375);
          padding-top: calc(100vw * 360/375); } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-06-overlay.png");
          background-size: calc(100vw * 313/375) auto; } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-06 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-06-overlay.webp"); } }
      @media (min-width: 768px) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-size: calc(100vw * 771/1440) auto; } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-06 .-content {
          background-size: 771 auto !important; } }
    #shokobutsu-skin-content #sec-06 blockquote {
      background: #2C743E; }
    #shokobutsu-skin-content #sec-06 p {
      color: #007E7C; }
      #shokobutsu-skin-content #sec-06 p span {
        color: #72B756; }
      #shokobutsu-skin-content #sec-06 p:nth-of-type(1) {
        color: #2C743E; }
    #shokobutsu-skin-content #sec-06 .btn-user-review {
      background: #2C743E; }
  #shokobutsu-skin-content #sec-07 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-07-bg.jpg");
    height: calc(100vw * 944/1440);
    color: #EF7B0F;
    line-height: 1.3; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-07 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-07-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-07 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-07-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-07 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-07-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-07 {
        height: 944px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-07 {
        height: calc(100vw * 809/375); } }
    #shokobutsu-skin-content #sec-07 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-07-overlay.png");
      background-position-x: calc(100vw * -5.13/1440);
      padding-left: calc(100vw * 386/1440);
      padding-top: calc(100vw * 0/1440);
      height: calc(100vw * 924.26/1440);
      min-height: 100%;
      position: relative;
      z-index: 1;
      background-repeat: no-repeat;
      background-position-y: top; }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-07-overlay.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-position-x: -5.13px;
          padding-left: 386px;
          padding-top: 0px;
          height: 924.26px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-position-x: calc(100vw * 53.35/375);
          padding-left: calc(100vw * 0/375);
          padding-top: calc(100vw * 370/375);
          height: calc(100vw * 0/375); } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-07-overlay.png");
          background-size: calc(100vw * 314/375) auto; } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-07 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-07-overlay.webp"); } }
      @media (min-width: 768px) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-size: calc(100vw * 757/1440) auto; } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-07 .-content {
          background-size: 757 auto !important; } }
    #shokobutsu-skin-content #sec-07 blockquote,
    #shokobutsu-skin-content #sec-07 .btn-user-review {
      background: #EF7B0F; }
    #shokobutsu-skin-content #sec-07 p {
      color: #007E7C; }
      #shokobutsu-skin-content #sec-07 p span {
        color: #EF7B0F; }
      #shokobutsu-skin-content #sec-07 p:nth-of-type(1) {
        color: #EF7B0F; }
  #shokobutsu-skin-content #sec-08 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-08-bg.jpg");
    height: calc(100vw * 922/1440);
    color: #F574AA;
    line-height: 1.3; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-08 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-08-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-08 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-08-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-08 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-08-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-08 {
        height: 922px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-08 {
        height: calc(100vw * 729/375); } }
    #shokobutsu-skin-content #sec-08 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-08-overlay.png");
      background-position-x: calc(100vw * 759.47/1440);
      padding-right: calc(100vw * 392/1440);
      padding-top: calc(100vw * 20/1440);
      background-repeat: no-repeat;
      background-position-y: top; }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-08-overlay.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-position-x: 759.47px;
          padding-right: 392px;
          padding-top: 20px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-position-x: calc(100vw * 48/375);
          padding-right: calc(100vw * 0/375);
          padding-top: calc(100vw * 360/375); } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-08-overlay.png");
          background-size: calc(100vw * 324/375) auto; } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-08 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-08-overlay.webp"); } }
      @media (min-width: 768px) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-size: calc(100vw * 771/1440) auto; } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-08 .-content {
          background-size: 771 auto !important; } }
    #shokobutsu-skin-content #sec-08 blockquote {
      background: #F574AA; }
    #shokobutsu-skin-content #sec-08 p {
      color: #007E7C; }
      #shokobutsu-skin-content #sec-08 p span {
        color: #F574AA; }
      #shokobutsu-skin-content #sec-08 p:nth-of-type(1) {
        color: #F574AA; }
    #shokobutsu-skin-content #sec-08 .btn-user-review {
      background: #F574AA; }
  #shokobutsu-skin-content #sec-09 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-09-bg.jpg");
    height: calc(100vw * 1604/1440);
    padding-top: calc(100vw * 20/1440);
    color: #007E7C; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-09 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-09-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-09 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-09-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-09 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-09-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-09 {
        height: 1604px;
        padding-top: 20px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-09 {
        height: calc(100vw * 603/375);
        padding-top: calc(100vw * 32/375); } }
    #shokobutsu-skin-content #sec-09 h2 {
      font-family: 'DB-Heavent-reg' !important;
      font-size: calc(100vw * 130/1440); }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-09 h2 {
          font-size: 130px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-09 h2 {
          font-size: calc(100vw * 80/375); } }
    #shokobutsu-skin-content #sec-09 ol {
      list-style-type: none;
      padding: 0;
      margin-bottom: 0;
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: flex-start; }
      #shokobutsu-skin-content #sec-09 ol li {
        font-family: 'DB-Heavent-li' !important;
        font-size: calc(100vw * 38/1440);
        width: calc(100vw * 380/1440);
        text-align: center;
        line-height: 1.2;
        position: relative; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-09 ol li {
            font-size: 38px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-09 ol li {
            font-size: calc(100vw * 17/375); } }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-09 ol li {
            width: 380px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-09 ol li {
            width: calc(100vw * 115/375); } }
        #shokobutsu-skin-content #sec-09 ol li:before {
          font-family: 'DB-Heavent-reg' !important;
          font-size: calc(100vw * 300/1440);
          top: calc(100vw * -180/1440);
          position: absolute;
          display: grid;
          line-height: .5125;
          left: 50%;
          transform: translateX(-50%); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-09 ol li:before {
              font-size: 300px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-09 ol li:before {
              font-size: calc(100vw * 80/375); } }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-09 ol li:before {
              top: -180px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-09 ol li:before {
              top: calc(100vw * -45/375); } }
        #shokobutsu-skin-content #sec-09 ol li:nth-of-type(1) {
          margin-top: calc(100vw * 400/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(1) {
              margin-top: 400px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(1) {
              margin-top: calc(100vw * 100/375); } }
          #shokobutsu-skin-content #sec-09 ol li:nth-of-type(1):before {
            content: '01'; }
        #shokobutsu-skin-content #sec-09 ol li:nth-of-type(2) {
          margin-top: calc(100vw * 250/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(2) {
              margin-top: 250px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(2) {
              margin-top: calc(100vw * 52/375); } }
          #shokobutsu-skin-content #sec-09 ol li:nth-of-type(2):before {
            content: '02'; }
        #shokobutsu-skin-content #sec-09 ol li:nth-of-type(3) {
          margin-top: calc(100vw * 400/1440); }
          @media (min-width: 1440px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(3) {
              margin-top: 400px; } }
          @media (max-width: 767px) {
            #shokobutsu-skin-content #sec-09 ol li:nth-of-type(3) {
              margin-top: calc(100vw * 100/375); } }
          #shokobutsu-skin-content #sec-09 ol li:nth-of-type(3):before {
            content: '03'; }
  #shokobutsu-skin-content #sec-10 {
    background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-10-bg.jpg");
    height: calc(100vw * 622/1440);
    position: relative; }
    @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
      #shokobutsu-skin-content #sec-10 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-10-bg.webp"); } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-10 {
        background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-10-bg.jpg"); } }
  @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
    #shokobutsu-skin-content #sec-10 {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-10-bg.webp"); } }
    @media (min-width: 1440px) {
      #shokobutsu-skin-content #sec-10 {
        height: 622px; } }
    @media (max-width: 767px) {
      #shokobutsu-skin-content #sec-10 {
        height: calc(100vw * 400/375); } }
    #shokobutsu-skin-content #sec-10:before {
      content: '';
      position: absolute;
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-4@2x.png");
      background-size: contain;
      background-repeat: no-repeat;
      left: calc(100vw * 37.4/1440);
      top: calc(100vw * -190/1440);
      width: calc(100vw * 265.28/1440);
      height: calc(100vw * 326.87/1440); }
      @media (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
        #shokobutsu-skin-content #sec-10:before {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/leaf-4@2x.webp"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-10:before {
          left: 37.4px;
          top: -190px;
          width: 265.28px;
          height: 326.87px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-10:before {
          left: calc(100vw * 0/375);
          top: calc(100vw * 0/375);
          width: calc(100vw * 0/375);
          height: calc(100vw * 0/375); } }
    #shokobutsu-skin-content #sec-10:before {
      transform: rotate(64deg); }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-10:before {
          display: none; } }
    #shokobutsu-skin-content #sec-10 .-content {
      background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/1440/sec-10-overlay.png");
      padding-left: calc(100vw * 400/1440);
      padding-top: calc(100vw * 70/1440);
      background-position-y: calc(100vw * 0/1440);
      height: 100%;
      line-height: 1.3;
      background-repeat: no-repeat;
      background-size: 100% auto; }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-10 .-content {
          background-image: url("https://www.jeban.com/spotlight-item/Shokubutsu-Skin-Solution-Shower-Gel/375/sec-10-overlay.png"); } }
      @media (min-width: 1440px) {
        #shokobutsu-skin-content #sec-10 .-content {
          padding-left: 400px;
          padding-top: 70px;
          background-position-y: 0px; } }
      @media (max-width: 767px) {
        #shokobutsu-skin-content #sec-10 .-content {
          padding-left: calc(100vw * 0/375);
          padding-top: calc(100vw * 10/375);
          background-position-y: calc(100vw * 150/375); } }
      #shokobutsu-skin-content #sec-10 .-content h2, #shokobutsu-skin-content #sec-10 .-content h3, #shokobutsu-skin-content #sec-10 .-content p {
        font-family: 'DB-Heavent-reg' !important;
        font-size: calc(100vw * 50/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-10 .-content h2, #shokobutsu-skin-content #sec-10 .-content h3, #shokobutsu-skin-content #sec-10 .-content p {
            font-size: 50px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-10 .-content h2, #shokobutsu-skin-content #sec-10 .-content h3, #shokobutsu-skin-content #sec-10 .-content p {
            font-size: calc(100vw * 20/375); } }
      #shokobutsu-skin-content #sec-10 .-content h2, #shokobutsu-skin-content #sec-10 .-content h3 {
        color: #007E7C; }
      #shokobutsu-skin-content #sec-10 .-content h2 {
        font-size: calc(100vw * 90/1440);
        line-height: 1; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-10 .-content h2 {
            font-size: 90px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-10 .-content h2 {
            font-size: calc(100vw * 35/375); } }
      #shokobutsu-skin-content #sec-10 .-content h3 {
        font-size: calc(100vw * 70/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-10 .-content h3 {
            font-size: 70px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-10 .-content h3 {
            font-size: calc(100vw * 27/375); } }
      #shokobutsu-skin-content #sec-10 .-content p {
        padding-top: calc(100vw * 20/1440);
        padding-bottom: calc(100vw * 30/1440); }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-10 .-content p {
            padding-top: 20px;
            padding-bottom: 30px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-10 .-content p {
            padding-top: calc(100vw * 5/375);
            padding-bottom: calc(100vw * 5/375); } }
      #shokobutsu-skin-content #sec-10 .-content .shopping-link {
        font-family: 'DB-Heavent-reg' !important;
        display: inline-grid;
        place-items: center;
        width: calc(100vw * 250/1440);
        height: calc(100vw * 80/1440);
        font-size: calc(100vw * 45/1440);
        background: #007E7C;
        color: white;
        position: relative;
        z-index: 1; }
        @media (min-width: 1440px) {
          #shokobutsu-skin-content #sec-10 .-content .shopping-link {
            width: 250px;
            height: 80px;
            font-size: 45px; } }
        @media (max-width: 767px) {
          #shokobutsu-skin-content #sec-10 .-content .shopping-link {
            width: calc(100vw * 72/375);
            height: calc(100vw * 32/375);
            font-size: calc(100vw * 20/375); } }