@charset "UTF-8";

@media only screen and (max-width: 768px) {
  #st-putishakePr180604 {
    width: 100%;
    line-height: 0;
    font-size: 5px;
    /* HTML5 display-role reset for older browsers */
  }
  #st-putishakePr180604 div, #st-putishakePr180604 span, #st-putishakePr180604 applet, #st-putishakePr180604 object, #st-putishakePr180604 iframe,
  #st-putishakePr180604 h1, #st-putishakePr180604 h2, #st-putishakePr180604 h3, #st-putishakePr180604 h4, #st-putishakePr180604 h5, #st-putishakePr180604 h6, #st-putishakePr180604 p, #st-putishakePr180604 blockquote, #st-putishakePr180604 pre,
  #st-putishakePr180604 a, #st-putishakePr180604 abbr, #st-putishakePr180604 acronym, #st-putishakePr180604 address, #st-putishakePr180604 big, #st-putishakePr180604 cite, #st-putishakePr180604 code,
  #st-putishakePr180604 del, #st-putishakePr180604 dfn, #st-putishakePr180604 em, #st-putishakePr180604 img, #st-putishakePr180604 ins, #st-putishakePr180604 kbd, #st-putishakePr180604 q, #st-putishakePr180604 s, #st-putishakePr180604 samp,
  #st-putishakePr180604 small, #st-putishakePr180604 strike, #st-putishakePr180604 strong, #st-putishakePr180604 sub, #st-putishakePr180604 sup, #st-putishakePr180604 tt, #st-putishakePr180604 var,
  #st-putishakePr180604 b, #st-putishakePr180604 u, #st-putishakePr180604 i, #st-putishakePr180604 center,
  #st-putishakePr180604 dl, #st-putishakePr180604 dt, #st-putishakePr180604 dd, #st-putishakePr180604 ol, #st-putishakePr180604 ul, #st-putishakePr180604 li,
  #st-putishakePr180604 fieldset, #st-putishakePr180604 form, #st-putishakePr180604 label, #st-putishakePr180604 legend,
  #st-putishakePr180604 table, #st-putishakePr180604 caption, #st-putishakePr180604 tbody, #st-putishakePr180604 tfoot, #st-putishakePr180604 thead, #st-putishakePr180604 tr, #st-putishakePr180604 th, #st-putishakePr180604 td,
  #st-putishakePr180604 article, #st-putishakePr180604 aside, #st-putishakePr180604 canvas, #st-putishakePr180604 details, #st-putishakePr180604 embed,
  #st-putishakePr180604 figure, #st-putishakePr180604 figcaption, #st-putishakePr180604 footer, #st-putishakePr180604 header, #st-putishakePr180604 hgroup,
  #st-putishakePr180604 menu, #st-putishakePr180604 nav, #st-putishakePr180604 output, #st-putishakePr180604 ruby, #st-putishakePr180604 section, #st-putishakePr180604 summary,
  #st-putishakePr180604 time, #st-putishakePr180604 mark, #st-putishakePr180604 audio, #st-putishakePr180604 video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  #st-putishakePr180604 article, #st-putishakePr180604 aside, #st-putishakePr180604 details, #st-putishakePr180604 figcaption, #st-putishakePr180604 figure,
  #st-putishakePr180604 footer, #st-putishakePr180604 header, #st-putishakePr180604 hgroup, #st-putishakePr180604 menu, #st-putishakePr180604 nav, #st-putishakePr180604 section {
    display: block;
  }
  #st-putishakePr180604 ol, #st-putishakePr180604 ul {
    list-style: none;
  }
  #st-putishakePr180604 blockquote, #st-putishakePr180604 q {
    quotes: none;
  }
  #st-putishakePr180604 blockquote:before, #st-putishakePr180604 blockquote:after,
  #st-putishakePr180604 q:before, #st-putishakePr180604 q:after {
    content: '';
    content: none;
  }
  #st-putishakePr180604 table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  #st-putishakePr180604 h2 {
    background-color: transparent;
  }
  #st-putishakePr180604 img {
    width: 100%;
  }
  #st-putishakePr180604 .clearfix:after {
    content: "";
    display: block;
    clear: both;
  }
  #st-putishakePr180604 .icon {
    display: inline-block;
    position: absolute;
  }
  #st-putishakePr180604 .frozenHero {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    line-height: 0;
  }
  #st-putishakePr180604 .frozenHero__visual {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: none;
  }
  #st-putishakePr180604 .frozenHero__kv {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  #st-putishakePr180604 .frozenHero__limited {
    position: absolute;
    top: 4.6vw;
    left: 13%;
    z-index: 3;
    box-sizing: border-box;
    width: 5vw;
    height: 5vw;
    padding-top: 0.9vw;
    background: #eb6101;
    color: #fff;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 1.4vw;
    font-weight: 500;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-align: center;
  }
  #st-putishakePr180604 .frozenHero__limited span {
    display: block;
  }
  #st-putishakePr180604 .frozenHero__copy {
    position: absolute;
    top: 5.2vw;
    left: 19.7%;
    z-index: 4;
    width: 43%;
    color: #4e4e4e;
    text-align: center;
    text-shadow: 0 0 1.4vw #fff, 0 0 1.4vw #fff, 0 0 2vw #fff, 0 0 3vw #fff;
  }
  #st-putishakePr180604 .frozenHero__headline {
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 2.6vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.09em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenHero__headline span {
    font-size: 3.8vw;
  }
  #st-putishakePr180604 .frozenHero__lead {
    margin-top: 2.6vw;
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 2.4vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.15em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenHero__title {
    margin: 2.6vw 0 0 2.2vw;
    color: #eb6101;
    font-family: "Yu Mincho", YuMincho, serif;
    font-weight: 700;
    line-height: 0.95;
    letter-spacing: -0.07em;
    text-align: left;
    text-shadow: 0 0 1.3vw #fff, 0 0 1.3vw #fff, 0 0 1.9vw #fff, 0 0 2.8vw #fff;
  }
  #st-putishakePr180604 .frozenHero__title > span {
    display: block;
  }
  #st-putishakePr180604 .frozenHero__title > span:first-child {
    font-size: 5.8vw;
    transform: rotate(-4deg);
  }
  #st-putishakePr180604 .frozenHero__title .frozenHero__titleSmall {
    display: inline;
    font-size: 4.5vw;
    vertical-align: baseline;
  }
  #st-putishakePr180604 .frozenHero__title > span:last-child {
    margin: -0.5vw 0 0 8.2vw;
    font-size: 4.5vw;
  }
  #st-putishakePr180604 .frozenHero__ribbon {
    position: absolute;
    top: 19vw;
    left: 6.8vw;
    width: 16vw;
    color: #eb6101;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    text-shadow: none;
  }
  #st-putishakePr180604 .frozenHero__ribbon::before {
    content: "";
    position: absolute;
    top: -1.3vw;
    left: 0;
    z-index: -1;
    width: 16vw;
    height: 3.3vw;
    background: url("/contents/small/2101070/images/sp/deco-frozen-lemon-ribbon.svg") no-repeat center/100% 100%;
    transform: scaleX(-1);
    transform-origin: left center;
  }
  #st-putishakePr180604 .frozenHero__ribbon::after {
    content: "";
    position: absolute;
    left: 1.1vw;
    bottom: -0.5vw;
    z-index: -1;
    width: 13.4vw;
    height: 0.6vw;
    background: rgba(255, 255, 255, 0.9);
  }
  #st-putishakePr180604 .frozenHero__photo {
    position: absolute;
    top: 2.4vw;
    left: 53.6%;
    z-index: 2;
    width: 27.6vw;
    height: 27.6vw;
    overflow: hidden;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
  }
  #st-putishakePr180604 .frozenHero__dessert {
    position: absolute;
    top: -13.6vw;
    left: -3.9vw;
    width: 34.8vw;
    max-width: none;
  }
  #st-putishakePr180604 .frozenHero__spoon {
    position: absolute;
    top: 0;
    left: 73.1%;
    z-index: 5;
    width: 9.7vw;
  }
  #st-putishakePr180604 .frozenHero__dummy {
    position: absolute;
    z-index: 6;
    box-sizing: border-box;
    padding: 0.2vw 1vw;
    background: #ff00d9;
    color: #fff;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenHero__dummy--spoon {
    top: 4.2vw;
    left: 75.6%;
    font-size: 1.2vw;
    letter-spacing: -0.08em;
  }
  #st-putishakePr180604 .frozenHero__dummy--dessert {
    top: 14.4vw;
    left: 63.6%;
    font-size: 1.4vw;
    letter-spacing: -0.08em;
  }
  #st-putishakePr180604 .frozenHero__note {
    position: absolute;
    top: 28.2vw;
    left: 76.4%;
    z-index: 6;
    color: #231815;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 1vw;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenHero__recipe {
    position: relative;
    display: block;
    width: 100%;
    height: 4vw;
    margin: 0;
    padding: 0;
    border: 0;
    background: url("/contents/small/2101070/images/sp/bg-frozen-lemon-nav-bar.svg") no-repeat center/100% 100%;
    color: #eb6101;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 1.6vw;
    font-weight: 700;
    line-height: 4vw;
    text-align: center;
    letter-spacing: 0.04em;
    text-decoration: none;
    cursor: pointer;
    vertical-align: top;
  }
  #st-putishakePr180604 .frozenHero__recipe::after {
    content: "";
    display: inline-block;
    width: 0.7vw;
    height: 0.7vw;
    margin: 0 0 0.3vw 2.2vw;
    border-right: 1px solid #eb6101;
    border-bottom: 1px solid #eb6101;
    transform: rotate(45deg);
  }
  #st-putishakePr180604 .setOffer {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 44.375vw;
    margin: 46px auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #898989;
    color: #231815;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    line-height: 1;
  }
  #st-putishakePr180604 .setOffer__icon {
    position: absolute;
    top: 4.53vw;
    box-sizing: border-box;
    width: 11.56vw;
    height: 11.56vw;
    border-radius: 50%;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-weight: 500;
    text-align: center;
  }
  #st-putishakePr180604 .setOffer__icon--set {
    left: 6.09vw;
    background: #2bb6e8;
    color: #fff;
    font-size: 3.75vw;
    line-height: 11.56vw;
  }
  #st-putishakePr180604 .setOffer__icon--date {
    left: 19.22vw;
    background: #fff;
    border: 1px solid #2bb6e8;
    color: #2bb6e8;
  }
  #st-putishakePr180604 .setOffer__icon--date span {
    display: block;
  }
  #st-putishakePr180604 .setOffer__icon--date span:first-child {
    margin-top: 1.56vw;
    font-family: "Open Sans", sans-serif;
    font-size: 3.75vw;
    line-height: 1.35;
    letter-spacing: -0.05em;
  }
  #st-putishakePr180604 .setOffer__icon--date span:last-child {
    margin-top: -0.47vw;
    font-size: 2.19vw;
    line-height: 1.42;
    letter-spacing: -0.04em;
  }
  #st-putishakePr180604 .setOffer__heading {
    position: absolute;
    top: 5vw;
    left: 32.5vw;
    color: #231815;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 3.75vw;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__heading span {
    display: block;
  }
  #st-putishakePr180604 .setOffer__priceLabel {
    position: absolute;
    top: 17.34vw;
    left: 8.13vw;
    color: #eb6101;
    font-size: 2.5vw;
    font-weight: 700;
    line-height: 3.75vw;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__off {
    position: absolute;
    top: 21.41vw;
    left: 6.09vw;
    box-sizing: border-box;
    width: 24.69vw;
    height: 4.06vw;
    padding-bottom: 0.31vw;
    background: #eb6101;
    color: #fff;
    font-size: 2.19vw;
    font-weight: 700;
    line-height: 4.06vw;
    text-align: center;
    letter-spacing: 0.01em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__off span:first-child {
    font-family: "Open Sans", sans-serif;
    font-size: 3.44vw;
    font-weight: 600;
  }
  #st-putishakePr180604 .setOffer__off span:last-child {
    font-family: "Open Sans", sans-serif;
    font-size: 2.5vw;
    font-weight: 600;
  }
  #st-putishakePr180604 .setOffer__priceValue {
    position: absolute;
    top: 19.22vw;
    left: 32.5vw;
    color: #eb6101;
    font-family: "Open Sans", sans-serif;
    font-size: 6.25vw;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.05em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__priceValue span {
    margin-left: 0.63vw;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    font-size: 2.81vw;
    font-weight: 700;
    letter-spacing: 0;
  }
  #st-putishakePr180604 .setOffer__lead {
    position: absolute;
    top: 28.13vw;
    left: 6.09vw;
    color: #231815;
    font-size: 2.19vw;
    font-weight: 500;
    line-height: 1.7;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__note {
    position: absolute;
    top: 37.97vw;
    left: 6.56vw;
    color: #4e4e4e;
    font-size: 1.56vw;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
  }
  #st-putishakePr180604 .setOffer__products {
    position: absolute;
    top: 7.34vw;
    left: 65.31vw;
    width: 30.94vw;
    height: 18.91vw;
  }
  #st-putishakePr180604 .setOffer__product {
    position: absolute;
    overflow: hidden;
  }
  #st-putishakePr180604 .setOffer__product img {
    position: absolute;
    max-width: none;
    pointer-events: none;
  }
  #st-putishakePr180604 .setOffer__product--yellow {
    top: 1.09vw;
    left: 0;
    z-index: 3;
    width: 12.5vw;
    height: 18.44vw;
  }
  #st-putishakePr180604 .setOffer__product--yellow img {
    top: -32.25%;
    left: -37.39%;
    width: 170.17%;
  }

  #st-putishakePr180604 .setOffer__product--red {
    top: 0.31vw;
    left: 8.28vw;
    z-index: 2;
    width: 12.5vw;
    height: 18.44vw;
  }
  #st-putishakePr180604 .setOffer__product--red img {
    top: -32.25%;
    left: -37.39%;
    width: 170.17%;
  }
  #st-putishakePr180604 .setOffer__product--green {
    top: 0;
    left: 17.97vw;
    z-index: 1;
    width: 12.97vw;
    height: 18.75vw;
  }
  #st-putishakePr180604 .setOffer__product--green img {
    top: -29.36%;
    left: -34%;
    width: 162.67%;
  }
  #st-putishakePr180604 .setOffer__dummy {
    position: absolute;
    top: 7.81vw;
    left: 2.03vw;
    z-index: 4;
    box-sizing: border-box;
    width: 7.5vw;
    height: 3.13vw;
    padding: 0 0.63vw;
    background: #ff00d9;
    color: #fff;
    font-size: 2.19vw;
    font-weight: 500;
    line-height: 3.13vw;
    letter-spacing: -0.08em;
    text-align: center;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe {
    position: relative;
    width: 100%;
    height: 55.56vw;
    overflow: hidden;
    background: url("/contents/small/2101070/images/sp/bg-frozen-recipe.svg") no-repeat center/100% 100%;
    color: #231815;
    font-family: YuGothic, "Yu Gothic", sans-serif;
    line-height: 1;
  }
  #st-putishakePr180604 .frozenRecipe__limited {
    position: absolute;
    top: 5.93vw;
    left: 38.21vw;
    z-index: 3;
    box-sizing: border-box;
    width: 3.95vw;
    height: 3.95vw;
    padding-top: 0.59vw;
    background: #cf0033;
    color: #fff;
    font-size: 1.02vw;
    font-weight: 700;
    line-height: 1.33vw;
    text-align: center;
  }
  #st-putishakePr180604 .frozenRecipe__limited span {
    display: block;
  }
  #st-putishakePr180604 .frozenRecipe__headline {
    position: absolute;
    top: 6.15vw;
    left: 43.41vw;
    z-index: 2;
    font-family: "Yu Mincho", YuMincho, serif;
    font-size: 1.17vw;
    font-weight: 700;
    line-height: 1.17vw;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__headline span {
    font-size: 1.76vw;
    letter-spacing: -0.13em;
  }
  #st-putishakePr180604 .frozenRecipe__headline sup {
    /* CSS resetで sup の見た目が壊れるため、上付き＆縮小を個別に戻す */
    font-size: 0.7142em;
    vertical-align: super;
  }
  #st-putishakePr180604 .frozenRecipe__flavor {
    position: absolute;
    top: 8.35vw;
    left: 43.19vw;
    z-index: 2;
    color: #eb6101;
    font-size: 2.05vw;
    font-weight: 700;
    line-height: 1.76vw;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__flavor::before {
    content: "";
    position: absolute;
    top: -1.02vw;
    left: 0.22vw;
    z-index: -1;
    width: 18.37vw;
    height: 0.51vw;
    background: rgba(255, 255, 255, 0.75);
  }
  #st-putishakePr180604 .frozenRecipe__flavor span {
    font-size: 1.46vw;
  }
  #st-putishakePr180604 .frozenRecipe__featureText {
    position: absolute;
    top: 13.84vw;
    left: 37.41vw;
    color: #eb6101;
    font-size: 1.17vw;
    font-weight: 700;
    line-height: 1.99vw;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__photoNote {
    position: absolute;
    top: 18.74vw;
    left: 37.41vw;
    font-size: 0.73vw;
    font-weight: 500;
    line-height: 1.46vw;
    letter-spacing: 0.04em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__photoNoteItem {
    display: inline-grid;
    grid-template-columns: auto 1fr;
    vertical-align: top;
  }
  #st-putishakePr180604 .frozenRecipe__photoNoteMark {
    grid-column: 1;
    grid-row: 1;
  }
  #st-putishakePr180604 .frozenRecipe__photoNoteBody {
    grid-column: 2;
    grid-row: 1;
  }
  #st-putishakePr180604 .frozenRecipe__featureVisual {
    position: absolute;
    top: 10.4vw;
    left: 50.81vw;
    z-index: 3;
    width: 14.71vw;
    line-height: 0;
  }
  #st-putishakePr180604 .frozenRecipe__featureVisual img {
    display: block;
    width: 100%;
    height: auto;
  }
  #st-putishakePr180604 .frozenRecipe__dummy {
    position: absolute;
    z-index: 5;
    box-sizing: border-box;
    min-width: 4.39vw;
    height: 1.76vw;
    padding: 0.15vw 0.73vw;
    background: #ff00d9;
    color: #fff;
    font-size: 1.02vw;
    font-weight: 500;
    line-height: 1.43vw;
    letter-spacing: -0.08em;
    text-align: center;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__howto {
    position: absolute;
    top: 24.08vw;
    left: 26.57vw;
    box-sizing: border-box;
    width: 46.85vw;
    height: 28.33vw;
    background: #fff7a6;
  }
  #st-putishakePr180604 .frozenRecipe__howto::before,
  #st-putishakePr180604 .frozenRecipe__howto::after {
    content: "";
    position: absolute;
    left: 1.46vw;
    width: 43.92vw;
    height: 1px;
    background: #eb6101;
  }
  #st-putishakePr180604 .frozenRecipe__howto::before {
    top: 2.05vw;
  }
  #st-putishakePr180604 .frozenRecipe__howto::after {
    bottom: 0.73vw;
  }
  #st-putishakePr180604 .frozenRecipe__howtoTitle {
    position: absolute;
    top: 1.17vw;
    left: 12.3vw;
    z-index: 2;
    box-sizing: border-box;
    width: 22.25vw;
    height: 2.93vw;
    background: #fff7a6;
    color: #eb6101;
    font-size: 1.46vw;
    font-weight: 700;
    line-height: 1.46vw;
    letter-spacing: -0.035em;
    text-align: center;
  }
  #st-putishakePr180604 .frozenRecipe__howtoLead {
    position: absolute;
    top: 3.66vw;
    left: 14.93vw;
    width: 16.98vw;
    font-size: 1.17vw;
    font-weight: 700;
    line-height: 1.83vw;
    letter-spacing: 0.04em;
    text-align: center;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__steps {
    position: absolute;
    top: 8.64vw;
    left: 3.81vw;
    display: flex;
    gap: 1.9vw;
    margin: 0;
    padding: 0;
  }
  #st-putishakePr180604 .frozenRecipe__step {
    position: relative;
    width: 8.05vw;
    list-style: none;
  }
  #st-putishakePr180604 .frozenRecipe__step:nth-child(3) {
    width: 10.4vw;
  }
  #st-putishakePr180604 .frozenRecipe__step:nth-child(3) > p {
    margin-left: -1.18vw;
  }
  #st-putishakePr180604 .frozenRecipe__step:nth-child(-n+2)::after {
    content: "";
    position: absolute;
    top: 3.15vw;
    right: -1.39vw;
    width: 0;
    height: 0;
    border-top: 0.73vw solid transparent;
    border-bottom: 0.73vw solid transparent;
    border-left: 0.88vw solid #231815;
  }
  #st-putishakePr180604 .frozenRecipe__stepImg {
    position: relative;
    width: 8.05vw;
    height: 8.05vw;
    overflow: hidden;
    background: #fff;
  }
  #st-putishakePr180604 .frozenRecipe__stepImg img {
    display: block;
    width: 100%;
  }
  #st-putishakePr180604 .frozenRecipe__stepImg .frozenRecipe__dummy {
    right: 0;
    bottom: 0;
  }
  #st-putishakePr180604 .frozenRecipe__step > p {
    margin-top: 0.51vw;
    color: #231815;
    font-size: 1.02vw;
    font-weight: 500;
    line-height: 1.43vw;
    letter-spacing: -0.08em;
    text-align: center;
    white-space: nowrap;
  }
  #st-putishakePr180604 .frozenRecipe__mix {
    position: absolute;
    top: 9.44vw;
    left: 32.72vw;
    width: 11.05vw;
    height: 11.27vw;
    margin: 0;
    padding: 0;
  }
  #st-putishakePr180604 .frozenRecipe__mix li {
    position: absolute;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.34vw;
    height: 5.34vw;
    background: no-repeat center / 100% 100%;
    color: #eb6101;
    font-size: 1.17vw;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    list-style: none;
  }
  #st-putishakePr180604 .frozenRecipe__mix li:nth-child(1) {
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-soy.svg");
  }
  #st-putishakePr180604 .frozenRecipe__mix li:nth-child(2) {
    top: 1.76vw;
    left: 5.64vw;
    z-index: 2;
    background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-milk.svg");
  }
  #st-putishakePr180604 .frozenRecipe__mix li:nth-child(3) {
    top: 5.93vw;
    left: 1.24vw;
    z-index: 3;
    font-size: 0.95vw;
    letter-spacing: -0.08em;
    background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-yogurt.svg");
  }
  #st-putishakePr180604 .frozenRecipe__notes {
    position: absolute;
    top: 23.13vw;
    left: 3.66vw;
    font-size: 0.73vw;
    font-weight: 500;
    line-height: 1.24vw;
    letter-spacing: -0.04em;
    white-space: nowrap;
  }
  #st-putishakePr180604 .caption {
    font-size: 10px;
    line-height: 1.375;
    color: #666666;
  }
  #st-putishakePr180604 .seasonal {
    width: 100%;
    margin-top: 25%;
    margin-bottom: 15.625%;
  }
  #st-putishakePr180604 .seasonal .mainTitArea {
    position: relative;
  }
  #st-putishakePr180604 .seasonal .new {
    width: 11.71875%;
    left: 3.2%;
    top: -26%;
  }
  #st-putishakePr180604 .seasonal .limited {
    width: 10.3125%;
    left: 17%;
    top: -25.5%;
  }
  #st-putishakePr180604 .seasonal .subTit {
    width: 62.96875%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .seasonal .mainTit {
    width: 74.21875%;
    margin: 6.875% auto 7.34375%;
  }
  #st-putishakePr180604 .seasonal .ballon {
    width: 32.34375%;
    position: absolute;
    top: -22.2%;
    right: 3.3%;
  }
  #st-putishakePr180604 .seasonal .mainTxt {
    width: 65.625%;
    margin: 0 auto;
    padding-bottom: 9.375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen {
    border: 1px solid #c3c3c3;
    margin: 0 3.125%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frInner {
    margin: 0 20px;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemon:after {
    content: "";
    display: block;
    margin: 0 10px;
    border-bottom: 1px solid #c3c3c3;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonBg {
    background: url("/contents/small/2101070/images/sp/img_frozen_lemon.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 73.07692%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonIcon1 {
    width: 19.23077%;
    top: 23%;
    right: 6%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonIcon2 {
    width: 19.23077%;
    top: 52%;
    right: 6%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit1 {
    width: 93.64548%;
    margin: 8.125% auto 5.9375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt1 {
    padding-bottom: 9.53125%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit2 {
    width: 65.19231%;
    margin-top: 9.80769%;
    margin-bottom: 4.23077%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonArea1 {
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonImg {
    width: 28.84615%;
    position: absolute;
    right: 0;
    top: 0;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt2 {
    width: 65.19231%;
    margin-bottom: 8.65385%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt3 {
    padding-bottom: 8.07692%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt3:before {
    content: "";
    background: url("/contents/small/2101070/images/sp/line_dot.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 0.57692%;
    display: inline-block;
    margin-bottom: 7.69231%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt4 {
    padding-bottom: 9.42308%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeIcon1 {
    width: 31.34615%;
    top: 14%;
    right: -2%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeIcon2 {
    width: 31.34615%;
    top: 43.5%;
    right: -2%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit3 {
    width: 93.64548%;
    margin: 13.28125% auto 6.09375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit4 {
    margin-top: 9.42308%;
    margin-bottom: 4.03846%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit5 {
    margin-top: 7.5%;
    margin-bottom: 4.23077%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeImg {
    background: url("/contents/small/2101070/images/sp/img_frozen_grape.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 73.07692%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt5:after {
    content: "";
    background: url("/contents/small/2101070/images/sp/line_dot.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 0.57692%;
    display: inline-block;
    margin-top: 7.5%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt6 {
    margin-top: 7.88462%;
    margin-bottom: 10.19231%;
  }
  #st-putishakePr180604 .seasonal .caption {
    margin: 2% 0 0 3.125%;
    padding-left: 2.5em;
    text-indent: -1.5em;
  }
  #st-putishakePr180604 .flavour .salesEnd {
    margin-bottom: 12.5%;
    background-image: url("/contents/small/2101070/images/sp/bg_main.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 116.25%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .flavour .salesEnd .seInner {
    padding: 7.8125% 9.375%;
    width: 100%;
    position: absolute;
    top: 0;
  }
  #st-putishakePr180604 .flavour .salesEnd .seTit1 {
    padding-top: 9.61538%;
    width: 79.61538%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .flavour .salesEnd .seTit2 {
    padding-top: 6.15385%;
    padding-bottom: 9.80769%;
    width: 83.46154%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .flavour .lmTit1 {
    width: 60.78125%;
    margin: 0 auto 4.6875%;
  }
  #st-putishakePr180604 .flavour .lmInner {
    padding: 0 3.125%;
  }
  #st-putishakePr180604 .flavour .lmList {
    width: 100%;
    border: dashed 1px #111;
    padding: 6.66667% 11.33333%;
  }
  #st-putishakePr180604 .flavour .lmItem {
    float: left;
    width: 43.38395%;
    margin-right: 13.01518%;
  }
  #st-putishakePr180604 .flavour .lmItem:last-of-type {
    margin-right: 0;
  }
  #st-putishakePr180604 .flavour .lmItemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: inline-block;
    margin-bottom: 9.54545%;
  }
  #st-putishakePr180604 .flavour .lmTxt {
    margin-top: 9.09091%;
  }
  #st-putishakePr180604 .flavour .stTit {
    width: 41.25%;
    margin: 12.5% auto 7.65625%;
  }
  #st-putishakePr180604 .flavour .stList {
    width: 100%;
  }
  #st-putishakePr180604 .flavour .stItem {
    float: left;
    width: 45.73805%;
    margin-right: 8.52391%;
    text-align: center;
  }
  #st-putishakePr180604 .flavour .stItem:nth-of-type(even) {
    margin-right: 0;
  }
  #st-putishakePr180604 .flavour .stItemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90.90909%;
    display: inline-block;
    margin-bottom: 8.63636%;
  }
  #st-putishakePr180604 .flavour .stItemTxt {
    margin-top: 8.63636%;
    margin-bottom: 22.72727%;
  }
  #st-putishakePr180604 .detail {
    margin-top: 10.9375%;
    margin-bottom: 12.5%;
  }
  #st-putishakePr180604 .detail h2 {
    width: 73.90625%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .detail .inner {
    margin: auto 6.25% 0;
  }
  #st-putishakePr180604 .detail .no1 {
    margin-top: 7.8125%;
  }
  #st-putishakePr180604 .detail .no1 h3 {
    width: 99.10714%;
  }
  #st-putishakePr180604 .detail .no1 .txt {
    margin-top: 6.78571%;
  }
  #st-putishakePr180604 .detail .no1 .graph {
    margin: 3.57143% 0 0 3.57143%;
  }
  #st-putishakePr180604 .detail .no1 h4 {
    margin-top: 8.03571%;
    width: 63.92857%;
  }
  #st-putishakePr180604 .detail .no1 .subtxt {
    margin-top: 3.57143%;
  }
  #st-putishakePr180604 .detail .no1 .comment {
    margin-top: 4.46429%;
  }
  #st-putishakePr180604 .detail .no2 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180604 .detail .no2 h3 {
    width: 98.03571%;
  }
  #st-putishakePr180604 .detail .no2 .txt {
    margin-top: 7.14286%;
  }
  #st-putishakePr180604 .detail .no2 .catch {
    margin: 7.14286% auto 0;
  }
  #st-putishakePr180604 .detail .no2 .caption {
    margin: 4.46429% 0 0 5%;
    text-indent: -1em;
  }
  #st-putishakePr180604 .detail .no2 .container {
    margin: 5.35714% 0 24.64286%;
    position: relative;
  }
  #st-putishakePr180604 .detail .no2 .container .img {
    padding-top: 10.71429%;
    width: 56.60714%;
  }
  #st-putishakePr180604 .detail .no2 .container .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 43.75%;
  }

  #st-putishakePr180403 {
    width: 100%;
    margin: 5px 0 10px;
    line-height: 0;
    font-size: 5px;
    /* HTML5 display-role reset for older browsers */
  }
  #st-putishakePr180403 div, #st-putishakePr180403 span, #st-putishakePr180403 applet, #st-putishakePr180403 object, #st-putishakePr180403 iframe,
  #st-putishakePr180403 h1, #st-putishakePr180403 h2, #st-putishakePr180403 h3, #st-putishakePr180403 h4, #st-putishakePr180403 h5, #st-putishakePr180403 h6, #st-putishakePr180403 p, #st-putishakePr180403 blockquote, #st-putishakePr180403 pre,
  #st-putishakePr180403 a, #st-putishakePr180403 abbr, #st-putishakePr180403 acronym, #st-putishakePr180403 address, #st-putishakePr180403 big, #st-putishakePr180403 cite, #st-putishakePr180403 code,
  #st-putishakePr180403 del, #st-putishakePr180403 dfn, #st-putishakePr180403 em, #st-putishakePr180403 img, #st-putishakePr180403 ins, #st-putishakePr180403 kbd, #st-putishakePr180403 q, #st-putishakePr180403 s, #st-putishakePr180403 samp,
  #st-putishakePr180403 small, #st-putishakePr180403 strike, #st-putishakePr180403 strong, #st-putishakePr180403 sub, #st-putishakePr180403 sup, #st-putishakePr180403 tt, #st-putishakePr180403 var,
  #st-putishakePr180403 b, #st-putishakePr180403 u, #st-putishakePr180403 i, #st-putishakePr180403 center,
  #st-putishakePr180403 dl, #st-putishakePr180403 dt, #st-putishakePr180403 dd, #st-putishakePr180403 ol, #st-putishakePr180403 ul, #st-putishakePr180403 li,
  #st-putishakePr180403 fieldset, #st-putishakePr180403 form, #st-putishakePr180403 label, #st-putishakePr180403 legend,
  #st-putishakePr180403 table, #st-putishakePr180403 caption, #st-putishakePr180403 tbody, #st-putishakePr180403 tfoot, #st-putishakePr180403 thead, #st-putishakePr180403 tr, #st-putishakePr180403 th, #st-putishakePr180403 td,
  #st-putishakePr180403 article, #st-putishakePr180403 aside, #st-putishakePr180403 canvas, #st-putishakePr180403 details, #st-putishakePr180403 embed,
  #st-putishakePr180403 figure, #st-putishakePr180403 figcaption, #st-putishakePr180403 footer, #st-putishakePr180403 header, #st-putishakePr180403 hgroup,
  #st-putishakePr180403 menu, #st-putishakePr180403 nav, #st-putishakePr180403 output, #st-putishakePr180403 ruby, #st-putishakePr180403 section, #st-putishakePr180403 summary,
  #st-putishakePr180403 time, #st-putishakePr180403 mark, #st-putishakePr180403 audio, #st-putishakePr180403 video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  #st-putishakePr180403 article, #st-putishakePr180403 aside, #st-putishakePr180403 details, #st-putishakePr180403 figcaption, #st-putishakePr180403 figure,
  #st-putishakePr180403 footer, #st-putishakePr180403 header, #st-putishakePr180403 hgroup, #st-putishakePr180403 menu, #st-putishakePr180403 nav, #st-putishakePr180403 section {
    display: block;
  }
  #st-putishakePr180403 ol, #st-putishakePr180403 ul {
    list-style: none;
  }
  #st-putishakePr180403 blockquote, #st-putishakePr180403 q {
    quotes: none;
  }
  #st-putishakePr180403 blockquote:before, #st-putishakePr180403 blockquote:after,
  #st-putishakePr180403 q:before, #st-putishakePr180403 q:after {
    content: '';
    content: none;
  }
  #st-putishakePr180403 table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  #st-putishakePr180403 h2 {
    background-color: transparent;
  }
  #st-putishakePr180403 img {
    width: 100%;
  }
  #st-putishakePr180403 .caption {
    font-size: 1rem;
    line-height: 1.375;
    color: #666666;
  }
  #st-putishakePr180403 .main {
    margin-top: 40px;
    width: 100%;
  }
  #st-putishakePr180403 .mainTitWrapper {
    background: url("/contents/small/2101070/images/sp/bg_main.png") no-repeat top right;
    background-size: contain;
    width: 100%;
  }
  #st-putishakePr180403 .mainIcon {
    width: 20.625%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .mainTit {
    width: 87.5%;
    margin: 4.6875% auto 0;
  }
  #st-putishakePr180403 .main .flavour {
    margin: 6.25% 3.125% 0;
    border: 1px solid #c3c3c3;
    padding-bottom: 6.25%;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer::after {
    clear: both;
    display: block;
    content: '';
    width: 0;
    height: 0;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .banner {
    width: 50%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .catch {
    float: left;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .tit {
    float: right;
  }
  #st-putishakePr180403 .main .flavour section .greenImg, #st-putishakePr180403 .main .flavour section .yellowImg {
    width: 86.66667%;
    margin: 3.33333% auto 0;
    position: relative;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p, #st-putishakePr180403 .main .flavour section .yellowImg p {
    position: absolute;
    width: 17.30769%;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p.greenImgIcon01, #st-putishakePr180403 .main .flavour section .greenImg p.yellowImgIcon01, #st-putishakePr180403 .main .flavour section .yellowImg p.greenImgIcon01, #st-putishakePr180403 .main .flavour section .yellowImg p.yellowImgIcon01 {
    left: 3.84615%;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p.greenImgIcon02, #st-putishakePr180403 .main .flavour section .greenImg p.yellowImgIcon02, #st-putishakePr180403 .main .flavour section .yellowImg p.greenImgIcon02, #st-putishakePr180403 .main .flavour section .yellowImg p.yellowImgIcon02 {
    left: 23.84615%;
  }
  #st-putishakePr180403 .main .flavour section li {
    margin-top: 4%;
  }
  #st-putishakePr180403 .main .flavour section li:first-child {
    margin-top: 0;
  }
  #st-putishakePr180403 .main .flavour section li .listTxt {
    margin: 2% 0 0 9.61538%;
  }
  #st-putishakePr180403 .main .flavour .green {
    margin-top: 5.33333%;
  }
  #st-putishakePr180403 .main .flavour .green .headingContainer .catch {
    margin: -1.16667% 0 0 2.5%;
    width: 41.66667%;
  }
  #st-putishakePr180403 .main .flavour .green .headingContainer .tit {
    margin: 4.16667% 6.67% 0 0;
    width: 45.16667%;
  }
  #st-putishakePr180403 .main .flavour .greenImg p {
    top: 45%;
  }
  #st-putishakePr180403 .main .flavour .green ol {
    width: 86.66667%;
    margin: 3.33333% auto 0;
  }
  #st-putishakePr180403 .main .flavour .green ol li:first-child h4 {
    width: 84.23077%;
  }
  #st-putishakePr180403 .main .flavour .green ol li:nth-of-type(2) h4 {
    width: 99.80769%;
  }
  #st-putishakePr180403 .main .flavour .green ol li:nth-of-type(3) h4 {
    width: 66.34615%;
  }
  #st-putishakePr180403 .main .flavour .yellow {
    margin-top: 10.83333%;
  }
  #st-putishakePr180403 .main .flavour .yellow .headingContainer .catch {
    margin: 0 0 0 2.5%;
    width: 45.33333%;
  }
  #st-putishakePr180403 .main .flavour .yellow .headingContainer .tit {
    margin: 4.16667% 6.67% 0 0;
    width: 40%;
  }
  #st-putishakePr180403 .main .flavour .yellowImg p {
    top: 25.51%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol {
    width: 86.66667%;
    margin: 3.33333% auto 0;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:first-child h4 {
    width: 93.84615%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:first-child p {
    width: 75.19231%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(2) h4 {
    width: 83.65385%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(2) p {
    width: 89.80769%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(3) h4 {
    width: 70.96154%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(3) p {
    width: 83.84615%;
  }
  #st-putishakePr180403 .main .caption {
    margin: 2% 0 0 3.125%;
    padding-left: 2.5em;
    text-indent: -1.5em;
  }
  #st-putishakePr180403 .detail {
    margin-top: 13.4375%;
  }
  #st-putishakePr180403 .detail h2 {
    width: 77.34375%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .detail .inner {
    margin: auto 6.25% 0;
  }
  #st-putishakePr180403 .detail .no1 {
    margin-top: 7.8125%;
  }
  #st-putishakePr180403 .detail .no1 h3 {
    width: 99.10714%;
  }
  #st-putishakePr180403 .detail .no1 .txt {
    margin-top: 6.78571%;
  }
  #st-putishakePr180403 .detail .no1 .graph {
    margin: 3.57143% 0 0 3.57143%;
  }
  #st-putishakePr180403 .detail .no1 h4 {
    margin-top: 8.03571%;
    width: 63.92857%;
  }
  #st-putishakePr180403 .detail .no1 .subtxt {
    margin-top: 3.57143%;
  }
  #st-putishakePr180403 .detail .no1 .comment {
    margin-top: 4.46429%;
  }
  #st-putishakePr180403 .detail .no2 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180403 .detail .no2 h3 {
    width: 98.03571%;
  }
  #st-putishakePr180403 .detail .no2 .txt {
    margin-top: 7.14286%;
  }
  #st-putishakePr180403 .detail .no2 .catch {
    margin: 7.14286% auto 0;
  }
  #st-putishakePr180403 .detail .no2 .caption {
    margin: 4.46429% 0 0 5%;
    text-indent: -1em;
  }
  #st-putishakePr180403 .detail .no2 .container {
    margin: 5.35714% 0 24.64286%;
    position: relative;
  }
  #st-putishakePr180403 .detail .no2 .container .img {
    padding-top: 10.71429%;
    width: 56.60714%;
  }
  #st-putishakePr180403 .detail .no2 .container .icon {
    position: absolute;
  }
  #st-putishakePr180403 .detail .no3 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180403 .detail .no3 h3 {
    width: 72.32143%;
  }
  #st-putishakePr180403 .detail .no3 ul {
    margin: 0 7.14286% 0;
  }
  #st-putishakePr180403 .detail .no3 ul::after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    clear: both;
  }
  #st-putishakePr180403 .detail .no3 ul li {
    margin-top: 7.14286%;
    width: 41.66667%;
  }
  #st-putishakePr180403 .detail .no3 ul li p {
    margin: 0 auto;
    overflow: hidden;
    line-height: 0;
  }
  #st-putishakePr180403 .detail .no3 ul li h4 {
    margin: 10% auto 0;
  }
  #st-putishakePr180403 .detail .no3 ul li figure {
    margin-top: 8%;
    position: relative;
  }
  #st-putishakePr180403 .detail .no3 ul li figure figcaption {
    position: absolute;
    bottom: -8%;
    left: -13%;
    width: 27%;
  }
  #st-putishakePr180403 .detail .no3 ul li:nth-of-type(2n+1) {
    margin-right: 4.16667%;
    float: left;
  }
  #st-putishakePr180403 .detail .no3 ul li:nth-of-type(even) {
    margin-left: 4.16667%;
    float: right;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:first-child p {
    width: 98%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:first-child h4 {
    width: 65.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:last-child p {
    width: 64.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:last-child h4 {
    width: 66.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list02 li:first-child p {
    width: 74%;
  }
  #st-putishakePr180403 .detail .no3 ul.list02 li:last-child p {
    width: 71.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:first-child p {
    width: 96.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:first-child h4 {
    width: 65%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:last-child p {
    width: 87%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:last-child h4 {
    width: 79.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:first-child p {
    width: 62.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:first-child h4 {
    width: 94%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:last-child p {
    width: 96.5%;
  }
  #st-putishakePr180604 .seasonal .mainTitArea {
    position: relative;
  }
  #st-putishakePr180604 .seasonal .new {
    width: 11.71875%;
    left: 3.2%;
    top: -26%;
  }
  #st-putishakePr180604 .seasonal .limited {
    width: 10.3125%;
    left: 17%;
    top: -25.5%;
  }
  #st-putishakePr180604 .seasonal .subTit {
    width: 62.96875%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .seasonal .mainTit {
    width: 74.21875%;
    margin: 6.875% auto 7.34375%;
  }
  #st-putishakePr180604 .seasonal .ballon {
    width: 32.34375%;
    position: absolute;
    top: -22.2%;
    right: 3.3%;
  }
  #st-putishakePr180604 .seasonal .mainTxt {
    width: 65.625%;
    margin: 0 auto;
    padding-bottom: 9.375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen {
    border: 1px solid #c3c3c3;
    margin: 0 3.125%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frInner {
    margin: 0 20px;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemon:after {
    content: "";
    display: block;
    margin: 0 10px;
    border-bottom: 1px solid #c3c3c3;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonBg {
    background: url("/contents/small/2101070/images/sp/img_frozen_lemon.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 73.07692%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonIcon1 {
    width: 19.23077%;
    top: 23%;
    right: 6%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonIcon2 {
    width: 19.23077%;
    top: 52%;
    right: 6%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit1 {
    width: 93.64548%;
    margin: 8.125% auto 5.9375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt1 {
    padding-bottom: 9.53125%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit2 {
    width: 65.19231%;
    margin-top: 9.80769%;
    margin-bottom: 4.23077%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonArea1 {
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frLemonImg {
    width: 28.84615%;
    position: absolute;
    right: 0;
    top: 0;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt2 {
    width: 65.19231%;
    margin-bottom: 8.65385%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt3 {
    padding-bottom: 8.07692%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt3:before {
    content: "";
    background: url("/contents/small/2101070/images/sp/line_dot.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 0.57692%;
    display: inline-block;
    margin-bottom: 7.69231%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt4 {
    padding-bottom: 9.42308%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeIcon1 {
    width: 31.34615%;
    top: 14%;
    right: -2%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeIcon2 {
    width: 31.34615%;
    top: 43.5%;
    right: -2%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit3 {
    width: 93.64548%;
    margin: 13.28125% auto 6.09375%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit4 {
    margin-top: 9.42308%;
    margin-bottom: 4.03846%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTit5 {
    margin-top: 7.5%;
    margin-bottom: 4.23077%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frGrapeImg {
    background: url("/contents/small/2101070/images/sp/img_frozen_grape.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 73.07692%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt5:after {
    content: "";
    background: url("/contents/small/2101070/images/sp/line_dot.jpg") no-repeat center;
    background-size: 100% 100%;
    width: 100%;
    padding-top: 0.57692%;
    display: inline-block;
    margin-top: 7.5%;
  }
  #st-putishakePr180604 .seasonal .contentsFrozen .frTxt6 {
    margin-top: 7.88462%;
    margin-bottom: 10.19231%;
  }
  #st-putishakePr180604 .seasonal .caption {
    margin: 2% 0 0 3.125%;
    padding-left: 2.5em;
    text-indent: -1.5em;
  }
  #st-putishakePr180604 .flavour .salesEnd {
    margin-bottom: 12.5%;
    background-image: url("/contents/small/2101070/images/sp/bg_main.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    padding-top: 116.25%;
    display: inline-block;
    position: relative;
  }
  #st-putishakePr180604 .flavour .salesEnd .seInner {
    padding: 7.8125% 9.375%;
    width: 100%;
    position: absolute;
    top: 0;
  }
  #st-putishakePr180604 .flavour .salesEnd .seTit1 {
    padding-top: 9.61538%;
    width: 79.61538%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .flavour .salesEnd .seTit2 {
    padding-top: 6.15385%;
    padding-bottom: 9.80769%;
    width: 83.46154%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .flavour .lmTit1 {
    width: 60.78125%;
    margin: 0 auto 4.6875%;
  }
  #st-putishakePr180604 .flavour .lmInner {
    padding: 0 3.125%;
  }
  #st-putishakePr180604 .flavour .lmList {
    width: 100%;
    border: dashed 1px #111;
    padding: 6.66667% 11.33333%;
  }
  #st-putishakePr180604 .flavour .lmItem {
    float: left;
    width: 43.38395%;
    margin-right: 13.01518%;
  }
  #st-putishakePr180604 .flavour .lmItem:last-of-type {
    margin-right: 0;
  }
  #st-putishakePr180604 .flavour .lmItemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    display: inline-block;
    margin-bottom: 9.54545%;
  }
  #st-putishakePr180604 .flavour .lmTxt {
    margin-top: 9.09091%;
  }
  #st-putishakePr180604 .flavour .stTit {
    width: 41.25%;
    margin: 12.5% auto 7.65625%;
  }
  #st-putishakePr180604 .flavour .stList {
    width: 100%;
  }
  #st-putishakePr180604 .flavour .stItem {
    float: left;
    width: 45.73805%;
    margin-right: 8.52391%;
    text-align: center;
  }
  #st-putishakePr180604 .flavour .stItem:nth-of-type(even) {
    margin-right: 0;
  }
  #st-putishakePr180604 .flavour .stItemImg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 90.90909%;
    display: inline-block;
    margin-bottom: 8.63636%;
  }
  #st-putishakePr180604 .flavour .stItemTxt {
    margin-top: 8.63636%;
    margin-bottom: 22.72727%;
  }
  #st-putishakePr180604 .detail {
    margin-top: 10.9375%;
    margin-bottom: 12.5%;
  }
  #st-putishakePr180604 .detail h2 {
    width: 73.90625%;
    margin: 0 auto;
  }
  #st-putishakePr180604 .detail .inner {
    margin: auto 6.25% 0;
  }
  #st-putishakePr180604 .detail .no1 {
    margin-top: 7.8125%;
  }
  #st-putishakePr180604 .detail .no1 h3 {
    width: 99.10714%;
  }
  #st-putishakePr180604 .detail .no1 .txt {
    margin-top: 6.78571%;
  }
  #st-putishakePr180604 .detail .no1 .graph {
    margin: 3.57143% 0 0 3.57143%;
  }
  #st-putishakePr180604 .detail .no1 h4 {
    margin-top: 8.03571%;
    width: 63.92857%;
  }
  #st-putishakePr180604 .detail .no1 .subtxt {
    margin-top: 3.57143%;
  }
  #st-putishakePr180604 .detail .no1 .comment {
    margin-top: 4.46429%;
  }
  #st-putishakePr180604 .detail .no2 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180604 .detail .no2 h3 {
    width: 98.03571%;
  }
  #st-putishakePr180604 .detail .no2 .txt {
    margin-top: 7.14286%;
  }
  #st-putishakePr180604 .detail .no2 .catch {
    margin: 7.14286% auto 0;
  }
  #st-putishakePr180604 .detail .no2 .caption {
    margin: 4.46429% 0 0 5%;
    text-indent: -1em;
  }
  #st-putishakePr180604 .detail .no2 .container {
    margin: 5.35714% 0 24.64286%;
    position: relative;
  }
  #st-putishakePr180604 .detail .no2 .container .img {
    padding-top: 10.71429%;
    width: 56.60714%;
  }
  #st-putishakePr180604 .detail .no2 .container .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 43.75%;
  }

  #st-putishakePr180403 {
    width: 100%;
    margin: 5px 0 10px;
    line-height: 0;
    font-size: 5px;
    /* HTML5 display-role reset for older browsers */
  }
  #st-putishakePr180403 div, #st-putishakePr180403 span, #st-putishakePr180403 applet, #st-putishakePr180403 object, #st-putishakePr180403 iframe,
  #st-putishakePr180403 h1, #st-putishakePr180403 h2, #st-putishakePr180403 h3, #st-putishakePr180403 h4, #st-putishakePr180403 h5, #st-putishakePr180403 h6, #st-putishakePr180403 p, #st-putishakePr180403 blockquote, #st-putishakePr180403 pre,
  #st-putishakePr180403 a, #st-putishakePr180403 abbr, #st-putishakePr180403 acronym, #st-putishakePr180403 address, #st-putishakePr180403 big, #st-putishakePr180403 cite, #st-putishakePr180403 code,
  #st-putishakePr180403 del, #st-putishakePr180403 dfn, #st-putishakePr180403 em, #st-putishakePr180403 img, #st-putishakePr180403 ins, #st-putishakePr180403 kbd, #st-putishakePr180403 q, #st-putishakePr180403 s, #st-putishakePr180403 samp,
  #st-putishakePr180403 small, #st-putishakePr180403 strike, #st-putishakePr180403 strong, #st-putishakePr180403 sub, #st-putishakePr180403 sup, #st-putishakePr180403 tt, #st-putishakePr180403 var,
  #st-putishakePr180403 b, #st-putishakePr180403 u, #st-putishakePr180403 i, #st-putishakePr180403 center,
  #st-putishakePr180403 dl, #st-putishakePr180403 dt, #st-putishakePr180403 dd, #st-putishakePr180403 ol, #st-putishakePr180403 ul, #st-putishakePr180403 li,
  #st-putishakePr180403 fieldset, #st-putishakePr180403 form, #st-putishakePr180403 label, #st-putishakePr180403 legend,
  #st-putishakePr180403 table, #st-putishakePr180403 caption, #st-putishakePr180403 tbody, #st-putishakePr180403 tfoot, #st-putishakePr180403 thead, #st-putishakePr180403 tr, #st-putishakePr180403 th, #st-putishakePr180403 td,
  #st-putishakePr180403 article, #st-putishakePr180403 aside, #st-putishakePr180403 canvas, #st-putishakePr180403 details, #st-putishakePr180403 embed,
  #st-putishakePr180403 figure, #st-putishakePr180403 figcaption, #st-putishakePr180403 footer, #st-putishakePr180403 header, #st-putishakePr180403 hgroup,
  #st-putishakePr180403 menu, #st-putishakePr180403 nav, #st-putishakePr180403 output, #st-putishakePr180403 ruby, #st-putishakePr180403 section, #st-putishakePr180403 summary,
  #st-putishakePr180403 time, #st-putishakePr180403 mark, #st-putishakePr180403 audio, #st-putishakePr180403 video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  #st-putishakePr180403 article, #st-putishakePr180403 aside, #st-putishakePr180403 details, #st-putishakePr180403 figcaption, #st-putishakePr180403 figure,
  #st-putishakePr180403 footer, #st-putishakePr180403 header, #st-putishakePr180403 hgroup, #st-putishakePr180403 menu, #st-putishakePr180403 nav, #st-putishakePr180403 section {
    display: block;
  }
  #st-putishakePr180403 ol, #st-putishakePr180403 ul {
    list-style: none;
  }
  #st-putishakePr180403 blockquote, #st-putishakePr180403 q {
    quotes: none;
  }
  #st-putishakePr180403 blockquote:before, #st-putishakePr180403 blockquote:after,
  #st-putishakePr180403 q:before, #st-putishakePr180403 q:after {
    content: '';
    content: none;
  }
  #st-putishakePr180403 table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  #st-putishakePr180403 h2 {
    background-color: transparent;
  }
  #st-putishakePr180403 img {
    width: 100%;
  }
  #st-putishakePr180403 .caption {
    font-size: 1rem;
    line-height: 1.375;
    color: #666666;
  }
  #st-putishakePr180403 .main {
    margin-top: 40px;
    width: 100%;
  }
  #st-putishakePr180403 .mainTitWrapper {
    background: url("/contents/small/2101070/images/sp/bg_main.png") no-repeat top right;
    background-size: contain;
    width: 100%;
  }
  #st-putishakePr180403 .mainIcon {
    width: 20.625%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .mainTit {
    width: 87.5%;
    margin: 4.6875% auto 0;
  }
  #st-putishakePr180403 .main .flavour {
    margin: 6.25% 3.125% 0;
    border: 1px solid #c3c3c3;
    padding-bottom: 6.25%;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer::after {
    clear: both;
    display: block;
    content: '';
    width: 0;
    height: 0;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .banner {
    width: 50%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .catch {
    float: left;
  }
  #st-putishakePr180403 .main .flavour section .headingContainer .tit {
    float: right;
  }
  #st-putishakePr180403 .main .flavour section .greenImg, #st-putishakePr180403 .main .flavour section .yellowImg {
    width: 86.66667%;
    margin: 3.33333% auto 0;
    position: relative;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p, #st-putishakePr180403 .main .flavour section .yellowImg p {
    position: absolute;
    width: 17.30769%;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p.greenImgIcon01, #st-putishakePr180403 .main .flavour section .greenImg p.yellowImgIcon01, #st-putishakePr180403 .main .flavour section .yellowImg p.greenImgIcon01, #st-putishakePr180403 .main .flavour section .yellowImg p.yellowImgIcon01 {
    left: 3.84615%;
  }
  #st-putishakePr180403 .main .flavour section .greenImg p.greenImgIcon02, #st-putishakePr180403 .main .flavour section .greenImg p.yellowImgIcon02, #st-putishakePr180403 .main .flavour section .yellowImg p.greenImgIcon02, #st-putishakePr180403 .main .flavour section .yellowImg p.yellowImgIcon02 {
    left: 23.84615%;
  }
  #st-putishakePr180403 .main .flavour section li {
    margin-top: 4%;
  }
  #st-putishakePr180403 .main .flavour section li:first-child {
    margin-top: 0;
  }
  #st-putishakePr180403 .main .flavour section li .listTxt {
    margin: 2% 0 0 9.61538%;
  }
  #st-putishakePr180403 .main .flavour .green {
    margin-top: 5.33333%;
  }
  #st-putishakePr180403 .main .flavour .green .headingContainer .catch {
    margin: -1.16667% 0 0 2.5%;
    width: 41.66667%;
  }
  #st-putishakePr180403 .main .flavour .green .headingContainer .tit {
    margin: 4.16667% 6.67% 0 0;
    width: 45.16667%;
  }
  #st-putishakePr180403 .main .flavour .greenImg p {
    top: 45%;
  }
  #st-putishakePr180403 .main .flavour .green ol {
    width: 86.66667%;
    margin: 3.33333% auto 0;
  }
  #st-putishakePr180403 .main .flavour .green ol li:first-child h4 {
    width: 84.23077%;
  }
  #st-putishakePr180403 .main .flavour .green ol li:nth-of-type(2) h4 {
    width: 99.80769%;
  }
  #st-putishakePr180403 .main .flavour .green ol li:nth-of-type(3) h4 {
    width: 66.34615%;
  }
  #st-putishakePr180403 .main .flavour .yellow {
    margin-top: 10.83333%;
  }
  #st-putishakePr180403 .main .flavour .yellow .headingContainer .catch {
    margin: 0 0 0 2.5%;
    width: 45.33333%;
  }
  #st-putishakePr180403 .main .flavour .yellow .headingContainer .tit {
    margin: 4.16667% 6.67% 0 0;
    width: 40%;
  }
  #st-putishakePr180403 .main .flavour .yellowImg p {
    top: 25.51%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol {
    width: 86.66667%;
    margin: 3.33333% auto 0;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:first-child h4 {
    width: 93.84615%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:first-child p {
    width: 75.19231%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(2) h4 {
    width: 83.65385%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(2) p {
    width: 89.80769%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(3) h4 {
    width: 70.96154%;
  }
  #st-putishakePr180403 .main .flavour .yellow ol li:nth-of-type(3) p {
    width: 83.84615%;
  }
  #st-putishakePr180403 .main .caption {
    margin: 2% 0 0 3.125%;
    padding-left: 2.5em;
    text-indent: -1.5em;
  }
  #st-putishakePr180403 .detail {
    margin-top: 13.4375%;
  }
  #st-putishakePr180403 .detail h2 {
    width: 77.34375%;
    margin: 0 auto;
  }
  #st-putishakePr180403 .detail .inner {
    margin: auto 6.25% 0;
  }
  #st-putishakePr180403 .detail .no1 {
    margin-top: 7.8125%;
  }
  #st-putishakePr180403 .detail .no1 h3 {
    width: 99.10714%;
  }
  #st-putishakePr180403 .detail .no1 .txt {
    margin-top: 6.78571%;
  }
  #st-putishakePr180403 .detail .no1 .graph {
    margin: 3.57143% 0 0 3.57143%;
  }
  #st-putishakePr180403 .detail .no1 h4 {
    margin-top: 8.03571%;
    width: 63.92857%;
  }
  #st-putishakePr180403 .detail .no1 .subtxt {
    margin-top: 3.57143%;
  }
  #st-putishakePr180403 .detail .no1 .comment {
    margin-top: 4.46429%;
  }
  #st-putishakePr180403 .detail .no2 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180403 .detail .no2 h3 {
    width: 98.03571%;
  }
  #st-putishakePr180403 .detail .no2 .txt {
    margin-top: 7.14286%;
  }
  #st-putishakePr180403 .detail .no2 .catch {
    margin: 7.14286% auto 0;
  }
  #st-putishakePr180403 .detail .no2 .caption {
    margin: 4.46429% 0 0 5%;
    text-indent: -1em;
  }
  #st-putishakePr180403 .detail .no2 .container {
    margin: 5.35714% 0 24.64286%;
    position: relative;
  }
  #st-putishakePr180403 .detail .no2 .container .img {
    padding-top: 10.71429%;
    width: 56.60714%;
  }
  #st-putishakePr180403 .detail .no2 .container .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 43.75%;
  }
  #st-putishakePr180403 .detail .no3 {
    margin-top: 10.9375%;
  }
  #st-putishakePr180403 .detail .no3 h3 {
    width: 72.32143%;
  }
  #st-putishakePr180403 .detail .no3 ul {
    margin: 0 7.14286% 0;
  }
  #st-putishakePr180403 .detail .no3 ul::after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    clear: both;
  }
  #st-putishakePr180403 .detail .no3 ul li {
    margin-top: 7.14286%;
    width: 41.66667%;
  }
  #st-putishakePr180403 .detail .no3 ul li p {
    margin: 0 auto;
  }
  #st-putishakePr180403 .detail .no3 ul li h4 {
    margin: 10% auto 0;
  }
  #st-putishakePr180403 .detail .no3 ul li figure {
    margin-top: 8%;
    position: relative;
  }
  #st-putishakePr180403 .detail .no3 ul li figure figcaption {
    position: absolute;
    bottom: -8%;
    left: -13%;
    width: 27%;
  }
  #st-putishakePr180403 .detail .no3 ul li:nth-of-type(2n+1) {
    margin-right: 4.16667%;
    float: left;
  }
  #st-putishakePr180403 .detail .no3 ul li:nth-of-type(even) {
    margin-left: 4.16667%;
    float: right;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:first-child p {
    width: 98%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:first-child h4 {
    width: 65.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:last-child p {
    width: 64.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list01 li:last-child h4 {
    width: 66.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list02 li:first-child p {
    width: 74%;
  }
  #st-putishakePr180403 .detail .no3 ul.list02 li:last-child p {
    width: 71.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:first-child p {
    width: 96.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:first-child h4 {
    width: 65%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:last-child p {
    width: 87%;
  }
  #st-putishakePr180403 .detail .no3 ul.list03 li:last-child h4 {
    width: 79.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:first-child p {
    width: 62.5%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:first-child h4 {
    width: 94%;
  }
  #st-putishakePr180403 .detail .no3 ul.list04 li:last-child p {
    width: 96.5%;
  }
  #st-putishakePr180403 .consumer {
    margin-top: 18.75%;
    border-top: 1px solid #c3c3c3;
    padding-top: 11.875%;
    background: url("/contents/small/2101070/images/sp/bg_consumer.png") no-repeat top left;
    background-size: 25.46875%;
  }
  #st-putishakePr180403 .consumer h2 {
    margin: 0 auto;
    width: 61.71875%;
  }
  #st-putishakePr180403 .consumer .txt {
    margin: 6.25% auto 0;
    width: 74.375%;
  }
  #st-putishakePr180403 .consumer .container {
    margin: 6.25% 6.25% 0 3.125%;
    padding-bottom: 51.5625%;
    position: relative;
  }
  #st-putishakePr180403 .consumer .container h3 {
    width: 76.89655%;
  }
  #st-putishakePr180403 .consumer .container figure {
    margin: 15.51724% auto 0;
    width: 58.62069%;
  }
  #st-putishakePr180403 .consumer .container ul li {
    position: absolute;
  }
  #st-putishakePr180403 .consumer .container ul li:first-child {
    width: 62.41379%;
    top: 18%;
    right: 1.37931%;
  }
  #st-putishakePr180403 .consumer .container ul li:nth-of-type(2) {
    width: 43.10345%;
    top: 47%;
    left: 1.2069%;
  }
  #st-putishakePr180403 .consumer .container ul li:nth-of-type(3) {
    width: 40.17241%;
    top: 54%;
    right: 0;
  }
  #st-putishakePr180403 .consumer .container ul li:nth-of-type(4) {
    width: 48.44828%;
    top: 63%;
    left: 10%;
  }
  #st-putishakePr180403 .consumer .container ul li:nth-of-type(5) {
    width: 45%;
    top: 79%;
    right: 6.72414%;
  }
  #st-putishakePr180403 .consumer .caption {
    margin-left: 3.125%;
  }
}
/*20220823公開分改修_START*/
.smallSection {
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
 /** ユーティリティ */ /**セクション**/ /**見出し**/ /**マーカーライン**/ /**リード文**/ /**テキストボックス**/ /**注釈テキスト**/ /**リスト**/ /**ボタン**/ /**画像**/ /**商品の特長カラム**/ /* アイコン */ /**MV-01 ~ MV-04**/ /**ED-01**/ /**ED-02**/ /**ED-03**/ /**BC-01**/ /**BC-02**/ /**SET-01**/ /**RV-01**/ /**RV-02**/ /**BN-01**/ /**AW-01**/ /**APP-01**/ /**CRS-01**/ /**CRS-02**/ /**STEP-01**/ /**STEP-02**/ /**STEP-03**/ /* 202101追加 */ /* コンポーネントを複数くくるためのdiv(主に注釈を設定するため) */;
}

