@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700,900|Roboto:500,700,900&display=swap&subset=japanese");
:root {
  --SuntoryBlue: #5bc2dc;
  --Red: #e70013;
  --KeyColor: #0f3380;
  --black: #001919;
}

/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 * http://chlono.e-whs.net/sass-svg-color-change/
 */
#suntory_contents {
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
  text-align: justify;
  color: #001919;
  line-break: strict;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

#suntory_contents input,
#suntory_contents button,
#suntory_contents textarea {
  font-family: "Roboto", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
  color: #001919;
}

#suntory_contents input[type=text],
#suntory_contents textarea {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  max-width: 100%;
}

#suntory_contents button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#suntory_contents * {
  margin: 0 auto;
  box-sizing: border-box;
}

#suntory_contents img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

#suntory_contents .wrapper {
  background: #ffffff;
}

#suntory_contents .wrapper main {
  display: block;
}

#suntory_contents .red {
  color: #d8190c;
}

#suntory_contents .bold {
  font-weight: bold;
}

#suntory_contents .center {
  text-align: center;
}

#suntory_contents ul.note li {
  margin-bottom: 0.385em;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.8125em;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

#suntory_contents ul.note li:last-child {
  margin-bottom: 0;
}

#suntory_contents ul.note li > * {
  text-indent: 0;
}

#suntory_contents a {
  color: #0066aa;
}

#suntory_contents.static .wrapper section.title {
  padding-bottom: 0px;
}

#suntory_contents.static .wrapper section.outline a {
  word-break: break-all;
}

#suntory_contents.static .wrapper section.outline > dl {
  width: 89.3333333333vw;
}

#suntory_contents.static .wrapper section.outline > dl > dt {
  margin-top: 32px;
  font-size: 0.9375em;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.outline > dl > dd {
  margin-top: 10px;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ul.list,
#suntory_contents.static .wrapper section.outline > dl > dd ul.note {
  margin-top: 0.75em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ul.list li,
#suntory_contents.static .wrapper section.outline > dl > dd ul.note li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ul.list li:last-child,
#suntory_contents.static .wrapper section.outline > dl > dd ul.note li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.outline > dl > dd ul.note li {
  font-size: 1em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ol {
  counter-reset: cnt;
  margin-top: 0.75em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ol li {
  counter-increment: cnt;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ol li:before {
  content: counter(cnt) ".";
  position: absolute;
  top: 0;
  left: 0;
}

#suntory_contents.static .wrapper section.outline > dl > dd ol li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.outline > dl > dd dl dt {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

#suntory_contents.static .wrapper section.outline > dl > dd dl dd {
  padding-left: 0.5em;
}

#suntory_contents.static .wrapper section.outline > dl > dd dl dd dl dt {
  font-weight: normal;
}

#suntory_contents.static .wrapper section.outline .box {
  margin-top: 12px;
  padding: 12px;
  background-color: #efefef;
}

#suntory_contents.static .wrapper section.outline strong {
  font-weight: bold;
}

#suntory_contents.static .wrapper section.outline .block {
  display: block;
}

#suntory_contents.static .wrapper section.outline .mt-3 {
  margin-top: 12px;
}

#suntory_contents.static .wrapper section.outline .underline {
  text-decoration: underline;
}

#suntory_contents.static .wrapper section.regulation blockquote {
  width: 84vw;
}

#suntory_contents.static .wrapper section.regulation blockquote a {
  word-break: break-all;
}

#suntory_contents.static .wrapper section.regulation blockquote p {
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.regulation blockquote p.end {
  margin-top: 1.5em;
  text-align: right;
}

#suntory_contents.static .wrapper section.regulation blockquote h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  margin-left: -5px;
  padding: 0.8125em 1em;
  width: calc(100% + 10px);
  background: #009EDD;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.regulation blockquote h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.regulation blockquote h2 + h3 {
  margin-top: 0;
}

#suntory_contents.static .wrapper section.regulation blockquote ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  counter-reset: cnt;
}

#suntory_contents.static .wrapper section.regulation blockquote ol li {
  position: relative;
  padding-left: 2em;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.regulation blockquote ol li:before {
  counter-increment: cnt;
  content: counter(cnt) ".";
  position: absolute;
  left: 0;
  top: 0;
}

#suntory_contents.static .wrapper section.prize ul {
  width: 84vw;
}

#suntory_contents.static .wrapper section.prize ul li {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border: 2px solid rgba(55, 189, 242, 0.4);
}

#suntory_contents.static .wrapper section.prize ul li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.prize ul li h4 {
  padding: 0.5em 0.5em;
  color: #009EDD;
  font-size: 1em;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

#suntory_contents.static .wrapper section.prize ul li h4 span {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  transform: translateY(0.05em);
}

#suntory_contents.static .wrapper section.prize ul li img {
  margin-bottom: 20px;
  display: block;
}

#suntory_contents.static .wrapper section.prize ul li h5 {
  margin-bottom: 1em;
  width: 73.3333333333vw;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.prize ul li p {
  margin-bottom: 1em;
  width: 73.3333333333vw;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.prize ul li > *:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.qa.index {
  width: calc(84vw + 10px);
}

#suntory_contents.static .wrapper section.qa.index ol {
  counter-reset: cnt;
}

#suntory_contents.static .wrapper section.qa.index ol li {
  counter-increment: cnt;
  margin-bottom: 15px;
}

#suntory_contents.static .wrapper section.qa.index ol li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.qa.index ol li a {
  position: relative;
  display: block;
  padding: 0.8125em 2em;
  padding-left: 2.5em;
  background: #009EDD;
  border-radius: 6px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-decoration: none;
  transition: opacity 0.1s linear;
}

#suntory_contents.static .wrapper section.qa.index ol li a:before {
  content: counter(cnt) ".";
  position: absolute;
  top: 0.8125em;
  left: 1em;
}

#suntory_contents.static .wrapper section.qa.index ol li a:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.333em;
  height: 0.333em;
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  transform: rotate(45deg);
}

#suntory_contents.static .wrapper section.qa.index ol li a:hover {
  opacity: 0.7;
}

#suntory_contents.static .wrapper section.qa h4 {
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding: 0.8125em 1em;
  padding-left: 2.5em;
  width: calc(84vw + 10px);
  background: #009EDD;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-decoration: none;
}

#suntory_contents.static .wrapper section.qa h4 i {
  position: absolute;
  top: 0.8125em;
  left: 1em;
}

#suntory_contents.static .wrapper section.qa > dl {
  counter-reset: cnt;
  width: calc(84vw + 10px);
}

#suntory_contents.static .wrapper section.qa > dl > dt {
  counter-increment: cnt;
  position: relative;
  display: block;
  margin-bottom: 15px;
  padding: 0.8125em 2.5em;
  padding-left: 3em;
  width: calc(84vw + 10px);
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-decoration: none;
}

#suntory_contents.static .wrapper section.qa > dl > dt:before {
  content: "Q" counter(cnt) ".";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75em;
  display: block;
  margin: auto 0;
  height: 1em;
  line-height: 1em;
  color: #009EDD;
}

#suntory_contents.static .wrapper section.qa > dl > dt:after {
  content: "＋";
  position: absolute;
  right: 13px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 1em;
  color: #009EDD;
  font-weight: 900;
  line-height: 1;
}

#suntory_contents.static .wrapper section.qa > dl > dt.open:after {
  content: "－";
}

#suntory_contents.static .wrapper section.qa > dl > dd {
  position: relative;
  display: none;
  margin-bottom: 20px;
  width: 84vw;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.qa > dl > dd:before {
  content: "A" counter(cnt) ".";
  display: block;
  margin-bottom: 0.5em;
  color: #009EDD;
  font-size: 1.07em;
  font-weight: bold;
  line-height: 1;
}

#suntory_contents.static .wrapper section.qa > dl > dd ul.list,
#suntory_contents.static .wrapper section.qa > dl > dd ul.note {
  margin-top: 0.75em;
}

#suntory_contents.static .wrapper section.qa > dl > dd ul.list li,
#suntory_contents.static .wrapper section.qa > dl > dd ul.note li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

#suntory_contents.static .wrapper section.qa > dl > dd ul.list li:last-child,
#suntory_contents.static .wrapper section.qa > dl > dd ul.note li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.qa > dl > dd ul.note li {
  font-size: 1em;
}

#suntory_contents.static .wrapper section.qa > dl > dd ol {
  counter-reset: cnt;
  margin-top: 0.75em;
}

#suntory_contents.static .wrapper section.qa > dl > dd ol li {
  counter-increment: cnt;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}

#suntory_contents.static .wrapper section.qa > dl > dd ol li:before {
  content: counter(cnt) ".";
  position: absolute;
  top: 0;
  left: 0;
}

#suntory_contents.static .wrapper section.qa > dl > dd ol li:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.qa > dl > dd dl dt {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

#suntory_contents.static .wrapper section.qa > dl > dd dl dd {
  padding-left: 0.5em;
}

#suntory_contents.static .wrapper section.qa > dl > dd dl dd dl dt {
  font-weight: normal;
}

#suntory_contents.static .wrapper section.qa > dl *:first-child {
  margin-top: 0;
}

#suntory_contents.static .wrapper section.qa > dl *:last-child {
  margin-bottom: 0;
}

#suntory_contents.static .wrapper section.back {
  padding-top: 40px;
}

#suntory_contents.static .wrapper section.back a {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 180px;
  background: #009EDD;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #ffffff;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: opacity 0.1s linear;
}

#suntory_contents.static .wrapper section.back a:after {
  content: "";
  position: absolute;
  left: 18px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 6px;
  height: 6px;
  border-width: 0 0 2px 2px;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(45deg);
}

#suntory_contents.static .wrapper section.back a:hover {
  opacity: 0.7;
}

#suntory_contents.static .wrapper section.close {
  padding-top: 40px;
  padding-bottom: 65px;
}

#suntory_contents.static .wrapper section.close button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 180px;
  background: #ffffff;
  border: 2px solid var(--KeyColor);
  border-radius: 6px;
  color: var(--KeyColor);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: opacity 0.1s linear;
}

#suntory_contents.static .wrapper section.close button:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

#suntory_contents.static .wrapper section.close button:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

#suntory_contents.static .wrapper section.close button:after {
  transform: rotate(-45deg);
}

#suntory_contents.static .wrapper section.close button:hover {
  opacity: 0.7;
}

#suntory_contents.static .wrapper section.back + section.close {
  padding-top: 10px;
}

.agreeCheckBox {
  padding-bottom: 15px;
}

#suntory_contents.top .wrapper section.entry .inner ul li ul.agreeCheckBox li #agreeCheck {
  vertical-align: -0.1em;
  margin-right: 5px;
}

body.sku-t3r5h #suntory_contents div.wrapper main div section.win div h3 img,
body.sku-t5hl5 #suntory_contents div.wrapper main div section.win div h3 img {
  display: block !important;
}

body.sku-t3r5h #suntory_contents div.wrapper main div section.win div h4 img.sku-t3r5h {
  display: block !important;
}

body.sku-t5hl5 #suntory_contents div.wrapper main div section.win div h4 img.sku-t5hl5 {
  display: block !important;
}

@keyframes indicator_color0 {
  0% {
    background-color: #00c09b;
  }
  100% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color1 {
  0% {
    background-color: #2a4961;
  }
  87.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color2 {
  0% {
    background-color: #ff9900;
  }
  75% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color3 {
  0% {
    background-color: #a751bd;
  }
  62.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color4 {
  0% {
    background-color: #0098e3;
  }
  50% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color5 {
  0% {
    background-color: #ff3926;
  }
  37.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color6 {
  0% {
    background-color: #00d362;
  }
  25% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_color7 {
  0% {
    background-color: #0080bf;
  }
  12.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_animation {
  0% {
    top: 0;
    bottom: auto;
  }
  12.5% {
    top: auto;
    bottom: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modePC #suntory_contents {
  min-width: 960px;
  background-color: #abe0ec;
}

.modePC #suntory_contents header#kv_sub h2 {
  width: 100%;
}

.modePC #suntory_contents .wrapper {
  margin: 0 auto;
  width: 750px;
}

.modePC #suntory_contents h3.ttl {
  padding: 23px 0;
  color: #ffffff;
  background: var(--KeyColor);
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.11em;
}

.modePC #suntory_contents a.back_btn {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 275px;
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #009EDD;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.modePC #suntory_contents a.back_btn:after {
  content: "";
  position: absolute;
  left: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.333em;
  height: 0.333em;
  border-width: 0 0 2px 2px;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents .fade {
  transition: opacity 0.1s linear;
}

.modePC #suntory_contents .fade:hover {
  opacity: 0.7;
}

.modePC #suntory_contents nav.link {
  padding: 45px 0;
  background-color: #ffffff;
  border-top: 1px solid #c5ccd2;
}

.modePC #suntory_contents nav.link ul {
  width: 420px;
}

.modePC #suntory_contents nav.link ul li a {
  position: relative;
  display: block;
  padding: 15px 15px;
  padding-right: 50px;
  border: 2px solid currentColor;
  color: var(--Red);
  font-size: 0.875em;
  text-align: center;
  text-decoration: none;
}

.modePC #suntory_contents nav.link ul li a:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents nav.link ul li a:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents nav.link ul li a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modePC #suntory_contents nav.link ul li a.inquiry:before {
  content: none;
}

.modePC #suntory_contents nav.link ul li a.inquiry:after {
  content: "";
  position: absolute;
  right: 26px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents nav.link ul li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modePC #suntory_contents nav.link ul li:not(:last-child) a {
  border-bottom: none;
}

.modePC #suntory_contents nav.link ul li:last-child a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.modePC #suntory_contents nav.brand {
  padding: 30px 0;
  background-color: #ffffff;
  border-top: 1px solid #c5ccd2;
}

.modePC #suntory_contents nav.brand ul {
  width: 420px;
}

.modePC #suntory_contents nav.brand ul li a {
  position: relative;
  display: block;
  padding: 15px 15px;
  padding-right: 40px;
  border: 1px solid #c5ccd2;
  color: #46555e;
  text-align: center;
  font-size: 0.875em;
  text-decoration: none;
}

.modePC #suntory_contents nav.brand ul li a:before {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents nav.brand ul li a:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents nav.brand ul li a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modePC #suntory_contents nav.brand ul li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modePC #suntory_contents nav.brand ul li:not(:last-child) a {
  border-bottom: none;
}

.modePC #suntory_contents nav.brand ul li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.modePC #suntory_contents.top header#mv h2 {
  width: 100%;
}

.modePC #suntory_contents.top .wrapper .bg_wrapper {
  background: url(../img/bg.png) center top/100% 100% no-repeat;
}

.modePC #suntory_contents.top .wrapper section.notice {
  padding-bottom: 38px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner {
  width: 420px;
  background: #f2f2f2;
  padding-bottom: 32px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #c1272d;
  background: #fcee21;
  position: relative;
  padding: 22px 0 17px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner h3::before {
  content: "";
  display: block;
  width: 42px;
  height: 48px;
  margin-right: 12px;
  background: url(../img/icon_notice.webp) center top/100% auto no-repeat;
}

.modePC #suntory_contents.top .wrapper section.notice .inner p {
  font-size: 0.9375em;
  line-height: 1.85;
  letter-spacing: 0.03em;
  width: 345px;
  margin-bottom: 30px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner img {
  width: 345px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner ul.note {
  width: 345px;
  margin-top: 20px;
}

.modePC #suntory_contents.top .wrapper section.notice .inner ul.note li {
  font-size: 0.875em;
}

.modePC #suntory_contents.top .wrapper section.win {
  padding-top: 30px;
  padding-bottom: 20px;
}

