@charset "UTF-8";
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Regular.woff") format("woff2");
}
@font-face {
  font-family: "SoDoSans";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff2");
}
.mod-en {
  font-family: "SoDoSans";
}

@font-face {
  font-family: "SoDoSans Black";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-Black.woff") format("woff");
}
@font-face {
  font-family: "SoDoSans Bold";
  font-style: normal;
  font-weight: 700;
  src: url("/common/fonts/SoDoSans/SoDoSans-Bold.woff") format("woff");
}
@font-face {
  font-family: "SoDoSans SemiBold";
  font-style: normal;
  font-weight: 400;
  src: url("/common/fonts/SoDoSans/SoDoSans-SemiBold.woff") format("woff");
}
article {
  color: #000;
}
article a {
  color: #000;
}
article img {
  width: 100%;
}
article a {
  display: block;
}
article h2, article h3 {
  margin: 0;
}

.ContentsBox {
  position: relative;
  z-index: 10;
}

@media print, screen and (min-width: 1024px) {
  .block-inner {
    width: 65.9255141745vw;
    margin: 0 auto;
  }
  #howto {
    position: absolute;
    top: 4.5%;
    left: 0;
    right: 0;
  }
  #menu._link {
    top: -7.7777777778vw;
    position: absolute;
  }
  /* #main */
  .block-main {
    position: relative;
    background: url(/rewards/howtoenjoy-food/images/main/bg.jpg) left top no-repeat;
    background-size: 100%;
  }
  .block-main img {
    width: 100%;
  }
  .block-main a {
    display: block;
  }
  .block-main h2, .block-main h3, .block-main h4, .block-main p {
    margin: 0;
  }
  .block-main:after {
    display: block;
    content: "";
    padding-top: 46.5%;
  }
  .block-main ._bonus {
    position: absolute;
    top: 77.06%;
    left: 89%;
    width: 8.5%;
    height: 18.16%;
    background: #006241;
    border-radius: 50%;
    border: 1px solid #D2A04A;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-main ._bonus:hover {
    opacity: 0.8;
  }
  .block-main ._bonus:before {
    content: "";
    position: absolute;
    bottom: 0.4444444444vw;
    left: 50%;
    width: 0.5555555556vw;
    height: 0.5555555556vw;
    box-sizing: border-box;
    border: 0.5555555556vw solid transparent;
    border-top: 0.5555555556vw solid #fff;
    transform: translate(-50%, 0) scale(1, 1.2);
  }
  .block-main ._bonus p {
    padding-bottom: 0.4444444444vw;
    font-size: 0.9444444444vw;
    text-align: center;
    line-height: 1.5;
  }
  .block-main ._bonus p b {
    font-size: 1.4444444444vw;
    font-weight: bold;
    letter-spacing: -0.03em;
    color: #d2a04a;
  }
  .block-main ._bonus p span {
    margin-left: 0.6666666667vw;
  }
  .block-main ._deco1 {
    position: absolute;
    top: 18.2%;
    left: 34.44%;
    width: 10.83%;
  }
  .block-main ._p_main {
    position: absolute;
    top: 0;
    right: 0;
    width: 56.8649249583%;
  }
  .block-main h2 {
    position: absolute;
    top: 27.95%;
    left: 13.72%;
  }
  .block-main h2 ._t1 {
    display: block;
    width: 14.4vw;
  }
  .block-main h2 ._t2 {
    margin-top: 1.2777777778vw;
    display: block;
    font-size: 4.6111111111vw;
    font-weight: bold;
    line-height: 1.14;
    letter-spacing: 0.01em;
    color: #d2a04a;
  }
  .block-main h2 ._t2 sup {
    font-size: 1.6666666667vw;
  }
  .block-main ._vol {
    position: absolute;
    top: 64.75%;
    left: 13.83%;
    width: 5.7809894386%;
  }
  /* #intro */
  .block-intro {
    position: relative;
    background: url(/rewards/howtoenjoy-food/images/intro/bg.png) left bottom no-repeat;
    background-size: 100% auto;
    position: relative;
  }
  .block-intro:after {
    display: block;
    content: "";
    padding-top: 114.1745414119vw;
  }
  .block-intro img {
    width: 100%;
  }
  .block-intro a {
    display: block;
  }
  .block-intro h2, .block-intro h3, .block-intro h4, .block-intro p {
    margin: 0;
  }
  .block-intro ._profile {
    position: absolute;
    top: 45%;
    left: 60.2%;
  }
  .block-intro ._ballon {
    position: absolute;
    top: 3.9%;
    left: 28.77%;
    width: 42.4680377988%;
    height: 23.71%;
  }
  .block-intro ._deco1 {
    position: absolute;
    top: 32.8%;
    left: 37.05%;
    width: 6.27%;
    height: 5.92%;
  }
  .block-intro ._p_person {
    position: absolute;
    top: 29.5%;
    left: 39.244024458%;
    width: 20.7893274041%;
  }
  .block-intro ._steps {
    position: absolute;
    top: 49.2%;
    left: 24.16%;
    width: 51.77%;
    height: 44.48%;
  }
  .block-intro ._profile {
    font-size: 0.7777777778vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #006241;
  }
  .block-intro ._profile b {
    font-size: 1.1666666667vw;
    font-weight: normal;
  }
  .block-intro ._ballon ._ballon-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 2.5vw 0 0 3.5575319622vw;
    box-sizing: border-box;
  }
  .block-intro ._ballon ._t1 {
    font-size: 2.3333333333vw;
    font-weight: bold;
    line-height: 1.4;
    font-weight: bold;
    color: #006241;
  }
  .block-intro ._ballon ._t1 b {
    color: #D2A04A;
  }
  .block-intro ._ballon ._t1 .mod-en {
    font-size: 2.7222222222vw;
  }
  .block-intro ._ballon ._t2 {
    margin-top: 1.6666666667vw;
    font-size: 1.3888888889vw;
    line-height: 1.8;
    letter-spacing: 0.0555555556vw;
    white-space: nowrap;
    font-weight: bold;
    color: #006241;
  }
  .block-intro ._ballon ._t2 b {
    color: #D2A04A;
  }
  .block-intro ._ballon ._t3 {
    margin-top: 2vw;
    padding-left: 0.8333333333vw;
    border-left: 2px solid #D2A04A;
  }
  .block-intro ._ballon ._t3 span {
    font-size: 0.8333333333vw;
    color: #1e3932;
  }
  .block-intro ._ballon ._t3 b {
    color: #D2A04A;
    font-size: 1.0555555556vw;
    display: block;
  }
  /* #latte */
  .block-latte {
    padding: 4.0578098944vw 0 1.1111111111vw 0;
    position: relative;
  }
  .block-latte img {
    width: 100%;
  }
  .block-latte a {
    display: block;
  }
  .block-latte h2, .block-latte h3, .block-latte h4, .block-latte p {
    margin: 0;
  }
  .block-latte ._box-title {
    position: relative;
    text-align: center;
  }
  .block-latte ._box-title p {
    position: relative;
    font-size: 2.1111111111vw;
    line-height: 1.6;
    letter-spacing: -0.0555555556vw;
    padding-left: 1vw;
    color: #d2a04a;
    font-weight: bold;
    position: relative;
  }
  .block-latte ._box-title p:before {
    content: "";
    position: absolute;
    top: -0.3888888889vw;
    left: 41.2%;
    display: inline-block;
    width: 2px;
    height: 3.8910505837vw;
    background: #c8964a;
    transform: rotate(-32deg);
  }
  .block-latte ._box-title p:after {
    content: "";
    position: absolute;
    top: -0.3888888889vw;
    right: 41.2%;
    display: inline-block;
    width: 2px;
    height: 3.8910505837vw;
    background: #c8964a;
    transform: rotate(32deg);
  }
  .block-latte ._box-title2 {
    margin-top: 1.5555555556vw;
    position: relative;
  }
  .block-latte ._box-title2 h3 {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7777777778vw;
    text-align: center;
    line-height: 1.5;
    color: #fff;
    font-weight: bold;
  }
  .block-latte ._box-texts {
    text-align: center;
    color: #1e3932;
    padding: 3.3333333333vw 0 5vw 0;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .block-latte ._box-texts ._t1 {
    font-size: 1.7777777778vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-latte ._box-texts ._t2 {
    margin-top: 2.5vw;
    font-size: 1.2777777778vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  .block-latte ._box-texts ._items {
    width: 36.1111111111vw;
    margin: 0 auto;
    margin-top: 2.5vw;
    text-align: center;
  }
  .block-latte ._box-content {
    background-image: url(/rewards/howtoenjoy-frappuccino/images/latte/bg2.png);
    background-size: 100% 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 5.335742vw 0 8.3333333333vw;
  }
  .block-latte ._box-content ._list-3l {
    gap: 0 5.5555555556vw;
    margin: 2.2222222222vw 0;
  }
  .block-latte ._box-content ul {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 0 4.4444444444vw;
  }
  .block-latte ._box-content ul li {
    width: 14.3968871595vw;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.7222222222vw;
  }
  .block-latte ._box-content ul li picture {
    flex: 1;
  }
  .block-latte ._box-content ul li p {
    text-align: center;
    font-size: 1.2222222222vw;
    white-space: nowrap;
    color: #fff;
  }
  .block-latte ._box-content ul li span {
    position: absolute;
    font-size: 1.2777777778vw;
    color: #006241;
    letter-spacing: -0.0555555556vw;
    background-color: #cbe0d9;
    border-radius: 50%;
    width: 7.0594774875vw;
    height: 7.0594774875vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 7.2222222222vw;
    left: -2.3333333333vw;
  }
  #pastry {
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
  }
  .block-pastry {
    position: relative;
    background-image: url(/rewards/howtoenjoy-food/images/pastry/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: -4.9444444444vw;
    margin-bottom: 9.4444444444vw;
    padding: 7.9444444444vw 0 1.8333333333vw;
    z-index: -1;
  }
  .block-pastry .inner {
    width: 34.1111111111vw;
    margin: 0 auto;
  }
  .block-pastry ._t1 {
    font-size: 1.9444444444vw;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin: 0 0 1.9444444444vw 0;
  }
  .block-pastry ._btns {
    position: relative;
    padding: 0 4.4444444444vw;
    top: 4.2222222222vw;
  }
  /* #customize */
  .block-customize {
    position: relative;
    padding: 3.1666666667vw 0 7.2222222222vw 0;
  }
  .block-customize img {
    width: 100%;
  }
  .block-customize a {
    display: block;
  }
  .block-customize h2, .block-customize h3, .block-customize h4, .block-customize p {
    margin: 0;
  }
  .block-customize ._row-intro ._ballon {
    position: relative;
    width: 35.0555555556vw;
    margin: 0 auto;
  }
  .block-customize ._row-intro ._ballon ._ballon-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 3.3333333333vw 0 0 5.2777777778vw;
  }
  .block-customize ._row-intro ._ballon p {
    font-size: 1.7777777778vw;
    line-height: 1.8;
    letter-spacing: -0.0555555556vw;
    color: #006241;
    font-weight: bold;
  }
  .block-customize ._row-intro ._ballon p b {
    color: #B4824A;
  }
  .block-customize ._row-intro ._btns {
    margin-top: 2.7777777778vw;
  }
  .block-customize ._row-intro ._btn {
    width: 24.4444444444vw;
  }
  .block-customize ._row-box {
    margin-top: 2.7777777778vw;
  }
  .block-customize ._box-title {
    position: relative;
  }
  .block-customize ._box-title h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7777777778vw;
    text-align: center;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
  }
  .block-customize ._box-title ._fig {
    position: relative;
  }
  .block-customize ._box-title ._fig ._photo {
    width: 14.9527515286vw;
    position: absolute;
    right: 2.5555555556vw;
    bottom: 0;
  }
  .block-customize ._box-title ._fig ._prof {
    position: absolute;
    top: 1vw;
    right: 3.1111111111vw;
  }
  .block-customize ._box-title ._fig ._prof p {
    font-size: 0.6666666667vw;
    line-height: 1;
    letter-spacing: 0;
    color: #006241;
  }
  .block-customize ._box-title ._fig ._prof p ._prof-name {
    font-size: 1.1111111111vw;
    display: inline-block;
    margin-top: -0.5555555556vw;
    margin-left: 2.1111111111vw;
  }
  .block-customize ._box-body {
    background-image: url(/rewards/howtoenjoy-frappuccino/images/customize/bg2.png);
    background-position: left top;
    background-size: 100% auto;
    padding: 5vw 0 7.7777777778vw 0;
  }
  .block-customize ._box-btn {
    margin-top: -2.2222222222vw;
    text-align: center;
  }
  .block-customize ._box-btn ._btn {
    width: 24.4444444444vw;
  }
  /* #bonusstar */
  .block-bonusstar {
    padding: 0 0 2.7777777778vw 0;
    position: relative;
  }
  .block-bonusstar img {
    width: 100%;
  }
  .block-bonusstar a {
    display: block;
  }
  .block-bonusstar h2, .block-bonusstar h3, .block-bonusstar h4, .block-bonusstar p {
    margin: 0;
  }
  .block-bonusstar ._box-title {
    position: relative;
    text-align: center;
  }
  .block-bonusstar ._box-title h3 {
    position: relative;
    font-size: 2.1111111111vw;
    line-height: 1.6;
    padding-top: 1.2777777778vw;
    color: #c8964a;
    font-weight: bold;
    position: relative;
  }
  .block-bonusstar ._box-title h3:before {
    content: "";
    position: absolute;
    top: 8%;
    left: 35.5%;
    display: inline-block;
    width: 0.1111111111vw;
    height: 7.5vw;
    background: #c8964a;
    transform: rotate(-32deg);
  }
  .block-bonusstar ._box-title h3::after {
    content: "";
    position: absolute;
    top: 8%;
    right: 35.5%;
    display: inline-block;
    width: 0.1111111111vw;
    height: 7.5vw;
    background: #c8964a;
    transform: rotate(32deg);
  }
  .block-bonusstar ._box-title2 {
    margin-top: 1.3888888889vw;
    text-align: center;
    color: #fff;
    position: relative;
    text-align: center;
  }
  .block-bonusstar ._box-title2 ._inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
  }
  .block-bonusstar ._box-title2 ._t1 {
    display: inline-block;
    font-size: 3.8888888889vw;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 1.2222222222vw;
    position: relative;
  }
  .block-bonusstar ._box-title2 ._t1:after {
    content: "";
    display: block;
    position: absolute;
    top: -0.2777777778vw;
    right: -7.2222222222vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/deco.png) left top no-repeat;
    background-size: 100% auto;
    width: 5vw;
    height: 5vw;
  }
  .block-bonusstar ._box-title2 ._t2 {
    display: block;
    margin-top: 0.4444444444vw;
    font-size: 3.4444444444vw;
    font-weight: 400;
    line-height: 1.2;
  }
  .block-bonusstar ._box-title2 ._date {
    display: block;
    margin-top: 1.1111111111vw;
    font-size: 2.7777777778vw;
    text-align: center;
    line-height: 1.3;
  }
  .block-bonusstar ._box-title2 ._date small {
    font-size: 1.6666666667vw;
  }
  .block-bonusstar ._box-body {
    padding: 5.5555555556vw 0 8.3333333333vw 0;
    text-align: center;
    background-image: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/bg2.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% 100%;
  }
  .block-bonusstar ._box-body ._row-intro ._btns {
    text-align: center;
  }
  .block-bonusstar ._box-body ._row-intro ._btns ._btn {
    width: 24.4444444444vw;
  }
  .block-bonusstar ._box-body ._row-intro ._lead {
    margin-top: 5vw;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p {
    font-size: 1.7777777778vw;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #c8964a;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p b {
    font-size: 2.6111111111vw;
    color: #E2C189;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p span {
    font-size: 1.2222222222vw;
    font-weight: bold;
    letter-spacing: 0.0555555556vw;
  }
  .block-bonusstar ._box-body ._row-intro ._note {
    padding: 2.8888888889vw 0 0 14.6666666667vw;
  }
  .block-bonusstar ._box-body ._row-intro ._note p {
    font-size: 1.1111111111vw;
    color: #c8964a;
    text-align: left;
    letter-spacing: 0.1388888889vw;
    line-height: 1.5;
  }
  .block-bonusstar ._box-body ._row-intro ._points {
    margin-top: 3.1666666667vw;
  }
  .block-bonusstar ._box-body ._row-products {
    position: relative;
    margin-top: 11.6666666667vw;
  }
  .block-bonusstar ._box-body ._row-products h4 {
    font-size: 1.9444444444vw;
    text-align: center;
    line-height: 2.3;
    letter-spacing: 0.055em;
    color: #d2a04a;
    position: relative;
  }
  .block-bonusstar ._box-body ._row-products h4:after {
    content: "";
    display: block;
    position: absolute;
    top: -5.5555555556vw;
    left: 0;
    background: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/deco2.png) left top no-repeat;
    background-size: contain;
    width: 8.3333333333vw;
    height: 11.1111111111vw;
  }
  .block-bonusstar ._box-body ._row-products ._list {
    margin-top: 3.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-products ._notes-wrap {
    margin-top: 3.6111111111vw;
  }
  .block-bonusstar ._box-body ._row-products ul._notes {
    color: #fff;
    text-align: left;
    display: flex;
    flex-direction: column;
  }
  .block-bonusstar ._box-body ._row-products ul._notes li {
    position: relative;
    font-size: 0.8333333333vw;
    line-height: 1.97;
    text-indent: -0.8333333333vw;
    padding-left: 0.8333333333vw;
    letter-spacing: 0.075em;
  }
  .block-bonusstar ._box-notification {
    text-align: center;
    color: #D62B1F;
    background-color: #D4E9E2;
    padding: 1.9444444444vw 0 1.6666666667vw;
  }
  .block-bonusstar ._box-notification ._box-notification-text {
    font-size: 1.25vw;
    font-weight: bold;
    margin-bottom: 1.0416666667vw;
  }
  .block-bonusstar ._box-notification ._box-notification-note {
    font-size: 1.25vw;
    font-weight: bold;
  }
  /* #howto */
  .block-howto {
    position: relative;
    padding: 6.6666666667vw 0 5.8333333333vw 0;
    color: #1e3932;
  }
  .block-howto img {
    width: 100%;
  }
  .block-howto a {
    display: block;
  }
  .block-howto h2, .block-howto h3, .block-howto h4, .block-howto p {
    margin: 0;
  }
  .block-howto ._row-header h3 {
    position: relative;
    text-align: center;
    line-height: 1.8;
  }
  .block-howto ._row-header h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -8.1156197888vw;
    left: 41.689827682vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/howto/deco.png) left top no-repeat;
    background-size: contain;
    width: 6.1111111111vw;
    height: 7.7777777778vw;
  }
  .block-howto ._row-header h3 span {
    display: block;
  }
  .block-howto ._row-header h3 span:nth-child(1) {
    font-size: 4.4444444444vw;
    font-weight: bold;
    line-height: 1;
    color: #d2a04a;
    font-family: "SoDoSans Bold";
    padding-top: 0.5555555556vw;
  }
  .block-howto ._row-header h3 span:nth-child(2) {
    font-size: 1.9444444444vw;
    line-height: 1.7;
    letter-spacing: 0.055em;
    font-weight: bold;
  }
  .block-howto ._row-body {
    margin-top: 2.2222222222vw;
  }
  .block-howto ._row-footer {
    margin-top: 2.7777777778vw;
  }
  /* #details */
  .block-details {
    position: relative;
    color: #1e3932;
    padding: 2.7777777778vw 0 1.1111111111vw 0;
  }
  .block-details img {
    width: 100%;
  }
  .block-details h2, .block-details h3, .block-details h4, .block-details p {
    margin: 0;
  }
  .block-details ._inner {
    width: 43.3333333333vw;
    margin: 0 auto;
  }
  .block-details ._row-header h3 {
    position: relative;
    text-align: center;
    line-height: 1.8;
    padding-top: 0.5555555556vw;
  }
  .block-details ._row-header h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -1.7vw;
    left: 3vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/detail/deco.png) left top no-repeat;
    background-size: contain;
    width: 7.7777777778vw;
    height: 9.4444444444vw;
  }
  .block-details ._row-header h3 span {
    display: block;
  }
  .block-details ._row-header h3 span:nth-child(1) {
    font-size: 4.4444444444vw;
    font-weight: bold;
    line-height: 1;
    color: #d2a04a;
    padding-top: 0.5555555556vw;
  }
  .block-details ._row-header h3 span:nth-child(2) {
    font-size: 1.9444444444vw;
    line-height: 1.7;
    letter-spacing: 0.055em;
    font-weight: bold;
  }
  .block-details ._row-header p {
    margin-top: 3.3333333333vw;
    font-size: 1.2222222222vw;
    line-height: 1.7;
    letter-spacing: 0.072em;
    color: #1e3932;
  }
  .block-details ._row-body {
    margin-top: 3.8888888889vw;
  }
  .block-details ._row-footer {
    margin-top: 8.3333333333vw;
    text-align: center;
  }
  .block-details ._row-footer ._btn {
    width: 25.5555555556vw;
  }
  .block-details ._row-note {
    margin-top: 8.3333333333vw;
    text-align: center;
  }
  .block-details ._row-note p {
    text-align: center;
    font-size: 0.8333333333vw;
    line-height: 1.8;
    letter-spacing: 0.075em;
  }
  .block-btns {
    background: #1E3932;
    padding: 4.4444444444vw 0;
  }
  .block-btns ul {
    width: 25.5555555556vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
  }
  /* #.mod-btn */
  a.Isdisabled {
    pointer-events: none;
    background-color: #ccc !important;
  }
  a.mod-btn-A {
    display: inline-block;
    background: #006241;
    color: #fff;
    padding: 0.6666666667vw 0;
    font-size: 1vw;
    border-radius: 3.3333333333vw;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    position: relative;
  }
  a.mod-btn-A:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 1.1111111111vw;
    margin-top: -0.9444444444vw;
    background: url(/rewards/howtoenjoy-food/images/common/arrow_btn.png) left top no-repeat;
    background-size: contain;
    width: 1.1111111111vw;
    height: 2.0555555556vw;
  }
  a.mod-btn-B {
    display: inline-block;
    background: #D2A04A;
    color: #fff;
    padding: 1.3888888889vw 0;
    font-size: 1.1111111111vw;
    border-radius: 3.3333333333vw;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    position: relative;
  }
  a.mod-btn-C {
    display: inline-block;
    background: #1E3932;
    color: #fff;
    height: 6.1111111111vw;
    border-radius: 3.3333333333vw;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-C span {
    font-size: 1.2222222222vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-C:before {
    position: absolute;
    top: 50%;
    right: 1.6666666667vw;
    display: block;
    content: "";
    height: 0.6666666667vw;
    width: 0.6666666667vw;
    border: 0.1666666667vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  a.mod-btn-D {
    display: block;
    background: #006241;
    color: #fff;
    height: 5vw;
    border-radius: 3.3333333333vw;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-D span {
    font-size: 1vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-D:before {
    position: absolute;
    top: 50%;
    right: 1.6666666667vw;
    display: block;
    content: "";
    height: 0.6666666667vw;
    width: 0.6666666667vw;
    border: 0.1666666667vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  a.mod-btn-E {
    display: block;
    background: #006241;
    color: #fff;
    height: 5vw;
    border-radius: 3.3333333333vw;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-E span {
    font-size: 1.1111111111vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-E:before {
    position: absolute;
    top: 50%;
    right: 1.6666666667vw;
    display: block;
    content: "";
    height: 1.3333333333vw;
    width: 1.3333333333vw;
    border: 0.1666666667vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  /* #.mod-latte-list */
  .mod-latte-list {
    display: flex;
    flex-direction: column;
    gap: 4.1666666667vw;
  }
  .mod-latte-list ._item {
    display: flex;
    align-items: center;
    gap: 1.3888888889vw;
    position: relative;
    z-index: 1;
  }
  .mod-latte-list ._item::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 93%;
    height: 100%;
    background-color: #FFF;
  }
  .mod-latte-list ._item ._no {
    width: 6.0555555556vw;
  }
  .mod-latte-list ._item ._texts {
    flex: 1;
  }
  .mod-latte-list ._item ._no img {
    width: 100%;
  }
  .mod-latte-list ._item ._texts {
    text-align: left;
  }
  .mod-latte-list ._item ._texts p {
    font-size: 1.5555555556vw;
    font-weight: bold;
    line-height: 1.6;
    letter-spacing: 0.1666666667vw;
    color: #1e3932;
  }
  .mod-customize-step-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4.4444444444vw;
  }
  .mod-customize-step-list .step-item {
    position: relative;
    width: 52.3624235686vw;
    margin: 0 auto;
    background: #fff;
    border-radius: 2.7777777778vw;
  }
  .mod-customize-step-list .step-item ._link {
    position: absolute;
    top: -3.3333333333vw;
    left: 0;
  }
  .mod-customize-step-list .step-item-movie video {
    width: 100%;
  }
  .mod-customize-step-list .step-item-head {
    position: relative;
  }
  .mod-customize-step-list .step-item-head h4 {
    padding: 1.6666666667vw 0;
    font-size: 1.7777777778vw;
    text-align: center;
    line-height: 1;
    color: #d2a04a;
    font-weight: bold;
    letter-spacing: 0.0555555556vw;
  }
  .mod-customize-step-list .step-item-head ._no {
    position: absolute;
    top: -2.2222222222vw;
    left: -2.5vw;
    width: 9.7777777778vw;
  }
  .mod-customize-step-list .step-item-texts {
    padding: 2.7777777778vw 0 4.1666666667vw 0;
    color: #006241;
  }
  .mod-customize-step-list .step-item-texts ._texts-inner {
    width: 31.6111111111vw;
    margin: 0 auto;
  }
  .mod-customize-step-list .step-item-texts ._texts {
    transform: translate(3.5vw, 0);
    margin-right: -5.5555555556vw;
  }
  .mod-customize-step-list .step-item-texts ._texts ._ti {
    font-size: 1.5vw;
    line-height: 1.5;
    font-weight: bold;
    margin-top: 2.2222222222vw;
  }
  .mod-customize-step-list .step-item-texts ._texts ._label {
    display: inline-block;
    width: 11.0061145081vw;
  }
  .mod-customize-step-list .step-item-texts ._texts ul {
    margin-top: 1vw;
    display: flex;
    flex-direction: column;
    gap: 0.9444444444vw;
  }
  .mod-customize-step-list .step-item-texts ._texts li {
    position: relative;
    padding-left: 2.5vw;
    font-size: 1.2222222222vw;
    line-height: 1.5;
    padding-top: 0.2222222222vw;
    font-weight: bold;
  }
  .mod-customize-step-list .step-item-texts ._texts li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/rewards/howtoenjoy-food/images/common/icon_check.png) left top no-repeat;
    background-size: contain;
    width: 2.0555555556vw;
    height: 2vw;
  }
  .mod-customize-step-list .step-item-texts ._texts li small {
    font-size: 0.5555555556vw;
    margin-left: -0.5555555556vw;
    position: relative;
    top: -0.5555555556vw;
  }
  .mod-customize-step-list .step-item-texts ._note {
    margin-top: 0.8333333333vw;
    margin-bottom: -0.5555555556vw;
    font-size: 0.8333333333vw;
    line-height: 1.9;
    color: #006241;
    text-indent: -0.8333333333vw;
    padding-left: 0.7222222222vw;
  }
  .mod-customize-step-list .step-item-texts ._note-02 {
    margin-top: 0.5555555556vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon {
    margin-top: 1.6666666667vw;
    position: relative;
  }
  .mod-customize-step-list .step-item-texts ._ballon.is-2 {
    margin-top: 1.8888888889vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon.is-3 ._ballon-inner {
    padding: 2.8888888889vw 0 0 3.3333333333vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon ._ballon-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 1.9444444444vw 0 0 2.8888888889vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon ._ballon-inner p {
    font-size: 1.2222222222vw;
    font-weight: bold;
    line-height: 1.82;
  }
  .mod-customize-step-list .step-item-texts ._btns {
    margin-top: 1.9444444444vw;
    text-align: center;
  }
  .mod-customize-step-list .step-item-texts ._btns ._btn {
    width: 24.4444444444vw;
  }
  .mod-bonusstar-points {
    width: 100%;
    margin-top: 2.2222222222vw;
    display: flex;
    position: relative;
  }
  .mod-bonusstar-points:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    background: url(/rewards/howtoenjoy-food/images/bonusstar/mark_plus.png) left top no-repeat;
    background-size: contain;
    width: 5vw;
    height: 5vw;
  }
  .mod-bonusstar-points ._point {
    flex: 1;
    border-radius: 1.6666666667vw;
    padding: 2.7777777778vw 0 3.3333333333vw 0;
    text-align: center;
  }
  .mod-bonusstar-points ._point.is-1 {
    background: #D4E9E2;
  }
  .mod-bonusstar-points ._point.is-2 {
    background: #F2F0EB;
  }
  .mod-bonusstar-points ._point ._image img {
    width: 22.2222222222vw;
  }
  .mod-bonusstar-points ._point ._texts {
    margin-top: 2.2222222222vw;
  }
  .mod-bonusstar-points ._point ._texts ._t1 {
    font-size: 1.3888888889vw;
    text-align: center;
    line-height: 1.4;
    color: #006241;
  }
  .mod-bonusstar-points ._point ._texts ._t2 {
    font-size: 4.1689827682vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    color: #d2a04a;
  }
  .mod-bonusstar-list ._items {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8888888889vw 0.8333333333vw;
  }
  .mod-bonusstar-list ._items li {
    border-radius: 1.6666666667vw;
    width: 12.5069483046vw;
  }
  .mod-bonusstar-list ._item {
    border-radius: 1.6666666667vw;
    overflow: hidden;
  }
  .mod-bonusstar-list ._item ._image img {
    width: 100%;
  }
  .mod-bonusstar-list ._item ._texts {
    background: #fff;
    padding: 0.6666666667vw 0 0 0.8333333333vw;
    height: 5.2777777778vw;
    text-align: left;
    color: #000;
  }
  .mod-bonusstar-list ._item ._texts ._t1 {
    font-size: 1vw;
    line-height: 1.5555555556;
  }
  .mod-bonusstar-list ._item ._texts ._t1.is-S {
    font-size: 1vw;
    letter-spacing: -0.03em;
  }
  .mod-bonusstar-list ._item ._texts ._t2 {
    font-size: 0.8333333333vw;
  }
  .mod-howto-list {
    display: flex;
    flex-direction: column;
    gap: 2.7777777778vw;
    width: 52.2222222222vw;
    margin: 0 auto;
    color: #1e3932;
  }
  .mod-howto-list ._box {
    position: relative;
    padding: 8.3333333333vw 0 0 0;
  }
  .mod-howto-list ._box.is-3 ._box-inner {
    padding-bottom: 2.7777777778vw;
  }
  .mod-howto-list ._box ._box-inner {
    background: #F2F0EB;
    padding: 5vw 3.8888888889vw 7.2222222222vw 4.4444444444vw;
    border-radius: 1.6666666667vw;
  }
  .mod-howto-list ._box ._s {
    position: absolute;
    top: -0.2777777778vw;
    left: 50%;
    width: 12.2222222222vw;
    transform: translate(-50%, 0);
  }
  .mod-howto-list ._box ._ti {
    font-size: 1.7777777778vw;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #d2a04a;
  }
  .mod-howto-list ._box ._text {
    margin-top: 1.9444444444vw;
    font-size: 1.2222222222vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    color: #1e3932;
  }
  .mod-howto-list ._box ._note {
    margin-top: 0.8333333333vw;
    font-size: 1vw;
    line-height: 1.7;
    letter-spacing: 0.01em;
    color: #1e3932;
  }
  .mod-howto-list ._box ul {
    margin-top: 2.2222222222vw;
    padding-left: 5.5555555556vw;
  }
  .mod-howto-list ._box li {
    margin-bottom: 1.5555555556vw;
    font-size: 1.2222222222vw;
    line-height: 1.2;
    letter-spacing: 0.075em;
    font-weight: bold;
    padding-left: 0.9444444444vw;
    border-left: 0.1111111111vw solid #d2a04a;
  }
  .mod-howto-list ._btns {
    margin-top: -3.0555555556vw;
    text-align: center;
  }
  .mod-howto-list ._btns ._btn {
    width: 25.5555555556vw;
  }
  .mod-link-list {
    text-align: center;
  }
  .mod-link-list li {
    margin-bottom: 0.8333333333vw;
  }
  .mod-link-list a {
    display: inline-block;
    font-size: 1vw;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.04em;
    color: #1e3932;
    padding-bottom: 0.2777777778vw;
    border-bottom: 1px solid #1e3932;
    position: relative;
  }
  .mod-link-list a:before {
    position: absolute;
    top: 50%;
    right: -1.1111111111vw;
    display: block;
    content: "";
    height: 0.4444444444vw;
    width: 0.4444444444vw;
    border: 0.1111111111vw solid #000;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-toggle-list {
    border-top: 1px solid #000;
  }
  .mod-toggle {
    padding: 3.0555555556vw 0 3.6111111111vw 0;
    border-bottom: 1px solid #566a65;
  }
  .mod-toggle ._icon {
    position: absolute;
    top: 60%;
    right: 0;
    width: 2.2222222222vw;
    height: 2.2222222222vw;
    transform: translate(0, -50%);
    transition-duration: 0.2s;
    background: #fff;
  }
  .mod-toggle ._icon:before {
    position: absolute;
    top: 30%;
    right: 0;
    display: block;
    content: "";
    height: 0.7222222222vw;
    width: 0.7222222222vw;
    border: 0.1666666667vw solid #1e3932;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(45deg);
    transition-duration: 0.2s;
  }
  .mod-toggle:hover .js-toggle-open {
    top: 60%;
    opacity: 0.7;
  }
  .mod-toggle .js-toggle-open span:before {
    transform: rotate(225deg);
  }
  .mod-toggle ._head {
    position: relative;
    cursor: pointer;
  }
  .mod-toggle ._head .tit {
    font-size: 1.7777777778vw;
    font-weight: bold;
    line-height: 2.5;
    letter-spacing: 0.055em;
    color: #d2a04a;
  }
  .mod-toggle ._body {
    padding-top: 1.1111111111vw;
    display: flex;
    flex-direction: column;
    gap: 1.9444444444vw;
  }
  .mod-toggle ._body a {
    text-decoration: underline;
  }
  .mod-toggle ._body ._date {
    font-size: 1.6666666667vw;
    line-height: 1.5;
    font-weight: bold;
    letter-spacing: 0.055em;
  }
  .mod-toggle ._body ._ti {
    font-size: 1.3333333333vw;
    line-height: 2.2;
    font-weight: bold;
  }
  .mod-toggle ._body ._ti + ._ti {
    margin-top: -1.1111111111vw;
  }
  .mod-toggle ._body ._ti.is-narrow {
    letter-spacing: -0.03em;
  }
  .mod-toggle ._body ._text {
    font-size: 1.2222222222vw;
    line-height: 1.7;
    letter-spacing: 0.07em;
  }
  .mod-toggle ._body ._notes {
    font-size: 1.2222222222vw;
  }
  .mod-toggle ._body ul._point {
    display: flex;
    flex-direction: column;
    gap: 0.2777777778vw;
  }
  .mod-toggle ._body ul._point a {
    font-weight: bold;
  }
  .mod-toggle ._body ul._point li {
    position: relative;
    padding-left: 1.3888888889vw;
    font-size: 1.2222222222vw;
    line-height: 1.5;
    font-weight: bold;
  }
  .mod-toggle ._body ul._point li:after {
    content: "●";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #d2a04a;
  }
  .mod-toggle ._body ul._notes {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.7222222222vw;
  }
  .mod-toggle ._body ul._notes li {
    position: relative;
    padding-left: 1.1111111111vw;
    font-size: 0.8333333333vw;
    line-height: 1.95;
  }
  .mod-toggle ._body ul._notes li:after {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mod-toggle-open ._body {
    padding-top: 0.6111111111vw;
    padding-bottom: 0;
    gap: 0;
  }
  .mod-toggle-open ._body ._ti {
    margin-bottom: 0.7777777778vw;
  }
  .mod-toggle-open ._body ._point_02 {
    margin-top: 1.1111111111vw;
    margin-bottom: 1.3888888889vw;
  }
  .mod-toggle-open ._body ._point_02 a {
    text-decoration: none;
  }
  /* ----------------------------------------------------------
  .area-modal
  ---------------------------------------------------------- */
  .area-modal-movie {
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.2s;
    transition-duration: 0.4s;
    transform: scale(0.9);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
  }
  .area-modal-movie.js-show {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
  }
  .area-modal-movie ._modal-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0.85);
  }
  .area-modal-movie ._modal-btn-close {
    position: absolute;
    top: -20px;
    right: -110px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    transition-duration: 0.2s;
  }
  .area-modal-movie ._modal-btn-close:hover {
    opacity: 0.8;
  }
  .area-modal-movie ._modal-btn-close:after, .area-modal-movie ._modal-btn-close:before {
    content: "";
    position: absolute;
    top: 18px;
    left: 8px;
    width: 50px;
    height: 2px;
    transform: rotate(-45deg);
    background: #fff;
  }
  .area-modal-movie ._modal-btn-close:before {
    transform: rotate(45deg);
  }
  .area-modal-movie ._modal-box {
    position: absolute;
    background: #333;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    width: 1040px;
    height: 585px;
    margin: -281px 0 0 -500px;
  }
  .area-modal-movie ._modal-box ._modal-body {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
  }
  .area-modal-movie video {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
  .area-modal-movie iframe {
    width: 100%;
    height: 100%;
  }
  /* #.mod-intro-steps-slider */
  .mod-intro-steps-slider ._item {
    width: 26.4444444444vw;
    border-radius: 1.6666666667vw;
    background: #fff;
    padding: 2.2222222222vw 0 3.3333333333vw 0;
  }
  .mod-intro-steps-slider ._item ._item-inner {
    width: 18.0555555556vw;
    margin: 0 auto;
  }
  .mod-intro-steps-slider ._item ._image img {
    width: 100%;
  }
  .mod-intro-steps-slider ._item ._texts {
    margin: -1.1111111111vw;
    margin-top: 1.6666666667vw;
  }
  .mod-intro-steps-slider ._item ._texts p {
    font-size: 1.1111111111vw;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #006241;
    text-align: center;
    height: 6.1111111111vw;
    font-weight: bold;
  }
  .mod-intro-steps-slider .slick-prev {
    position: absolute;
    top: 50%;
    left: -3.8888888889vw;
    transform: translate(0, -80%);
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-image: url(/rewards/howtoenjoy-food/images/common/slider_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
  .mod-intro-steps-slider .slick-prev.slick-disabled {
    opacity: 0;
  }
  .mod-intro-steps-slider .slick-next {
    position: absolute;
    top: 50%;
    right: -3.8888888889vw;
    transform: translate(0, -100%);
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-image: url(/rewards/howtoenjoy-food/images/common/slider_next.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
  .mod-intro-steps-slider .slick-next.slick-disabled {
    opacity: 0;
  }
  .mod-intro-steps-slider .slick-dots {
    margin: 0 auto;
    margin-top: 3.8888888889vw;
    width: 21.1111111111vw;
    display: flex;
  }
  .mod-intro-steps-slider .slick-dots li {
    flex: 1;
    display: block;
    height: 1px;
    background: #006241;
  }
  .mod-intro-steps-slider .slick-dots li button {
    display: none;
  }
  .mod-intro-steps-slider .slick-dots li.slick-active {
    height: 0.2777777778vw;
    transform: translate(0, -50%);
  }
  .mod-sp {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  ._link {
    position: absolute;
    top: -10.6666666667vw;
    left: 0;
    width: 13.3333333333vw;
    height: 20px;
    z-index: 20;
  }
  #howto._link {
    top: -6.6666666667vw;
  }
  /* #main */
  .block-main {
    position: relative;
    background: url(/rewards/howtoenjoy-food/images/main/bg_sp.jpg) left top no-repeat;
    background-size: cover;
    padding-bottom: 144.66vw;
  }
  .block-main img {
    width: 100%;
  }
  .block-main a {
    display: block;
  }
  .block-main h2, .block-main h3, .block-main h4, .block-main p {
    margin: 0;
  }
  .block-main ._bonus {
    position: absolute;
    top: 36.53vw;
    left: 73.06vw;
    width: 24.53vw;
    height: 24.4vw;
    background: #006241;
    border-radius: 50%;
    border: 1px solid #D2A04A;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition-duration: 0.2s;
  }
  .block-main ._bonus:hover {
    opacity: 0.8;
  }
  .block-main ._bonus:before {
    content: "";
    position: absolute;
    bottom: -0.1333333333vw;
    left: 50%;
    width: 1.3333333333vw;
    height: 1.3333333333vw;
    box-sizing: border-box;
    border: 1.3333333333vw solid transparent;
    border-top: 1.3333333333vw solid #fff;
    transform: translate(-50%, -50%) scale(1.4, 1.6);
  }
  .block-main ._bonus p {
    padding-bottom: 1.0666666667vw;
    font-size: 2.6666666667vw;
    text-align: center;
    line-height: 1.45;
    letter-spacing: 0.05em;
  }
  .block-main ._bonus p b {
    font-size: 4vw;
    font-weight: bold;
    letter-spacing: -0.03em;
    color: #d2a04a;
  }
  .block-main ._bonus p span {
    margin-left: 1.3333333333vw;
  }
  .block-main ._deco1 {
    position: absolute;
    top: 11.2vw;
    left: 73.73vw;
    width: 19.86vw;
    height: 17.2vw;
  }
  .block-main ._p_main {
    position: absolute;
    top: 44.53vw;
    left: 4.53vw;
    width: 91.46vw;
    height: 93.33vw;
  }
  .block-main h2 {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3.7333333333vw 6.9333333333vw;
  }
  .block-main h2 ._t1 {
    display: block;
    width: 32.8vw;
    margin-bottom: 2.4vw;
  }
  .block-main h2 ._t2 {
    display: inline-block;
    font-size: 9vw;
    font-weight: bold;
    line-height: 1.4 !important;
    letter-spacing: 0.01em;
    color: #d2a04a;
  }
  .block-main h2 ._t2 sup {
    font-size: 4vw;
  }
  .block-main ._vol {
    position: absolute;
    top: 33.3333333333vw;
    left: 57.6vw;
    width: 12.93vw;
  }
  /* #intro */
  .block-intro {
    position: relative;
    background-image: url(/rewards/howtoenjoy-food/images/intro/bg_sp.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding: 13.3333333333vw 8vw 30.333333vw 8vw;
  }
  .block-intro img {
    width: 100%;
  }
  .block-intro a {
    display: block;
  }
  .block-intro h2, .block-intro h3, .block-intro h4, .block-intro p {
    margin: 0;
  }
  .block-intro ._deco1 {
    position: absolute;
    top: 162vw;
    left: 19vw;
    width: 15vw;
  }
  .block-intro ._p_person {
    width: 49.8666666667vw;
    margin: 0 auto;
    margin-top: -1.3333333333vw;
  }
  .block-intro ._steps {
    position: relative;
    margin-top: -12vw;
    padding: 0 1.0666666667vw;
  }
  .block-intro ._profile {
    position: absolute;
    top: 194.6666666667vw;
    left: 74.4vw;
    font-size: 1.7333333333vw;
    line-height: 1.5;
    color: #006241;
  }
  .block-intro ._profile b {
    font-size: 2.8vw;
    font-weight: normal;
  }
  .block-intro ._ballon {
    position: relative;
    margin: 0 4.5333333333vw 0;
  }
  .block-intro ._ballon ._ballon-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    padding: 7.4666666667vw 0 0 8vw;
    box-sizing: border-box;
  }
  .block-intro ._ballon ._t1 {
    font-size: 6.9333333333vw;
    font-weight: bold;
    line-height: 1.45;
    font-weight: bold;
    color: #006241;
    letter-spacing: 0.1333333333vw;
  }
  .block-intro ._ballon ._t1 b {
    color: #D2A04A;
    font-size: 7.3333333333vw;
  }
  .block-intro ._ballon ._t1 .mod-en {
    font-size: 8.5333333333vw;
    margin-right: 1.8666666667vw;
    display: inline-block;
  }
  .block-intro ._ballon ._t2 {
    margin-top: 5.3333333333vw;
    font-size: 4.1333333333vw;
    line-height: 2;
    letter-spacing: 0.05em;
    white-space: nowrap;
    font-weight: bold;
    color: #006241;
  }
  .block-intro ._ballon ._t2 b {
    color: #D2A04A;
  }
  .block-intro ._ballon ._t3 {
    margin-top: 7.4666666667vw;
    padding-left: 2vw;
    border-left: 0.4vw solid #D2A04A;
  }
  .block-intro ._ballon ._t3 span {
    font-size: 2.6666666667vw;
    color: #1e3932;
    margin-top: 2.9333333333vw;
    display: block;
    padding-left: 0.666667vw;
    padding-right: 6.4vw;
    letter-spacing: 0.28vw;
  }
  .block-intro ._ballon ._t3 b {
    color: #D2A04A;
    line-height: 1;
    font-size: 3.3333333333vw;
    display: block;
  }
  /* #latte */
  .block-latte {
    padding: 8vw 0 0 0;
    position: relative;
  }
  .block-latte img {
    width: 100%;
  }
  .block-latte a {
    display: block;
  }
  .block-latte h2, .block-latte h3, .block-latte h4, .block-latte p {
    margin: 0;
  }
  .block-latte .inner {
    position: relative;
  }
  .block-latte .inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(/rewards/howtoenjoy-food/images/latte/bg2_sp.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    z-index: -1;
  }
  .block-latte ._box-title {
    position: relative;
    text-align: center;
  }
  .block-latte ._box-title p {
    position: relative;
    font-size: 5.8666666667vw;
    line-height: 1.6;
    letter-spacing: 0.055em;
    color: #d2a04a;
    font-weight: bold;
    position: relative;
  }
  .block-latte ._box-title p:before {
    content: "";
    position: absolute;
    top: -0.933333vw;
    left: 34.2%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 10.891051vw;
    background: #c8964a;
    transform: rotate(-32deg);
  }
  .block-latte ._box-title p:after {
    content: "";
    position: absolute;
    top: -0.933333vw;
    right: 34.2%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 10.891051vw;
    background: #c8964a;
    transform: rotate(32deg);
  }
  .block-latte ._box-title h3 {
    position: relative;
    font-size: 5.8666666667vw;
    line-height: 1.6;
    padding-top: 2vw;
    margin-left: 4.6666666667vw;
    color: #c8964a;
    font-weight: bold;
    position: relative;
  }
  .block-latte ._box-title h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 14.6%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 21.3333333333vw;
    background: #c8964a;
    transform: rotate(-32deg);
  }
  .block-latte ._box-title h3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 19%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 21.3333333333vw;
    background: #c8964a;
    transform: rotate(32deg);
  }
  .block-latte ._box-title2 {
    margin-top: 3.2vw;
    position: relative;
    background: url(/rewards/howtoenjoy-food/images/latte/bg_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 1.3333333333vw 0 4vw;
  }
  .block-latte ._box-title2 h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 5.0666666667vw;
    text-align: center;
    line-height: 1.55;
    color: #fff;
    font-weight: bold;
  }
  .block-latte ._box-title2 ._price {
    font-family: "SoDoSans SemiBold";
    font-size: 6vw;
    position: absolute;
    color: #FFF;
    top: 55%;
    left: 50%;
    transform: translateX(-50%);
  }
  .block-latte ._box-title2 ._note {
    position: absolute;
    font-size: 2vw;
    line-height: 1.4;
    color: #fff;
    top: 74%;
    right: 3.5%;
    letter-spacing: 0.02em;
    text-align: right;
  }
  .block-latte ._box-title2 ._2line {
    top: 55%;
  }
  .block-latte ._box-texts {
    text-align: center;
    color: #1e3932;
    padding: 8.6666666667vw 0 0 0;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .block-latte ._box-texts ._t1 {
    font-size: 4.6666666667vw;
    line-height: 1.7;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  .block-latte ._box-texts ._t2 {
    margin-top: 9.8666666667vw;
    padding-bottom: 0.9333333333vw;
    font-size: 3.3333333333vw;
    color: #006040;
    line-height: 1.6;
    border-bottom: 1px solid #3b846a;
    display: inline-block;
    position: relative;
    font-weight: bold;
    letter-spacing: 0.2666666667vw;
    margin-left: 1.333333vw;
  }
  .block-latte ._box-texts ._t2::before {
    position: absolute;
    top: 50%;
    right: -2.6666666667vw;
    display: block;
    content: "";
    height: 2.1333333333vw;
    width: 2.1333333333vw;
    border: 0.1333333333vw solid #006040;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .block-latte ._box-texts ._items {
    margin-top: 12vw;
  }
  .block-latte ._box-content {
    background-image: url(/rewards/howtoenjoy-frappuccino/images/latte/bg2_sp.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 10.6666666667vw 0 22.6666666667vw;
  }
  .block-latte ._box-content ._list-3l {
    margin: 4vw 0;
  }
  .block-latte ._box-content ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 4vw 12vw;
    padding: 0 9.3333333333vw;
  }
  .block-latte ._box-content ul li {
    width: 34.5333333333vw;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1.7333333333vw;
  }
  .block-latte ._box-content ul li picture {
    flex: 1;
  }
  .block-latte ._box-content ul li p {
    text-align: center;
    font-size: 3.3333333333vw;
    white-space: nowrap;
    color: #fff;
  }
  .block-latte ._box-content ul li span {
    position: absolute;
    font-size: 3.0666666667vw;
    line-height: 1.5;
    color: #006241;
    letter-spacing: -0.1333333333vw;
    background-color: #cbe0d9;
    border-radius: 50%;
    width: 16.9333333333vw;
    height: 16.9333333333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top: 17.3333333333vw;
    left: -4.8vw;
  }
  .block-pastry {
    position: relative;
    background-image: url(/rewards/howtoenjoy-food/images/pastry/bg_sp.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: -16.944444vw;
    margin-bottom: 15.666667vw;
    padding: 20.944444vw 0 4.833333vw;
    z-index: -2;
  }
  .block-pastry img {
    width: 100%;
  }
  .block-pastry .inner {
    width: 100%;
  }
  .block-pastry ._t1 {
    font-size: 5.0666666667vw;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin: 0 0 4.6666666667vw 0;
  }
  .block-pastry ._image {
    padding: 0 9.3333333333vw;
  }
  .block-pastry ._btns {
    position: relative;
    padding: 0 19.666667vw;
    top: 11.133333vw;
  }
  /* #customize */
  .block-customize {
    position: relative;
    padding: 13.3333333333vw 0 9.6vw 0;
  }
  .block-customize img {
    width: 100%;
  }
  .block-customize a {
    display: block;
  }
  .block-customize h2, .block-customize h3, .block-customize h4, .block-customize p {
    margin: 0;
  }
  .block-customize ._row-intro ._ballon {
    position: relative;
    margin: 0 11.8666666667vw 0 12.8vw;
  }
  .block-customize ._row-intro ._ballon ._ballon-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 4.5333333333vw 0 0 6.6666666667vw;
  }
  .block-customize ._row-intro ._ballon p {
    font-size: 4.6666666667vw;
    line-height: 1.8;
    color: #006241;
    font-weight: bold;
  }
  .block-customize ._row-intro ._ballon p b {
    color: #B4824A;
  }
  .block-customize ._row-intro ._btns {
    margin-top: 5.3333333333vw;
    width: 60.2666666667vw;
  }
  .block-customize ._row-intro ._btn {
    letter-spacing: 0.5333333333vw;
    line-height: 1.7;
  }
  .block-customize ._row-box {
    margin-top: 18.6666666667vw;
  }
  .block-customize ._box-title {
    position: relative;
  }
  .block-customize ._box-title h3 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    font-size: 5.0666666667vw;
    z-index: 1;
    padding-left: 9.5vw;
    text-align: left;
    line-height: 1.5;
    font-weight: bold;
    color: #fff;
  }
  .block-customize ._box-title ._fig {
    position: relative;
  }
  .block-customize ._box-title ._fig ._photo {
    width: 40.4vw;
    position: absolute;
    right: 4.2666666667vw;
    bottom: 0;
  }
  .block-customize ._box-title ._fig ._prof {
    position: absolute;
    top: 3.7333333333vw;
    right: 4.8vw;
  }
  .block-customize ._box-title ._fig ._prof p {
    font-size: 1.8666666667vw;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #006241;
  }
  .block-customize ._box-title ._fig ._prof p b {
    font-size: 2.8vw;
    font-weight: normal;
  }
  .block-customize ._box-title ._fig ._prof ._prof-name {
    font-size: 2.8vw;
    position: relative;
    top: -0.8vw;
    margin-left: 4vw;
  }
  .block-customize ._box-body {
    background-image: url(/rewards/howtoenjoy-food/images/customize/bg2.png);
    background-position: left top;
    background-size: 100% auto;
    padding: 16vw 9.3333333333vw 21.3333333333vw 9.3333333333vw;
  }
  .block-customize ._box-btn {
    margin-top: -5.3333333333vw;
    text-align: center;
  }
  .block-customize ._box-btn ._btn {
    font-size: 2.6666666667vw;
    padding: 4vw 12vw;
  }
  /* #bonusstar */
  .block-bonusstar {
    padding: 4.6666666667vw 0 6.6666666667vw 0;
    position: relative;
  }
  .block-bonusstar img {
    width: 100%;
  }
  .block-bonusstar a {
    display: block;
  }
  .block-bonusstar h2, .block-bonusstar h3, .block-bonusstar h4, .block-bonusstar p {
    margin: 0;
  }
  .block-bonusstar ._box-title {
    position: relative;
    text-align: center;
  }
  .block-bonusstar ._box-title p {
    position: relative;
    font-size: 5.6vw;
    line-height: 1.6;
    letter-spacing: 0.055em;
    color: #d2a04a;
    font-weight: bold;
    position: relative;
  }
  .block-bonusstar ._box-title p:before {
    content: "";
    display: inline-block;
    width: 9.3333333333vw;
    height: 1px;
    background: #d2a04a;
    transform: translate(2vw, -2.1333333333vw) rotate(58deg);
  }
  .block-bonusstar ._box-title p:after {
    content: "";
    display: inline-block;
    width: 9.3333333333vw;
    height: 1px;
    background: #d2a04a;
    transform: translate(-2.6666666667vw, -2.1333333333vw) rotate(-58deg);
  }
  .block-bonusstar ._box-title h3 {
    position: relative;
    font-size: 5.8666666667vw;
    line-height: 1.6;
    padding-top: 2vw;
    color: #c8964a;
    font-weight: bold;
    position: relative;
  }
  .block-bonusstar ._box-title h3:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 21.3333333333vw;
    background: #c8964a;
    transform: rotate(-32deg);
  }
  .block-bonusstar ._box-title h3::after {
    content: "";
    position: absolute;
    top: 0;
    right: 10%;
    display: inline-block;
    width: 0.2666666667vw;
    height: 21.3333333333vw;
    background: #c8964a;
    transform: rotate(32deg);
  }
  .block-bonusstar ._box-title2 {
    margin-top: 5.3333333333vw;
    text-align: center;
    color: #fff;
    position: relative;
    text-align: center;
  }
  .block-bonusstar ._box-title2 ._inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    padding-top: 2.6666666667vw;
  }
  .block-bonusstar ._box-title2 ._t1 {
    display: inline-block;
    font-size: 9.8666666667vw;
    font-weight: bold;
    line-height: 1.2;
    position: relative;
  }
  .block-bonusstar ._box-title2 ._t1:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -16vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/deco.png) left top no-repeat;
    background-size: 100% auto;
    width: 12vw;
    height: 12vw;
  }
  .block-bonusstar ._box-title2 ._t2 {
    display: block;
    margin-top: 1.0666666667vw;
    font-size: 8.5333333333vw;
    font-weight: 400;
    line-height: 1.2;
  }
  .block-bonusstar ._box-title2 ._date {
    display: block;
    margin-top: 1.8666666667vw;
    font-size: 7.2vw;
    text-align: center;
    line-height: 1.3;
  }
  .block-bonusstar ._box-title2 ._date small {
    font-size: 4vw;
  }
  .block-bonusstar ._box-body {
    padding: 10.6666666667vw 0 25vw 0;
    text-align: center;
    background-image: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/bg2_sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .block-bonusstar ._box-body ._row-intro ._btns {
    text-align: center;
  }
  .block-bonusstar ._box-body ._row-intro ._btns ._btn {
    width: 64vw;
    padding: 3.2vw 0;
  }
  .block-bonusstar ._box-body ._row-intro ._lead {
    margin-top: 5.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p {
    font-size: 4.2666666667vw;
    text-align: center;
    line-height: 1.75;
    letter-spacing: 0.12em;
    font-weight: bold;
    color: #c8964a;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p b {
    font-size: 6.1333333333vw;
    color: #E2C189;
  }
  .block-bonusstar ._box-body ._row-intro ._lead p span {
    font-size: 2.9333333333vw;
    letter-spacing: 0.1333333333vw;
    display: block;
  }
  .block-bonusstar ._box-body ._row-intro ._note {
    padding: 2.8888888889vw 0 0 19.666667vw;
  }
  .block-bonusstar ._box-body ._row-intro ._note p {
    font-size: 2.4vw;
    color: #c8964a;
    text-align: left;
    letter-spacing: 0.2666666667vw;
    line-height: 1.5;
  }
  .block-bonusstar ._box-body ._row-intro ._points {
    margin-top: 3.666667vw;
    padding: 0 9.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-products {
    position: relative;
    margin-top: 20vw;
  }
  .block-bonusstar ._box-body ._row-products h4 {
    font-size: 5.0666666667vw;
    text-align: center;
    line-height: 2.3;
    letter-spacing: 0.055em;
    color: #d2a04a;
    position: relative;
    font-weight: bold;
  }
  .block-bonusstar ._box-body ._row-products h4:after {
    content: "";
    display: block;
    position: absolute;
    top: -9.3333333333vw;
    left: 6.6666666667vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/bonusstar/deco2.png) left top no-repeat;
    background-size: contain;
    width: 20vw;
    height: 21.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-products ._list {
    margin: 4.6666666667vw 9.3333333333vw 0 9.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-products ._notes-wrap {
    margin: 9.3333333333vw 9.3333333333vw 0 9.3333333333vw;
  }
  .block-bonusstar ._box-body ._row-products ul._notes {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.6666666667vw;
    color: #fff;
  }
  .block-bonusstar ._box-body ._row-products ul._notes li {
    position: relative;
    padding-left: 2.9333333333vw;
    font-size: 2.8vw;
    line-height: 1.75;
    text-indent: -2.9333333333vw;
    letter-spacing: 0.075em;
  }
  .block-bonusstar ._box-notification {
    text-align: center;
    color: #D62B1F;
    background-color: #D4E9E2;
    padding: 8vw 0;
  }
  .block-bonusstar ._box-notification ._box-notification-text {
    font-size: 3.7333333333vw;
    font-weight: bold;
    margin-bottom: 4vw;
  }
  .block-bonusstar ._box-notification ._box-notification-note {
    font-size: 3.7333333333vw;
    font-weight: bold;
  }
  /* #howto */
  .block-howto {
    position: relative;
    padding: 9.8666666667vw 0 14vw 0;
    color: #1e3932;
  }
  .block-howto img {
    width: 100%;
  }
  .block-howto a {
    display: block;
  }
  .block-howto h2, .block-howto h3, .block-howto h4, .block-howto p {
    margin: 0;
  }
  .block-howto ._row-header h3 {
    position: relative;
    text-align: center;
    line-height: 1.8;
  }
  .block-howto ._row-header h3:after {
    content: "";
    display: block;
    position: absolute;
    top: -15vw;
    right: 17vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/howto/deco.png) left top no-repeat;
    background-size: contain;
    width: 12vw;
    height: 16vw;
  }
  .block-howto ._row-header h3 span {
    display: block;
  }
  .block-howto ._row-header h3 span:nth-child(1) {
    font-size: 11.4666666667vw;
    font-weight: bold;
    line-height: 1;
    color: #d2a04a;
    padding-top: 2.6666666667vw;
  }
  .block-howto ._row-header h3 span:nth-child(2) {
    font-size: 5.0666666667vw;
    line-height: 1.7;
    letter-spacing: 0.055em;
    font-weight: bold;
  }
  .block-howto ._row-body {
    margin-top: 6.6666666667vw;
    padding: 0 9.3333333333vw;
  }
  .block-howto ._row-footer {
    margin-top: 6.6666666667vw;
  }
  /* #details */
  .block-details {
    position: relative;
    color: #1e3932;
    padding: 6.6666666667vw 9.3333333333vw 2.6666666667vw 9.3333333333vw;
  }
  .block-details img {
    width: 100%;
  }
  .block-details h2, .block-details h3, .block-details h4, .block-details p {
    margin: 0;
  }
  .block-details ._row-header h3 {
    position: relative;
    text-align: center;
    line-height: 1.8;
  }
  .block-details ._row-header h3:after {
    content: "";
    display: block;
    position: absolute;
    top: 1vw;
    left: 2.5vw;
    background: url(/rewards/howtoenjoy-frappuccino/images/detail/deco.png) left top no-repeat;
    background-size: contain;
    width: 12.6666666667vw;
    height: 18.6666666667vw;
  }
  .block-details ._row-header h3 span {
    display: block;
  }
  .block-details ._row-header h3 span:nth-child(1) {
    font-size: 11.4666666667vw;
    font-weight: bold;
    line-height: 1;
    color: #d2a04a;
    padding-top: 2.6666666667vw;
  }
  .block-details ._row-header h3 span:nth-child(2) {
    font-size: 5.0666666667vw;
    line-height: 1.7;
    letter-spacing: 0.055em;
    font-weight: bold;
  }
  .block-details ._row-header p {
    margin-top: 11vw;
    font-size: 3.6vw;
    line-height: 1.65;
    letter-spacing: 0.02em;
    color: #1e3932;
  }
  .block-details ._row-body {
    margin-top: 9.3333333333vw;
  }
  .block-details ._row-footer {
    margin-top: 20vw;
    text-align: center;
  }
  .block-details ._row-footer ._btn {
    width: 69.666667vw;
  }
  .block-details ._row-note {
    margin-top: 16vw;
    text-align: center;
  }
  .block-details ._row-note p {
    text-align: center;
    font-size: 2.9333333333vw;
    line-height: 1.8;
  }
  .block-btns {
    background: #1E3932;
    padding: 10.6666666667vw 0;
  }
  .block-btns ul {
    width: 66.6666666667vw;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 3.3333333333vw;
  }
  /* #.mod-btn */
  a.Isdisabled {
    pointer-events: none;
    background-color: #ccc !important;
  }
  a.mod-btn-A {
    display: inline-block;
    background: #006241;
    color: #fff;
    padding: 1.6vw 0;
    font-size: 2.4vw;
    border-radius: 8vw;
    text-align: center;
    line-height: 1.6;
    letter-spacing: 0.5333333333vw;
    color: #fff;
    font-weight: bold;
    position: relative;
    width: 100%;
  }
  a.mod-btn-A span {
    font-weight: bold;
  }
  a.mod-btn-A:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    margin-top: -2.4vw;
    background: url(/rewards/howtoenjoy-food/images/common/arrow_btn.png) left top no-repeat;
    background-size: contain;
    width: 2.6666666667vw;
    height: 4.9333333333vw;
  }
  a.mod-btn-B {
    display: inline-block;
    background: #D2A04A;
    color: #fff;
    padding: 4vw 0;
    font-size: 3.4666666667vw;
    border-radius: 8vw;
    text-align: center;
    line-height: 1.3;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    position: relative;
  }
  a.mod-btn-B span {
    font-weight: bold;
  }
  a.mod-btn-C {
    display: inline-block;
    background: #1E3932;
    color: #fff;
    height: 16vw;
    border-radius: 8vw;
    text-align: center;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-C span {
    font-size: 3.2vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-C:before {
    position: absolute;
    top: 50%;
    right: 4vw;
    display: block;
    content: "";
    height: 1.6vw;
    width: 1.6vw;
    border: 0.4vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  a.mod-btn-D {
    display: block;
    background: #006241;
    color: #fff;
    height: 13.3333333333vw;
    border-radius: 8vw;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-D span {
    font-size: 2.6666666667vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-D:before {
    position: absolute;
    top: 50%;
    right: 4vw;
    display: block;
    content: "";
    height: 1.6vw;
    width: 1.6vw;
    border: 0.4vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  a.mod-btn-E {
    display: block;
    background: #006241;
    color: #fff;
    height: 12vw;
    border-radius: 8vw;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  a.mod-btn-E span {
    font-size: 2.6666666667vw;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  a.mod-btn-E:before {
    position: absolute;
    top: 50%;
    right: 4vw;
    display: block;
    content: "";
    height: 3.2vw;
    width: 3.2vw;
    border: 0.4vw solid #fff;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  /* #.mod-latte-list */
  .mod-latte-list {
    display: flex;
    flex-direction: column;
    gap: 11.3333333333vw;
  }
  .mod-latte-list ._item {
    display: flex;
    align-items: center;
    gap: 4.2666666667vw;
    position: relative;
    z-index: 1;
  }
  .mod-latte-list ._item::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 93%;
    height: 100%;
    background-color: #FFF;
  }
  .mod-latte-list ._item ._no {
    width: 16.4vw;
  }
  .mod-latte-list ._item ._texts {
    flex: 1;
  }
  .mod-latte-list ._item ._no img {
    width: 100%;
  }
  .mod-latte-list ._item ._texts {
    text-align: left;
  }
  .mod-latte-list ._item ._texts p {
    font-size: 4.6666666667vw;
    font-weight: bold;
    line-height: 1.6;
    color: #1e3932;
    letter-spacing: 0.4vw;
  }
  .mod-customize-step-list {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 11.3333333333vw;
  }
  .mod-customize-step-list .step-item {
    position: relative;
    margin: 0 auto;
    background: #fff;
    border-radius: 6.6666666667vw;
  }
  .mod-customize-step-list .step-item-movie video {
    width: 100%;
  }
  .mod-customize-step-list .step-item-head {
    position: relative;
  }
  .mod-customize-step-list .step-item-head h4 {
    padding: 4vw 0;
    font-size: 5.0666666667vw;
    text-align: center;
    line-height: 1.44;
    color: #d2a04a;
    font-weight: bold;
    letter-spacing: 0.2666666667vw;
  }
  .mod-customize-step-list .step-item-head ._no {
    position: absolute;
    top: -4.6666666667vw;
    left: -6vw;
    width: 22.6666666667vw;
  }
  .mod-customize-step-list .step-item-texts {
    padding: 6.6666666667vw 7.3333333333vw 10.6666666667vw 8vw;
    color: #006241;
  }
  .mod-customize-step-list .step-item-texts ._texts ._ti {
    font-size: 3.4666666667vw;
    line-height: 1.6;
    font-weight: bold;
    margin: 4.5333333333vw 0 3.2vw;
    letter-spacing: 0.2666666667vw;
  }
  .mod-customize-step-list .step-item-texts ._texts ._label {
    display: inline-block;
    width: 26.4vw;
    transform: translate(0, 0.2vw);
  }
  .mod-customize-step-list .step-item-texts ._texts ._dhjerf ._label {
    position: absolute;
    top: 2vw;
    right: 0px;
  }
  .mod-customize-step-list .step-item-texts ._texts ul {
    display: flex;
    flex-direction: column;
    gap: 1.8666666667vw;
  }
  .mod-customize-step-list .step-item-texts ._texts li {
    position: relative;
    padding-left: 6.6666666667vw;
    font-size: 3.3333333333vw;
    line-height: 1.5;
    padding-top: 1.0666666667vw;
    font-weight: bold;
  }
  .mod-customize-step-list .step-item-texts ._texts li:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/rewards/howtoenjoy-food/images/common/icon_check.png) left top no-repeat;
    background-size: contain;
    width: 6vw;
    height: 6vw;
  }
  .mod-customize-step-list .step-item-texts ._texts li small {
    font-size: 1.6vw;
    margin-left: -1.3333333333vw;
    position: relative;
    top: -1.6vw;
  }
  .mod-customize-step-list .step-item-texts ._note {
    margin-top: 3.2vw;
    margin-left: 0.8vw;
    font-size: 2vw;
    line-height: 1.66;
    text-indent: -2.1333333333vw;
    padding-left: 2.1333333333vw;
    color: #006241;
  }
  .mod-customize-step-list .step-item-texts ._note-02 {
    margin-top: 0;
  }
  .mod-customize-step-list .step-item-texts ._ballon {
    margin-top: 4vw;
    position: relative;
  }
  .mod-customize-step-list .step-item-texts ._ballon ._ballon-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 7.2vw 0 0 4.8vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon ._ballon-inner p {
    font-weight: bold;
    font-size: 3.0666666667vw;
    line-height: 2.05;
    margin-right: -2.6666666667vw;
  }
  .mod-customize-step-list .step-item-texts ._ballon ._ballon-inner p.is-2 {
    margin-top: 2.6666666667vw;
  }
  .mod-customize-step-list .step-item-texts ._btns {
    margin-top: 6.6666666667vw;
    text-align: center;
  }
  .mod-customize-step-list .step-item-texts ._btns ._btn {
    width: 60.4vw;
  }
  .mod-bonusstar-points {
    position: relative;
  }
  .mod-bonusstar-points:after {
    content: "";
    display: block;
    position: absolute;
    top: 81vw;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(/rewards/howtoenjoy-food/images/bonusstar/mark_plus.png) left top no-repeat;
    background-size: contain;
    width: 12vw;
    height: 12vw;
  }
  .mod-bonusstar-points ._point {
    border-radius: 5.3333333333vw;
    padding: 6.6666666667vw 0 12vw 0;
    text-align: center;
  }
  .mod-bonusstar-points ._point.is-1 {
    background: #D4E9E2;
  }
  .mod-bonusstar-points ._point.is-2 {
    padding: 13vw 0 10vw 0;
    background: #F2F0EB;
  }
  .mod-bonusstar-points ._point.is-2 ._texts {
    margin-top: 6.6666666667vw;
  }
  .mod-bonusstar-points ._point ._image img {
    width: 53.3333333333vw;
  }
  .mod-bonusstar-points ._point ._texts {
    margin-top: 4vw;
  }
  .mod-bonusstar-points ._point ._texts ._t1 {
    font-size: 3.7333333333vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.6;
    color: #006241;
  }
  .mod-bonusstar-points ._point ._texts ._t2 {
    font-size: 10.6666666667vw;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    color: #d2a04a;
  }
  .mod-bonusstar-list ._items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333333333vw 2%;
  }
  .mod-bonusstar-list ._items > * {
    width: 32%;
  }
  .mod-bonusstar-list ._item {
    border-radius: 2.6666666667vw;
    overflow: hidden;
  }
  .mod-bonusstar-list ._item ._image img {
    width: 100%;
  }
  .mod-bonusstar-list ._item ._texts {
    background: #fff;
    padding: 1.3333333333vw 1.6vw;
    height: 12.6666666667vw;
    box-sizing: border-box;
    text-align: left;
    color: #000;
  }
  .mod-bonusstar-list ._item ._texts ._t1 {
    font-size: 2.1333333333vw;
    line-height: 1.5;
  }
  .mod-bonusstar-list ._item ._texts ._t1.is-S {
    font-size: 2.1333333333vw;
    letter-spacing: -0.03em;
  }
  .mod-bonusstar-list ._item ._texts ._t2 {
    font-size: 1.7333333333vw;
  }
  .mod-howto-list {
    display: flex;
    flex-direction: column;
    gap: 6.6666666667vw;
    color: #1e3932;
  }
  .mod-howto-list ._box {
    position: relative;
    padding: 21.3333333333vw 0 0 0;
  }
  .mod-howto-list ._box.is-3 ._box-inner {
    padding-bottom: 6.6666666667vw;
  }
  .mod-howto-list ._box ._box-inner {
    background: #F2F0EB;
    padding: 13.3333333333vw 5.3333333333vw 17.3333333333vw 6.6666666667vw;
    border-radius: 8vw;
  }
  .mod-howto-list ._box ._s {
    position: absolute;
    top: -0.6666666667vw;
    left: 50%;
    width: 29.3333333333vw;
    transform: translate(-50%, 0);
  }
  .mod-howto-list ._box ._ti {
    font-size: 4.2666666667vw;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #d2a04a;
  }
  .mod-howto-list ._box ._text {
    margin-top: 8vw;
    font-size: 3.4666666667vw;
    line-height: 1.82;
    letter-spacing: 0.1em;
    color: #1e3932;
  }
  .mod-howto-list ._box ._note {
    margin-top: 4vw;
    font-size: 2.6666666667vw;
    line-height: 1.7;
    letter-spacing: 0.075em;
    color: #1e3932;
    margin-left: 3.3333333333vw;
    text-indent: -3.3333333333vw;
  }
  .mod-howto-list ._box ul {
    margin-top: 9.3333333333vw;
  }
  .mod-howto-list ._box li {
    margin-left: 2.6666666667vw;
    margin-bottom: 5.3333333333vw;
    font-size: 3.4666666667vw;
    line-height: 1.6;
    letter-spacing: 0.075em;
    padding-left: 2.6666666667vw;
    border-left: 0.2666666667vw solid #d2a04a;
  }
  .mod-howto-list ._btns {
    margin-top: -8vw;
    text-align: center;
  }
  .mod-howto-list ._btns ._btn {
    width: 69.666667vw;
  }
  .mod-link-list {
    padding: 0 0 0 9.3333333333vw;
  }
  .mod-link-list li {
    margin-bottom: 2vw;
  }
  .mod-link-list a {
    display: inline-block;
    font-size: 2.9333333333vw;
    text-align: left;
    line-height: 1.2;
    letter-spacing: 0.04em;
    color: #1e3932;
    padding-bottom: 0.6666666667vw;
    border-bottom: 1px solid #8e9c98;
    position: relative;
  }
  .mod-link-list a:before {
    position: absolute;
    top: 50%;
    right: -2.6666666667vw;
    display: block;
    content: "";
    height: 1.0666666667vw;
    width: 1.0666666667vw;
    border: 0.2666666667vw solid #000;
    border-left-width: 0;
    border-top-width: 0;
    transform: translate(0, -50%) rotate(-45deg);
  }
  .mod-toggle-list {
    border-top: 1px solid #566a65;
  }
  .mod-toggle {
    padding: 6.6666666667vw 0 8vw 0;
    border-bottom: 1px solid #566a65;
  }
  .mod-toggle ._icon {
    position: absolute;
    top: 50%;
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    transform: translate(0, -50%);
    transition-duration: 0.2s;
    background: #fff;
  }
  .mod-toggle ._icon:before {
    position: absolute;
    top: 30%;
    right: 0;
    display: block;
    content: "";
    height: 2vw;
    width: 2vw;
    border: 0.2666666667vw solid #000;
    border-left-width: 0;
    border-top-width: 0;
    transform: rotate(45deg);
    transition-duration: 0.2s;
  }
  .mod-toggle:hover .js-toggle-open {
    top: 60%;
    opacity: 0.7;
  }
  .mod-toggle .js-toggle-open span:before {
    transform: rotate(225deg);
  }
  .mod-toggle ._head {
    position: relative;
    cursor: pointer;
  }
  .mod-toggle ._head .tit {
    font-size: 4.2666666667vw;
    font-weight: bold;
    line-height: 2.5;
    letter-spacing: 0.055em;
    color: #d2a04a;
  }
  .mod-toggle ._body {
    padding-top: 2.6666666667vw;
    display: flex;
    flex-direction: column;
    gap: 9.3333333333vw;
  }
  .mod-toggle ._body a {
    text-decoration: underline;
  }
  .mod-toggle ._body ._date {
    font-size: 3.6vw;
    line-height: 2.2;
    letter-spacing: 0.055em;
    font-weight: bold;
    white-space: nowrap;
  }
  .mod-toggle ._body ._ti {
    font-size: 4.2666666667vw;
    line-height: 1.7;
    font-weight: bold;
    margin-left: 2.5em;
    text-indent: -2.5em;
  }
  .mod-toggle ._body ._ti + ._ti {
    margin-top: 0;
  }
  .mod-toggle ._body ._ti.is-narrow {
    letter-spacing: -0.03em;
    margin-bottom: 3.2vw;
  }
  .mod-toggle ._body ._text {
    font-size: 3.4666666667vw;
    line-height: 1.8;
    letter-spacing: 0.135em;
    margin-bottom: 1.0666666667vw;
  }
  .mod-toggle ._body ._note {
    font-size: 2vw;
    line-height: 1.97;
    letter-spacing: 0.075em;
  }
  .mod-toggle ._body ._notes {
    font-size: 2.9333333333vw;
  }
  .mod-toggle ._body ul._point {
    display: flex;
    flex-direction: column;
    gap: 1.6vw;
  }
  .mod-toggle ._body ul._point a {
    font-weight: bold;
  }
  .mod-toggle ._body ul._point li {
    position: relative;
    padding-left: 4vw;
    font-size: 3.4666666667vw;
    line-height: 1.5;
    letter-spacing: 0.075em;
    font-weight: bold;
  }
  .mod-toggle ._body ul._point li:after {
    content: "●";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    color: #d2a04a;
  }
  .mod-toggle ._body ul._notes {
    display: flex;
    flex-direction: column;
    gap: 1.3333333333vw;
  }
  .mod-toggle ._body ul._notes li {
    position: relative;
    padding-left: 3.3333333333vw;
    font-size: 2.9333333333vw;
    line-height: 1.5;
    letter-spacing: 0.075em;
  }
  .mod-toggle ._body ul._notes li:after {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .mod-toggle-open ._body {
    padding-top: 6vw;
    padding-bottom: 1.266667vw;
    gap: 0;
  }
  .mod-toggle-open ._body ._ti {
    margin-bottom: 1.8666666667vw;
  }
  .mod-toggle-open ._body ._point_02 {
    margin-top: 0.8vw;
    margin-bottom: 4.2666666667vw;
    gap: 0 !important;
  }
  .mod-toggle-open ._body ._point_02 li {
    line-height: 2 !important;
  }
  .mod-toggle-open ._body ._point_02 a {
    text-decoration: none;
  }
  /* #.mod-intro-steps-slider */
  .mod-intro-steps-slider ._item {
    border-radius: 6.6666666667vw;
    background: #fff;
    padding: 6.6666666667vw 0 9.0666666667vw 0;
  }
  .mod-intro-steps-slider ._item ._item-inner {
    width: 57vw;
    margin: 0 auto;
  }
  .mod-intro-steps-slider ._item ._image img {
    width: 100%;
  }
  .mod-intro-steps-slider ._item ._texts {
    margin: 0 -5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .mod-intro-steps-slider ._item ._texts p {
    font-size: 3.4666666667vw;
    text-align: center;
    line-height: 1.8;
    letter-spacing: 0.05em;
    color: #006241;
    text-align: center;
    height: 17.3333333333vw;
    font-weight: bold;
  }
  .mod-intro-steps-slider .slick-prev {
    position: absolute;
    top: 50%;
    left: -8vw;
    transform: translate(0, -80%);
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-image: url(/rewards/howtoenjoy-food/images/common/slider_prev.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8vw;
    height: 8vw;
  }
  .mod-intro-steps-slider .slick-prev.slick-disabled {
    opacity: 0;
  }
  .mod-intro-steps-slider .slick-next {
    position: absolute;
    top: 50%;
    right: -8vw;
    transform: translate(0, -100%);
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-image: url(/rewards/howtoenjoy-food/images/common/slider_next.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 8vw;
    height: 8vw;
  }
  .mod-intro-steps-slider .slick-next.slick-disabled {
    opacity: 0;
  }
  .mod-intro-steps-slider .slick-dots {
    margin: 0 auto;
    margin-top: 9.3333333333vw;
    width: 74vw;
    display: flex;
  }
  .mod-intro-steps-slider .slick-dots li {
    flex: 1;
    display: block;
    height: 1px;
    background: #006241;
  }
  .mod-intro-steps-slider .slick-dots li button {
    display: none;
  }
  .mod-intro-steps-slider .slick-dots li.slick-active {
    height: 1.0666666667vw;
    transform: translate(0, -50%);
  }
  .mod-pc {
    display: none !important;
  }
}/*# sourceMappingURL=index.css.map */