.smallSection *,.smallSection *::before,.smallSection *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.smallSection ol,.smallSection ul,.smallSection p {
  margin-top: 0;
  margin-bottom: 0;
}

.smallSection sup {
  font-size: 0.7142em;
}

.smallSection .u-mt-none {
  margin-top: 0 !important;
}

.smallSection .u-mr-none {
  margin-right: 0 !important;
}

.smallSection .u-mb-none {
  margin-bottom: 0 !important;
}

.smallSection .u-ml-none {
  margin-left: 0 !important;
}

.smallSection .u-mt-s {
  margin-top: 20px !important;
}

.smallSection .u-mr-s {
  margin-right: 20px !important;
}

.smallSection .u-mb-s {
  margin-bottom: 20px !important;
}

.smallSection .u-ml-s {
  margin-left: 20px !important;
}

.smallSection .u-mt-m {
  margin-top: 40px !important;
}

.smallSection .u-mr-m {
  margin-right: 40px !important;
}

.smallSection .u-mb-m {
  margin-bottom: 40px !important;
}

.smallSection .u-ml-m {
  margin-left: 40px !important;
}

.smallSection .u-mt-l {
  margin-top: 80px !important;
}

.smallSection .u-mr-l {
  margin-right: 80px !important;
}

.smallSection .u-mb-l {
  margin-bottom: 80px !important;
}