.modePC #suntory_contents.top .wrapper section.win .inner h3 {
  margin-bottom: 20px;
  color: var(--Red);
  text-align: center;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.modePC #suntory_contents.top .wrapper section.win .inner p {
  margin-bottom: 20px;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 130%;
  text-align: center;
}

.modePC #suntory_contents.top .wrapper section.win .inner h4 {
  width: 420px;
}

.modePC #suntory_contents.top .wrapper section.prize {
  padding-bottom: 40px;
}

.modePC #suntory_contents.top .wrapper section.prize .inner {
  width: 420px;
}

.modePC #suntory_contents.top .wrapper section.prize .inner > * {
  position: relative;
  z-index: 1;
}

.modePC #suntory_contents.top .wrapper section.prize .inner h3 {
  margin-bottom: 15px;
}

.modePC #suntory_contents.top .wrapper section.prize .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
.modePC #suntory_contents.top .wrapper section.prize .flex .image {
  width: 25%;
}
.modePC #suntory_contents.top .wrapper section.prize .flex .text {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.prize .flex + .note {
  padding-bottom: 20px;
}
.modePC #suntory_contents.top .wrapper section.prize .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.prize .limit dl + dl {
  margin-top: 1em;
}
.modePC #suntory_contents.top .wrapper section.prize .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modePC #suntory_contents.top .wrapper section.prize .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}

.modePC #suntory_contents.top .wrapper section.prize .red {
  font-size: 0.85rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

.modePC #suntory_contents.top .wrapper section.flow {
  padding-bottom: 30px;
}

.modePC #suntory_contents.top .wrapper section.flow h3 {
  margin-bottom: 30px;
}

.modePC #suntory_contents.top .wrapper section.flow .inner {
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li {
  margin-bottom: 10px;
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.top .wrapper section.flow .inner ul.note {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}

.modePC #suntory_contents.top .wrapper section.flow .inner a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 45px;
  width: 315px;
  border: 2px solid currentColor;
  border-radius: 6px;
  color: var(--KeyColor);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modePC #suntory_contents.top .wrapper section.flow .inner a:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents.top .wrapper section.flow .inner a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents.top .wrapper section.flow .inner a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modePC #suntory_contents.top .wrapper section.entry {
  padding-bottom: 40px;
  background: #ffffcf;
}

.modePC #suntory_contents.top .wrapper section.entry h3.ttl {
  position: relative;
  margin-bottom: 40px;
  line-height: 1.4;
}

.modePC #suntory_contents.top .wrapper section.entry h3.ttl:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 18px 24px 0;
  border-style: solid;
  border-color: var(--KeyColor) transparent;
}

.modePC #suntory_contents.top .wrapper section.entry .inner {
  width: 420px;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li {
  margin-bottom: 30px;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding: 0 50px;
  width: 100%;
  height: 90px;
  background: #e6e6e6;
  border-radius: 10px;
  text-decoration: none;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn span {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn span i {
  display: inline-block;
  margin-right: 0.3em;
  font-size: 1.2em;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li.agreeOk a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.tw {
  background: #1da1f3;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.fb {
  background: #1977f3;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.sid {
  background: #5ac2db;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li ul.note li {
  margin-bottom: 0.5em;
  font-size: 0.75em;
  line-height: 1.67;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li p {
  font-size: 0.75em;
  text-align: left;
  line-height: 1.67;
}

.modePC #suntory_contents.top .wrapper section.error {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
}

.modePC #suntory_contents.top .wrapper section.error .inner {
  padding: 1em 0.5em;
  width: 420px;
  border: 2px solid currentColor;
  color: #d8190c;
  text-align: center;
}

.modePC #suntory_contents.top .wrapper section.error .inner p {
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top #modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modePC #suntory_contents.top #modal .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  width: 420px;
  max-height: 90vh;
}

.modePC #suntory_contents.top #modal .modal .inner {
  padding-bottom: 25px;
  width: 420px;
  max-height: 90vh;
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
}

.modePC #suntory_contents.top #modal .modal .inner h3 {
  margin-bottom: 20px;
  padding: 0.75em 0.5em;
  background: #d8190c;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

.modePC #suntory_contents.top #modal .modal .inner p.lead {
  margin-bottom: 15px;
  width: 340px;
  font-size: 1em;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top #modal .modal .inner a.btn {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 1em 0.5em;
  padding-right: 2em;
  width: 340px;
  background: var(--Red);
  color: #ffffff;
  border-radius: 5px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.33;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.modePC #suntory_contents.top #modal .modal .inner a.btn::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.top #modal .modal .inner label {
  display: block;
  padding: 0.75em 0.5em;
  width: 340px;
  background: #e6e6e6;
  border-radius: 5px;
  font-size: 0.9375em;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top #modal .modal .inner label input {
  display: inline-block;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  background: #ffffff;
}

.modePC #suntory_contents.top #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 189, 242, 0.8);
  backdrop-filter: blur(5px);
  z-index: 0;
}

.modePC #suntory_contents.top.end section.end {
  padding-top: 40px;
  padding-bottom: 40px;
}

.modePC #suntory_contents.top.end section.end h3:not(.ttl) {
  margin-bottom: 25px;
  width: 420px;
  color: #d8190c;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.modePC #suntory_contents.top.end section.end h3:not(.ttl) span {
  display: inline-block;
  margin-bottom: 1em;
  font-size: 0.6em;
  color: #001919;
}

.modePC #suntory_contents.top.end section.end p {
  margin-bottom: 5px;
  width: 420px;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top.end section.end ul.note {
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.top.end section.end ul.note li {
  padding-left: 0;
  text-indent: 0;
  font-size: 0.8125em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner {
  width: 420px;
}
.modePC #suntory_contents.top.end .wrapper section.end-entry .inner .first-end {
  font-size: 0.8125em;
  line-height: 1.4;
  margin-bottom: 20px;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 1.55em 1em;
  width: 100%;
  background: #e6e6e6;
  border-radius: 10px;
  text-decoration: none;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn span {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 2.14;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn span i {
  display: inline-block;
  margin-right: 0.3em;
  font-size: 1.2em;
  line-height: 1.36;
  transform: translateY(0.1em);
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .inner ul.note {
  margin-bottom: 40px;
}

.modePC #suntory_contents.top.end .wrapper section.end-entry .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.top.end .wrapper section.end-entry .limit dl + dl {
  margin-top: 1em;
}
.modePC #suntory_contents.top.end .wrapper section.end-entry .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modePC #suntory_contents.top.end .wrapper section.end-entry .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}

.modePC #suntory_contents.top.end section.entry {
  padding-top: 40px;
}

.modePC #suntory_contents.top.end section.entry h3 {
  margin-bottom: 25px;
  color: #d8190c;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.top.end section.entry {
  padding-top: 40px;
}

.modePC #suntory_contents.top.end section.entry h3 {
  margin-bottom: 25px;
  width: 420px;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.top.end section.term {
  padding-top: 30px;
  padding-bottom: 40px;
}

.modePC #suntory_contents.top.end section.term h3 {
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
}

.modePC #suntory_contents.top.end section.term dl.term {
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.top.end section.term dl.term dt,
.modePC #suntory_contents.top.end section.term dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.top.end section.term dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.top.end section.term dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.top.end section.term dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.top.end section.term dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.top.end section.contact {
  padding-bottom: 40px;
}

.modePC #suntory_contents.top.end section.contact dl.contact {
  padding: 20px 15px;
  border: 2px solid #cccccc;
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.top.end section.contact dl.contact dt,
.modePC #suntory_contents.top.end section.contact dl.contact dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.top.end section.contact dl.contact dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.top.end section.contact dl.contact dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.top.end section.contact dl.contact dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.top.end section.contact dl.contact dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.mypage header#mv h2 {
  width: 100%;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp {
  padding: 40px 0 30px;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner {
  padding: 0 0 20px;
  width: 420px;
  border: 1px solid #cccccc;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  height: 83px;
  background: #efefef;
  font-size: 1.125em;
  font-weight: bold;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner p {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term {
  margin-top: 15px;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dt,
.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp.win .inner h3 {
  color: #d8190c;
  background: rgba(216, 25, 12, 0.2);
}

.modePC #suntory_contents.mypage .wrapper main section.redisp_check {
  padding: 0 0 40px;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp_check a.btn {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 1.1em 0.5em;
  padding-right: 1.5em;
  width: 275px;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp_check a.btn:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.33em;
  height: 0.33em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents.mypage .wrapper main section.redisp_check a.btn[disabled] {
  background-color: #ccc;
  pointer-events: none;
}

.modePC #suntory_contents.mypage .wrapper main section.redisp_check .red.limitOver {
  width: 420px;
  margin-top: 20px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.error h3 {
  margin-bottom: 25px;
}

.modePC #suntory_contents.mypage .wrapper main section.error h3:not(.ttl) {
  padding-top: 40px;
  width: 420px;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.mypage .wrapper main section.error p {
  margin-bottom: 20px;
  width: 420px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term {
  padding-top: 20px;
  border-top: 1px solid #cccccc;
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term dt,
.modePC #suntory_contents.mypage .wrapper main section.error dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.mypage .wrapper main section.error dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.mypage .wrapper main section.received {
  width: 420px;
  margin: 40px auto;
  padding: 0;
  border: 1px solid #999;
}

.modePC #suntory_contents.mypage .wrapper main section.received h3:not(.ttl) {
  color: #d8190c;
  background-color: #d8190c14;
  padding: 0.5em 0;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.mypage .wrapper main section.received .lead {
  margin-bottom: 20px;
  width: 420px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 20px;
}

.modePC #suntory_contents.mypage .wrapper section.received .limit {
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper section.received .limit dl + dl {
  margin-top: 1em;
}
.modePC #suntory_contents.mypage .wrapper section.received .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modePC #suntory_contents.mypage .wrapper section.received .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}
.modePC #suntory_contents.mypage .wrapper section.received .note {
  text-align: center;
  margin-bottom: 20px;
}



.modePC #suntory_contents.mypage .wrapper main section.coupon h3:not(.ttl) {
  padding-top: 40px;
  width: 420px;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.mypage .wrapper main section.coupon .lead {
  margin-top: 40px;
  margin-bottom: 20px;
  width: 40em;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.coupon .note {
  width: 29em;
  margin-bottom: 20px;
}

.modePC #suntory_contents.mypage .wrapper section.coupon .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
  width: 420px;
  margin-top: 40px;
}
.modePC #suntory_contents.mypage .wrapper section.coupon .limit dl + dl {
  margin-top: 1em;
}
.modePC #suntory_contents.mypage .wrapper section.coupon .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modePC #suntory_contents.mypage .wrapper section.coupon .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}
.modePC #suntory_contents.mypage .wrapper main section.coupon .note.timeLimit {
  width: 25em;
  margin-bottom: 40px;
}




.modePC #suntory_contents.mypage .wrapper section.coupon a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 45px;
  width: 315px;
  border: 2px solid currentColor;
  border-radius: 6px;
  color: var(--KeyColor);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modePC #suntory_contents.mypage .wrapper section.coupon a:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}


.modePC #suntory_contents.prizesel .wrapper main section.prizesel {
  padding-bottom: 45px;
  text-align: center;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel h3 {
  margin-bottom: 25px;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel p.lead {
  margin-bottom: 25px;
  width: 650px;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.note {
  display: inline-block;
  margin-bottom: 25px;
  max-width: 650px;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.note li {
  color: #d8190c;
  text-align: left;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 650px;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel p.notice {
  margin-bottom: 12px;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li {
  margin: 0;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 19px 19px;
  width: 315px;
  border: 1px solid #cccccc;
  text-align: left;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li:nth-child(even) {
  margin-right: 0;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li:last-child,
.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li:nth-child(odd):nth-last-child(2) {
  margin-bottom: 0;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label {
  position: relative;
  display: block;
  padding: 14px 20px 14px 45px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.57;
  cursor: pointer;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label.disabled {
  color: #cccccc;
  cursor: default;
  pointer-events: none;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox] + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio] + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio] + i {
  position: absolute;
  left: 12px;
  top: 15px;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox] + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio] + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio] + i:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  display: none;
  width: 4px;
  height: 8px;
  border-width: 0 2px 2px 0;
  border-style: none solid solid none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:checked + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:checked + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:checked + i {
  border-color: #d8190c;
  background: #d8190c;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:checked + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:checked + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:checked + i:before {
  display: block;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:focus + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:focus + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:focus + i,
.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:hover + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:hover + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:hover + i {
  border-color: #d8190c;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i {
  overflow: hidden;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i:before,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i:before {
  content: none;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i:after,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i:after,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: auto;
  width: 150%;
  height: 0;
  border-bottom: 1px solid #cccccc;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled]:focus + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio]:focus + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio]:focus + i,
.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled]:hover + i,
.modePC #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio]:hover + i,
.modePC #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio]:hover + i {
  border-color: #cccccc;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li img {
  display: block;
  margin-top: 10px;
  width: 100%;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li p.note {
  margin-top: 10px;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li p.note span {
  font-size: 0.875em;
  line-height: 1.4;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .attention {
  margin-bottom: 40px;
  padding: 25px 25px 30px;
  width: 650px;
  border: 2px solid #d8190c;
  background: #ffffff;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .attention h4 {
  margin-bottom: 20px;
  color: #d8190c;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.6;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .attention p {
  margin-bottom: 15px;
  font-size: 0.875em;
  line-height: 1.8;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .attention ul.note li {
  margin-bottom: 10px;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .attention ul.note li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .btn_wrap {
  padding: 40px 0;
  background: #efefef;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .btn_wrap .error {
  display: none;
  margin-bottom: 30px;
  color: #d8190c;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .btn_wrap .error:empty {
  display: none;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .btn_wrap a.btn {
  position: relative;
  display: block;
  padding: 24px 40px 24px 20px;
  width: 420px;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.07em;
}

.modePC #suntory_contents.prizesel .wrapper main section.lot .btn_wrap a.btn:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.lot .JS-lot-result,
.modePC #suntory_contents.lot .JS-lot-coupon {
  display: none;
}

.modePC #suntory_contents.lot .wrapper main section.prize {
  padding-bottom: 25px;
}

.modePC #suntory_contents.lot .wrapper main section.prize h3 {
  margin-bottom: 50px;
  padding: 23px 0;
  color: #ffffff;
  background: var(--KeyColor);
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.19em;
}
.modePC #suntory_contents.lot .wrapper main section.prize .lead {
  text-align: center;
  margin-bottom: 40px;
  font-weight: bold;
  line-height: 1.4;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl {
  width: 420px;
  border: 1px solid #cccccc;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dt {
  padding: 15px 0;
  background: #abe0ec;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.07em;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd {
  padding: 30px 15px;
  font-size: 1.25em;
  font-weight: bold;
}
.modePC #suntory_contents.lot .wrapper main section.prize dl dd .image {
  width: 120px;
  margin-bottom: 15px;
}
.modePC #suntory_contents.lot .wrapper main section.prize dl dd .prizeName {
  font-size: 0.8125em;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd figure {
  width: 100%;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd figure img {
  display: block;
  margin-bottom: 15px;
  max-width: 100%;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd figure figcaption {
  font-size: 0.7em;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd ul.note {
  margin-top: 20px;
  width: 380px;
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}

.modePC #suntory_contents.lot .wrapper main section.prize dl dd p.note {
  margin-top: 10px;
  font-size: 0.6em;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) {
  padding-bottom: 15px;
  width: 420px;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dt,
.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn,
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s {
  position: relative;
  display: block;
  padding: 22px 40px 22px 20px;
  width: 315px;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.07em;
  margin-bottom: 20px;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn:after,
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn.exLink:before,
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s.exLink:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 2px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-top: none;
  border-right: none;
  background: transparent;
  box-sizing: border-box;
  transform: rotate(0deg);
  transform: translateX(1px) translateY(-1px);
}
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn.exLink:after,
.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s.exLink:after {
  content: "";
  position: absolute;
  right: 27px;
  top: -4px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: rotate(0deg);
  transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s {
  padding-top: 12px;
  padding-bottom: 12px;
  background: var(--Red);
  border: 2px solid currentColor;
  border-radius: 6px;
  color: #fff;
  font-size: 0.875em;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:before {
  content: "";
  position: absolute;
  right: 25px;
  top: auto;
  bottom: 20px;
  display: block;
  margin: 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: none;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:after {
  content: "";
  position: absolute;
  right: 25px;
  top: auto;
  bottom: 20px;
  display: block;
  margin: 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: none;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:before {
  content: "";
  right: 27px;
  bottom: 18px;
  border-top: none;
  border-right: none;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) ul.note.extlink {
  margin-top: 5px;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section:not(.prize) hr {
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #cccccc;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code,
.modePC #suntory_contents.lot .wrapper main section.coupon_btn,
.modePC #suntory_contents.lot .wrapper main section.howto,
.modePC #suntory_contents.lot .wrapper main section.howto_fm,
.modePC #suntory_contents.lot .wrapper main section.howto_pop {
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code p,
.modePC #suntory_contents.lot .wrapper main section.coupon_btn p,
.modePC #suntory_contents.lot .wrapper main section.howto p,
.modePC #suntory_contents.lot .wrapper main section.howto_fm p,
.modePC #suntory_contents.lot .wrapper main section.howto_pop p {
  margin-bottom: 15px;
  font-size: 0.875em;
  line-height: 1.5;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code hr,
.modePC #suntory_contents.lot .wrapper main section.coupon_btn hr,
.modePC #suntory_contents.lot .wrapper main section.howto hr,
.modePC #suntory_contents.lot .wrapper main section.howto_fm hr,
.modePC #suntory_contents.lot .wrapper main section.howto_pop hr {
  margin-top: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border: 3px solid #009EDD;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner h4 {
  padding: 13px 0;
  color: #ffffff;
  background: #009EDD;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.07em;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner input {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #cccccc;
  font-size: 1.875em;
  font-weight: bold;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .barcode {
  padding-top: 15px;
  padding-bottom: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .barcode img {
  width: 200px;
  max-width: 100%;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator {
  position: relative;
  margin-top: 10px;
  margin-bottom: -5px;
  width: 66px;
  height: 17px;
  background: #ffffff;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i {
  position: absolute;
  bottom: 0;
  display: block;
  width: 3px;
  height: 12px;
  background-color: #b3b3b3;
  border-radius: 1px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(1) {
  left: 0px;
  animation: indicator_animation 1s linear infinite, indicator_color0 1s linear infinite;
  animation-delay: 0s;
  animation-timing-function: step-end;
}

@keyframes indicator_color0 {
  0% {
    background-color: #00c09b;
  }
  100% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(2) {
  left: 9px;
  animation: indicator_animation 1s linear infinite, indicator_color1 1s linear infinite;
  animation-delay: 0.125s;
  animation-timing-function: step-end;
}

@keyframes indicator_color1 {
  0% {
    background-color: #2a4961;
  }
  87.5% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(3) {
  left: 18px;
  animation: indicator_animation 1s linear infinite, indicator_color2 1s linear infinite;
  animation-delay: 0.25s;
  animation-timing-function: step-end;
}

@keyframes indicator_color2 {
  0% {
    background-color: #ff9900;
  }
  75% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(4) {
  left: 27px;
  animation: indicator_animation 1s linear infinite, indicator_color3 1s linear infinite;
  animation-delay: 0.375s;
  animation-timing-function: step-end;
}

@keyframes indicator_color3 {
  0% {
    background-color: #a751bd;
  }
  62.5% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(5) {
  left: 36px;
  animation: indicator_animation 1s linear infinite, indicator_color4 1s linear infinite;
  animation-delay: 0.5s;
  animation-timing-function: step-end;
}

@keyframes indicator_color4 {
  0% {
    background-color: #0098e3;
  }
  50% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(6) {
  left: 45px;
  animation: indicator_animation 1s linear infinite, indicator_color5 1s linear infinite;
  animation-delay: 0.625s;
  animation-timing-function: step-end;
}

@keyframes indicator_color5 {
  0% {
    background-color: #ff3926;
  }
  37.5% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(7) {
  left: 54px;
  animation: indicator_animation 1s linear infinite, indicator_color6 1s linear infinite;
  animation-delay: 0.75s;
  animation-timing-function: step-end;
}

@keyframes indicator_color6 {
  0% {
    background-color: #00d362;
  }
  25% {
    background-color: #b3b3b3;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(8) {
  left: 63px;
  animation: indicator_animation 1s linear infinite, indicator_color7 1s linear infinite;
  animation-delay: 0.875s;
  animation-timing-function: step-end;
}

@keyframes indicator_color7 {
  0% {
    background-color: #0080bf;
  }
  12.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_animation {
  0% {
    top: 0;
    bottom: auto;
  }
  12.5% {
    top: auto;
    bottom: 0;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term {
  width: 380px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt,
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd {
  font-size: 0.875em;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt.attention,
.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd.attention {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt.attention {
  margin-bottom: 0;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code .inner .attention {
  width: 380px;
  color: #d8190c;
  font-weight: bold;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_code a.btn {
  background-color: #009EDD;
}

.modePC #suntory_contents.lot .wrapper main section.howto ul.note:not(.extlink),
.modePC #suntory_contents.lot .wrapper main section.howto_fm ul.note:not(.extlink) {
  margin-top: 10px;
  width: 360px;
  text-align: left;
}

.modePC #suntory_contents.lot .wrapper main section.term {
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.term ul.note:not(.extlink) {
  margin-top: 10px;
  width: 315px;
  text-align: left;
}

.modePC #suntory_contents.lot .wrapper main section.term hr {
  margin-top: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm {
  padding-bottom: 30px;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl {
  margin-top: 15px;
  width: 360px;
  text-align: left;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dt,
.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd {
  font-size: 0.8125em;
  line-height: 1.5;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd ul,
.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd ol {
  margin-bottom: 5px;
}

.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd ul li,
.modePC #suntory_contents.lot .wrapper main section.howto_fm dl dd ol li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1em;
}

.modePC #suntory_contents.lot .wrapper main section.lawnotice {
  padding-top: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.lawnotice p {
  font-size: 0.8125em;
  text-align: left;
  line-height: 1.5;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use {
  padding-top: 20px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner {
  padding: 30px 15px 20px;
  width: 420px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner h3 {
  margin-bottom: 20px;
  color: var(--Red);
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner p {
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner span.btn {
  position: relative;
  display: block;
  padding: 25px 30px;
  width: 315px;
  border-radius: 10px;
  background: #cbcbcb;
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner a.btn {
  margin-bottom: 15px;
  background: #d8190c;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner .notice {
  padding: 20px 15px;
  border: 1px solid #d8190c;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner .notice h4,
.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner .notice p {
  margin-bottom: 0;
  color: #d8190c;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: left;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_use .inner .notice h4 {
  margin-bottom: 0.5em;
  text-align: center;
}

.modePC #suntory_contents .wrapper main section.contact {
  padding-bottom: 40px;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact {
  padding: 20px 15px;
  border: 2px solid #cccccc;
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact dt,
.modePC #suntory_contents .wrapper main section.contact dl.contact dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents .wrapper main section.contact dl.contact dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.lot .wrapper main section:last-of-type {
  padding-bottom: 60px;
}

.modePC #suntory_contents.lot #modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modePC #suntory_contents.lot #modal .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  width: 420px;
  max-height: 90vh;
}

.modePC #suntory_contents.lot #modal .modal .inner {
  position: relative;
  padding: 30px 15px 20px;
  max-height: 90vh;
  background: #ffffff;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.lot #modal .modal .inner h3 {
  margin-bottom: 20px;
  color: var(--Red);
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.lot #modal .modal .inner p {
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}

.modePC #suntory_contents.lot #modal .modal .inner a.btn,
.modePC #suntory_contents.lot #modal .modal .inner a.btn_s {
  position: relative;
  display: block;
  padding: 25px 40px 25px 20px;
  width: 315px;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modePC #suntory_contents.lot #modal .modal .inner a.btn:after,
.modePC #suntory_contents.lot #modal .modal .inner a.btn_s:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.lot #modal .modal .inner a.btn {
  margin-bottom: 15px;
  background: #d8190c;
}

.modePC #suntory_contents.lot #modal .modal .inner .notice {
  padding: 20px 15px;
  border: 1px solid #d8190c;
}

.modePC #suntory_contents.lot #modal .modal .inner .notice h4,
.modePC #suntory_contents.lot #modal .modal .inner .notice p {
  margin-bottom: 0;
  color: #d8190c;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: left;
}

.modePC #suntory_contents.lot #modal .modal .inner .notice h4 {
  margin-bottom: 0.5em;
  text-align: center;
}

.modePC #suntory_contents.lot #modal .modal .close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  background: var(--Red);
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
}

.modePC #suntory_contents.lot #modal .modal .close::before,
.modePC #suntory_contents.lot #modal .modal .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  background: #ffffff;
  border-radius: 2px;
}

.modePC #suntory_contents.lot #modal .modal .close::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.modePC #suntory_contents.lot #modal .modal .close::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.modePC #suntory_contents.lot #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 0;
}

.modePC #suntory_contents.serial .wrapper .JS-ocrshow {
  display: none;
}

.modePC #suntory_contents.serial .wrapper main section.title {
  padding-bottom: 35px;
}

.modePC #suntory_contents.serial .wrapper main section.title h3 {
  margin-bottom: 25px;
}

.modePC #suntory_contents.serial .wrapper main section.title p.lead {
  margin-bottom: 15px;
  width: 650px;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.serial .wrapper main section.title ul.note {
  width: 650px;
}

.modePC #suntory_contents.serial .wrapper main section.title ul.note li {
  text-align: center;
}

.modePC #suntory_contents.serial .wrapper main section.seal {
  padding-bottom: 25px;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner {
  padding: 20px 114px 25px;
  width: 650px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner h3 {
  margin-bottom: 15px;
  padding: 0.5em 0.5em;
  border-bottom: 2px solid rgba(55, 189, 242, 0.4);
  color: #009EDD;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.15em;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 25px;
  width: 200px;
  transform: -5px;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dt,
.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dd {
  margin-right: 30px;
  width: 85px;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dt:last-of-type,
.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dd:last-of-type {
  margin-right: 0;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dt {
  order: 1;
  margin-bottom: 0.385em;
  font-size: 0.75em;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-align: center;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dd {
  order: 2;
  position: relative;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dd:after {
  content: "見本";
  position: absolute;
  right: -10px;
  bottom: -7px;
  display: block;
  padding: 0.25em 0.25em;
  background: rgba(55, 189, 242, 0.9);
  border-radius: 3px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.12em;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner dl dd img {
  pointer-events: none;
}

.modePC #suntory_contents.serial .wrapper main section.seal .inner p {
  font-size: 0.8125em;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.modePC #suntory_contents.serial .wrapper main section.input {
  padding-bottom: 35px;
}

.modePC #suntory_contents.serial .wrapper main section.input p.error {
  margin-bottom: 20px;
  width: 650px;
  color: #d8190c;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.29;
  letter-spacing: 0.04em;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner {
  margin-bottom: 60px;
  width: 650px;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li {
  padding: 7px 7px 13px;
  width: 315px;
  margin-right: 20px;
  margin-bottom: 10px;
  border: 2px solid #009EDD;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li:nth-child(even),
.modePC #suntory_contents.serial .wrapper main section.input .inner ul li:last-child:nth-child(odd) {
  margin-right: 0;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li:last-child,
.modePC #suntory_contents.serial .wrapper main section.input .inner ul li:nth-last-child(2):nth-child(odd) {
  margin-bottom: 0;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li h4 {
  margin-bottom: 15px;
  padding: 0.5em 1em;
  background: rgba(55, 189, 242, 0.1);
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.375em;
  letter-spacing: 0;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li p.error_msg {
  margin-bottom: 15px;
  color: #d8190c;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.29;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table {
  table-layout: fixed;
  border-collapse: separate;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr th,
.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr td {
  vertical-align: top;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr th {
  padding-left: 5px;
  padding-right: 10px;
  width: calc(4.375em + 10px);
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2337bdf2%22%20d%3D%22M70%2050H0V0h70l10%2025z%22%2F%3E%3C%2Fsvg%3E") left center/100% 100% no-repeat;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.03em;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
  .modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr th {
    padding-left: 10px;
    background: #009EDD;
    background-clip: padding-box;
  }
}
.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr td {
  border-left: 10px solid transparent;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr td input {
  padding: 0 0.5em;
  width: 100%;
  height: 2.27em;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  color: #333333;
  font-size: 1.375em;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr:nth-child(1) th,
.modePC #suntory_contents.serial .wrapper main section.input .inner ul li table tr:nth-child(1) td {
  border-bottom: 10px solid transparent;
}

.modePC #suntory_contents.serial .wrapper main section.input button {
  position: relative;
  display: block;
  padding: 1.1em 1em;
  width: 420px;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.125;
}

.modePC #suntory_contents.serial .wrapper main section.input button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.471em;
  height: 0.471em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.serial .wrapper main section.back {
  padding-bottom: 80px;
}

.modePC #suntory_contents.history .wrapper main section.title {
  padding-bottom: 30px;
}

.modePC #suntory_contents.history .wrapper main section.history {
  padding-bottom: 30px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner {
  width: 420px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.history .wrapper main section.history .inner h4 {
  margin-bottom: 20px;
  padding: 0.7em 0.5em;
  color: var(--black);
  background: #F4D8DB;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.39;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize {
  width: 385px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  border-bottom: 1px dashed #cccccc;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li:last-child,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li:nth-last-child(2),
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li:last-child,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li:nth-last-child(2) {
  border-bottom: 0;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 275px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dt,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dt,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dt,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dt {
  margin-right: 0.2em;
  width: 6.3em;
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd {
  width: calc(100% - 6.5em);
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.02em;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd em,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd em {
  color: #d8190c;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory {
  padding-bottom: 20px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory:not(:first-child),
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory:not(:first-child) {
  display: none;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory p,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory p {
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon {
  padding-bottom: 5px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li {
  padding-top: 20px;
  padding-bottom: 15px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li:first-child {
  padding-top: 0;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li button {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 1.1em 0.5em;
  padding-right: 1.5em;
  width: 275px;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.33em;
  height: 0.33em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  padding-top: 15px;
  padding-bottom: 15px;
}

.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li:first-child {
  padding-top: 0;
}

.modePC #suntory_contents.history .wrapper main section.back {
  padding-top: 5px;
  padding-bottom: 70px;
}

.modePC #suntory_contents.userregist .wrapper section.lead {
  padding-top: 25px;
  padding-bottom: 30px;
  text-align: center;
}

.modePC #suntory_contents.userregist .wrapper section.lead p.lead {
  margin-bottom: 10px;
  width: 650px;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.lead ul.note {
  width: 650px;
}

.modePC #suntory_contents.userregist .wrapper section.lead ul.note li {
  font-size: 0.875em;
}

.modePC #suntory_contents.userregist .wrapper section.regulation {
  padding-bottom: 60px;
}

.modePC #suntory_contents.userregist .wrapper section.regulation h3 {
  margin-bottom: 35px;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote {
  padding: 2em 2em;
  width: 650px;
  height: 355px;
  border: 1px solid #cccccc;
  overflow-y: scroll;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote a {
  word-break: break-all;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote p {
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote p.end {
  margin-top: 1.5em;
  text-align: right;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  margin-left: -5px;
  padding: 0.8125em 1em;
  width: calc(100% + 10px);
  background: #009EDD;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote h2 + h3 {
  margin-top: 0;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  counter-reset: cnt;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote ol li {
  position: relative;
  padding-left: 2em;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.regulation blockquote ol li:before {
  counter-increment: cnt;
  content: counter(cnt) ".";
  position: absolute;
  left: 0;
  top: 0;
}

.modePC #suntory_contents.userregist .wrapper section.outline {
  padding-bottom: 60px;
}

.modePC #suntory_contents.userregist .wrapper section.outline h3 {
  margin-bottom: 35px;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote {
  padding: 2em 2em;
  width: 650px;
  height: 355px;
  border: 1px solid #cccccc;
  overflow-y: scroll;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote a {
  word-break: break-all;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dt {
  margin-top: 20px;
  font-size: 0.9375em;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dt:first-child {
  margin-top: 0;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd {
  margin-top: 10px;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list,
.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note {
  margin-top: 0.75em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list li,
.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list li:last-child,
.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li {
  font-size: 1em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol {
  counter-reset: cnt;
  margin-top: 0.75em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li {
  counter-increment: cnt;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li:before {
  content: counter(cnt) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dt {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dd {
  padding-left: 0.5em;
}

.modePC #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dd dl dt {
  font-weight: normal;
}

.modePC #suntory_contents.userregist .wrapper section.enquete {
  padding-bottom: 35px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete h3 {
  margin-bottom: 30px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list {
  counter-reset: cnt;
  width: 650px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li {
  display: block;
  margin-bottom: 30px;
  padding: 0 0 29px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li:before {
  content: "";
  counter-increment: cnt;
  content: "Q" counter(cnt) ".";
  display: block;
  margin-bottom: 18px;
  padding: 15px 0;
  color: #001919;
  background: #F4D8DB;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 {
  margin-bottom: 15px;
  width: 570px;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 i {
  display: block;
  margin-top: 7px;
  color: #d8190c;
  font-size: 0.857em;
  font-weight: normal;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 570px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li {
  display: block;
  width: 275px;
  margin-left: 0;
  margin-right: 20px;
  margin-bottom: 20px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li:nth-child(even) {
  margin-right: 0;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li:last-child,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li:nth-child(odd):nth-last-child(2) {
  margin-bottom: 0;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label {
  position: relative;
  display: block;
  padding: 14px 20px 14px 45px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.57;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox] + i,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i {
  position: absolute;
  left: 12px;
  top: 15px;
  display: block;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox] + i:before,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i:before {
  content: "";
  position: absolute;
  left: 5px;
  top: 2px;
  display: none;
  width: 4px;
  height: 8px;
  border-width: 0 2px 2px 0;
  border-style: none solid solid none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:checked + i,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:checked + i {
  border-color: var(--Red);
  background: var(--Red);
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:checked + i:before,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:checked + i:before {
  display: block;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:focus + i,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:focus + i {
  border-color: var(--Red);
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i {
  border-radius: 9px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  border: none;
  border-radius: 4px;
  background: #ffffff;
  transform: none;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select {
  position: relative;
  display: block;
  width: 275px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label {
  position: relative;
  display: block;
  padding: 14px 50px 14px 14px;
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #001919;
  font-size: 0.875em;
  line-height: 1.57;
  overflow: hidden;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label span {
  color: currentColor;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: calc(1.57em + 28px);
  height: calc(1.57em + 28px);
  background-color: #efefef;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i:after {
  content: "";
  position: absolute;
  top: calc((1.57em + 28px) / 2);
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  transform: rotate(45deg) translateX(-50%) translateY(-50%);
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select select {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-appearance: menulist-button;
  z-index: 1;
  cursor: pointer;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other {
  padding-top: 20px;
  width: 350px;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other p {
  margin-bottom: 10px;
  font-size: 0.875em;
  line-height: 1.5;
  text-align: center;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other textarea {
  display: block;
  padding: 0.667em 0.667em;
  width: 100%;
  height: 8em;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.5;
  resize: vertical;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li p.example {
  margin-top: -5px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=text],
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=tel] {
  display: block;
  padding: 0.667em 0.667em;
  width: 275px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.5;
}

.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=text]::placeholder,
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=tel]::placeholder {
  color: rgba(0, 25, 25, 0.3);
}

.modePC #suntory_contents.userregist .wrapper section.submit {
  padding: 40px 0;
  background: #efefef;
}

.modePC #suntory_contents.userregist .wrapper section.submit .error {
  margin-bottom: 20px;
  color: #d8190c;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.modePC #suntory_contents.userregist .wrapper section.submit .error:empty {
  display: none;
}

.modePC #suntory_contents.userregist .wrapper section.submit a.btn {
  position: relative;
  display: block;
  padding: 1.15em 2.5em;
  width: 420px;
  border-radius: 6px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modePC #suntory_contents.userregist .wrapper section.submit a.btn:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modePC #suntory_contents.error .wrapper section.error {
  padding-top: 30px;
  padding-bottom: 40px;
}

.modePC #suntory_contents.error .wrapper section.error h3 {
  margin-bottom: 25px;
}

.modePC #suntory_contents.error .wrapper section.error h3:not(.ttl) {
  padding-top: 40px;
  width: 420px;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modePC #suntory_contents.error .wrapper section.error p {
  margin-bottom: 20px;
  width: 420px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}

.modePC #suntory_contents.error .wrapper section.error dl.term {
  padding-top: 20px;
  border-top: 1px solid #cccccc;
  width: 420px;
  text-align: center;
}

.modePC #suntory_contents.error .wrapper section.error dl.term dt,
.modePC #suntory_contents.error .wrapper section.error dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modePC #suntory_contents.error .wrapper section.error dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modePC #suntory_contents.error .wrapper section.error dl.term dd {
  margin-bottom: 15px;
}

.modePC #suntory_contents.error .wrapper section.error dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.error .wrapper section.error dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modePC #suntory_contents.error .wrapper section.back_top {
  padding-bottom: 70px;
}

.modePC #suntory_contents.error nav.back {
  padding: 45px 0;
  background-color: #ffffff;
  border-top: 1px solid #c5ccd2;
}

.modePC #suntory_contents.error nav.back a {
  position: relative;
  display: block;
  padding: 15px 50px;
  width: 315px;
  border: 2px solid currentColor;
  border-radius: 6px;
  background: var(--Red);
  color: #ffffff;
  font-size: 0.875em;
  text-align: center;
  text-decoration: none;
}

.modePC #suntory_contents.error nav.back a:after {
  content: "";
  position: absolute;
  left: 26px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  transform: rotate(225deg);
}

.modePC #suntory_contents.contact .wrapper section.title {
  padding-bottom: 25px;
}

.modePC #suntory_contents.contact .wrapper section.title h3 {
  margin-bottom: 25px;
}

.modePC #suntory_contents.contact .wrapper section.title p {
  width: 420px;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.contact .wrapper section.contactcode {
  padding-bottom: 20px;
}

.modePC #suntory_contents.contact .wrapper section.contactcode .inner {
  padding-bottom: 10px;
  width: 420px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.contact .wrapper section.contactcode .inner h3 {
  padding: 0.72em 0.5em;
  background: rgba(55, 189, 242, 0.1);
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6875;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.contact .wrapper section.contactcode .inner input {
  display: none;
  width: 100%;
  height: 2.75em;
  font-size: 1.25em;
  text-align: center;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.contact .wrapper section.contactcode .inner input:first-of-type {
  display: block;
}

.modePC #suntory_contents.contact .wrapper section.contact {
  padding-bottom: 40px;
}

.modePC #suntory_contents.contact .wrapper section.contact .inner {
  padding: 25px 1em;
  width: 420px;
  border: 1px solid #cccccc;
}

.modePC #suntory_contents.contact .wrapper section.contact .inner p {
  margin-bottom: 0.5em;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.12em;
}

.modePC #suntory_contents.contact .wrapper section.contact .inner p:last-of-type {
  margin-bottom: 0;
}

.modePC #suntory_contents.contact .wrapper section.contact .inner p em {
  font-size: 1.5em;
  font-weight: bold;
}

.modePC #suntory_contents.contact .wrapper section.contact .inner p a {
  color: currentColor;
  text-decoration: none;
}

.modePC #suntory_contents.contact .wrapper section.back {
  padding-bottom: 90px;
}

.modePC #suntory_contents.contact .wrapper section.close {
  padding-bottom: 65px;
}

.modePC #suntory_contents.contact .wrapper section.close button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 180px;
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #009EDD;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: opacity 0.1s linear;
}

.modePC #suntory_contents.contact .wrapper section.close button:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents.contact .wrapper section.close button:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.modePC #suntory_contents.contact .wrapper section.close button:after {
  transform: rotate(-45deg);
}

.modePC #suntory_contents.contact .wrapper section.close button:hover {
  opacity: 0.7;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul.login > li.agreeOk a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modePC #suntory_contents.top .wrapper section.entry .inner p.agreeCheckNote {
  margin-bottom: 10px;
  font-size: 0.875em;
  text-align: left;
  line-height: 1.7;
  width: 360px;
}

.agreeCheckBox {
  padding-bottom: 15px;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul li ul.agreeCheckBox li {
  width: 360px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
}

.modePC #suntory_contents.top .wrapper section.entry .inner ul li ul.agreeCheckBox li label {
  display: block;
  padding: 15px;
  cursor: pointer;
  text-align: center;
}

.modePC #suntory_contents.top .wrapper section.entry .howto {
  width: 420px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto h4 {
  position: relative;
  padding: 1em 35px;
  background: #ffffff;
  border: 3px solid currentColor;
  color: var(--KeyColor);
  font-size: 1.0625em;
  font-weight: bold;
  text-align: center;
  line-height: 1.53;
  letter-spacing: 0.03em;
  cursor: pointer;
}

.modePC #suntory_contents.top .wrapper section.entry .howto h4:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 3px;
  width: 15px;
  display: block;
  margin: auto;
  background: currentColor;
}

.modePC #suntory_contents.top .wrapper section.entry .howto h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 3px;
  width: 15px;
  display: block;
  margin: auto;
  background: currentColor;
}

.modePC #suntory_contents.top .wrapper section.entry .howto h4:after {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modePC #suntory_contents.top .wrapper section.entry .howto h4.open:after {
  content: "";
  display: none;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body {
  display: none;
  padding: 20px 30px 40px;
  background: #ffffff;
  border: 3px solid var(--KeyColor);
  border-top: none;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body hr {
  border: none;
  border-bottom: 1px dotted #cccccc;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 10px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .image img {
  width: 93px;
  margin-right: 20px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .image p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.8125em;
  line-height: 1.54;
  letter-spacing: 0.01em;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .center {
  padding-top: 25px;
  padding-bottom: 25px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .center p {
  font-size: 0.8125em;
  text-align: center;
  line-height: 1.54;
  letter-spacing: 0.01em;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount {
  padding-top: 20px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount p {
  margin-bottom: 20px;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.67;
  letter-spacing: 0.01em;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register {
  margin-bottom: 10px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li {
  margin-bottom: 15px;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li a {
  display: block;
  padding: 0.5em 0.5em;
  background: #f6f6f7;
  border: 1px solid #acb2b7;
  border-radius: 6px;
  color: currentColor;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.67;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.modePC #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.note li {
  padding-left: 0;
  text-indent: 0;
  text-align: center;
}

.modeSP #suntory_contents header#kv_sub h2 {
  width: 100%;
}

.modeSP #suntory_contents .wrapper {
  margin: 0 auto;
  width: 100%;
}

.modeSP #suntory_contents h3.ttl {
  padding: 1em 0.5em;
  background: var(--KeyColor);
  color: #ffffff;
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.11em;
}

.modeSP #suntory_contents a.back_btn {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 275px;
  max-width: 84vw;
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #009EDD;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.modeSP #suntory_contents a.back_btn:after {
  content: "";
  position: absolute;
  left: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.333em;
  height: 0.333em;
  border-width: 0 0 2px 2px;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents nav.link {
  padding: 40px 0;
  background-color: #ffffff;
}

.modeSP #suntory_contents nav.link ul {
  width: 84vw;
}

.modeSP #suntory_contents nav.link ul li a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 45px;
  border: 2px solid currentColor;
  color: var(--Red);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modeSP #suntory_contents nav.link ul li a:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents nav.link ul li a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents nav.link ul li a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modeSP #suntory_contents nav.link ul li a.inquiry:before {
  content: none;
}

.modeSP #suntory_contents nav.link ul li a.inquiry:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents nav.link ul li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modeSP #suntory_contents nav.link ul li:not(:last-child) a {
  border-bottom: none;
}

.modeSP #suntory_contents nav.link ul li:last-child a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.modeSP #suntory_contents nav.brand {
  padding: 25px 0;
  background-color: #ffffff;
  border-top: 1px solid #c5ccd2;
}

.modeSP #suntory_contents nav.brand ul {
  width: 84vw;
}

.modeSP #suntory_contents nav.brand ul li a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 35px;
  border: 1px solid #c5ccd2;
  color: #46555e;
  font-size: 0.75em;
  text-align: center;
  line-height: 2;
  text-decoration: none;
}

.modeSP #suntory_contents nav.brand ul li a:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents nav.brand ul li a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents nav.brand ul li a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modeSP #suntory_contents nav.brand ul li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.modeSP #suntory_contents nav.brand ul li:not(:last-child) a {
  border-bottom: none;
}

.modeSP #suntory_contents nav.brand ul li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.modeSP #suntoryCommonFooter #suntoryCommonFt {
  margin-top: -1px;
  padding-top: 1px;
  border-top: 1px solid #c5ccd2;
}

.modeSP #suntoryCommonFooter #suntoryCommonFt_ShareBtn + #suntoryCommonFt {
  border-top: none;
}

.modeSP body.showing_modal {
  position: fixed;
  overflow: hidden;
  width: 100%;
}

.modeSP #suntory_contents.top header#mv h2 {
  width: 100%;
}

.modeSP #suntory_contents.top .wrapper .bg_wrapper {
  background: url(../img/bg.png) center top/100% 100% no-repeat;
}

.modeSP #suntory_contents.top .wrapper section.notice {
  padding-bottom: 38px;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner {
  width: 84vw;
  background: #f2f2f2;
  padding-bottom: 32px;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.29;
  letter-spacing: 0.01em;
  color: #c1272d;
  background: #fcee21;
  position: relative;
  padding: 5.8666666667vw 0 4.5333333333vw 0;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner h3::before {
  content: "";
  display: block;
  width: 10.1333333333vw;
  height: 11.7333333333vw;
  margin-right: 12px;
  background: url(../img/icon_notice.webp) center top/100% auto no-repeat;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner p {
  font-size: 0.875em;
  line-height: 1.85;
  letter-spacing: 0.03em;
  width: 73.3333333333vw;
  margin-bottom: 30px;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner img {
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.top .wrapper section.notice .inner ul.note {
  width: 73.3333333333vw;
  margin-top: 20px;
}

.modeSP #suntory_contents.top .wrapper section.win {
  padding-top: 27px;
  padding-bottom: 17px;
}

.modeSP #suntory_contents.top .wrapper section.win .inner h3 {
  width: 94vw;
  margin-bottom: 13px;
  color: var(--Red);
  text-align: center;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
.modeSP #suntory_contents.top .wrapper section.win .inner p {
  width: 94vw;
  margin-bottom: 13px;
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  line-height: 130%;
}

.modeSP #suntory_contents.top .wrapper section.win .inner h4 {
  width: 84vw;
}

.modeSP #suntory_contents.top .wrapper section.prize {
  padding-bottom: 40px;
}

.modeSP #suntory_contents.top .wrapper section.prize .inner {
  width: 84vw;
}

.modeSP #suntory_contents.top .wrapper section.prize .inner > * {
  position: relative;
  z-index: 1;
}

.modeSP #suntory_contents.top .wrapper section.prize .inner h3 {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.top .wrapper section.prize .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 15px;
}
.modeSP #suntory_contents.top .wrapper section.prize .flex .image {
  width: 25%;
}
.modeSP #suntory_contents.top .wrapper section.prize .flex .text {
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.prize .flex + .note {
  padding-bottom: 20px;
}
.modeSP #suntory_contents.top .wrapper section.prize .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.prize .limit dl + dl {
  margin-top: 1em;
}
.modeSP #suntory_contents.top .wrapper section.prize .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modeSP #suntory_contents.top .wrapper section.prize .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}

.modeSP #suntory_contents.top .wrapper section.prize .red {
  font-size: 0.85rem;
  line-height: 1.4;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.top .wrapper section.flow {
  padding-bottom: 40px;
}

.modeSP #suntory_contents.top .wrapper section.flow h3 {
  margin-bottom: 30px;
  padding: 25px 0;
  font-size: 1.25em;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner {
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ol li {
  margin-bottom: 10px;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ol li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ul.note {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 15px;
  text-align: left;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 45px;
  width: 84vw;
  border: 2px solid currentColor;
  border-radius: 6px;
  color: var(--KeyColor);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner a:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.top .wrapper section.flow .inner a:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.top .wrapper section.flow .inner a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modeSP #suntory_contents.top .wrapper section.entry {
  padding-bottom: 40px;
  background: #ffffcf;
}

.modeSP #suntory_contents.top .wrapper section.entry h3.ttl {
  position: relative;
  margin-bottom: 40px;
  line-height: 1.4;
}

.modeSP #suntory_contents.top .wrapper section.entry h3.ttl:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 18px 24px 0;
  border-style: solid;
  border-color: var(--KeyColor) transparent;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner {
  width: 84vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li {
  margin-bottom: 20px;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  padding: 1.55em 1em;
  width: 100%;
  background: #e6e6e6;
  border-radius: 10px;
  text-decoration: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn span {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 2.14;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn span i {
  display: inline-block;
  margin-right: 0.3em;
  font-size: 1.2em;
  line-height: 1.36;
  transform: translateY(0.1em);
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li.agreeOk a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.tw {
  background: #1da1f3;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.fb {
  background: #1977f3;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.sid {
  background: #5ac2db;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li ul.note li {
  margin-bottom: 0.5em;
  font-size: 0.8125em;
  line-height: 1.67;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li p {
  font-size: 0.8125em;
  text-align: left;
  line-height: 1.67;
}

.modeSP #suntory_contents.top .wrapper section.error {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
}

.modeSP #suntory_contents.top .wrapper section.error .inner {
  padding: 1em 0.5em;
  width: 84vw;
  border: 2px solid currentColor;
  color: #d8190c;
  text-align: center;
}

.modeSP #suntory_contents.top .wrapper section.error .inner p {
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner {
  width: 89.3333333333vw;
  padding-bottom: 30px;
  background: #f2f2f2;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner > * {
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 {
  position: relative;
  margin-bottom: 25px;
  padding: 15px 1em;
  padding-left: 80px;
  width: 100%;
  background: #fcee21;
  color: #c1272d;
  font-size: 1.0625em;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span {
  position: absolute;
  top: 50%;
  left: 30px;
  font-size: 12px;
  display: block;
  padding-top: 25px;
  line-height: 1;
  letter-spacing: 0.06em;
  transform: translateY(-50%);
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span > i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  width: 16px;
  height: 16px;
  background: currentColor;
  border-top-left-radius: 6px;
  transform: rotate(30deg) skewY(30deg) scaleX(0.867);
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span > i::before,
.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span > i::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: currentColor;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span > i::before {
  border-top-right-radius: 6px;
  transform: skewX(-45deg) translateX(50%);
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span > i::after {
  border-bottom-left-radius: 6px;
  transform: skewY(-45deg) translateY(50%);
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner h3 > span::after {
  content: "!";
  position: absolute;
  top: 3px;
  text-align: center;
  display: block;
  width: 100%;
  color: #ffffff;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner p {
  margin-bottom: 15px;
  font-size: 0.875em;
  line-height: 1.8;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner .ph {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner ul.note li {
  margin-bottom: 0.75em;
  font-size: 0.8125em;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.ip_tw .inner ul.note li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.top #modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modeSP #suntory_contents.top #modal .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  width: 94.6666666667vw;
  max-height: 90vh;
}

.modeSP #suntory_contents.top #modal .modal .inner {
  padding-bottom: 25px;
  width: 94.6666666667vw;
  max-height: 90vh;
  background: #ffffff;
  border-radius: 10px;
  overflow-y: scroll;
}

.modeSP #suntory_contents.top #modal .modal .inner h3 {
  margin-bottom: 20px;
  padding: 0.75em 0.5em;
  background: #d8190c;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

.modeSP #suntory_contents.top #modal .modal .inner p.lead {
  margin-bottom: 15px;
  width: 81.3333333333vw;
  font-size: 1em;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top #modal .modal .inner a.btn {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 1em 0.5em;
  padding-right: 2em;
  width: 81.3333333333vw;
  background: var(--Red);
  color: #ffffff;
  border-radius: 5px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.33;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.modeSP #suntory_contents.top #modal .modal .inner a.btn::after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.top #modal .modal .inner label {
  display: block;
  padding: 0.75em 0.5em;
  width: 81.3333333333vw;
  background: #e6e6e6;
  border-radius: 5px;
  font-size: 0.9375em;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top #modal .modal .inner label input {
  display: inline-block;
  margin-right: 0.5em;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  background: #ffffff;
}

.modeSP #suntory_contents.top #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(55, 189, 242, 0.8);
  backdrop-filter: blur(5px);
  z-index: 0;
}

.modeSP #suntory_contents.top.end section.end {
  padding-bottom: 30px;
}

.modeSP #suntory_contents.top.end section.end h3:not(.ttl) {
  margin-bottom: 15px;
  padding-top: 40px;
  width: 84vw;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}
.modeSP #suntory_contents.top.end section.end h3:not(.ttl) span {
  display: inline-block;
  margin-bottom: 0.5em;
  font-size: 0.75em;
  color: #001919;
}

.modeSP #suntory_contents.top.end section.end p {
  margin-bottom: 5px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top.end section.end ul.note {
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.top.end section.end ul.note li {
  padding-left: 0;
  text-indent: 0;
  font-size: 0.8125em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner {
  width: 84vw;
}
.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner .first-end {
  font-size: 0.8125em;
  line-height: 1.4;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  padding: 1.55em 1em;
  width: 100%;
  background: #e6e6e6;
  border-radius: 10px;
  text-decoration: none;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn span {
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.03em;
  line-height: 2.14;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn span i {
  display: inline-block;
  margin-right: 0.3em;
  font-size: 1.2em;
  line-height: 1.36;
  transform: translateY(0.1em);
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.login > li a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .inner ul.note {
  margin-bottom: 40px;
}

.modeSP #suntory_contents.top.end .wrapper section.end-entry .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
}
.modeSP #suntory_contents.top.end .wrapper section.end-entry .limit dl + dl {
  margin-top: 1em;
}
.modeSP #suntory_contents.top.end .wrapper section.end-entry .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modeSP #suntory_contents.top.end .wrapper section.end-entry .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}

.modeSP #suntory_contents.top.end section.entry {
  padding-top: 40px;
}

.modeSP #suntory_contents.top.end section.entry h3 {
  margin-bottom: 25px;
  color: #d8190c;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.top.end section.term {
  padding-top: 30px;
  padding-bottom: 40px;
}

.modeSP #suntory_contents.top.end section.term h3 {
  margin-bottom: 10px;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
}

.modeSP #suntory_contents.top.end section.term dl.term {
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.top.end section.term dl.term dt,
.modeSP #suntory_contents.top.end section.term dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.top.end section.term dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.top.end section.term dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.top.end section.term dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.top.end section.term dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.top.end section.contact {
  padding-bottom: 40px;
}

.modeSP #suntory_contents.top.end section.contact dl.contact {
  padding: 20px 4vw;
  border: 2px solid #cccccc;
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.top.end section.contact dl.contact dt,
.modeSP #suntory_contents.top.end section.contact dl.contact dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.top.end section.contact dl.contact dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.top.end section.contact dl.contact dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.top.end section.contact dl.contact dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.top.end section.contact dl.contact dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.mypage header#mv h2 {
  width: 100%;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp {
  padding: 30px 0 25px;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner {
  padding: 0 0 20px;
  width: 84vw;
  border: 1px solid #cccccc;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  padding: 20px 10px;
  background: #efefef;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.67;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner p {
  width: 76vw;
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term {
  margin-top: 15px;
  width: 76vw;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dt,
.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp .inner dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp.win .inner h3 {
  color: #d8190c;
  background: rgba(216, 25, 12, 0.2);
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp_check {
  margin-bottom: 50px;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp_check a.btn {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 1.1em 0.5em;
  padding-right: 1.5em;
  width: 73.3333333333vw;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp_check a.btn:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp_check a.btn[disabled] {
  background-color: #ccc;
  pointer-events: none;
}

.modeSP #suntory_contents.mypage .wrapper main section.redisp_check .red.limitOver {
  width: 84vw;
  margin-top: 20px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}


.modeSP #suntory_contents.mypage .wrapper main section.error h3 {
  margin-bottom: 20px;
}

.modeSP #suntory_contents.mypage .wrapper main section.error h3:not(.ttl) {
  padding-top: 40px;
  width: 84vw;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.mypage .wrapper main section.error p {
  margin-bottom: 20px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term {
  padding-top: 20px;
  border-top: 1px solid #cccccc;
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dt,
.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.mypage .wrapper main section.error dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}






.modeSP #suntory_contents.mypage .wrapper main section.received {
  width: 84vw;
  margin: 40px auto;
  padding: 0;
  border: 1px solid #999;
}

.modeSP #suntory_contents.mypage .wrapper main section.received h3:not(.ttl) {
  color: #d8190c;
  background-color: #d8190c14;
  padding: 0.5em 0;
  font-size: 1.05em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.mypage .wrapper main section.received .lead {
  margin-bottom: 20px;
  width: 80vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
  margin-top: 20px;
}

.modeSP #suntory_contents.mypage .wrapper section.received .limit {
  margin-bottom: 20px;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper section.received .limit dl + dl {
  margin-top: 1em;
}
.modeSP #suntory_contents.mypage .wrapper section.received .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modeSP #suntory_contents.mypage .wrapper section.received .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}
.modeSP #suntory_contents.mypage .wrapper section.received .note {
  text-align: center;
  margin-bottom: 20px;
}






.modeSP #suntory_contents.mypage .wrapper main section.coupon h3:not(.ttl) {
  padding-top: 40px;
  width: 84vw;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.mypage .wrapper main section.coupon .lead {
  margin-top: 40px;
  margin-bottom: 20px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.coupon .note {
  width: 84vw;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.mypage .wrapper section.coupon .limit {
  border: 1px solid #999;
  padding: 1em;
  margin-bottom: 20px;
  text-align: center;
  width: 84vw;
  margin-top: 40px;
}
.modeSP #suntory_contents.mypage .wrapper section.coupon .limit dl + dl {
  margin-top: 1em;
}
.modeSP #suntory_contents.mypage .wrapper section.coupon .limit dl dt {
  font-size: 0.85rem;
  font-weight: bold;
  margin-bottom: 0.5em;
}
.modeSP #suntory_contents.mypage .wrapper section.coupon .limit dl dd {
  font-size: 0.85rem;
  line-height: 1.4;
}
.modeSP #suntory_contents.mypage .wrapper main section.coupon .note.timeLimit {
  width: 84vw;
  margin-bottom: 40px;
}




.modeSP #suntory_contents.mypage .wrapper section.coupon a {
  position: relative;
  display: block;
  padding: 1em 1em;
  padding-right: 45px;
  width: 315px;
  border: 2px solid currentColor;
  border-radius: 6px;
  color: var(--KeyColor);
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modeSP #suntory_contents.mypage .wrapper section.coupon a:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.mypage .wrapper section.coupon a[target="_blank"]:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}



.modeSP #suntory_contents.prizesel .wrapper main section.prizesel {
  padding-bottom: 25px;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel h3 {
  margin-bottom: 25px;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel p.lead {
  margin-bottom: 15px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.7;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.note {
  margin-bottom: 30px;
  width: 84vw;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.note li {
  margin-bottom: 10px;
  color: #d8190c;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.note li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 84vw;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li {
  margin: 0;
  padding: 19px 19px;
  width: 100%;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li:nth-last-child(n+2) {
  border-bottom: none;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label {
  position: relative;
  display: block;
  padding: 14px 20px 14px 45px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.57;
  cursor: pointer;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label.disabled {
  color: #cccccc;
  cursor: default;
  pointer-events: none;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox] + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio] + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio] + i {
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox] + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio] + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio] + i:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  margin: auto;
  width: 4px;
  height: 8px;
  border-width: 0 2px 2px 0;
  border-style: none solid solid none;
  border-color: #ffffff;
  transform: translateY(-20%) rotate(45deg);
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:checked + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:checked + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:checked + i {
  border-color: #d8190c;
  background: #d8190c;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:checked + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:checked + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:checked + i:before {
  display: block;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox]:focus + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[type=radio]:focus + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[type=radio]:focus + i {
  border-color: #d8190c;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i {
  overflow: hidden;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i:before,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i:before {
  content: none;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled] + i:after,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio] + i:after,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio] + i:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: auto;
  width: 150%;
  height: 0;
  border-bottom: 1px solid #cccccc;
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li label input[type=checkbox][disabled]:focus + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper main section.prizesel section.enquete ol.enquete_list > li ul.prize_list li label input[disabled][type=radio]:focus + i,
.modeSP #suntory_contents.userregist.prizesel .wrapper section.enquete ol.enquete_list > li main section.prizesel ul.prize_list li label input[disabled][type=radio]:focus + i {
  border-color: #cccccc;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li p.note {
  margin-top: 10px;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel ul.prize_list li p.note span {
  font-size: 0.875em;
  line-height: 1.4;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .attention {
  margin-bottom: 30px;
  padding: 23px 18px 23px;
  width: 84vw;
  border: 2px solid #d8190c;
  background: #ffffff;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .attention h4 {
  margin-bottom: 15px;
  color: #d8190c;
  text-align: center;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.6;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .attention p {
  margin-bottom: 10px;
  font-size: 0.875em;
  line-height: 1.8;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .attention ul.note li {
  margin-bottom: 10px;
  line-height: 1.5;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .attention ul.note li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot a.outline.inquiry:before {
  content: none;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot a.outline.inquiry:after {
  content: "";
  position: absolute;
  right: 22px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .btn_wrap {
  padding: 30px 0;
  background: #efefef;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .btn_wrap .error {
  display: none;
  margin-bottom: 30px;
  color: #d8190c;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .btn_wrap .error:empty {
  display: none;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .btn_wrap a.btn {
  position: relative;
  display: block;
  padding: 25px 40px 25px 20px;
  width: 84vw;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modeSP #suntory_contents.prizesel .wrapper main section.lot .btn_wrap a.btn:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.lot .JS-lot-result,
.modeSP #suntory_contents.lot .JS-lot-coupon {
  display: none;
}

.modeSP #suntory_contents.lot .wrapper main section.prize {
  padding-bottom: 25px;
}

.modeSP #suntory_contents.lot .wrapper main section.prize h3 {
  margin-bottom: 35px;
  padding: 21px 0;
  color: #ffffff;
  background: var(--KeyColor);
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.11em;
}

.modeSP #suntory_contents.lot .wrapper main section.prize p.lead {
  width: 84vw;
  text-align: center;
  font-size: 0.8125em;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl {
  width: 84vw;
  border: 1px solid #cccccc;
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dt {
  padding: 15px 0;
  background: #abe0ec;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.07em;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd {
  padding: 30px 4vw 15px;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd .image {
  width: 30vw;
  margin-bottom: 15px;
}
.modeSP #suntory_contents.lot .wrapper main section.prize dl dd .prizeName {
  font-size: 0.8125em;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd.cvs {
  padding-bottom: 30px;
  font-size: 1.25em;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd.cvs p.note {
  margin-top: 10px;
  font-size: 0.6em;
  text-align: center;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd figure {
  width: 100%;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd figure img {
  display: block;
  margin-bottom: 15px;
  width: auto;
  max-width: 100%;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd figure figcaption {
  width: 76vw;
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd ul.note {
  margin-top: 10px;
  width: 76vw;
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.prize dl dd ul.note li {
  font-weight: normal;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) {
  padding-bottom: 15px;
  width: 84vw;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dt,
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn,
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s {
  position: relative;
  display: block;
  padding: 25px 40px 25px 20px;
  width: 84vw;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn:after,
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn.exLink:before,
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s.exLink:before {
  content: "";
  position: absolute;
  right: 30px;
  top: 2px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  border-top: none;
  border-right: none;
  background: transparent;
  box-sizing: border-box;
  transform: rotate(0deg);
  transform: translateX(1px) translateY(-1px);
}
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn.exLink:after,
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s.exLink:after {
  content: "";
  position: absolute;
  right: 27px;
  top: -4px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 2px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: rotate(0deg);
  transform: translateX(1px) translateY(-1px);
}
.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s {
  padding-top: 16px;
  padding-bottom: 16px;
  background: var(--Red);
  border: 2px solid currentColor;
  border-radius: 6px;
  color: #fff;
  font-size: 0.875em;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.583em;
  height: 0.583em;
  border: 1px solid currentColor;
  background: transparent;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) a.btn_s:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) ul.note.extlink {
  margin-top: 5px;
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section:not(.prize) hr {
  margin: 0 auto;
  border: none;
  border-bottom: 1px solid #cccccc;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code,
.modeSP #suntory_contents.lot .wrapper main section.coupon_btn,
.modeSP #suntory_contents.lot .wrapper main section.howto,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm,
.modeSP #suntory_contents.lot .wrapper main section.howto_pop {
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code p,
.modeSP #suntory_contents.lot .wrapper main section.coupon_btn p,
.modeSP #suntory_contents.lot .wrapper main section.howto p,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm p,
.modeSP #suntory_contents.lot .wrapper main section.howto_pop p {
  margin-bottom: 15px;
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code hr,
.modeSP #suntory_contents.lot .wrapper main section.coupon_btn hr,
.modeSP #suntory_contents.lot .wrapper main section.howto hr,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm hr,
.modeSP #suntory_contents.lot .wrapper main section.howto_pop hr {
  margin-top: 15px;
}

.modePC #suntory_contents.lot .wrapper main section.coupon_btn .textBox {
  border: 1px solid #999;
  padding: 0.5em 1em;
  font-size: 1.25em;
  text-align: center;
  width: 420px;
  margin-bottom: 20px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_btn .note {
  text-align: left;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_btn .textBox {
  border: 1px solid #999;
  padding: 0.5em 1em;
  font-size: 1.25em;
  text-align: center;
  width: 84vw;
  margin-bottom: 20px;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_btn .note {
  text-align: left;
}


.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner {
  margin-bottom: 20px;
  padding-bottom: 23px;
  border: 3px solid #009EDD;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner h4 {
  padding: 13px 0;
  color: #ffffff;
  background: #009EDD;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.07em;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner input {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  height: 2em;
  border-bottom: 1px solid #cccccc;
  font-size: 1.875em;
  font-weight: bold;
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .barcode {
  padding-top: 15px;
  padding-bottom: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .barcode img {
  width: 200px;
  max-width: 100%;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator {
  position: relative;
  margin-top: 10px;
  margin-bottom: -5px;
  width: 66px;
  height: 17px;
  background: #ffffff;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i {
  position: absolute;
  bottom: 0;
  display: block;
  width: 3px;
  height: 12px;
  background-color: #b3b3b3;
  border-radius: 1px;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(1) {
  left: 0px;
  animation: indicator_animation 1s linear infinite, indicator_color0 1s linear infinite;
  animation-delay: 0s;
  animation-timing-function: step-end;
}

@keyframes indicator_color0 {
  0% {
    background-color: #00c09b;
  }
  100% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(2) {
  left: 9px;
  animation: indicator_animation 1s linear infinite, indicator_color1 1s linear infinite;
  animation-delay: 0.125s;
  animation-timing-function: step-end;
}

@keyframes indicator_color1 {
  0% {
    background-color: #2a4961;
  }
  87.5% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(3) {
  left: 18px;
  animation: indicator_animation 1s linear infinite, indicator_color2 1s linear infinite;
  animation-delay: 0.25s;
  animation-timing-function: step-end;
}

@keyframes indicator_color2 {
  0% {
    background-color: #ff9900;
  }
  75% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(4) {
  left: 27px;
  animation: indicator_animation 1s linear infinite, indicator_color3 1s linear infinite;
  animation-delay: 0.375s;
  animation-timing-function: step-end;
}

@keyframes indicator_color3 {
  0% {
    background-color: #a751bd;
  }
  62.5% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(5) {
  left: 36px;
  animation: indicator_animation 1s linear infinite, indicator_color4 1s linear infinite;
  animation-delay: 0.5s;
  animation-timing-function: step-end;
}

@keyframes indicator_color4 {
  0% {
    background-color: #0098e3;
  }
  50% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(6) {
  left: 45px;
  animation: indicator_animation 1s linear infinite, indicator_color5 1s linear infinite;
  animation-delay: 0.625s;
  animation-timing-function: step-end;
}

@keyframes indicator_color5 {
  0% {
    background-color: #ff3926;
  }
  37.5% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(7) {
  left: 54px;
  animation: indicator_animation 1s linear infinite, indicator_color6 1s linear infinite;
  animation-delay: 0.75s;
  animation-timing-function: step-end;
}

@keyframes indicator_color6 {
  0% {
    background-color: #00d362;
  }
  25% {
    background-color: #b3b3b3;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .indicator > i:nth-child(8) {
  left: 63px;
  animation: indicator_animation 1s linear infinite, indicator_color7 1s linear infinite;
  animation-delay: 0.875s;
  animation-timing-function: step-end;
}

@keyframes indicator_color7 {
  0% {
    background-color: #0080bf;
  }
  12.5% {
    background-color: #b3b3b3;
  }
}
@keyframes indicator_animation {
  0% {
    top: 0;
    bottom: auto;
  }
  12.5% {
    top: auto;
    bottom: 0;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term {
  width: 71.7333333333vw;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt,
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd {
  font-size: 0.875em;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt.attention,
.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd.attention {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dt.attention {
  margin-bottom: 0;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code .inner .attention {
  width: 71.7333333333vw;
  color: #d8190c;
  font-weight: bold;
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_code a.btn {
  background-color: #009EDD;
}

.modeSP #suntory_contents.lot .wrapper main section.howto ul.note:not(.extlink) {
  margin-top: 10px;
  text-align: left;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl {
  margin-top: 15px;
  text-align: left;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dt,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd {
  font-size: 0.8125em;
  line-height: 1.5;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd ul,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd ol {
  margin-bottom: 5px;
}

.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd ul li,
.modeSP #suntory_contents.lot .wrapper main section.howto_fm dl dd ol li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1em;
}

.modeSP #suntory_contents.lot .wrapper main section.term {
  text-align: center;
}

.modeSP #suntory_contents.lot .wrapper main section.term ul.note:not(.extlink) {
  margin-top: 10px;
  text-align: left;
}

.modeSP #suntory_contents.lot .wrapper main section.term hr {
  margin-top: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section.lawnotice {
  padding-top: 15px;
}

.modeSP #suntory_contents.lot .wrapper main section.lawnotice p {
  font-size: 0.8125em;
  text-align: left;
  line-height: 1.5;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use {
  padding-top: 20px;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner {
  padding: 30px 4vw 20px;
  width: 84vw;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner h3 {
  margin-bottom: 20px;
  color: var(--Red);
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner p {
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner span.btn {
  position: relative;
  display: block;
  padding: 25px 30px;
  width: 100%;
  border-radius: 10px;
  background: #cbcbcb;
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner a.btn {
  margin-bottom: 15px;
  width: 100%;
  background: #d8190c;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner .notice {
  padding: 20px 4vw;
  border: 1px solid #d8190c;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner .notice h4,
.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner .notice p {
  margin-bottom: 0;
  color: #d8190c;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.lot .wrapper main section.coupon_use .inner .notice h4 {
  margin-bottom: 0.5em;
  text-align: center;
}

.modeSP #suntory_contents .wrapper main section.contact {
  padding-bottom: 40px;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact {
  padding: 20px 4vw;
  border: 2px solid #cccccc;
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact dt,
.modeSP #suntory_contents .wrapper main section.contact dl.contact dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents .wrapper main section.contact dl.contact dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.lot .wrapper main section:last-child {
  padding-bottom: 50px;
}

.modeSP #suntory_contents.lot #modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.modeSP #suntory_contents.lot #modal .modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  width: 84vw;
  max-height: 90vh;
}

.modeSP #suntory_contents.lot #modal .modal .inner {
  position: relative;
  padding: 30px 4vw 20px;
  max-height: 90vh;
  background: #ffffff;
  border: 1px solid #cccccc;
  overflow: scroll;
}

.modeSP #suntory_contents.lot #modal .modal .inner h3 {
  margin-bottom: 20px;
  color: var(--Red);
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.lot #modal .modal .inner p {
  margin-bottom: 20px;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.lot #modal .modal .inner a.btn,
.modeSP #suntory_contents.lot #modal .modal .inner a.btn_s {
  position: relative;
  display: block;
  padding: 25px 40px 25px 20px;
  width: 84vw;
  border-radius: 10px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09em;
}

.modeSP #suntory_contents.lot #modal .modal .inner a.btn:after,
.modeSP #suntory_contents.lot #modal .modal .inner a.btn_s:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.lot #modal .modal .inner a.btn {
  margin-bottom: 15px;
  width: 100%;
  background: #d8190c;
}

.modeSP #suntory_contents.lot #modal .modal .inner .notice {
  padding: 20px 4vw;
  border: 1px solid #d8190c;
}

.modeSP #suntory_contents.lot #modal .modal .inner .notice h4,
.modeSP #suntory_contents.lot #modal .modal .inner .notice p {
  margin-bottom: 0;
  color: #d8190c;
  font-size: 0.875em;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.lot #modal .modal .inner .notice h4 {
  margin-bottom: 0.5em;
  text-align: center;
}

.modeSP #suntory_contents.lot #modal .modal .close {
  position: absolute;
  top: -5.3333333333vw;
  right: -5.3333333333vw;
  width: 10.6666666667vw;
  height: 10.6666666667vw;
  background: var(--Red);
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
}

.modeSP #suntory_contents.lot #modal .modal .close::before,
.modeSP #suntory_contents.lot #modal .modal .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5333333333vw;
  height: 5.3333333333vw;
  background: #ffffff;
  border-radius: 0.2666666667vw;
}

.modeSP #suntory_contents.lot #modal .modal .close::before {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.modeSP #suntory_contents.lot #modal .modal .close::after {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.modeSP #suntory_contents.lot #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(5px);
  z-index: 0;
}

.modeSP #suntory_contents.serial .wrapper .JS-ocrshow {
  display: none;
}

.modeSP #suntory_contents.serial .wrapper main section.title {
  padding-bottom: 30px;
}

.modeSP #suntory_contents.serial .wrapper main section.title h3 {
  margin-bottom: 25px;
}

.modeSP #suntory_contents.serial .wrapper main section.title p.lead {
  margin-bottom: 5px;
  width: 89.3333333333vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.serial .wrapper main section.title ul.note {
  width: 89.3333333333vw;
}

.modeSP #suntory_contents.serial .wrapper main section.seal {
  padding-bottom: 10px;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner {
  padding: 20px 8vw 30px;
  width: 89.3333333333vw;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner h3 {
  margin-bottom: 20px;
  padding: 0.5em 0.5em;
  border-bottom: 2px solid rgba(55, 189, 242, 0.4);
  color: #009EDD;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.1em;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 25px;
  width: 53.3333333333vw;
  transform: translateX(-1.3333333333vw);
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dt,
.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dd {
  margin-right: 8vw;
  width: calc(50% - 4vw);
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dt:last-of-type,
.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dd:last-of-type {
  margin-right: 0;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dt {
  order: 1;
  margin-bottom: 0.385em;
  font-size: 0.75em;
  line-height: 1.5;
  letter-spacing: 0.12em;
  text-align: center;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dd {
  order: 2;
  position: relative;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dd:after {
  content: "見本";
  position: absolute;
  right: -2.6666666667vw;
  bottom: -1.8666666667vw;
  display: block;
  padding: 0.25em 0.25em;
  background: rgba(55, 189, 242, 0.9);
  border-radius: 3px;
  color: #ffffff;
  font-size: 3.2vw;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.12em;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner dl dd img {
  pointer-events: none;
}

.modeSP #suntory_contents.serial .wrapper main section.seal .inner p {
  font-size: 0.8125em;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo {
  padding-bottom: 30px;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner {
  padding: 30px 8vw 30px;
  width: 89.3333333333vw;
  border: 1px solid #cccccc;
  text-align: center;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner h3 {
  margin-bottom: 25px;
  font-size: 0.8125em;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.01em;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 20px;
  padding: 1.69em 1em;
  padding-left: calc(1em + 45px);
  width: 73.3333333333vw;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner button:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 32px;
  height: 27px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2231.67%22%20height%3D%2226.38%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M31.28%2010.43h-9.35a1.17%201.17%200%2000-.25.07v.12l.35.49a7.41%207.41%200%2001-1.37%2010.18%207.9%207.9%200%2001-10.78-.93%207.3%207.3%200%2001-1.61-7%207.13%207.13%200%20011.29-2.47c.08-.11.23-.21.1-.38-1.65-.1-9-.06-9.65.06v13.26a1.47%201.47%200%2000.63%201.3%205.28%205.28%200%20004.31%201.13A8.46%208.46%200%20016.82%2026h15.9q1.77.15%203.54.33a7.33%207.33%200%20004.56-1.28%201.12%201.12%200%2000.24-.19c.25-.23.66-.46.64-.81v-9.56c0-1.16-.12-2.31-.13-3.47a.76.76%200%2000-.29-.59zM30.85%205.18a3.47%203.47%200%2000-1.33-1%206.72%206.72%200%2000-2-.5%2018.46%2018.46%200%2000-3.24-.06h-.51l-.48-.84c-.14-.26-.25-.55-.4-.81a4.78%204.78%200%2000-.56-.89A2.79%202.79%200%200020.08%200h-7.93a4.86%204.86%200%2000-1.69.26%202.28%202.28%200%2000-1.37%201.11c-.23.45-.44.91-.66%201.36a3.13%203.13%200%2001-.57%201H4.2a6.16%206.16%200%2000-2.2.48A3.41%203.41%200%2000.31%205.63%201.84%201.84%200%20000%206.7v1.13a3.2%203.2%200%2000.1.47h9.99a4.41%204.41%200%20002.31-.58A15%2015%200%200114%207a4.08%204.08%200%20013-.11c.36.13.71.28%201.05.44l1.08.54a4%204%200%20002%20.45h9.67a5%205%200%2000.61-.07V6.77a2.13%202.13%200%2000-.56-1.59zm-12-1.12a1.64%201.64%200%2001-.66.11h-4.44a1.51%201.51%200%2001-1.51-1.54A1.53%201.53%200%200113.71%201h4.53a1.52%201.52%200%20011.49%201.34%201.64%201.64%200%2001-.87%201.72zm9.66%202.79a1%201%200%2001-.91-1%20.94.94%200%20011-.93%201%201%200%20011%201%201%201%200%2001-1.08.93z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.69%2020.22c2.18-.36%204.25-2.32%204.17-5.76A4.6%204.6%200%200018%2010.62a5.16%205.16%200%2000-6.32%207.8%204.93%204.93%200%20005.01%201.8z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner a {
  position: relative;
  padding-right: 1em;
  font-size: 0.875em;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner a:before {
  content: "";
  position: absolute;
  top: 0.375em;
  right: 0;
  display: block;
  margin-left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner a:after {
  content: "";
  position: absolute;
  top: 0.375em;
  right: 0;
  display: block;
  margin-left: 0.25em;
  width: 0.5em;
  height: 0.5em;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents.serial .wrapper main section.ocrinfo .inner a:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}

.modeSP #suntory_contents.serial .wrapper main section.input {
  padding-bottom: 35px;
}

.modeSP #suntory_contents.serial .wrapper main section.input p.error {
  margin-bottom: 20px;
  width: 84vw;
  color: #d8190c;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.29;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner {
  margin-bottom: 40px;
  width: 89.3333333333vw;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li {
  padding: 7px 1.8666666667vw 13px;
  border: 2px solid #009EDD;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li:not(:last-child) {
  border-bottom: none;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li h4 {
  margin-bottom: 15px;
  padding: 0.5em 1em;
  background: rgba(55, 189, 242, 0.1);
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.375em;
  letter-spacing: 0;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li p.error_msg {
  margin-bottom: 15px;
  color: #d8190c;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.29;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table {
  table-layout: fixed;
  border-collapse: separate;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr th,
.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr td {
  vertical-align: top;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr th {
  padding-left: 5px;
  padding-right: 10px;
  width: calc(4.375em + 10px);
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2337bdf2%22%20d%3D%22M70%2050H0V0h70l10%2025z%22%2F%3E%3C%2Fsvg%3E") left center/100% 100% no-repeat;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.03em;
  overflow: hidden;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr td {
  border-left: 10px solid transparent;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr td input {
  padding: 0 1em;
  width: 100%;
  height: 2.5em;
  background: #ffffff;
  border: 2px solid #cccccc;
  border-radius: 4px;
  color: #333333;
  font-size: 1.25em;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr:nth-child(1) th,
.modeSP #suntory_contents.serial .wrapper main section.input .inner ul li table tr:nth-child(1) td {
  border-bottom: 10px solid transparent;
}

.modeSP #suntory_contents.serial .wrapper main section.input button {
  position: relative;
  display: block;
  padding: 0.913em 1em;
  width: 84vw;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 1.4375em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.22;
}

.modeSP #suntory_contents.serial .wrapper main section.input button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.471em;
  height: 0.471em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.serial .wrapper main section.back {
  padding-bottom: 50px;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr {
  padding-top: 30px;
  padding-bottom: 35px;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr #camera {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner {
  padding: 7px 1.8666666667vw 15px;
  width: 89.3333333333vw;
  border: 2px solid rgba(55, 189, 242, 0.4);
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner .preview {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner .preview img {
  width: 100%;
  height: auto;
  image-orientation: from-image;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner .preview img[src=""] {
  display: none;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner button.read {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 25px;
  padding: 1em 1em;
  padding-left: calc(1em + 55px);
  width: 73.3333333333vw;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner button.read:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 44px;
  height: 40px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2233%22%3E%3Cpath%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20stroke-miterlimit%3D%2210%22%20fill-rule%3D%22evenodd%22%20stroke-width%3D%222%22%20d%3D%22M35%2027v3a2%202%200%2001-2%202h-3M30%201h3a2%202%200%20012%202v3M1%206V3a2%202%200%20012-2h3M6%2032H3a2%202%200%2001-2-2v-3%22%2F%3E%3Cpath%20stroke%3D%22%23ffffff%22%20fill%3D%22none%22%20stroke-miterlimit%3D%2210%22%20fill-rule%3D%22evenodd%22%20d%3D%22M32.19%2025.13v2.43a1.63%201.63%200%2001-1.63%201.63h-2.43M28.13%203.81h2.43a1.63%201.63%200%20011.63%201.63v2.44M3.81%207.88V5.44a1.63%201.63%200%20011.63-1.63h2.44M7.88%2029.19H5.44a1.63%201.63%200%2001-1.63-1.63v-2.43%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M6.3%209.19h.51v5.86H6.3V9.92l-.88.48v-.66zM9.42%2014.41h2.26v.64H8.89v-.64a2.16%202.16%200%2001.11-.78%204.47%204.47%200%2001.34-.75%204.22%204.22%200%2001.76-.88%205%205%200%2000.76-.94%201.81%201.81%200%2000.13-.6%201%201%200%2000-.2-.6.85.85%200%2000-.6-.24.73.73%200%2000-.54.18.61.61%200%2000-.18.45H9a1.36%201.36%200%2001.33-.88%201.21%201.21%200%2001.92-.37%201.22%201.22%200%20011%20.39%201.82%201.82%200%2001.31%201.06%202.19%202.19%200%2001-.2.91%206.07%206.07%200%2001-1%201.08%202.62%202.62%200%2000-1%201.81zM13.64%2012.12h-.33v-.57h.33a1%201%200%2000.79-.37%201.2%201.2%200%2000.26-.75%201%201%200%2000-.17-.6.68.68%200%2000-.52-.21.73.73%200%2000-.54.18.65.65%200%2000-.18.48h-.51a1.36%201.36%200%2001.23-.91A1.18%201.18%200%200114%209a1.17%201.17%200%20011%20.36%201.6%201.6%200%2001.31%201%201.38%201.38%200%2001-.22.84%201.28%201.28%200%2001-.67.58%201.33%201.33%200%2001.8.6%201.9%201.9%200%2001.25%201%202.23%202.23%200%2001-.47%201.31%201.29%201.29%200%2001-1.1.54%201.17%201.17%200%2001-.93-.36%201.35%201.35%200%2001-.32-.91h.54a.52.52%200%2000.16.45.83.83%200%2000.62.22.75.75%200%2000.65-.34%201.43%201.43%200%2000.22-.87%201.54%201.54%200%2000-.31-.94%201.11%201.11%200%2000-.89-.36zM19.54%2012.69v.58h-.6v1.78h-.51v-1.78h-2.08v-.58l2.08-3.5h.51v3.5zm-1.11%200v-2.56l-1.52%202.56zM21.1%2012h-.4V9.19h2.24v.61h-1.77v1.63h.14a1.74%201.74%200%20011.36.48%202%202%200%2001.42%201.36%202.58%202.58%200%2001-.38%201.42%201.14%201.14%200%2001-1%20.54%201.21%201.21%200%2001-.94-.36%201.19%201.19%200%2001-.34-.85h.52a.54.54%200%2000.17.42.76.76%200%2000.56.22.73.73%200%2000.63-.34%201.74%201.74%200%2000.27-1%201.48%201.48%200%2000-.32-1A1.54%201.54%200%200021.1%2012zM24.7%2012.12v.21a1.34%201.34%200%20011.14-.84%201.07%201.07%200%2001.89.48%202.3%202.3%200%2001.34%201.36%202.56%202.56%200%2001-.38%201.36%201.1%201.1%200%2001-1%20.54%201.25%201.25%200%2001-1-.57%204.36%204.36%200%2001-.55-2.51%204.36%204.36%200%2001.49-2.35%201.35%201.35%200%20011.21-.8%201.11%201.11%200%2001.85.33%201.15%201.15%200%2001.27.79h-.52a.45.45%200%2000-.13-.36.68.68%200%2000-.45-.15.77.77%200%2000-.6.27%202%202%200%2000-.4.93%204.93%204.93%200%2000-.16%201.31zm1%202.51a.66.66%200%2000.58-.37%201.62%201.62%200%2000.22-1%201.53%201.53%200%2000-.22-.91.7.7%200%2000-1.21%200%201.61%201.61%200%2000-.27.94%201.52%201.52%200%2000.27.9.74.74%200%2000.66.44zM29.06%2014.75v.3h-.56v-.24a5.34%205.34%200%2001.29-1.81%2028.45%2028.45%200%20011.54-3.14h-2.41v-.67h2.92v.64a7.43%207.43%200%2001-.47.87c-.17.32-.4.82-.69%201.48a12.92%2012.92%200%2000-.49%201.42%204.71%204.71%200%2000-.13%201.15zM7.12%2020.57a1.52%201.52%200%2001.65.7%202.33%202.33%200%2001.2.94%202%202%200%2001-.36%201.24%201.29%201.29%200%2001-1.14.55%201.22%201.22%200%2001-1.11-.54A2%202%200%20015%2022.21a1.84%201.84%200%2001.22-.94%201.39%201.39%200%2001.61-.7%201.46%201.46%200%2001-.65-1.29%201.72%201.72%200%2001.15-.76A1.94%201.94%200%20015.8%2018a1.35%201.35%200%2001.67-.18%201.23%201.23%200%20011%20.42%201.7%201.7%200%2001.36%201.09%201.45%201.45%200%2001-.71%201.24zm-.65.31a.77.77%200%2000-.64.36%201.48%201.48%200%2000-.29.94%201.28%201.28%200%2000.26.82.81.81%200%2000.67.36.83.83%200%2000.7-.36%201.39%201.39%200%2000.24-.84%201.6%201.6%200%2000-.27-.94.81.81%200%2000-.67-.34zm0-.57A.68.68%200%20007%2020a1.16%201.16%200%20000-1.36.69.69%200%2000-.56-.27.71.71%200%2000-.53.27%201%201%200%2000-.23.67%201.12%201.12%200%2000.23.69.62.62%200%2000.56.31zM11.19%2020.91v-.21a1.4%201.4%200%2001-1.16.81%201.1%201.1%200%2001-.88-.51%202.26%202.26%200%2001-.35-1.33%202.21%202.21%200%2001.4-1.36%201.11%201.11%200%2001.94-.54%201.25%201.25%200%20011%20.54%204.34%204.34%200%2001.56%202.54%204.7%204.7%200%2001-.47%202.35A1.38%201.38%200%200110%2024a1.06%201.06%200%2001-1.12-1.12h.51a.44.44%200%2000.16.36.61.61%200%2000.45.18.89.89%200%2000.62-.33%202.93%202.93%200%2000.4-1%205.75%205.75%200%2000.17-1.18zm-1-2.54a.66.66%200%2000-.54.37%201.91%201.91%200%2000-.25%201%201.53%201.53%200%2000.25.91.71.71%200%2000.58.33.7.7%200%2000.61-.37%201.84%201.84%200%2000.24-.93%201.78%201.78%200%2000-.24-.9.73.73%200%2000-.7-.41zM14.11%2024a1.33%201.33%200%2001-1.11-.8%204.52%204.52%200%2001-.47-2.32%204.46%204.46%200%2001.47-2.33%201.32%201.32%200%20011.11-.78%201.33%201.33%200%20011.12.78%204.57%204.57%200%2001.47%202.33%204.63%204.63%200%2001-.47%202.32%201.35%201.35%200%2001-1.12.8zm0-.61c.35%200%20.6-.24.78-.72a5%205%200%2000.27-1.78%205.19%205.19%200%2000-.27-1.81c-.18-.46-.43-.7-.78-.7s-.59.24-.76.7a5.44%205.44%200%2000-.27%201.81%205.25%205.25%200%2000.27%201.78c.17.47.42.71.76.71zM17.75%2018h.52v5.8h-.52v-5.13l-.87.49v-.67zM20.88%2023.17h2.26v.63h-2.8v-.63a2.17%202.17%200%2001.16-.78%205%205%200%2001.34-.76%204.5%204.5%200%2001.76-.87%205%205%200%2000.75-.94%201.62%201.62%200%2000.14-.6%201%201%200%2000-.2-.61.83.83%200%2000-.6-.24.73.73%200%2000-.54.18.63.63%200%2000-.15.45h-.51a1.32%201.32%200%2001.33-.88%201.21%201.21%200%2001.92-.36%201.18%201.18%200%20011%20.39%201.71%201.71%200%2001.32%201.06%202.12%202.12%200%2001-.2.9%206%206%200%2001-1%201.09%202.62%202.62%200%2000-1%201.81zM25.1%2020.88h-.33v-.57h.33a1%201%200%2000.78-.37%201.15%201.15%200%2000.27-.75%201%201%200%2000-.18-.61.64.64%200%2000-.55-.21.73.73%200%2000-.54.18.66.66%200%2000-.18.49h-.51a1.32%201.32%200%2001.31-.91%201.43%201.43%200%20011.9%200%201.58%201.58%200%2001.31%201%201.38%201.38%200%2001-.22.84%201.32%201.32%200%2001-.67.58%201.33%201.33%200%2001.8.6%201.87%201.87%200%2001.25%201%202.24%202.24%200%2001-.38%201.34%201.32%201.32%200%2001-1.1.54%201.19%201.19%200%2001-.94-.36%201.41%201.41%200%2001-.31-.91h.54a.55.55%200%2000.15.45.89.89%200%2000.63.21.78.78%200%2000.65-.33%201.43%201.43%200%2000.22-.87%201.54%201.54%200%2000-.31-.94%201.11%201.11%200%2000-.92-.4zM31%2021.45V22h-.6v1.8h-.52V22h-2.07v-.57L29.88%2018h.52v3.5zm-1.12%200v-2.56l-1.52%202.56z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner button.reset {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 1em 1em;
  padding-left: calc(1em + 30px);
  width: 200px;
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #009EDD;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner button.reset:before {
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 18px;
  height: 21px;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2220.33%22%3E%3Cpath%20fill%3D%22%2337bdf2%22%20d%3D%22M15.75%2012.26a6.79%206.79%200%2001-13.34.49A6.64%206.64%200%20019%204.52v2.26l5.65-3.39L9%200v2.26a9%209%200%20109%2010.3%201.14%201.14%200%2000-1.13-1.27%201.13%201.13%200%2000-1.12.97z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
}

.modeSP #suntory_contents.serial .wrapper main section.ocr .inner ul.note {
  width: 81.3333333333vw;
}

.modeSP #suntory_contents.serial .wrapper main section.close {
  padding-bottom: 50px;
}

.modeSP #suntory_contents.serial .wrapper main section.close a {
  width: 200px;
}

.modeSP #suntory_contents.serial .overlay {
  position: fixed;
  left: 0;
  top: 0;
  display: none;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.modeSP #suntory_contents.serial .overlay i {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto;
  width: 16vw;
  height: 16vw;
  border: 2.6666666667vw solid #cacaca;
  border-top-color: #009EDD;
  border-radius: 50%;
  animation: rotate 0.8s linear infinite;
}

.modeSP #suntory_contents.history .wrapper main section.title {
  padding-bottom: 35px;
}

.modeSP #suntory_contents.history .wrapper main section.history {
  padding-bottom: 30px;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner {
  width: 84vw;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner h4 {
  margin-bottom: 20px;
  padding: 0.7em 0.5em;
  color: var(--black);
  background: #F4D8DB;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.39;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize {
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  border-bottom: 1px dashed #cccccc;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li:last-child,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li:nth-last-child(2),
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li:last-child,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li:nth-last-child(2) {
  border-bottom: 0;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dt,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dt,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dt,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dt {
  margin-right: 0.2em;
  width: 6.3em;
  text-align: justify;
  text-align-last: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd {
  width: calc(100% - 6.5em);
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.02em;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li dl dd em,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li dl dd em {
  color: #d8190c;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory {
  padding-bottom: 20px;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory:not(:first-child),
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory:not(:first-child) {
  display: none;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li.nohistory p,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li.nohistory p {
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon {
  padding-bottom: 5px;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li {
  padding-top: 20px;
  padding-bottom: 15px;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li:first-child {
  padding-top: 0;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li button {
  position: relative;
  display: block;
  margin-top: 10px;
  padding: 1.1em 0.5em;
  padding-right: 1.5em;
  width: 73.3333333333vw;
  background: var(--Red);
  border-radius: 6px;
  color: #ffffff;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.1em;
  text-decoration: none;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.33em;
  height: 0.33em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  padding-top: 15px;
  padding-bottom: 15px;
}

.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li:first-child {
  padding-top: 0;
}

.modeSP #suntory_contents.history .wrapper main section.back {
  padding-top: 15px;
  padding-bottom: 65px;
}

.modeSP #suntory_contents.userregist .wrapper section.lead {
  padding-top: 25px;
  padding-bottom: 30px;
}

.modeSP #suntory_contents.userregist .wrapper section.lead p.lead {
  margin-bottom: 5px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.lead ul.note {
  width: 84vw;
}

.modeSP #suntory_contents.userregist .wrapper section.lead ul.note li {
  font-size: 0.75em;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation {
  padding-bottom: 60px;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation h3 {
  margin-bottom: 25px;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote {
  padding: 15px 0.5em;
  width: 84vw;
  height: 121.3333333333vw;
  border: 1px solid #cccccc;
  overflow-y: scroll;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote a {
  word-break: break-all;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote p {
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote p.end {
  margin-top: 1.5em;
  text-align: right;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote h2 {
  margin-top: 1.5em;
  margin-bottom: 1em;
  margin-left: -5px;
  padding: 0.8125em 1em;
  width: calc(100% + 10px);
  background: #009EDD;
  border-radius: 4px;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote h2 + h3 {
  margin-top: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote ol {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  counter-reset: cnt;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote ol li {
  position: relative;
  padding-left: 2em;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote ol li:before {
  counter-increment: cnt;
  content: counter(cnt) ".";
  position: absolute;
  left: 0;
  top: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.outline {
  padding-bottom: 60px;
}

.modeSP #suntory_contents.userregist .wrapper section.outline h3 {
  margin-bottom: 25px;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote {
  padding: 15px 0.5em;
  width: 84vw;
  height: 121.3333333333vw;
  border: 1px solid #cccccc;
  overflow-y: scroll;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote a {
  word-break: break-all;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dt {
  margin-top: 20px;
  font-size: 0.9375em;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dt:first-child {
  margin-top: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd {
  margin-top: 10px;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list,
.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note {
  margin-top: 0.75em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list li,
.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.list li:last-child,
.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ul.note li {
  font-size: 1em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol {
  counter-reset: cnt;
  margin-top: 0.75em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li {
  counter-increment: cnt;
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1.5em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li:before {
  content: counter(cnt) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd ol li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dt {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dd {
  padding-left: 0.5em;
}

.modeSP #suntory_contents.userregist .wrapper section.outline blockquote > dl > dd dl dd dl dt {
  font-weight: normal;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete {
  padding-bottom: 20px;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete h3 {
  margin-bottom: 25px;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list {
  counter-reset: cnt;
  width: 84vw;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li {
  display: block;
  margin-bottom: 20px;
  padding: 0 0 20px;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li:before {
  content: "";
  counter-increment: cnt;
  content: "Q" counter(cnt) ".";
  display: block;
  margin-bottom: 20px;
  padding: 0.5em 0.5em;
  color: #001919;
  background: #F4D8DB;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 {
  margin-bottom: 20px;
  width: 73.3333333333vw;
  font-size: 0.875em;
  font-weight: bold;
  text-align: left;
  line-height: 1.71;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 i {
  display: inline-block;
  color: #d8190c;
  font-size: 0.857em;
  font-weight: normal;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 10px;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label {
  position: relative;
  display: block;
  padding: 14px 20px 14px 3em;
  border: 1px solid #cccccc;
  border-radius: 1.3333333333vw;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.57;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  overflow: hidden;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox] + i,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i {
  position: absolute;
  left: 0.857em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1.29em;
  height: 1.29em;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background: #ffffff;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox] + i:before,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  margin: auto;
  width: 0.286em;
  height: 0.571em;
  border-width: 0 2px 2px 0;
  border-style: none solid solid none;
  border-color: #ffffff;
  transform: translateY(-20%) rotate(45deg);
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:checked + i,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:checked + i {
  border-color: var(--Red);
  background: var(--Red);
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:checked + i:before,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:checked + i:before {
  display: block;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:focus + i,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:focus + i {
  border-color: var(--Red);
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i {
  border-radius: 50%;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio] + i:before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0.571em;
  height: 0.571em;
  border: none;
  border-radius: 50%;
  background: #ffffff;
  transform: none;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select {
  position: relative;
  display: block;
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label {
  position: relative;
  display: block;
  padding: 14px 50px 14px 14px;
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #001919;
  font-size: 0.875em;
  line-height: 1.57;
  overflow: hidden;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label span {
  color: currentColor;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: calc(1.57em + 28px);
  height: calc(1.57em + 28px);
  background-color: #efefef;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i:after {
  content: "";
  position: absolute;
  top: calc((1.57em + 28px) / 2);
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid #666666;
  border-bottom: 2px solid #666666;
  transform: rotate(45deg) translateX(-50%) translateY(-50%);
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select select {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  margin: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-appearance: menulist-button;
  z-index: 1;
  cursor: pointer;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other {
  padding-top: 10px;
  width: 73.3333333333vw;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other p {
  margin-bottom: 10px;
  font-size: 0.875em;
  line-height: 1.5;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other textarea {
  display: block;
  padding: 0.667em 0.667em;
  width: 100%;
  height: 8em;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.5;
  resize: vertical;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li p.example {
  margin-top: -15px;
  margin-bottom: 5px;
  width: 73.3333333333vw;
  text-align: center;
  font-size: 0.75em;
  line-height: 1.5;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=text],
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=tel] {
  display: block;
  padding: 0.667em 0.667em;
  width: 73.3333333333vw;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.5;
}

.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=text]::placeholder,
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li input[type=tel]::placeholder {
  color: rgba(0, 25, 25, 0.3);
}

.modeSP #suntory_contents.userregist .wrapper section.submit {
  padding: 30px 0 35px;
  background: #efefef;
}

.modeSP #suntory_contents.userregist .wrapper section.submit .error {
  margin-bottom: 20px;
  color: #d8190c;
  font-size: 0.875em;
  font-weight: bold;
  text-align: center;
}

.modeSP #suntory_contents.userregist .wrapper section.submit .error:empty {
  display: none;
}

.modeSP #suntory_contents.userregist .wrapper section.submit a.btn {
  position: relative;
  display: block;
  padding: 0.889em 1.5em;
  width: 84vw;
  border-radius: 6px;
  background: var(--Red);
  color: #ffffff;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.33;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
}

.modeSP #suntory_contents.userregist .wrapper section.submit a.btn:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.444em;
  height: 0.444em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: #ffffff;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.error .wrapper section.error {
  padding-top: 25px;
  padding-bottom: 25px;
}

.modeSP #suntory_contents.error .wrapper section.error h3 {
  margin-bottom: 20px;
}

.modeSP #suntory_contents.error .wrapper section.error h3:not(.ttl) {
  width: 84vw;
  color: #d8190c;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
}

.modeSP #suntory_contents.error .wrapper section.error p {
  margin-bottom: 20px;
  width: 84vw;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.71;
  letter-spacing: 0.03em;
  text-align: center;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term {
  padding-top: 20px;
  border-top: 1px solid #cccccc;
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term dt,
.modeSP #suntory_contents.error .wrapper section.error dl.term dd {
  font-size: 0.875em;
  line-height: 1.71;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term dt {
  margin-bottom: 5px;
  font-weight: bold;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term dd {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term dd:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.error .wrapper section.error dl.term dd em {
  color: #d8190c;
  font-weight: bold;
}

.modeSP #suntory_contents.error nav.back {
  padding-bottom: 40px;
  background-color: #ffffff;
}

.modeSP #suntory_contents.error nav.back a {
  position: relative;
  display: block;
  padding: 0.5em 1em;
  padding-left: 30px;
  width: 180px;
  border: 2px solid currentColor;
  border-radius: 6px;
  background: var(--Red);
  color: #ffffff;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  text-decoration: none;
}

.modeSP #suntory_contents.error nav.back a:after {
  content: "";
  position: absolute;
  left: 22px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-width: 2px 2px 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  transform: rotate(225deg);
}

.modeSP #suntory_contents.contact .wrapper section.title {
  padding-bottom: 20px;
}

.modeSP #suntory_contents.contact .wrapper section.title h3 {
  margin-bottom: 35px;
}

.modeSP #suntory_contents.contact .wrapper section.title p {
  width: 84vw;
  font-size: 0.9375em;
  line-height: 1.67;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.contact .wrapper section.contactcode {
  padding-bottom: 20px;
}

.modeSP #suntory_contents.contact .wrapper section.contactcode .inner {
  padding-bottom: 10px;
  width: 84vw;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.contact .wrapper section.contactcode .inner h3 {
  padding: 0.72em 0.5em;
  background: rgba(55, 189, 242, 0.1);
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6875;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.contact .wrapper section.contactcode .inner input {
  display: none;
  width: 100%;
  height: 2.75em;
  font-size: 1.25em;
  text-align: center;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.contact .wrapper section.contactcode .inner input:first-of-type {
  display: block;
}

.modeSP #suntory_contents.contact .wrapper section.contact {
  padding-bottom: 40px;
}

.modeSP #suntory_contents.contact .wrapper section.contact .inner {
  padding: 25px 1em;
  width: 84vw;
  border: 1px solid #cccccc;
}

.modeSP #suntory_contents.contact .wrapper section.contact .inner p {
  margin-bottom: 0.5em;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.7;
  letter-spacing: 0.12em;
}

.modeSP #suntory_contents.contact .wrapper section.contact .inner p:last-of-type {
  margin-bottom: 0;
}

.modeSP #suntory_contents.contact .wrapper section.contact .inner p em {
  font-size: 1.5em;
  font-weight: bold;
}

.modeSP #suntory_contents.contact .wrapper section.contact .inner p a {
  color: currentColor;
  text-decoration: none;
}

.modeSP #suntory_contents.contact .wrapper section.back {
  padding-bottom: 70px;
}

.modeSP #suntory_contents.contact .wrapper section.close {
  padding-bottom: 65px;
}

.modeSP #suntory_contents.contact .wrapper section.close button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 180px;
  background: #ffffff;
  border: 2px solid #009EDD;
  border-radius: 6px;
  color: #009EDD;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.71;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: opacity 0.1s linear;
}

.modeSP #suntory_contents.contact .wrapper section.close button:before {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.contact .wrapper section.close button:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.modeSP #suntory_contents.contact .wrapper section.close button:after {
  transform: rotate(-45deg);
}

.modeSP #suntory_contents.contact .wrapper section.close button:hover {
  opacity: 0.7;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li a.btn.ln {
  background: #ccc;
  pointer-events: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul.login > li.agreeOk a.btn.ln {
  background: #06c755;
  pointer-events: all;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner p.agreeCheckNote {
  margin-bottom: 10px;
  font-size: 0.875em;
  text-align: center;
  line-height: 1.7;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul li ul.agreeCheckBox li {
  width: 100%;
  border: 1px solid #cccccc;
  border-radius: 5px;
  background: #efefef;
  font-size: 0.875em;
  line-height: 1.2;
  text-align: center;
  cursor: pointer;
}

.modeSP #suntory_contents.top .wrapper section.entry .inner ul li ul.agreeCheckBox li label {
  display: block;
  padding: 15px;
  cursor: pointer;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto {
  width: 84vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto h4 {
  position: relative;
  padding: 1em 35px;
  background: #ffffff;
  border: 3px solid currentColor;
  color: var(--KeyColor);
  font-size: 1.0625em;
  font-weight: bold;
  text-align: center;
  line-height: 1.53;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto h4:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 3px;
  width: 15px;
  display: block;
  margin: auto;
  background: currentColor;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto h4:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 3px;
  width: 15px;
  display: block;
  margin: auto;
  background: currentColor;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto h4:after {
  content: "";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.modeSP #suntory_contents.top .wrapper section.entry .howto h4.open:after {
  content: "";
  display: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body {
  display: none;
  padding: 20px 4vw 40px;
  background: #ffffff;
  border: 3px solid var(--KeyColor);
  border-top: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body hr {
  border: none;
  border-bottom: 1px dotted #cccccc;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 2.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .image img {
  width: 24.8vw;
  margin-right: 5.33333vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .image p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.8125em;
  line-height: 1.54;
  letter-spacing: 0.01em;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .center {
  padding-top: 25px;
  padding-bottom: 25px;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .center p {
  font-size: 0.8125em;
  text-align: center;
  line-height: 1.54;
  letter-spacing: 0.01em;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount {
  padding-top: 20px;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount p {
  margin-bottom: 20px;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.67;
  letter-spacing: 0.01em;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register {
  margin-bottom: 10px;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li {
  margin-bottom: 15px;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.register li a {
  display: block;
  padding: 0.5em 0.5em;
  background: #f6f6f7;
  border: 1px solid #acb2b7;
  border-radius: 6px;
  color: currentColor;
  font-size: 0.75em;
  text-align: center;
  line-height: 1.67;
  letter-spacing: 0.01em;
  text-decoration: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .howto .body .noaccount ul.note li {
  padding-left: 0;
  text-indent: 0;
  text-align: center;
}

#suntory_contents .inline-block {
  display: inline-block;
}
#suntory_contents .text-center {
  text-align: center;
}
#suntory_contents .btn__chatbot {
  display: block;
  width: 92%;
  max-width: 360px;
  margin: 0 atuo;
  padding: 20px 30px;
  border-radius: 9999px;
  background-color: var(--SuntoryBlue);
  text-align: center;
  color: #FFF !important;
  font-weight: 700;
  text-decoration: none;
}
#suntory_contents .flex-col {
  flex-direction: column;
  align-items: center;
}
#suntory_contents .flex-col p {
  width: 100%;
}
#suntory_contents .pb-3 {
  padding-bottom: 12px;
}
#suntory_contents .pb-5 {
  padding-bottom: 20px;
}
#suntory_contents .px-5 {
  padding-left: 20px;
  padding-right: 20px;
}
#suntory_contents .selectCVSnote {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 50px;
}
#suntory_contents .em {
  color: #d8190c;
}
#suntory_contents .text-s {
  font-size: 0.85em;
}
#suntory_contents a.outline {
  display: inline-block;
  position: relative;
  padding-right: 1em;
}
#suntory_contents a.outline:before {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  border-top: none;
  border-right: none;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}
#suntory_contents a.outline:after {
  content: "";
  position: absolute;
  right: 0.1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 8px;
  height: 8px;
  border: 1px solid currentColor;
  background: #ffffff;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}

.modeSP #suntory_contents .selectCVSnote {
  min-height: 50px !important;
}