.smallSection .u-ml-l {
  margin-left: 80px !important;
}

.smallSection__bigMv {
  margin: 0 -6.25vw 50px;
}

.smallSection__bg {
  margin: 0 -6.25vw 50px;
  padding: 80px 6.25vw;
  background-color: #FAFAFA;
}

.smallSection__inner {
  max-width: 1120px;
  /* margin: 0 auto; */
  margin: 30px auto 0;
}

.smallSection .section {
  margin-bottom: 80px;
}

.smallSection .h03 {
  margin-bottom: 30px;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.04em;
}

.smallSection .h03__shoulder {
  display: inline-block;
  font-size: 20px;
  text-align: center;
}

.smallSection .h03__sub {
  display: inline-block;
  font-size: 20px;
  text-align: center;
}

.smallSection .h03__u {
  border-bottom: solid 1px #231815;
}

.smallSection .h03 strong {
  color: #EF857D;
  font-weight: normal;
}

.smallSection .h03 strong .h03__u {
  display: inline;
  border-bottom: solid 1px #EF857D;
}

.smallSection .h04,.smallSection .h04--line {
  margin: 30px 0;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.04em;
}

.smallSection .h04--line {
  padding: 12px 0;
  border-top: solid 1px #231815;
  border-bottom: solid 1px #231815;
}

.smallSection .h04__shoulder,.smallSection .h04__shoulder--box {
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.smallSection .h04__shoulder--box {
  padding: 0 3px;
  border: solid 1px #E0E0E0;
  line-height: 1.2;
}

.ie .smallSection .h04__shoulder--box {
  line-height: 1;
  padding-top: 2px;
}

.smallSection .h04__u {
  border-bottom: solid 1px #231815;
}

.smallSection .marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(65%, transparent), color-stop(0, #F5D7D5));
  background: -webkit-linear-gradient(transparent 65%, #F5D7D5 0);
  background: linear-gradient(transparent 65%, #F5D7D5 0);
}

.smallSection .tLead,.smallSection .tLead--left {
  margin-bottom: 30px;
  font-size: 24px;
  text-align: center;
  letter-spacing: 0.04em;
}

.smallSection .tLead--left {
  text-align: left;
}

.smallSection .tLead strong,.smallSection .tLead--left strong {
  color: #EF857D;
  font-weight: normal;
}

.smallSection .txtBox {
  margin: 0 auto 40px;
}

.smallSection .txtBox.txtBox--center {
  text-align: center;
}

.smallSection .tNotes,.smallSection .tNotes--list,.smallSection .tNotes--order {
  color: #5C5A5A;
  font-size: 10px;
}

.smallSection .tNotes--center {
  display: inline-block;
  text-align: left;
}

.smallSection .tNotes--list > li,.smallSection .tNotes--order > li {
  position: relative;
  padding-left: 0.75em;
}

.smallSection .tNotes--list > li::before,.smallSection .tNotes--order > li::before {
  content: "*";
  position: absolute;
  left: 0;
}

.smallSection .tNotes--order {
  counter-reset: tNotes;
}

.smallSection .tNotes--order > li {
  padding-left: 1.5em;
}

.smallSection .tNotes--order > li:nth-child(n+10) {
  padding-left: 2em;
}

.smallSection .tNotes--order > li::before {
  content: "*" counter(tNotes);
  counter-increment: tNotes;
}

.smallSection .list--circle > li {
  position: relative;
  padding-left: 1.28em;
}

.smallSection .list--circle > li::before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 1em;
  height: 1em;
  border: solid 1px #5C5A5A;
  border-radius: 51%;
}

.smallSection .btn,.smallSection .btn--strong,.smallSection .btn--small {
  letter-spacing: 0.04em;
}

.smallSection .menuLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.smallSection .menuLink__btn {
  margin-left: 10px;
  margin-right: 10px;
}

.smallSection .menuLink__btn .btn--small {
  height: 100%;
  max-width: 260px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.smallSection .menuLink__btn .link--bottom {
  background-image: none;
  padding-left: 18px;
}

.smallSection .menuLink__btn .link--bottom:after {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  border: 1px solid #5c5a5a;
  border-bottom: none;
  border-left: none;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.smallSection .menuLink__btn .link--top {
  position: relative;
  padding-right: 18px;
  background-image: none;
  padding-left: 18px;
}

.smallSection .menuLink__btn .link--top:after {
  display: inline-block;
  content: '';
  width: 5px;
  height: 5px;
  border: 1px solid #5c5a5a;
  border-bottom: none;
  border-left: none;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.smallSection .menuLink__link {
  margin-left: 10px;
  margin-right: 10px;
  letter-spacing: 0.04em;
}

.smallSection .menuLink__link a span {
  text-decoration: underline;
}

.smallSection .fig,.smallSection .fig--center {
  margin-bottom: 40px;
}

.smallSection .fig__img {
  max-width: 100%;
}

.smallSection .fig figcaption,.smallSection .fig--center figcaption {
  margin: 15px auto 0;
}

.smallSection .fig--center {
  text-align: center;
}

.smallSection .fig--center figcaption {
  text-align: left;
}

.smallSection .feature__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 900px;
  margin: 0 auto 80px;
}

.smallSection .feature__row--center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.smallSection .feature__row--center .fig,.smallSection .feature__row--center .fig--center,.smallSection .feature__row--center .fig--center {
  margin-bottom: 0;
}

.smallSection .feature__col {
  -ms-flex-preferred-size: 495px;
  flex-basis: 495px;
  max-width: 495px;
}

.smallSection .feature__col--ph {
  -ms-flex-preferred-size: 346px;
  flex-basis: 346px;
  max-width: 346px;
  margin-right: 60px;
}

.smallSection .feature__heading {
  margin-bottom: 20px;
  font-size: 24px;
  letter-spacing: 0.04em;
}

.smallSection .feature__lead {
  margin-bottom: 15px;
}

.smallSection .feature__fig,.smallSection .feature__fig--btm {
  margin-bottom: 15px;
}

.smallSection .feature__fig figcaption,.smallSection .feature__fig--btm figcaption {
  margin-top: 10px;
}

.smallSection .feature__fig--btm {
  margin-top: 10px;
}

.smallSection .icon,.smallSection .icon--square,.smallSection .icon--circle,.smallSection .icon--date,.smallSection .icon--quantity,.smallSection .icon--new,.smallSection .icon--set {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 98px;
  height: 98px;
  border: 1px solid #5C5A5A;
}

.smallSection .icon .num,.smallSection .icon--square .num,.smallSection .icon--circle .num,.smallSection .icon--date .num,.smallSection .icon--quantity .num,.smallSection .icon--new .num,.smallSection .icon--set .num {
  margin-bottom: 0;
}

/*20220823公開分改修_START*/
@media screen and (max-width: 768px) {
  .smallSection {
    padding: 0 20px;
  }

  .smallSection__bigMv {
    margin: 0 -20px 50px;
  }

  .smallSection__bg {
    margin: 0 -20px 50px;
    padding: 40px 20px;
  }

  .smallSection .h03 {
    font-size: 20px;
    letter-spacing: 0.02em;
  }

  .smallSection .h03__shoulder {
    font-size: 14px;
    letter-spacing: 0;
  }

  .smallSection .h03__sub {
    font-size: 14px;
    letter-spacing: 0;
  }

  .smallSection .h04,.smallSection .h04--line {
    font-size: 20px;
    letter-spacing: 0.02em;
  }

  .smallSection .h04--line {
    padding: 8px 0;
    font-size: 16px;
    letter-spacing: 0;
  }

  .smallSection .h04__shoulder,.smallSection .h04__shoulder--box {
    font-size: 14px;
  }

  .smallSection .tLead,.smallSection .tLead--left {
    font-size: 16px;
    letter-spacing: 0.06em;
  }

  .smallSection .txtBox.txtBox--center {
    text-align: left;
  }

  .smallSection .list--circle > li {
    padding-left: 1em;
  }

  .smallSection .menuLink {
    display: block;
  }

  .smallSection .menuLink__btn {
    margin: 0 0 20px;
  }

  .smallSection .menuLink__btn .btn--small {
    min-height: 56px;
  }

  .smallSection .menuLink__btn + .smallSection .menuLink__btn {
    margin-top: 10px;
  }

  .smallSection .menuLink__link {
    max-width: 50%;
  }

  .smallSection .feature__row {
    display: block;
  }

  .smallSection .feature__col {
    max-width: none;
  }

  .smallSection .feature__col--ph {
    max-width: none;
    margin: 0 0 20px;
  }

  .smallSection .feature__heading {
    font-size: 16px;
    letter-spacing: 0.06em;
  }

  .smallSection .icon .num__shoulder,.smallSection .icon--square .num__shoulder,.smallSection .icon--circle .num__shoulder,.smallSection .icon--date .num__shoulder,.smallSection .icon--quantity .num__shoulder,.smallSection .icon--new .num__shoulder,.smallSection .icon--set .num__shoulder {
    font-size: 11px;
  }

  .smallSection .icon .num__num,.smallSection .icon--square .num__num,.smallSection .icon--circle .num__num,.smallSection .icon--date .num__num,.smallSection .icon--quantity .num__num,.smallSection .icon--new .num__num,.smallSection .icon--set .num__num {
    font-size: 31px;
  }

  .smallSection .icon--square {
    width: 68px;
    height: 68px;
  }

  .smallSection .icon--circle {
    width: 76px;
    height: 76px;
  }

  .smallSection .icon--spf {
    width: 50px;
    line-height: 1;
    font-size: 10px;
  }

  .smallSection .icon--spf .spfTxt1 {
    height: 16px;
  }

  .smallSection .icon--spf .spfTxt2 {
    height: 16px;
  }

  .smallSection .icon--date {
    width: 64px;
    height: 64px;
    font-size: 11px;
  }

  .smallSection .icon--quantity {
    width: 65px;
    height: 65px;
  }

  .smallSection .icon--new,.smallSection .icon--set {
    width: 64px;
    height: 64px;
    font-size: 12px;
    letter-spacing: 0.04em;
  }

  .smallSection .icon--set {
    width: 75px;
    height: 75px;
    font-size: 24px;
    letter-spacing: 0.02em;
  }

  .smallSection .num {
    margin-bottom: 10px;
  }

  .smallSection .num__shoulder {
    font-size: 11px;
  }

  .smallSection .num__num {
    width: 21px;
    font-size: 30px;
  }

  .smallSection .achievement {
    display: block;
  }

  .smallSection .achievement__item {
    min-height: 36px;
    margin-bottom: 10px;
    border-radius: 8px;
    border: 1px solid #231815;
  }

  .smallSection .achievement__heading {
    font-size: 12px;
    letter-spacing: 0.1em;
  }

  .smallSection .achievement__num {
    font-size: 20px;
    letter-spacing: 0.04em;
  }

  .smallSection .achievement__unit {
    font-size: 14px;
  }

  .smallSection .achievement__percent {
    font-size: 14px;
  }

  .smallSection .sectionKv,.smallSection .sectionKv--spMvTop {
    margin-bottom: 50px;
  }

  .smallSection .sectionKv--spMvTop .sectionKv__content,.smallSection .sectionKv--spMvTop .sectionKv__content--centerSP,.smallSection .sectionKv--spMvTop .sectionKv__content--centerSP {
    padding-top: 83vw;
    padding-bottom: 0;
  }

  .smallSection .sectionKv .tNotes,.smallSection .sectionKv--spMvTop .tNotes,.smallSection .sectionKv .tNotes--list,.smallSection .sectionKv--spMvTop .tNotes--list,.smallSection .sectionKv .tNotes--order,.smallSection .sectionKv--spMvTop .tNotes--order {
    margin-top: 5px;
  }

  .smallSection .sectionKv__content,.smallSection .sectionKv__content--centerSP {
    background: url("/contents/small/dummy/images/sp/img-main-kv-sp.jpg") no-repeat center bottom;
    max-width: none;
    height: 114.6vw;
    margin: 0 -20px;
    padding-right: 20px;
    padding-top: 8vw;
    padding-left: 20px;
    background-size: cover;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .smallSection .sectionKv__content--centerSP {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }

  .smallSection .sectionKv__txt {
    font-size: 14px;
  }

  .smallSection .sectionKv__txt--border {
    margin-bottom: 20px;
    padding: 4px 10px;
  }

  .smallSection .sectionKv__shoulder {
    font-size: 14px;
    line-height: 1.5;
  }

  .smallSection .sectionKv__title {
    line-height: 1.2;
    margin-top: 1%;
    font-size: 26px;
    letter-spacing: 0.04em;
  }

  .smallSection .sectionKv__iconWrap {
    position: absolute;
    width: 54px;
    height: 116px;
    top: 18.3vw;
 /* top = height - paddingBottom */
    right: 20px;
    margin-top: -58px;
  }

  .smallSection .sectionKv__iconWrap > p:not(:first-child) {
    margin-left: 0;
    margin-top: 12px;
  }

  .smallSection .sectionKv__iconWrap .icon--date {
    width: 54px;
    height: 54px;
    font-size: 11px;
    letter-spacing: -0.02em;
  }

  .smallSection .sectionKv__iconWrap .icon--new,.smallSection .sectionKv__iconWrap .icon--set {
    width: 54px;
    height: 54px;
  }

  .smallSection .sectionEd,.smallSection .sectionEd--rev,.smallSection .sectionEd--txt {
    margin: 40px -20px;
  }

  .smallSection .sectionEd__content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url("/contents/small/dummy/images/sp/img-main-Ed01-sp.jpg") no-repeat top center;
    background-size: cover;
    width: 100%;
    max-width: 375px;
    height: 400px;
    padding: 0 0 240px 0;
  }

  .smallSection .sectionEd__heading {
    font-size: 20px;
    text-align: center;
    padding: 0 20px;
  }

  .smallSection .sectionEd--rev .sectionEd__content {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: url("/contents/small/dummy/images/sp/img-main-Ed02-sp.jpg") no-repeat top center;
    background-size: cover;
    padding: 0 0 270px 0;
  }

  .smallSection .beautyColumn .h03,.smallSection .beautyColumn--largePC .h03 {
    margin-bottom: 10px;
  }

  .smallSection .beautyColumn,.smallSection .beautyColumn--largePC {
    margin: 60px -20px 0;
    padding: 30px 20px 43px;
    border-right: 0;
    border-left: 0;
  }

  .smallSection .beautyColumn__shoulder,.smallSection .beautyColumn__shoulder--leftPC {
    top: -24px;
    right: auto;
    left: 20px;
    width: 148px;
    height: 24px;
    padding-left: .26em;
    letter-spacing: 0.26em;
  }

  .smallSection .beautyColumn__col--txt {
    margin-bottom: 20px;
  }

  .smallSection .beautyColumn__heading {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .smallSection .setBlock {
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
  }

  .smallSection .setBlock__inner {
    padding: 19px 0;
  }

  .smallSection .setBlock__titles {
    display: block;
  }

  .smallSection .setBlock__textContainer {
    margin-left: 0;
  }

  .smallSection .setBlock__titleText {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 75px;
    margin-left: 90px;
  }

  .smallSection .setBlock__boxText {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    text-align: center;
  }

  .smallSection .setBlock__textColumn {
    padding: 0 5px;
    font-size: 14px;
  }

  .smallSection .setBlock__contents {
    margin-top: 15px;
  }

  .smallSection .setBlock__detailWrapper {
    display: block;
    margin-top: 31px;
  }

  .smallSection .setBlock__copyBlock {
    text-align: center;
  }

  .smallSection .setBlock__copyText--underlined {
    font-size: 14px;
  }

  .smallSection .setBlock__copyText--large {
    font-size: 16px;
  }

  .smallSection .setBlock__imgsBlock {
    margin-left: 10px;
    margin-top: 20px;
  }

  .smallSection .setBlock__linkBlock {
    width: 105px;
    min-width: 105px;
  }

  .smallSection .setBlock__linkBlock a:not(:first-child) {
    margin-top: 5px;
  }

  .smallSection .setBlock__linkBox {
    width: 105px;
    height: 50px;
    line-height: 1.5;
  }

  .smallSection .setBlock__linkBox span {
    font-size: 12px;
  }

  .smallSection .setBlock__itemsBlock {
    max-width: 62%;
    margin-left: 13px;
  }

  .smallSection .setBlock__stepCol {
    padding: 0 30px 30px;
  }

  .smallSection .setBlock__stepCol:nth-child(2) {
    border-top: solid 1px #E0E0E0;
    padding: 30px;
  }

  .smallSection .setBlock__stepCol:nth-child(3) {
    padding: 30px 30px 0;
    border-top: solid 1px #E0E0E0;
  }

  .smallSection .setBlock__stepPlus {
    top: 0;
    left: 50%;
  }

  .smallSection .setBlock__stepItem,.smallSection .setBlock__stepItem--L {
    max-width: 275px;
    margin: 15px auto 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .smallSection .setBlock__stepItem--L .setBlock__stepItemImg {
    -ms-flex-preferred-size: 94px;
    flex-basis: 94px;
    max-width: 94px;
  }

  .smallSection .setBlock__stepHeading {
    margin: 0;
    font-size: 16px;
  }

  .smallSection .setBlock__stepItemTxt {
    font-size: 12px;
  }

  .smallSection .setBlock__stepItemName {
    font-size: 14px;
  }

  .smallSection .setBlock.setBlock--wide .setBlock__inner {
    padding: 25px 0;
  }

  .smallSection .setBlock .setBlock__titleText--small {
    margin-left: 88px;
    font-size: 16px;
  }

  .smallSection .setBlock .setBlock__col2of1 {
    display: block;
    margin-top: 20px;
  }

  .smallSection .setBlock .setBlock__col2of1__item {
    width: 100%;
  }

  .smallSection .setBlock .setBlock__col2of1__item:first-child {
    padding-top: 0;
  }

  .smallSection .setBlock .setBlock__col2of1__item:last-child {
    padding-left: 0;
    max-width: 365px;
    margin: 20px auto 0;
  }

  .smallSection .setBlock .setBlock__col2of1__item__img {
    margin: 0 auto;
    width: 55%;
  }

  .smallSection .setBlock .setBlock__col2of1__item__img img {
    width: 100%;
  }

  .smallSection .setBlock .setBlock__col2of1__item__txt {
    font-size: 14px;
  }

  .smallSection .setBlock .setBlock__col2of1__item__imgBox:first-child {
    margin-right: 0;
  }

  .smallSection .setBlock .setBlock__col2of1__item__imgBox {
    text-align: center;
    width: 50%;
  }

  .smallSection .setBlock .setBlock__col2of1__item__imgBox > *:nth-child(1) {
    height: 75%;
  }

  .smallSection .setBlock .setBlock__col2of1__item__imgBox > *:nth-child(2) {
    height: 25%;
  }

  .smallSection .setBlock .setBlock__col2of1__item--images {
    position: relative;
  }

  .smallSection .setBlock .setBlock__col2of1__item--images::before,.smallSection .setBlock .setBlock__col2of1__item--images::after {
    position: absolute;
    top: 95px;
    left: -10px;
    right: 0;
    margin: auto;
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #231815;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
  }

  .smallSection .setBlock .setBlock__col2of1__item--images::before {
    left: 38px;
  }

  .smallSection .setBlock .setBlock__col2of1__item--images::after {
    top: 83px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .smallSection .setBlock .setBlock__col2of1__item__imgBox a {
    font-size: 12px;
  }

  .smallSection .setBlock .notes {
    font-size: 12px;
    margin-top: 5px;
  }

  .smallSection .review01 .h03 {
    margin-bottom: 20px;
  }

  .smallSection .review01__comment {
    height: auto;
    min-height: 130px;
    max-width: 335px;
  }

  .smallSection .review01__comment:nth-child(odd) .review01__balloon {
    margin-left: 10px;
  }

  .smallSection .review01__comment:nth-child(even) .review01__balloon {
    margin-right: 10px;
  }

  .smallSection .review01__img {
    -ms-flex-preferred-size: 96px;
    flex-basis: 96px;
    min-width: 96px;
    max-width: 96px;
  }

  .smallSection .review01__balloon {
    padding: 13px 14px 10px;
    font-size: 14px;
  }

  .smallSection .review02__img {
    -ms-flex-preferred-size: 70px;
    flex-basis: 70px;
    min-width: 70px;
    max-width: 70px;
  }

  .smallSection .review02__balloon {
    margin: 0 0 0 23px;
    padding: 13px 14px;
    letter-spacing: 0.01em;
    border-radius: 3px;
    border: solid 1px #E0E0E0;
  }

  .smallSection .review02__balloon::before {
    top: 50%;
    margin-right: 1px;
  }

  .smallSection .review02__balloon::after {
    top: 50%;
    margin-right: -1px;
  }

  .smallSection .review02--figRight .review02__balloon {
    margin: 0 23px 0 0;
  }

  .smallSection .review02--figRight .review02__balloon::before {
    margin-left: 1px;
  }

  .smallSection .review02--figRight .review02__balloon::after {
    margin-left: -1px;
  }

  .smallSection .banner__link {
    width: auto;
    max-width: 335px;
    height: 150px;
    line-height: 1.2;
    background: url("/contents/small/dummy/images/sp/bg-banner-archives.png") no-repeat left center;
    background-size: auto 100%;
  }

  .smallSection .banner__txt {
    padding-right: 10px;
    padding-left: 169px;
  }

  .smallSection .banner__shoulder {
    margin-bottom: 8px;
    font-size: 12px;
  }

  .smallSection .banner__heading {
    font-size: 16px;
  }

  .smallSection .award {
    padding: 32px 30px;
  }

  .smallSection .award__ttl {
    padding-top: 20px;
    font-size: 20px;
    background-size: 25px 19px;
  }

  .smallSection .appLinks {
    margin-top: 40px;
  }

  .smallSection .appLinks__links {
    height: auto;
    display: block;
    max-width: 335px;
    margin: 30px auto 0;
  }

  .smallSection .appLinks__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 335px;
    margin: 15px auto 0;
  }

  .smallSection .appLinks__title,.smallSection .appLinks__title--here {
    font-size: 16px;
    letter-spacing: 0.06em;
  }

  .smallSection .appLinks__title--here {
    margin-top: 28px;
  }

  .smallSection .appLinks__btn {
    margin-top: 15px;
  }

  .smallSection .appLinks__imgContainer:nth-child(2) {
    margin-left: 20px;
  }

  .smallSection .appLinks__qrContainer {
    margin-left: 20px;
  }

  .smallSection .appLinks--bgGreen {
    margin-right: -20px;
    margin-left: -20px;
    padding: 30px 0;
  }

  .smallSection .appLinks--bgGreen .appLinks__links {
    margin-top: 0;
  }

  .smallSection .itemSliderRich {
    max-width: none;
    width: calc(100% + 40px);
    margin: 0 -20px 40px;
  }

  .smallSection .itemSliderRich__list {
    width: auto;
    height: 96.3vw;
  }

  .smallSection .itemSliderRich__list .slick-arrow {
    width: 18px;
    height: 18px;
    top: -20%;
  }

  .smallSection .itemSliderRich__list .slick-prev.slick-arrow {
    left: 10px;
  }

  .smallSection .itemSliderRich__list .slick-next.slick-arrow {
    right: 10px;
  }

  .smallSection .itemSliderRich__itemCard {
    width: auto;
    height: auto;
    padding-top: 75.6vw;
    background-size: contain;
  }

  .smallSection .itemSliderRich__itemCard.color001 {
    background-image: url(/contents/small/1353011/images/sp/bg-rouge-color-001.png);
  }

  .smallSection .itemSliderRich__itemCard.color001 .itemSliderRich__imgContainer {
    bottom: 5px;
    right: 0;
    width: 45%;
  }

  .smallSection .itemSliderRich__itemCard.color002 {
    background-image: url(/contents/small/1353011/images/sp/bg-rouge-color-002.png);
  }

  .smallSection .itemSliderRich__itemCard.color002 .itemSliderRich__imgContainer {
    bottom: 20px;
    right: 0;
    width: 48%;
  }

  .smallSection .itemSliderRich__itemCard.color003 {
    background-image: url(/contents/small/1353011/images/sp/bg-rouge-color-004.png);
  }

  .smallSection .itemSliderRich__itemCard.color003 .itemSliderRich__imgContainer {
    bottom: 15px;
    right: 0;
    width: 47%;
  }

  .smallSection .itemSliderRich__itemCard.color004 {
    background-image: url(/contents/small/1353011/images/sp/bg-rouge-color-003.png);
  }

  .smallSection .itemSliderRich__itemCard.color004 .itemSliderRich__imgContainer {
    bottom: 25px;
    right: 0;
    width: 47%;
  }

  .smallSection .itemSliderRich__textContainer {
    margin: 15px 0 0 20px;
    height: 63px;
  }

  .smallSection .itemSliderRich__textContainer__itemName {
    font-size: 14px;
  }

  .smallSection .itemSliderRich__textContainer__itemCaption {
    font-size: 12px;
    line-height: 1.5;
  }

  .smallSection .itemSliderRich__captions {
    min-height: 63px;
    margin: 10px 20px 0;
    font-size: 12px;
    text-align: left;
  }

  .smallSection .itemSliderRich__thumb {
    max-width: 600px;
    margin: 0px auto 0;
  }

  .smallSection .itemSliderRich__thumb__item {
    -ms-flex-preferred-size: calc(25% - 14px);
    flex-basis: calc(25% - 14px);
  }

  .smallSection .itemSliderRich__thumb__item:not(:first-child) {
    margin-left: 7px;
  }

  .smallSection .itemSliderRich__thumb__imgContainer {
    width: 55px;
    height: 55px;
    margin: auto;
    line-height: 55px;
  }

  .smallSection .itemSliderRich__thumb__btn {
    width: auto;
    padding: 35px 10px 10px;
    height: auto;
  }

  .smallSection .itemSliderRich__thumb__icon,.smallSection .itemSliderRich__thumb__icon--y,.smallSection .itemSliderRich__thumb__icon--b {
    top: 6px;
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
  }

  .smallSection .itemSliderRich__thumb__title {
    margin-top: 5px;
    line-height: 1.28;
    font-size: 12px;
  }

  .smallSection .itemSliderRich__iconList {
    max-width: 590px;
    margin: 30px auto 0;
    padding: 0 20px;
  }

  .smallSection .itemSlider {
    border: 0;
    margin: 0 -20px 60px;
    padding: 0;
    border-right: 0;
    border-left: 0;
  }

  .smallSection .itemSlider__ttl {
    display: block;
    padding: 10px 20px;
    font-size: 16px;
  }

  .smallSection .itemSlider__list {
    position: relative;
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 25px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .smallSection .itemSlider__list::after {
    content: "";
    clear: both;
    display: table;
  }

  .smallSection .itemSlider__list .slick-slider {
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }

  .smallSection .itemSlider__list .slick-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 90px;
    z-index: 1000;
  }

  .smallSection .itemSlider__list .slick-arrow::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 22px;
    top: 50%;
    left: 50%;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
  }

  .smallSection .itemSlider__list .slick-prev {
    left: 20px;
  }

  .smallSection .itemSlider__list .slick-prev::before {
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg);
  }

  .smallSection .itemSlider__list .slick-next {
    right: 20px;
  }

  .smallSection .itemSlider__list .slick-next::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }

  .smallSection .itemSlider__list .slick-dots {
    bottom: -30px;
  }

  .smallSection .itemSlider__list .slick-dots li {
    margin: 0 1px;
  }

  .smallSection .itemSlider__list .slick-dots li button::before {
    content: "";
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border: solid 1px #E0E0E0;
    border-radius: 51%;
    opacity: 1;
  }

  .smallSection .itemSlider__list .slick-dots li.slick-active button::before {
    border: 0;
    background-color: #E0E0E0;
  }

  .smallSection .itemSlider__wrap {
    float: left;
    padding: 0 20px;
  }

  .smallSection .itemSlider__wrap a {
    display: block;
  }

  .smallSection .itemSlider__heading {
    font-size: 16px;
  }

  .smallSection .section-steps {
    margin-bottom: 40px;
  }

  .smallSection .section-steps__title {
    line-height: 1.5;
  }

  .smallSection .section-steps__title__text {
    display: block;
    font-size: 16px;
  }

  .smallSection .section-steps__title__large {
    display: block;
    font-size: 22px;
    margin-left: 0;
    margin-bottom: 7px;
  }

  .smallSection .section-steps__title__num {
    font-size: 30px;
  }

  .smallSection .section-steps__table {
    margin-top: 12px;
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__content {
    padding: 1%;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__wrap--left,.smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__wrap--right {
    width: 100%;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__wrap--col3 {
    width: 100%;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__wrap--col3__inner {
    display: block;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__wrap--col3__inner .section-steps__table__content {
    padding: 1%;
    width: 100%;
  }

  .smallSection .section-steps__table.section-steps__table--col3wide .section-steps__table__word__title {
    font-size: 18px;
  }

  .smallSection .section-steps__table__wrap--left {
    border-top: 1px solid #999999;
  }

  .smallSection .section-steps__table__wrap--right {
    border-left: 1px solid #999999;
  }

  .smallSection .section-steps__table__cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .smallSection .section-steps__table__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 1%;
  }

  .smallSection .section-steps__table__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.3rem;
  }

  .smallSection .section-steps__table__image img {
    max-width: 64px;
    height: auto;
    margin: 20px 0 20px 5px;
  }

  .smallSection .section-steps__table__stagenum {
    width: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 10px;
    font-weight: bold;
  }

  .smallSection .section-steps__table__stagenum span {
    font-size: 20px;
  }

  .smallSection .section-steps__table__word {
    max-width: 195px;
    margin: 12px 0px 12px 8px;
  }

  .smallSection .section-steps__table__word__title {
    line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
    color: #102c83;
    margin-bottom: 10px;
  }

  .smallSection .section-steps__table__txt {
    font-size: 12px;
  }

  .smallSection .section-steps__table__txt--strong {
    font-size: 12px;
    letter-spacing: 0;
  }

  .smallSection .section-steps__table__label {
    margin: 10px 0 0;
  }

  .smallSection .section-steps__table__label li {
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    padding: 1px 4px;
    letter-spacing: 0;
  }

  .smallSection .stepType__col--txt .tLead--left:only-child {
    display: table;
    margin: 0 auto 10px;
  }

  .smallSection .stepType__table th {
    height: 37px;
    font-size: 12px;
  }

  .smallSection .stepType__table td {
    height: 132px;
  }

  .smallSection .stepType__l,.smallSection .stepType__m {
    top: 58px;
    height: 90px;
    font-size: 14px;
    line-height: 1.3;
  }

  .smallSection .stepType__type {
    font-size: 30px;
  }

  .smallSection .steps {
    display: block;
  }

  .smallSection .steps__item,.smallSection .steps__item--main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
  }

  .smallSection .steps__item + li,.smallSection .steps__item--main + li {
    margin: 35px 0 0;
  }

  .smallSection .steps__item + li::before,.smallSection .steps__item--main + li::before {
    top: -23px;
    right: calc(calc(100% - 70px - 34px) / 2);
    bottom: auto;
    left: auto;
    border-width: 10px 15px;
    border-color: #e0e0e0 transparent transparent;
  }

  .smallSection .steps__item--main {
    min-width: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .smallSection .steps__item--main .steps__enclose {
    padding: 7px 0;
  }

  .smallSection .steps__enclose {
    width: calc(100% - 70px);
    margin-top: 0;
    padding: 6px 0;
  }

  .smallSection .steps__enclose span {
    font-size: 14px;
  }

  .smallSection .step-box {
    max-width: 335px;
    margin: 50px auto 0;
  }

  .smallSection .step-box__inner,.smallSection .step-box__inner--main {
    margin-left: 26px;
  }

  .smallSection .step-box__inner:nth-child(1),.smallSection .step-box__inner--main:nth-child(1) {
    -ms-flex-preferred-size: 84px;
    flex-basis: 84px;
    margin-left: 0;
  }

  .smallSection .step-box__inner:nth-child(2),.smallSection .step-box__inner--main:nth-child(2) {
    -ms-flex-preferred-size: 108px;
    flex-basis: 108px;
  }

  .smallSection .step-box__inner:nth-child(3),.smallSection .step-box__inner--main:nth-child(3) {
    -ms-flex-preferred-size: 91px;
    flex-basis: 91px;
  }

  .smallSection .step-box__inner::before,.smallSection .step-box__inner--main::before {
    left: -18px;
    margin-top: -9px;
    border-width: 9px 0 9px 10px;
  }

  .smallSection .step-box__inner--main {
    font-size: 14px;
  }

  .smallSection .step-box__item {
    font-size: 13px;
  }

  .smallSection .lp-btn {
    text-decoration: none;
    padding: 12px;
  }

  .smallSection .lp-btn:hover {
    border-color: #5c5a5a;
  }

  .smallSection .lp-btn:hover .lp-btn__text {
    opacity: 1;
  }

  .smallSection .lp-btn--strong:hover {
    background-color: #5c5a5a;
  }

  .smallSection .boxText .boxText__inner {
    display: block;
  }

  .smallSection .boxText .boxText__inner .boxText__inner__item {
    width: 48%;
    font-size: 14px;
    min-width: auto;
  }

  .smallSection .boxText .boxText__inner .boxText__inner__item:not(:first-child) {
    margin-left: 10px;
  }

  .smallSection .boxText .boxText__inner .boxText__inner__item:nth-child(n+3) {
    margin-top: 10px;
  }

  .smallSection .boxText .boxText__inner .boxText__inner__item:nth-child(2n+1) {
    margin-left: 0;
  }
}

@media (max-width: 374px) {
  .smallSection .sectionEd__content {
    height: 106.66vw;
    padding: 0 0 64vw 0;
  }

  .smallSection .sectionEd--rev .sectionEd__content {
    padding: 0 0 72vw 0;
  }

  .smallSection .setBlock__textColumn {
    font-size: 3.733vw;
  }
}

@media screen and (max-width: 374px) {
  .smallSection .review01__balloon {
    font-size: 12px;
  }

  .smallSection .banner__link {
    height: 40vw;
  }

  .smallSection .banner__txt {
    padding-left: calc(50vw - 20px);
  }

  .smallSection .banner__shoulder {
    font-size: 3.2vw;
  }

  .smallSection .banner__heading {
    font-size: 4.266vw;
  }
}

@media screen and (max-width: 359px) {
  .smallSection .review01__comment {
    margin-top: -10px;
  }
}

@media (max-width: 359px) {
  .smallSection .step-box__inner,.smallSection .step-box__inner--main {
    margin-left: 12px;
  }

  .smallSection .step-box__inner::before,.smallSection .step-box__inner--main::before {
    left: -10px;
  }

  .smallSection .step-box__num {
    font-size: 12px;
  }
}

@-webkit-keyframes tpr_fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes tpr_fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/*20220823公開分改修_END*/

/* 2026 frozen lemon Figma SP blocks */
.spFigmaTop,
.spFigmaBottom {
  position: relative;
  margin: 0 auto;
  color: #231815;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  line-height: 1;
}

.spFigmaTop {
  width: 375px;
  overflow: hidden;
}

.spFigmaTop *,
.spFigmaBottom * {
  box-sizing: border-box;
}

.spFigmaBottom p,
.spFigmaBottom h2,
.spFigmaBottom h3 {
  margin: 0;
}

.spFigmaDummy {
  position: absolute;
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 30px;
  height: 14px;
  margin: 0;
  padding: 0 5px;
  background: #ff00d9;
  color: #fff;
  font-size: 7px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.08em;
  text-align: center;
  white-space: nowrap;
}

.spFigmaTop {
  /* height: 605.5px; 
  background: #fff;*/
}

.spFigmaHero {
  position: relative;
  height: auto;
  overflow: hidden;
  background: none;
  line-height: 0;
}

.spFigmaHero__kv {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: top;
}

.spFigmaHero p, .spFigmaSet p {
  margin-top: 0;
  margin-bottom: 0;
}

.spFigmaHero__limited {
  position: absolute;
  top: 0;
  left: 0;
  width: 66px;
  height: 22px;
  background: #eb6101;
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.08em;
  text-align: center;
}

.spFigmaHero__copy {
  position: absolute;
  top: 28px;
  left: 18px;
  z-index: 3;
  width: 210px;
  color: #4e4e4e;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff;
}

.spFigmaHero__headline {
  font-family: "Yu Mincho", YuMincho, serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.spFigmaHero__headline span {
  font-size: 25px;
  letter-spacing: -0.09em;
}

.spFigmaHero__lead {
  margin-top: 14px;
  font-family: "Yu Mincho", YuMincho, serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -0.12em;
}

.spFigmaHero__title {
  margin-top: 8px;
  color: #eb6101;
  font-family: "Yu Mincho", YuMincho, serif;
  font-weight: 700;
  line-height: 0.96;
  letter-spacing: -0.07em;
  text-align: left;
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 15px #fff;
}

.spFigmaHero__title span {
  display: block;
}

.spFigmaHero__title span:first-child {
  font-size: 32px;
  transform: rotate(-4deg);
}

.spFigmaHero__title span:last-child {
  margin: -2px 0 0 38px;
  font-size: 25px;
}

.spFigmaHero__ribbon {
  position: absolute;
  top: 169px;
  left: 28px;
  color: #eb6101;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
  text-shadow: none;
}

.spFigmaHero__ribbon::before {
  content: "";
  position: absolute;
  top: -15px;
  left: -10px;
  width: 117px;
  height: 28px;
  border-top: 1px solid #eb6101;
  border-radius: 50%;
}

.spFigmaHero__ribbon::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  z-index: -1;
  width: 98px;
  height: 4px;
  background: rgba(255, 255, 255, 0.9);
}

.spFigmaHero__photo {
  position: absolute;
  top: 15px;
  left: 164.5px;
  width: 205px;
  height: 205px;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
}

.spFigmaHero__photo img {
  position: absolute;
  top: -61px;
  left: -10px;
  width: 224px;
  max-width: none;
}

.spFigmaHero__spoon {
  position: absolute;
  top: 9px;
  left: 301px;
  z-index: 4;
  width: 74px;
  height: 63px;
  overflow: hidden;
}

.spFigmaHero__spoon img {
  width: 78px;
  max-width: none;
}

.spFigmaHero__note {
  position: absolute;
  right: 20px;
  bottom: 18px;
  z-index: 4;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.04em;
}

.spFigmaHero__dummy--photo {
  top: 108px;
  left: 249px;
}

.spFigmaHero__dummy--spoon {
  top: 46px;
  left: 323px;
}

.spFigmaRecipeBtn {
  position: relative;
  display: block;
  width: 375px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff9ac;
  color: #eb6101;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  vertical-align: top;
}

.spFigmaRecipeBtn::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 0 3px 28px;
  border-right: 1px solid #eb6101;
  border-bottom: 1px solid #eb6101;
  transform: rotate(45deg);
}

.spFigmaSet {
  position: relative;
  height: 360px;
  background: #fff;
}

.spFigmaSet__line {
  position: absolute;
  left: 20px;
  width: 335px;
  height: 1px;
  background: #c3c3c3;
}

.spFigmaSet__line--top {
  top: 32px;
}

.spFigmaSet__line--bottom {
  bottom: 43px;
}

.spFigmaSet__icon {
  position: absolute;
  top: 52px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-weight: 500;
  text-align: center;
}

.spFigmaSet__icon--set {
  left: 20px;
  background: #2bb6e8;
  color: #fff;
  font-size: 15px;
  line-height: 50px;
}

.spFigmaSet__icon--date {
  left: 75px;
  border: 1px solid #2bb6e8;
  color: #2bb6e8;
}

.spFigmaSet__icon--date span {
  display: block;
}

.spFigmaSet__icon--date span:first-child {
  margin-top: 12px;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  line-height: 0.9;
}

.spFigmaSet__icon--date span:last-child {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: -0.04em;
}

.spFigmaSet__heading {
  position: absolute;
  top: 55px;
  left: 130px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.spFigmaSet__heading span {
  display: block;
  font-weight: 700;
}

.spFigmaSet__label {
  position: absolute;
  top: 124px;
  left: 24px;
  color: #eb6101;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}

.spFigmaSet__off {
  position: absolute;
  top: 141px;
  left: 20px;
  width: 106.5px;
  height: 19px;
  background: #eb6101;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 19px;
  letter-spacing: 0.01em;
  text-align: center;
  white-space: nowrap;
}

.spFigmaSet__off span:first-child {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.spFigmaSet__off span:last-child {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 600;
}

.spFigmaSet__price {
  position: absolute;
  top: 134px;
  left: 134px;
  color: #eb6101;
  font-family: "Open Sans", sans-serif;
  font-size: 27px;
  line-height: 1;
  letter-spacing: -0.05em;
  white-space: nowrap;
}

.spFigmaSet__price span {
  margin-left: 2px;
  font-family: YuGothic, "Yu Gothic", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}

.spFigmaSet__lead {
  position: absolute;
  top: 174px;
  left: 20px;
  width: 335px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.02em;
}

.spFigmaSet__note {
  position: absolute;
  bottom: 85px;
  left: 20px;
  width: 335px;
  height: 10px;
  color: #4e4e4e;
  font-size: 10px;
  line-height: 1.3;
}

.spFigmaSet__products {
  position: absolute;
  top: 99px;
  left: 244.5px;
  width: 110.5px;
  height: 67.5px;
}

.spFigmaSet__product {
  position: absolute;
  overflow: hidden;
}

.spFigmaSet__product img {
  position: absolute;
  max-width: none;
}

.spFigmaSet__product--yellow {
  top: 1.5px;
  left: -3px;
  width: 44.5px;
  height: 66px;
  z-index: 3;
}

.spFigmaSet__product--yellow img {
  top: -32%;
  left: -37%;
  width: 170%;
}

.spFigmaSet__product--red {
  top: 1.5px;
  left: 29.5px;
  width: 44.5px;
  height: 66px;
}

.spFigmaSet__product--red img {
  top: -32%;
  left: -37%;
  width: 170%;
  z-index: 2;
}

.spFigmaSet__product--green {
  top: 0;
  left: 64.5px;
  width: 46px;
  height: 67px;
}

.spFigmaSet__product--green img {
  top: -29%;
  left: -34%;
  width: 163%;
  z-index: 1;
}

.spFigmaSet__dummy {
  top: 30px;
  left: 12px;
}

.spFigmaBottom {
  width: 375px;
  max-width: 100%;
  height: 653.5px;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

#st-putishakePr180604 .spFigmaBottom,
#st-putishakePr180604 section.spFigmaBottom,
#static_2101070 > .spFigmaBottom {
  margin-left: auto;
  margin-right: auto;
}

.spFigmaBottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: url("/contents/small/2101070/images/sp/bg-frozen-recipe-sp.svg") no-repeat center top / cover;
  pointer-events: none;
}

.spFigmaBottom > * {
  position: relative;
  z-index: 1;
}

.spFigmaBottom__limited {
  position: absolute;
  top: 31px;
  left: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  padding: 5px;
  background: #cf0033;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
  line-height: 19px;
  text-align: center;
}

.spFigmaBottom__limited span {
  display: block;
  font-weight: 700;
}

.spFigmaBottom__headline {
  position: absolute;
  top: 31px;
  left: 80.895px;
  z-index: 0;
  font-family: "Yu Mincho", YuMincho, serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.14px;
  white-space: nowrap;
}

.spFigmaBottom__headline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: -1;
  width: 100%;
  height: 7px;
  background: rgba(255, 255, 255, 0.95);
}

.spFigmaBottom__headline span {
  position: relative;
  z-index: 1;
  font-size: 20px;
  letter-spacing: -1.44px;
}

#st-putishakePr180604 .spFigmaBottom__headline sup {
  /* CSS resetで sup の見た目が壊れるため、上付き＆縮小を個別に戻す */
  font-size: 0.5142em;
  vertical-align: super;
  letter-spacing: 0.1px;
}

.spFigmaBottom__headline .spFigmaBottom__headlineTight {
  letter-spacing: -4.8px;
}

.spFigmaBottom__flavor {
  position: absolute;
  top: 56px;
  left: 78.395px;
  z-index: 1;
  color: #eb6101;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: -1.5px;
  white-space: nowrap;
}

.spFigmaBottom__flavor .spFigmaBottom__flavorTaste {
  font-size: 30px;
  letter-spacing: -6.3px;
}

.spFigmaBottom__flavor > span:last-child {
  font-size: 20px;
  letter-spacing: -1.6px;
}

.spFigmaBottom__featureText {
  position: absolute;
  top: 102px;
  left: 32px;
  color: #eb6101;
  font-size: 15.5px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.28px;
}

.spFigmaBottom__photoNote {
  position: absolute;
  top: 170px;
  left: 32px;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: -0.4px;
}

.spFigmaBottom__photoNoteItem {
  display: inline-grid;
  grid-template-columns: auto 1fr;
  vertical-align: top;
}

.spFigmaBottom__photoNoteMark {
  grid-column: 1;
  grid-row: 1;
}

.spFigmaBottom__photoNoteBody {
  grid-column: 2;
  grid-row: 1;
}

.spFigmaBottom__photo {
  position: absolute;
  top: 90.5px;
  left: 199.5px;
  z-index: 2;
  width: 170px;
  height: 170px;
}

.spFigmaBottom__photo img {
  position: absolute;
  top: -14.65px;
  left: -6.67px;
  width: 147.65px;
  max-width: none;
}

.spFigmaBottom__photoDeco {
  position: absolute;
  top: 71.5px;
  left: 163.94px;
  z-index: 3;
  width: 194.813px;
  max-width: none;
}

.spFigmaBottom__dummy--hero {
  top: 153.5px;
  left: 253px;
}

.spFigmaBottom__howto {
  position: absolute;
  top: 238.5px;
  left: 20px;
  width: 335px;
  height: 384px;
  background: url("/contents/small/2101070/images/sp/bg-frozen-recipe-sp-howto.svg") no-repeat center / 100% 100%;
}

.spFigmaBottom__howtoTitle {
  position: absolute;
  top: 12.045px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: #eb6101;
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: -1.1px;
  white-space: nowrap;
}

.spFigmaBottom__howtoLead {
  position: absolute;
  top: 43.065px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.56px;
  text-align: center;
  white-space: nowrap;
}

.spFigmaBottom__steps {
  position: absolute;
  top: 99px;
  left: 0;
  width: 335px;
  height: 147px;
  margin: 0;
  padding: 0;
}

.spFigmaBottom__steps::before,
.spFigmaBottom__steps::after {
  content: "";
  position: absolute;
  top: 36.22px;
  width: 10px;
  height: 15.557px;
  background: no-repeat center / 100% 100%;
}

.spFigmaBottom__steps::before {
  left: 110px;
  background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-arrow01.svg");
}

.spFigmaBottom__steps::after {
  left: 216.5px;
  background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-arrow02.svg");
}

.spFigmaBottom__step {
  position: absolute;
  top: 0;
  width: 86.883px;
  list-style: none;
}

.spFigmaBottom__step:nth-child(1) {
  left: 17.5px;
}

.spFigmaBottom__step:nth-child(2) {
  left: 124.5px;
}

.spFigmaBottom__step:nth-child(3) {
  left: 231.5px;
  width: 109.5px;
}

.spFigmaBottom__stepImg {
  position: relative;
  width: 86.883px;
  height: 86.883px;
  overflow: hidden;
  background: #fff;
}

.spFigmaBottom__stepImg img {
  display: block;
  width: 100%;
  max-width: none;
}

.spFigmaBottom__stepImg .spFigmaDummy {
  right: 0;
  bottom: 0;
}

.spFigmaBottom__step > p {
  margin-top: 5px;
  color: #231815;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 17px;
  letter-spacing: -1.25px;
  text-align: center;
  white-space: nowrap;
}

.spFigmaBottom__step:nth-child(3) > p {
  margin-left: -25px !important;
}

.spFigmaBottom__mix {
  position: absolute;
  top: 248.5px;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.spFigmaBottom__mix li {
  position: relative;
  top: auto;
  left: auto;
  z-index: auto;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 61.326px;
  height: 61.326px;
  background: no-repeat center / 100% 100%;
  color: #eb6101;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  list-style: none;
}

.spFigmaBottom__mix li:nth-child(1) {
  background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-soy.svg");
}

.spFigmaBottom__mix li:nth-child(2) {
  background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-milk.svg");
}

.spFigmaBottom__mix li:nth-child(3) {
  background-image: url("/contents/small/2101070/images/sp/ico-frozen-recipe-sp-mix-yogurt.svg");
  font-size: 13px;
  letter-spacing: -1px;
}

.spFigmaBottom__notes {
  position: absolute;
  top: 318.585px;
  left: 16.895px;
  width: 310px;
  color: #231815;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 16.5px;
  letter-spacing: -0.5px;
}

.container .spFigmaBottom .spFigmaBottom__limited {
  font-size: 14px !important;
  line-height: 17px !important;
  font-weight: 700 !important;
}

.container .spFigmaBottom .spFigmaBottom__limited span {
  font-weight: 700 !important;
}

.container .spFigmaBottom .spFigmaBottom__headline {
  font-size: 14px !important;
  line-height: 14px !important;
  font-weight: bold !important;
  font-family: "Yu Mincho", YuMincho, serif !important;
}

.container .spFigmaBottom .spFigmaBottom__headline span {
  font-size: 20px !important;
  line-height: 20px !important;
  font-family: "Yu Mincho", YuMincho, serif !important;
}

.container .spFigmaBottom .spFigmaBottom__headline sup {
  font-size: 0.5142em !important;
  vertical-align: super !important;
  letter-spacing: 0.1px !important;
}

.container .spFigmaBottom .spFigmaBottom__flavor,
.container .spFigmaBottom .spFigmaBottom__flavor .spFigmaBottom__flavorTaste {
  font-size: 24px !important;
  line-height: 28px !important;
  font-weight: 700 !important;
}

.container .spFigmaBottom .spFigmaBottom__flavor > span:last-child {
  font-size: 17px !important;
  line-height: 20px !important;
}

.container .spFigmaBottom .spFigmaBottom__featureText {
  font-size: 14px !important;
  line-height: 24px !important;
  font-weight: bold !important;
}

.container .spFigmaBottom .spFigmaBottom__photoNote {
  font-size: 10px !important;
  line-height: 15px !important;
}

.container .spFigmaBottom .spFigmaBottom__howtoTitle {
  font-size: 18px !important;
  line-height: 22px !important;
  font-weight: bold !important;
}

.container .spFigmaBottom .spFigmaBottom__howtoLead {
  font-size: 14px !important;
  line-height: 20px !important;
  font-weight: bold !important;
}

.container .spFigmaBottom .spFigmaBottom__step > p {
  margin-top: 5px !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

.container .spFigmaBottom .spFigmaBottom__mix li {
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: bold !important;
}

.container .spFigmaBottom .spFigmaBottom__mix li:nth-child(3) {
  font-size: 11px !important;
  font-weight: bold !important;
}

.container .spFigmaBottom .spFigmaBottom__notes {
  font-size: 10px !important;
  line-height: 15px !important;
}

/* --------------------------------
  グレーアウト対応
-------------------------------- */
#static_2101070 .spFigmaHero,
#spFigmaBottom .frozenRecipe {
  position: relative;
}

.spFigmaHero .itemcol__end,
.spFigmaBottom .itemcol__end {
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px;
  z-index: 10;
  background: rgba(0, 0, 0, .5);
}

.spFigmaHero .itemcol__endTxt,
.spFigmaBottom .itemcol__endTxt {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #FFF;
  font-weight: bold !important;
  text-align: center;
  font-size: 18px !important;
  transform: translate(-50%, -50%);
  line-height: 22px !important;
}

/* 時限落とし */
#static_2101070 .autodrop {
  display: none !important;
}
