@charset "UTF-8";
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 * http://chlono.e-whs.net/sass-svg-color-change/
 */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700,900|Roboto:500,700,900&display=swap&subset=japanese");
#suntory_contents {
  font-family: "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: #333;
  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: "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: #333;
}
#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;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
#suntory_contents * {
  margin: 0 auto;
  box-sizing: border-box;
}
#suntory_contents img {
  display: block;
  width: 100%;
  height: auto;
}
#suntory_contents .wrapper {
  background: #fff;
}
#suntory_contents .wrapper main {
  display: block;
}
#suntory_contents .red {
  color: #f00;
}
#suntory_contents .blue {
  color: #0A1F66;
}
#suntory_contents .bold {
  font-weight: 700;
}
#suntory_contents ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}
#suntory_contents ul.note li > * {
  text-indent: 0;
}
#suntory_contents a {
  color: #0075FF;
}
#suntory_contents .inline {
  display: inline-block;
}
#suntory_contents .entry {
  background: #E5E7EE;
}

.modePC #suntory_contents {
  background: #fff;
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: 500;
}
.modePC #suntory_contents .header_kv {
  margin-inline: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.modePC #suntory_contents .wrapper {
  margin: 0 auto;
  max-width: 750px;
}
.modePC #suntory_contents h3.ttl {
  padding: 20px 0;
  background: #0A1F66;
  font-weight: 700;
  text-align: center;
  font-size: 1.75em;
  color: #fff;
}
.modePC #suntory_contents a.blank_btn,
.modePC #suntory_contents a.back_btn,
.modePC #suntory_contents a.next_btn {
  position: relative;
  display: block;
  padding: 18px 50px;
  width: 600px;
  border: 2px solid #333;
  border-radius: 5px;
  color: #333;
  font-size: 1.25em;
  color: #333;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents a.blank_btn:before {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1.25em;
  height: 1.25em;
  background: url(../img/icn_external.svg) center/contain no-repeat;
}
.modePC #suntory_contents a.back_btn:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 1.5em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.6em;
  height: 0.6em;
  border-width: 0 0 2px 2px;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(45deg);
}
.modePC #suntory_contents a.next_btn:before {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.6em;
  height: 0.6em;
  border-width: 0 0 2px 2px;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(-135deg);
}
.modePC #suntory_contents button.btn,
.modePC #suntory_contents a.btn {
  position: relative;
  display: block;
  padding: 20px 0;
  padding-right: 0.75em;
  width: 600px;
  border-radius: 5px;
  background: #f00;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents button.btn:after,
.modePC #suntory_contents a.btn:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5833333333em;
  height: 0.5833333333em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents button.external_btn,
.modePC #suntory_contents a.external_btn {
  position: relative;
  display: block;
  padding: 20px 0;
  padding-right: 0.75em;
  width: 600px;
  border-radius: 5px;
  background: #f00;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents button.external_btn:after,
.modePC #suntory_contents a.external_btn:after {
  content: "";
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1.25em;
  height: 1.25em;
  background: url(../img/external.svg) center/contain no-repeat;
}
.modePC #suntory_contents .fade {
  transition: opacity 0.1s linear;
}
.modePC #suntory_contents .fade:hover {
  opacity: 0.7;
}
.modePC #suntory_contents nav.link {
  padding: 30px 0;
  background-color: #fff;
  border-top: 0.2666666667vw solid #C8CDD2;
}
.modePC #suntory_contents nav.link ul {
  width: 630px;
}
.modePC #suntory_contents nav.brand {
  padding: 30px 0;
  background-color: #fff;
  border-top: 1px solid #C8CDD2;
}
.modePC #suntory_contents nav.brand ul {
  width: 600px;
}
.modePC #suntory_contents nav.brand ul li:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.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: 6px;
  border-bottom-right-radius: 6px;
}
.modePC #suntory_contents nav.contact {
  padding: 30px 0;
  background-color: #fff;
  border-top: solid 1px #C8CDD2;
}
.modePC #suntory_contents nav.contact .inner {
  padding: 20px 10px;
  width: 630px;
  border: 2px solid #919BB6;
}
.modePC #suntory_contents nav.contact .inner h3 {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 2px solid #919BB6;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents nav.contact .inner p {
  margin-bottom: 7px;
  font-size: 0.875em;
  text-align: center;
}
.modePC #suntory_contents nav.contact .inner p:last-of-type {
  margin-bottom: 0;
}
.modePC #suntory_contents nav.contact .inner p em {
  font-size: 1.5em;
  font-weight: 700;
  display: block;
}
.modePC #suntory_contents nav.contact .inner p a {
  color: currentColor;
  text-decoration: none;
}
.modePC #suntory_contents .mileage {
  padding: 30px 0;
}
.modePC #suntory_contents .mileage dt {
  color: #0A1F66;
  font-size: 2em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents .mileage dd {
  margin-top: 20px;
}
.modePC #suntory_contents ul.note {
  margin-inline: auto;
  width: 600px;
}
.modePC #suntory_contents ul.note li {
  font-size: 0.875em;
}

.modeSP #suntory_contents {
  letter-spacing: 0.02em;
  line-height: 1.5;
  font-weight: 500;
}
.modeSP #suntory_contents .header_kv {
  margin-inline: auto;
  width: 100%;
}
.modeSP #suntory_contents .wrapper {
  margin: 0 auto;
  width: 100%;
}
.modeSP #suntory_contents h3.ttl {
  padding: 4vw 0;
  background: #0A1F66;
  font-weight: 700;
  text-align: center;
  font-size: 5.8666666667vw;
  color: #fff;
}
.modeSP #suntory_contents a.blank_btn,
.modeSP #suntory_contents a.back_btn,
.modeSP #suntory_contents a.next_btn {
  position: relative;
  display: block;
  width: 84vw;
  border: 0.2666666667vw solid #333;
  border-radius: 1.3333333333vw;
  color: #000;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents a.blank_btn {
  padding: 5.3333333333vw 10.6666666667vw 4.6666666667vw 4vw;
}
.modeSP #suntory_contents a.blank_btn:before {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 2.1333333333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../img/icn_external.svg) center/contain no-repeat;
}
.modeSP #suntory_contents a.back_btn {
  padding: 5.3333333333vw 4vw 4.6666666667vw 10.6666666667vw;
}
.modeSP #suntory_contents a.back_btn:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 4vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.6em;
  height: 0.6em;
  border-width: 0 0 0.5333333333vw 0.5333333333vw;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(45deg);
}
.modeSP #suntory_contents a.next_btn {
  padding: 5.3333333333vw 10.6666666667vw 4.6666666667vw 4vw;
}
.modeSP #suntory_contents a.next_btn:before {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 4vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.6em;
  height: 0.6em;
  border-width: 0 0 0.5333333333vw 0.5333333333vw;
  border-style: none none solid solid;
  border-color: currentColor;
  transform: rotate(-135deg);
}
.modeSP #suntory_contents button.btn,
.modeSP #suntory_contents a.btn {
  position: relative;
  display: block;
  padding: 5.0666666667vw;
  width: min(84vw, 600px);
  border-radius: 1.3333333333vw;
  background: #f00;
  color: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents button.btn:after,
.modeSP #suntory_contents a.btn:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.444em;
  height: 0.444em;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents button.external_btn,
.modeSP #suntory_contents a.external_btn {
  position: relative;
  display: block;
  padding: 5.0666666667vw;
  width: min(84vw, 600px);
  border-radius: 1.3333333333vw;
  background: #f00;
  color: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents button.external_btn:after,
.modeSP #suntory_contents a.external_btn:after {
  content: "";
  content: "";
  pointer-events: none;
  position: absolute;
  right: 2.1333333333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../img/external.svg) center/contain no-repeat;
}
.modeSP #suntory_contents nav.link {
  padding: 25px 0;
  background-color: #fff;
  border-top: 0.2666666667vw solid #C8CDD2;
}
.modeSP #suntory_contents nav.link ul {
  width: 84vw;
}
.modeSP #suntory_contents nav.brand {
  padding: 30px 0;
  background-color: #fff;
  border-top: 0.2666666667vw solid #C8CDD2;
}
.modeSP #suntory_contents nav.brand ul {
  width: 84vw;
}
.modeSP #suntory_contents nav.brand ul li a {
  position: relative;
  display: block;
  padding: 4.8vw 10.6666666667vw 4.6666666667vw 4vw;
  border: 0.2666666667vw solid #333;
  color: #333;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents nav.brand ul li a:before {
  content: "";
  pointer-events: none;
  position: absolute;
  right: 2.1333333333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 6.6666666667vw;
  height: 6.6666666667vw;
  background: url(../img/icn_external.svg) center/contain no-repeat;
}
.modeSP #suntory_contents nav.brand ul li:first-child a {
  border-top-left-radius: 1.3333333333vw;
  border-top-right-radius: 1.3333333333vw;
}
.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: 1.3333333333vw;
  border-bottom-right-radius: 1.3333333333vw;
}
.modeSP #suntory_contents nav.contact {
  padding: 8vw 0;
  background-color: #fff;
  border-top: solid 0.2666666667vw #C8CDD2;
}
.modeSP #suntory_contents nav.contact .inner {
  padding: 6.1333333333vw 2vw;
  width: 84vw;
  border: 0.2666666667vw solid #919BB6;
}
.modeSP #suntory_contents nav.contact .inner h3 {
  margin-bottom: 3.2vw;
  padding-bottom: 3.2vw;
  border-bottom: 0.2666666667vw solid #919BB6;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents nav.contact .inner p {
  margin-bottom: 1.8666666667vw;
  font-size: 3.7333333333vw;
  text-align: center;
}
.modeSP #suntory_contents nav.contact .inner p:last-of-type {
  margin-bottom: 0;
}
.modeSP #suntory_contents nav.contact .inner p em {
  display: block;
  padding-top: 1.8666666667vw;
  font-size: 5.6vw;
  font-weight: 700;
}
.modeSP #suntory_contents nav.contact .inner p a {
  color: currentColor;
  text-decoration: none;
}
.modeSP #suntory_contents .mileage {
  padding: 30px 0;
}
.modeSP #suntory_contents .mileage dt {
  color: #0A1F66;
  font-size: 1.375em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents .mileage dd {
  margin-top: 10px;
}
.modeSP #suntory_contents ul.note li {
  font-size: 2.9333333333vw;
}
.modeSP #suntoryCommonFooter #suntoryCommonFt {
  margin-top: -1px;
  padding-top: 1px;
  border-top: 0.2666666667vw solid #C8CDD2;
}
.modeSP #suntoryCommonFooter #suntoryCommonFt_ShareBtn + #suntoryCommonFt {
  border-top: none;
}

.modePC #suntory_contents.top header#mv h2 {
  width: 100%;
}
.modePC #suntory_contents.top .wrapper section.entry_top {
  padding: 30px 0;
}
.modePC #suntory_contents.top .wrapper section.entry_top .inner a.btn {
  position: relative;
  display: block;
  padding: 20px 0;
  padding-right: 0.75em;
  max-width: 600px;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents.top .wrapper section.entry_top .inner a.btn:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5833333333em;
  height: 0.5833333333em;
  border-top: none;
  border-right: 3px solid currentColor;
  border-bottom: 3px solid currentColor;
  transform: translateY(-25%) rotate(45deg);
}
.modePC #suntory_contents.top .wrapper section.flow_new {
  padding-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.flow_new h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner {
  width: 630px;
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner ol {
  counter-reset: cnt;
  margin-bottom: 30px;
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner ol li {
  position: relative;
  padding: 60px 15px 30px;
  border: 2px solid #919BB6;
  font-size: 1em;
  text-align: left;
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner ol li:before {
  content: "";
  content: "";
  position: absolute;
  top: -62px;
  left: -62px;
  width: 0;
  height: 0;
  border: 60px solid transparent;
  border-right: 60px solid #0A1F66;
  border-radius: 100%;
  transform: rotate(45deg);
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner ol li:after {
  content: "";
  counter-increment: cnt;
  content: counter(cnt);
  position: absolute;
  top: 0;
  left: 12px;
  width: auto;
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.flow_new .inner ol li img {
  width: 152px;
  margin-bottom: 24px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner {
  width: 630px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 0.875em;
  font-weight: 700;
}
.modePC #suntory_contents.top .wrapper section.prize .inner ul li a {
  color: #0075FF;
}
.modePC #suntory_contents.top .wrapper section.prize .inner p {
  font-size: 1em;
  text-align: center;
  font-weight: 700;
}
.modePC #suntory_contents.top .wrapper section.prize .inner p em {
  font-style: normal;
  font-size: 2em;
}
.modePC #suntory_contents.top .wrapper section.prize .inner h5 {
  padding-top: 30px;
  padding-bottom: 12px;
  border-bottom: solid 2px #919BB6;
  font-size: 1.2em;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modePC #suntory_contents.top .wrapper section.prize .inner .prize_inner_img {
  margin-bottom: 12px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner .prize_bnr {
  margin-top: 20px;
  margin-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner ul.note {
  margin-top: 15px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner .eraberu_note {
  margin-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.prize .inner .eraberu_note li {
  font-size: 0.75em;
  line-height: 1.8;
}
.modePC #suntory_contents.top .wrapper section.product {
  padding-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.product h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.product .inner {
  width: 630px;
}
.modePC #suntory_contents.top .wrapper section.product .inner .visual {
  margin-bottom: 20px;
  width: 526px;
}
.modePC #suntory_contents.top .wrapper section.product .inner .products {
  padding: 15px;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.product .inner .products ul.list {
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.product .inner .products ul.list li {
  margin-bottom: 0.385em;
  font-size: 0.875em;
}
.modePC #suntory_contents.top .wrapper section.product .inner .products ul.list li .sp {
  display: none;
}
.modePC #suntory_contents.top .wrapper section.product .inner .products ul.list li:last-child {
  margin-bottom: 0;
}
.modePC #suntory_contents.top .wrapper section.product .inner ul.note {
  margin-top: 15px;
}
.modePC #suntory_contents.top .wrapper section.seal {
  padding-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.seal .inner {
  width: 630px;
}
.modePC #suntory_contents.top .wrapper section.seal .inner h3 {
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 12px;
  border-bottom: solid 2px #C8CDD2;
  font-size: 1.2em;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modePC #suntory_contents.top .wrapper section.seal .inner .seal {
  margin-bottom: 30px;
  width: 630px;
}
.modePC #suntory_contents.top .wrapper 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.top .wrapper section.seal .inner dl dt,
.modePC #suntory_contents.top .wrapper section.seal .inner dl dd {
  margin-right: 30px;
  width: 85px;
}
.modePC #suntory_contents.top .wrapper section.seal .inner dl dt:last-of-type,
.modePC #suntory_contents.top .wrapper section.seal .inner dl dd:last-of-type {
  margin-right: 0;
}
.modePC #suntory_contents.top .wrapper section.seal .inner dl dt {
  order: 1;
  margin-bottom: 0.385em;
  font-size: 0.75em;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.seal .inner dl dd {
  order: 2;
  position: relative;
}
.modePC #suntory_contents.top .wrapper section.seal .inner dl dd:after {
  content: "見本";
  position: absolute;
  right: -10px;
  bottom: -7px;
  display: block;
  padding: 0.25em 0.25em;
  background: rgba(10, 31, 102, 0.9);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.modePC #suntory_contents.top .wrapper section.seal .inner dl dd img {
  pointer-events: none;
}
.modePC #suntory_contents.top .wrapper section.seal .inner ul.note li {
  font-size: 0.875em;
}
.modePC #suntory_contents.top .wrapper section.seal .inner p {
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.entry {
  padding-bottom: 30px;
}
.modePC #suntory_contents.top .wrapper section.entry .inner {
  padding-right: 30px;
  padding-left: 30px;
}
.modePC #suntory_contents.top .wrapper section.entry .inner p {
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.entry .inner a.btn {
  position: relative;
  display: block;
  padding: 20px;
  max-width: 600px;
  background: #f00;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.entry .inner a.btn span {
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.top .wrapper section.entry .inner a.btn:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5833333333em;
  height: 0.5833333333em;
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.top.teaser .wrapper section.teaser {
  padding: 30px 0;
}
.modePC #suntory_contents.top.teaser .wrapper section.teaser .inner {
  width: 630px;
}
.modePC #suntory_contents.top.teaser .wrapper section.teaser .inner .sub-ttl {
  padding: 10px 0;
  background: #0A1F66;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.top.teaser .wrapper section.teaser .inner .txt {
  padding: 20px;
  border: 2px solid #919BB6;
  border-top: none;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.top.teaser .wrapper section.seal {
  padding-bottom: 80px;
}
.modePC #suntory_contents.top.teaser .wrapper section.seal h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.top.end section.end .inner {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.modePC #suntory_contents.top.end section.end .txt-b {
  margin-bottom: 20px;
  font-weight: 700;
}
.modePC #suntory_contents.top.end section.entry {
  background: #fff;
}
.modePC #suntory_contents.top.end section.entry p {
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.top.iw section.flow .inner ol li {
  text-align: center;
}
.modePC #suntory_contents.top.iw section.flow .inner ul.note {
  margin-top: 20px;
}
.modePC #suntory_contents.top.iw section.flow .inner ul.note li {
  text-align: center;
}
.modePC #suntory_contents.top.iw section.prize {
  padding-bottom: 30px;
}
.modePC #suntory_contents.top.iw section.entry h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.top.index_page nav.contact {
  border-top: none;
}
.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: 630px;
  max-height: 90vh;
}
.modePC #suntory_contents.top #modal .modal .inner {
  padding-bottom: 25px;
  width: 630px;
  max-height: 90vh;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.modePC #suntory_contents.top #modal .modal .inner h3 {
  margin-bottom: 20px;
  padding: 0.75em 0.5em;
  background: #f00;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.top #modal .modal .inner p.lead {
  margin-bottom: 15px;
  width: 340px;
  font-size: 1em;
}
.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: #f00;
  color: #fff;
  border-radius: 5px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  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-top: 2px solid #fff;
  border-right: 2px solid #fff;
  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;
}
.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: #fff;
}
.modePC #suntory_contents.top #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 127, 23, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 0;
}

.modeSP #suntory_contents.top header#mv h2 {
  width: 100%;
}
.modeSP #suntory_contents.top .wrapper section.entry_top {
  padding: 8vw 0;
}
.modeSP #suntory_contents.top .wrapper section.entry_top .inner a.btn {
  position: relative;
  display: block;
  padding: 5.3333333333vw 0;
  padding-right: 0.75em;
  width: 84vw;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents.top .wrapper section.entry_top .inner a.btn:after {
  content: "";
  position: absolute;
  right: 5.3333333333vw;
  top: 0.5em;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 2.4vw;
  height: 2.4vw;
  border-top: none;
  border-right: 0.6666666667vw solid currentColor;
  border-bottom: 0.6666666667vw solid currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.modeSP #suntory_contents.top .wrapper section.flow_new {
  padding-bottom: 45px;
}
.modeSP #suntory_contents.top .wrapper section.flow_new h3 {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner {
  margin-inline: auto;
  width: 89.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner ol {
  counter-reset: cnt;
  margin-bottom: 5.3333333333vw;
  display: grid;
  grid-auto-flow: column;
  gap: 2.2666666667vw;
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner ol li {
  position: relative;
  padding: 8vw 2.1333333333vw 3.0666666667vw;
  border: 0.2666666667vw solid #919BB6;
  font-size: 2.9333333333vw;
  text-align: left;
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner ol li:before {
  content: "";
  content: "";
  position: absolute;
  top: -8.4vw;
  left: -8.4vw;
  width: 0;
  height: 0;
  border: 8.1333333333vw solid transparent;
  border-right: 8.1333333333vw solid #0A1F66;
  border-radius: 100%;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner ol li:after {
  content: "";
  counter-increment: cnt;
  content: counter(cnt);
  position: absolute;
  top: 0;
  left: 1.7333333333vw;
  width: auto;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.flow_new .inner ol li img {
  width: 20.2666666667vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner {
  margin-inline: auto;
  width: 89.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner ul li {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 2.9333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner ul li a {
  color: #0075FF;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner p {
  font-size: 3.7333333333vw;
  text-align: center;
  font-weight: 700;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner p em {
  font-style: normal;
  font-size: 5.8666666667vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner h5 {
  padding-top: 8vw;
  padding-bottom: 1.6vw;
  border-bottom: solid 0.5333333333vw #919BB6;
  font-size: 3.7333333333vw;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner .prize_inner_img {
  margin-bottom: 3.7333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner .prize_bnr {
  margin-top: 5.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner ul.note {
  margin-top: 2vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner .eraberu_note {
  margin-bottom: 4vw;
}
.modeSP #suntory_contents.top .wrapper section.prize .inner .eraberu_note li {
  line-height: 1.8;
}
.modeSP #suntory_contents.top .wrapper section.product .inner {
  margin-inline: auto;
  width: 84vw;
}
.modeSP #suntory_contents.top .wrapper section.product .inner .visual {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.product .inner .products {
  margin-bottom: 5.3333333333vw;
  padding: 4vw 1.3333333333vw;
  border: 0.1333333333vw solid #C8CDD2;
}
.modeSP #suntory_contents.top .wrapper section.product .inner .products p {
  font-size: 3.7333333333vw;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.seal {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.seal .inner {
  width: 84vw;
}
.modeSP #suntory_contents.top .wrapper section.seal .inner h3 {
  margin-bottom: 4vw;
  padding-bottom: 1.6vw;
  border-bottom: solid 0.5333333333vw #919BB6;
  font-size: 4.2666666667vw;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modeSP #suntory_contents.top .wrapper section.seal .inner .seal {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.seal .inner p {
  margin-bottom: 5.3333333333vw;
  text-align: center;
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner {
  width: 84vw;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner .login_list ul.note li {
  font-size: 0.875em;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn {
  position: relative;
  display: flex;
  align-items: center;
  padding: 1em 1em 0.85em;
  width: 100%;
  background: #e6e6e6;
  border-radius: 1.3333333333vw;
  text-decoration: none;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn span {
  color: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-top: solid 0.2666666667vw #fff;
  border-right: solid 0.2666666667vw #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn.ln {
  background: #01b901;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn.tw {
  background: #1da1f3;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn.fb {
  background: #1977f3;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner a.btn.sid {
  background: #5ac2db;
}
.modeSP #suntory_contents.top .wrapper section.entry .inner p {
  margin-bottom: 5.3333333333vw;
  font-size: 3.7333333333vw;
  text-align: center;
}
.modeSP #suntory_contents.top .wrapper section.entry .howto {
  width: 84vw;
}
.modeSP #suntory_contents.top.teaser .wrapper section.teaser {
  padding: 8vw 0;
  border-bottom: 1px solid #C8CDD2;
}
.modeSP #suntory_contents.top.teaser .wrapper section.teaser .inner {
  width: 84vw;
}
.modeSP #suntory_contents.top.teaser .wrapper section.teaser .inner .sub-ttl {
  padding: 2.4vw;
  background: #0A1F66;
  color: #fff;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.top.teaser .wrapper section.teaser .inner .txt {
  padding: 5.3333333333vw;
  border: 0.2666666667vw solid #919BB6;
  border-top: none;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.top.end .entry {
  background: #fff;
}
.modeSP #suntory_contents.top.end section.end .inner {
  margin-inline: auto;
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
  width: 89.3333333333vw;
  text-align: center;
}
.modeSP #suntory_contents.top.end section.end .txt-b {
  margin-bottom: 2.6666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.top.end section.end .txt {
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.top.iw section.flow .inner ol li {
  text-align: center;
}
.modeSP #suntory_contents.top.iw section.flow .inner ul.note li {
  text-align: center;
}
.modeSP #suntory_contents.top.iw section.prize {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.top.iw section.prize h3 {
  margin-bottom: 2.6666666667vw;
}
.modeSP #suntory_contents.top.iw section.product {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.top.iw section.product h3 {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top.iw section.entry {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.top.iw section.entry h3 {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.top.index_page nav.contact {
  border-top: none;
}
.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: 84vw;
  max-height: 90vh;
}
.modeSP #suntory_contents.top #modal .modal .inner {
  padding-bottom: 25px;
  width: 84vw;
  max-height: 90vh;
  background: #fff;
  border-radius: 10px;
  overflow-y: scroll;
}
.modeSP #suntory_contents.top #modal .modal .inner h3 {
  margin-bottom: 20px;
  padding: 0.75em 0.5em;
  background: #f00;
  color: #fff;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.top #modal .modal .inner p.lead {
  margin-bottom: 15px;
  width: 40.6666666667vw;
  font-size: 1em;
}
.modeSP #suntory_contents.top #modal .modal .inner a.btn {
  position: relative;
  display: block;
  margin-bottom: 20px;
  padding: 1em 0.5em;
  padding-right: 2em;
  width: 40.6666666667vw;
  background: #f00;
  color: #fff;
  border-radius: 5px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  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-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.top #modal .modal .inner label {
  display: block;
  padding: 0.75em 0.5em;
  width: 40.6666666667vw;
  background: #e6e6e6;
  border-radius: 5px;
  font-size: 0.9375em;
  text-align: center;
}
.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: #fff;
}
.modeSP #suntory_contents.top #modal .shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 127, 23, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 0;
}

.modePC #suntory_contents.mypage header#mv h2 {
  width: 100%;
}
.modePC #suntory_contents.mypage .wrapper main section.point .inner {
  padding-bottom: 25px;
  width: 630px;
  background: #fff;
  border: 1px solid #0A1F66;
  border-top: none;
}
.modePC #suntory_contents.mypage .wrapper main section.point .inner h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.point .inner p.now_point {
  width: 630px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.modePC #suntory_contents.mypage .wrapper main section.point .inner p.now_point span {
  display: inline-block;
  margin-right: 0.1818181818em;
  font-size: 2.7777777778em;
  vertical-align: baseline;
}
.modePC #suntory_contents.mypage .wrapper main section.point .inner p.msg_point {
  margin-top: 0.5em;
  width: 630px;
  color: #f00;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.input {
  padding-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner {
  padding-bottom: 30px;
  width: 630px;
  border: 1px solid #0A1F66;
  border-top: none;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner .error_msg {
  margin: 0 auto 10px;
  padding: 5px 1em;
  width: 600px;
  color: #f00;
  border-radius: 5px;
  border: 1px solid #f00;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), #F00;
  font-size: 0.875em;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner .error_msg p {
  color: #f00;
  text-align: center;
  font-size: inherit;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner .error_msg .icn {
  display: inline-block;
  width: 25px;
  vertical-align: middle;
  margin-right: 10px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table {
  margin-top: 30px;
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table tbody {
  display: grid;
  gap: 10px 0;
  width: 430px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table tr {
  display: grid;
  grid-template-columns: 80px auto;
  gap: 0 8px;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table tr th {
  margin: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 10px;
  background: #0A1F66;
  color: #fff;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-clip-path: polygon(0% 0%, 86% 0%, 100% 50%, 86% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 86% 0%, 100% 50%, 86% 100%, 0% 100%);
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table tr td {
  margin: 0;
  vertical-align: top;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner table tr td input {
  padding: 0 0.5em;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #C8CDD2;
  border-radius: 5px;
  color: #333;
  font-size: 1.375em;
  font-weight: 700;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner a {
  position: relative;
  display: block;
  width: 260px;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner a.multi {
  padding: 1em 1em;
  font-size: 1.0625em;
  font-weight: 700;
  text-decoration: none;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner a.multi small {
  font-size: 0.8em;
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner a.multi:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.471em;
  height: 0.471em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.mypage .wrapper main section.input .inner hr {
  margin-top: 25px;
  margin-bottom: 15px;
  width: 630px;
  border: none;
  border-bottom: 1px solid #C8CDD2;
}
.modePC #suntory_contents.mypage .wrapper main section.seal {
  padding-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner {
  width: 630px;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner h3 {
  margin-bottom: 20px;
  padding-top: 30px;
  padding-bottom: 12px;
  border-bottom: solid 2px #C8CDD2;
  font-size: 1.2em;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner .seal {
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage .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.mypage .wrapper main section.seal .inner dl dt,
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dd {
  margin-right: 30px;
  width: 85px;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dt:last-of-type,
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dd:last-of-type {
  margin-right: 0;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dt {
  order: 1;
  margin-bottom: 0.385em;
  font-size: 0.75em;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dd {
  order: 2;
  position: relative;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dd:after {
  content: "見本";
  position: absolute;
  right: -10px;
  bottom: -7px;
  display: block;
  padding: 0.25em 0.25em;
  background: rgba(10, 31, 102, 0.9);
  border-radius: 3px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner dl dd img {
  pointer-events: none;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner ul.note li {
  font-size: 0.875em;
}
.modePC #suntory_contents.mypage .wrapper main section.seal .inner p {
  margin-bottom: 20px;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.entry {
  position: relative;
  padding-top: 80px;
  padding-bottom: 20px;
  background: #0A1F66;
}
.modePC #suntory_contents.mypage .wrapper main section.entry h3 {
  position: absolute;
  top: -35px;
  left: 0;
  right: 0;
  display: block;
  padding: 0.75em 0.5em;
  width: 346px;
  background: #0A1F66;
  border: 3px solid #fff;
  border-radius: 9px;
  color: #fff;
  font-size: 1.375em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.entry h3:before, .modePC #suntory_contents.mypage .wrapper main section.entry h3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 10px 11px 0;
  border-style: solid;
  border-color: transparent;
}
.modePC #suntory_contents.mypage .wrapper main section.entry h3:before {
  bottom: -13px;
  border-top-color: #fff;
}
.modePC #suntory_contents.mypage .wrapper main section.entry h3:after {
  bottom: -9px;
  border-top-color: #0A1F66;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner {
  width: 630px;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li {
  margin-right: 20px;
  margin-bottom: 25px;
  padding-bottom: 10px;
  width: 335px;
  background: #fff;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li:nth-child(2n), .modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li:last-child {
  margin-right: 0;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li:nth-last-child(2):nth-child(2n+1), .modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li:last-child {
  margin-bottom: 0;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li h4 {
  padding: 0.5em 0.5em;
  color: #0A1F66;
  font-size: 1em;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li h4 span {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  transform: translateY(0.05em);
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li img {
  display: block;
  width: 100%;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0.8em 1em;
  width: 315px;
  min-height: 4em;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.4em;
  height: 0.4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li button.disabled {
  background: #efefef;
  border: 2px solid #c7cdd3;
  color: #9ba2a7;
  cursor: default;
}
.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul li button.disabled:after {
  content: none;
}
.modePC #suntory_contents.mypage .wrapper main section.history {
  padding-top: 20px;
  padding-bottom: 55px;
  background: #0A1F66;
}
.modePC #suntory_contents.mypage .wrapper main section.history button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 275px;
  background: #fff;
  border: 2px solid #0A1F66;
  border-radius: 5px;
  color: #0A1F66;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents.mypage .wrapper main section.history button:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.333em;
  height: 0.333em;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}
.modePC #suntory_contents.mypage .wrapper main section.redisp.redisp_body {
  padding-bottom: 70px;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp p {
  margin-bottom: 0.5em;
  width: 630px;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp ul.note {
  margin-bottom: 20px;
  width: 630px;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp ul.note li {
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  padding: 1.25em 1em;
  width: 630px;
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp button:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.mypage .wrapper main section.redisp dl.term {
  padding: 5px 30px 15px;
  width: 630px;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp dl.term dt {
  margin-bottom: 15px;
  padding: 0.75em 1em;
  width: 275px;
  border-bottom: 2px solid #919BB6;
  color: #0A1F66;
  font-size: 0.875em;
  font-weight: 700;
}
.modePC #suntory_contents.mypage .wrapper main section.redisp dl.term dd {
  font-size: 0.8125em;
}
.modePC #suntory_contents.mypage .wrapper main section.allOk {
  padding-bottom: 30px;
}
.modePC #suntory_contents.mypage .wrapper main section.allOk p {
  width: 630px;
  padding: 40px;
  border: 2px solid #919BB6;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.mypage .wrapper main .confirm_history {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.input {
  padding-bottom: 30px;
  background: #E5E7EE;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.input h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.input .inner {
  border: none;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.input .inner p.lead {
  margin-bottom: 15px;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.input .inner .note {
  margin-bottom: 30px;
  font-size: 0.875em;
  text-align: center;
}
.modePC #suntory_contents.mypage.iw .wrapper main section.redisp h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.mypage nav.logout {
  padding: 0.875em 50px;
  text-align: right;
}
.modePC #suntory_contents.mypage nav.logout a {
  display: inline-block;
  color: #333;
  font-size: 0.75em;
  text-decoration: none;
  vertical-align: bottom;
}
.modePC #suntory_contents.mypage nav.logout a:before {
  content: "";
  display: inline-block;
  margin-right: 0.8333333333em;
  width: 1.0833333333em;
  height: 2.0833333333em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M11%204V2c0-.6-.4-1-1-1H2c-.6%200-1%20.4-1%201v12c0%20.6.4%201%201%201h8c.6%200%201-.4%201-1v-2%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M4%207h5v2H4zM13%207.9L9%205.1v5.6l4-2.8-4-2.8v5.6z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  vertical-align: bottom;
}

.modeSP #suntory_contents.mypage header#mv h2 {
  width: 100%;
}
.modeSP #suntory_contents.mypage .wrapper main section.point {
  padding-top: 20px;
}
.modeSP #suntory_contents.mypage .wrapper main section.point .inner {
  padding-bottom: 25px;
  width: 44.6666666667vw;
  background: #fff;
  border: 1px solid #0A1F66;
  border-top: none;
}
.modeSP #suntory_contents.mypage .wrapper main section.point .inner h3 {
  margin-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.now_point {
  width: 84vw;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.now_point span {
  display: inline-block;
  margin-right: 0.1818181818em;
  font-size: 2.7777777778em;
  vertical-align: baseline;
}
.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.msg_point {
  margin-top: 0.5em;
  width: 84vw;
  color: #f00;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.input {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner {
  padding-bottom: 25px;
  width: 44.6666666667vw;
  border: 1px solid #0A1F66;
  border-top: none;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner h3 {
  margin-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner .error_msg {
  margin: 0 auto 4vw;
  padding: 1.8666666667vw 2.1333333333vw;
  width: min(84vw, 600px);
  color: #f00;
  border: 1px solid #f00;
  border-radius: 1.3333333333vw;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), #F00;
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner .error_msg p {
  color: #f00;
  text-align: left;
  font-size: inherit;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner .error_msg .icn {
  display: inline-block;
  width: 6.6666666667vw;
  vertical-align: middle;
  margin-right: 2.6666666667vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table {
  margin-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tbody {
  display: grid;
  gap: 2.6666666667vw 0;
  width: 84vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr {
  display: grid;
  grid-template-columns: 15.7333333333vw auto;
  gap: 0 2.4vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr th {
  margin: 0;
  padding-top: 2.4vw;
  padding-bottom: 2.4vw;
  padding-right: 1.3333333333vw;
  background: #0A1F66;
  color: #fff;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-clip-path: polygon(0% 0%, 86% 0%, 100% 50%, 86% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 86% 0%, 100% 50%, 86% 100%, 0% 100%);
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr td {
  margin: 0;
  vertical-align: top;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr td input {
  padding: 0 0.5em;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 0.2666666667vw solid #C8CDD2;
  border-radius: 1.3333333333vw;
  color: #333;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner a {
  position: relative;
  display: block;
  width: 36.6666666667vw;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #fff;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner a.multi {
  padding: 1em 1em;
  font-size: 1.0625em;
  font-weight: 700;
  text-decoration: none;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner a.multi small {
  font-size: 0.8em;
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner a.multi:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.471em;
  height: 0.471em;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.mypage .wrapper main section.input .inner hr {
  margin-top: 30px;
  margin-bottom: 20px;
  width: 84vw;
  border: none;
  border-bottom: 1px solid #C8CDD2;
}
.modeSP #suntory_contents.mypage .wrapper main section.seal {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.seal .inner {
  width: 84vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.seal .inner h3 {
  margin-bottom: 4vw;
  padding-bottom: 1.6vw;
  border-bottom: solid 0.5333333333vw #919BB6;
  font-size: 4.2666666667vw;
  text-align: center;
  font-weight: 700;
  color: #0A1F66;
}
.modeSP #suntory_contents.mypage .wrapper main section.seal .inner .seal {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.seal .inner p {
  margin-bottom: 5.3333333333vw;
  text-align: center;
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry {
  position: relative;
  padding-top: 80px;
  padding-bottom: 20px;
  background: #0A1F66;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry h3 {
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  display: block;
  padding: 0.75em 0.5em;
  width: min(44.6666666667vw, 296px);
  background: #0A1F66;
  border: 3px solid #fff;
  border-radius: 9px;
  color: #fff;
  font-size: 1.375em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry h3:before, .modeSP #suntory_contents.mypage .wrapper main section.entry h3:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 10px 11px 0;
  border-style: solid;
  border-color: transparent;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry h3:before {
  bottom: -13px;
  border-top-color: #fff;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry h3:after {
  bottom: -9px;
  border-top-color: #0A1F66;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner {
  width: 44.6666666667vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li {
  margin-bottom: 30px;
  padding-bottom: 10px;
  background: #fff;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li:last-child {
  margin-bottom: 0;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li h4 {
  padding: 0.5em 0.5em;
  color: #0A1F66;
  font-size: 1em;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li h4 span {
  display: inline-block;
  font-size: 1.5em;
  transform: translateY(0.05em);
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li img {
  display: block;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding: 0.8em 1em;
  width: 84vw;
  min-height: 4em;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.4em;
  height: 0.4em;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li button.disabled {
  background: #efefef;
  border: 0.5333333333vw solid #c7cdd3;
  color: #9ba2a7;
  cursor: default;
}
.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul li button.disabled:after {
  content: none;
}
.modeSP #suntory_contents.mypage .wrapper main section.history {
  padding-top: 10px;
  padding-bottom: 40px;
  background: #0A1F66;
}
.modeSP #suntory_contents.mypage .wrapper main section.history button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: min(84vw, 275px);
  background: #fff;
  border: 0.5333333333vw solid #0A1F66;
  border-radius: 1.3333333333vw;
  color: #0A1F66;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents.mypage .wrapper main section.history button:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.333em;
  height: 0.333em;
  border-top: 0.5333333333vw solid currentColor;
  border-right: 0.5333333333vw solid currentColor;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp.redisp_body {
  padding-bottom: 35px;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp h3 {
  margin-bottom: 8vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp p {
  margin-bottom: 0.5em;
  width: 84vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp ul.note {
  margin-bottom: 30px;
  width: 84vw;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp ul.note li {
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 35px;
  padding: 1.25em 1em;
  width: 84vw;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #fff;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp button:after {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.5em;
  height: 0.5em;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp dl.term {
  padding: 10px 2.6666666667vw 20px;
  width: 84vw;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp dl.term dt {
  margin-bottom: 20px;
  padding: 0.75em 1em;
  border-bottom: 0.5333333333vw solid #919BB6;
  color: #0A1F66;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.mypage .wrapper main section.redisp dl.term dd {
  font-size: 0.8125em;
}
.modeSP #suntory_contents.mypage .wrapper main section.allOk {
  padding-bottom: 30px;
}
.modeSP #suntory_contents.mypage .wrapper main section.allOk p {
  width: 84vw;
  padding: 20px 1em 25px;
  border: 0.5333333333vw solid #919BB6;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage .wrapper main .confirm_history {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.mypage.iw .wrapper main section.input {
  padding-bottom: 8vw;
  background: #E5E7EE;
}
.modeSP #suntory_contents.mypage.iw .wrapper main section.input h3 {
  margin-bottom: 8vw;
}
.modeSP #suntory_contents.mypage.iw .wrapper main section.input .inner {
  padding-bottom: 0;
  width: 84vw;
  border: none;
}
.modeSP #suntory_contents.mypage.iw .wrapper main section.input .inner p.lead {
  margin-bottom: 2.6666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.mypage.iw .wrapper main section.input .inner .note {
  margin-bottom: 8vw;
  font-size: 2.9333333333vw;
  text-align: center;
}
.modeSP #suntory_contents.mypage nav.logout {
  padding-top: 1.6em;
  padding-bottom: 1.6em;
  background: #fff;
  border-top: 1px solid #C8CDD2;
  text-align: center;
}
.modeSP #suntory_contents.mypage nav.logout a {
  display: inline-block;
  padding: 0 2em;
  color: #333;
  font-size: 3.7333333333vw;
  text-decoration: none;
  vertical-align: bottom;
}
.modeSP #suntory_contents.mypage nav.logout a:before {
  content: "";
  display: inline-block;
  margin-right: 0.7142857143em;
  width: 0.9285714286em;
  height: 1.7857142857em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23333%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M11%204V2c0-.6-.4-1-1-1H2c-.6%200-1%20.4-1%201v12c0%20.6.4%201%201%201h8c.6%200%201-.4%201-1v-2%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M4%207h5v2H4zM13%207.9L9%205.1v5.6l4-2.8-4-2.8v5.6z%22%2F%3E%3C%2Fsvg%3E") center center/contain no-repeat;
  vertical-align: bottom;
}

.modePC #suntory_contents.prizesel .wrapper main section.prizesel {
  padding-bottom: 55px;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel h3 {
  margin-bottom: 35px;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner {
  padding: 20px 113px 45px;
  width: 650px;
  background: #ffffff;
  border: 2px solid #919BB6;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner h4 {
  padding: 0 1em;
  color: #0A1F66;
  font-size: 1.5em;
  text-align: center;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner h4 span {
  display: inline-block;
  font-size: 1.5em;
  transform: translateY(0.05em);
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner img {
  margin-bottom: 10px;
  display: block;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner p.error_msg {
  margin: 10px 0;
  color: #f00;
  font-size: 0.9375em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  padding: 1.125em 2em;
  background: #E5E7EE;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dt,
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd {
  margin: 0;
  font-weight: 700;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dt {
  width: 10em;
  font-size: 0.875em;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd {
  flex: 1;
  width: auto;
  font-size: 1em;
  line-height: 1;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd span {
  display: inline-block;
  margin-right: 0.15em;
  font-size: 2.22em;
  vertical-align: baseline;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner p.notice {
  margin-bottom: 20px;
  color: #f00;
  font-size: 0.875em;
  text-align: center;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 25px;
  padding: 1.6em 1em 1.4em;
  width: 315px;
  min-height: 4em;
  background: #f00;
  border-radius: 5px;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner button span {
  margin: 0;
  line-height: 1;
  transform: scale(1.33) translateY(0.05em);
  transform-origin: right bottom;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.4em;
  height: 0.4em;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner button.disabled {
  background: #efefef;
  border: 2px solid #c7cdd3;
  color: #9ba2a7;
  cursor: default;
}
.modePC #suntory_contents.prizesel .wrapper main section.prizesel .inner button.disabled:after {
  content: none;
}
.modePC #suntory_contents.prizesel .wrapper main section.back {
  padding-bottom: 100px;
}

.modeSP #suntory_contents.prizesel .wrapper main section.prizesel {
  padding-bottom: 35px;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel h3 {
  margin-bottom: 30px;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner {
  padding-bottom: 20px;
  width: 44.6666666667vw;
  background: #ffffff;
  border: 0.5333333333vw solid #919BB6;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner h4 {
  padding: 0.5em 0.5em;
  color: #0A1F66;
  font-size: 1em;
  text-align: center;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner h4 span {
  display: inline-block;
  font-size: 1.5em;
  line-height: 1;
  transform: translateY(0.05em);
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner img {
  margin-bottom: 15px;
  display: block;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner p.error_msg {
  margin: 15px 0;
  width: 84vw;
  color: #f00;
  font-size: 0.9375em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 0.75em 1.25em;
  width: 84vw;
  background: #E5E7EE;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dt,
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd {
  margin: 0;
  font-weight: 700;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dt {
  width: 7em;
  font-size: 0.875em;
  transform: translateY(0.25em);
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd {
  flex: 1;
  width: auto;
  font-size: 1em;
  line-height: 1;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner .now_point dd span {
  display: inline-block;
  margin-right: 0.1em;
  font-size: 3em;
  vertical-align: baseline;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner p.notice {
  margin-bottom: 20px;
  width: 84vw;
  color: #f00;
  font-size: 0.875em;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: 20px;
  padding: 1.6em 1em 1.4em;
  width: 84vw;
  min-height: 4em;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner button span {
  margin: 0;
  line-height: 1;
  transform: scale(1.33) translateY(0.05em);
  transform-origin: right bottom;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.4em;
  height: 0.4em;
  border-top: 0.5333333333vw solid #fff;
  border-right: 0.5333333333vw solid #fff;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner button.disabled {
  background: #efefef;
  border: 0.5333333333vw solid #c7cdd3;
  color: #9ba2a7;
  cursor: default;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner button.disabled:after {
  content: none;
}
.modeSP #suntory_contents.prizesel .wrapper main section.prizesel .inner ul.note {
  width: 84vw;
}
.modeSP #suntory_contents.prizesel .wrapper main section.back {
  padding-bottom: 45px;
}

#suntory_contents .coupon {
  background: #E5E7EE;
}
#suntory_contents .coupon .title,
#suntory_contents .coupon .desc,
#suntory_contents .coupon .term {
  font-weight: 700;
  text-align: center;
}
#suntory_contents .coupon .text {
  font-weight: 800;
}
#suntory_contents .coupon .term .text :not(:first-of-type) {
  padding-top: 2em;
}
#suntory_contents .coupon .coupon_btn {
  text-align: center;
}
#suntory_contents .coupon .coupon_btn .note {
  margin-top: 15px;
}

.modeSP #suntory_contents .coupon {
  padding-top: 8vw;
}
.modeSP #suntory_contents .coupon h3 {
  margin-bottom: 8vw;
  width: 89.3333333333vw;
}
.modeSP #suntory_contents .coupon .inner {
  padding-bottom: 16vw;
  width: min(84vw, 630px);
}
.modeSP #suntory_contents .coupon .title {
  margin-bottom: 5.3333333333vw;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents .coupon .title em {
  font-size: 6.1333333333vw;
  display: block;
  padding-top: 2.6666666667vw;
}
.modeSP #suntory_contents .coupon .desc {
  margin-bottom: 5.3333333333vw;
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents .coupon .term {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents .coupon .term p ~ dl {
  margin-top: 4vw;
}
.modeSP #suntory_contents .coupon .title-hazure {
  margin-bottom: 1.3333333333vw;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents .coupon .text-hazure {
  margin-bottom: 4vw;
  font-size: 6.1333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents .coupon .coupon_btn + .coupon_btn {
  margin-top: 8vw;
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents .coupon ul.note li {
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents .coupon .coupon_btn + ul.note {
  margin-top: 4vw;
}
.modeSP #suntory_contents .coupon .serial_number {
  margin-top: 6.6666666667vw;
  margin-bottom: 10.6666666667vw;
  padding: 2vw 3.3333333333vw;
  width: min(100%, 350px);
  background: #fff;
  border-radius: 1.3333333333vw;
  text-align: center;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents .coupon .serial_number.mb0 {
  margin-bottom: 0;
}
.modeSP #suntory_contents .coupon .serial_number span {
  display: block;
}
.modeSP #suntory_contents .coupon .serial_number span + span {
  margin-top: 1.3333333333vw;
}

.modePC #suntory_contents .coupon {
  padding-top: 30px;
}
.modePC #suntory_contents .coupon h3 {
  margin-bottom: 30px;
  width: 670px;
}
.modePC #suntory_contents .coupon .inner {
  padding-bottom: 60px;
  width: 630px;
}
.modePC #suntory_contents .coupon .title {
  margin-bottom: 20px;
  font-size: 1.25em;
}
.modePC #suntory_contents .coupon .title em {
  font-size: 1.2em;
  display: block;
  padding-top: 0.5em;
}
.modePC #suntory_contents .coupon .desc {
  margin-bottom: 20px;
  font-size: 1em;
}
.modePC #suntory_contents .coupon .term {
  margin-bottom: 30px;
}
.modePC #suntory_contents .coupon .term p ~ dl {
  margin-top: 15px;
}
.modePC #suntory_contents .coupon .title-hazure {
  margin-bottom: 5px;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents .coupon .text-hazure {
  margin-bottom: 15px;
  font-size: 1.5em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents .coupon .coupon_btn + .coupon_btn {
  margin-top: 45px;
  margin-bottom: 20px;
}
.modePC #suntory_contents .coupon ul.note li {
  font-size: 1em;
}
.modePC #suntory_contents .coupon .coupon_btn + ul.note {
  margin-top: 15px;
}
.modePC #suntory_contents .coupon .serial_number {
  margin-top: 25px;
  margin-bottom: 50px;
  padding: 10px;
  width: 350px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
}
.modePC #suntory_contents .coupon .serial_number.mb0 {
  margin-bottom: 0;
}
.modePC #suntory_contents .coupon .serial_number span {
  display: block;
}
.modePC #suntory_contents .coupon .serial_number span + span {
  margin-top: 5px;
}

.modePC #suntory_contents.lot .JS-lot-result,
.modePC #suntory_contents.lot .JS-lot-coupon {
  display: none;
}
.modePC #suntory_contents.lot .wrapper main section.lot {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #E5E7EE;
}
.modePC #suntory_contents.lot .wrapper main section.lot ul {
  width: 630px;
}
.modePC #suntory_contents.lot .wrapper main section.lot ul li {
  display: none;
}
.modePC #suntory_contents.lot .wrapper main section.lot ul li:first-child {
  display: block;
}
.modePC #suntory_contents.lot .wrapper main section.result {
  padding-top: 30px;
  padding-bottom: 30px;
  background: #E5E7EE;
}
.modePC #suntory_contents.lot .wrapper main section.result h3 {
  margin-bottom: 30px;
  width: 630px;
}
.modePC #suntory_contents.lot .wrapper main section.result p {
  width: 630px;
  font-size: 1.3em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.check {
  padding-bottom: 60px;
  background: #E5E7EE;
}
.modePC #suntory_contents.lot .wrapper main section.check p {
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.check .btn + .btn {
  margin-top: 15px;
}
.modePC #suntory_contents.lot .wrapper main section.check dl.term {
  padding: 5px 30px 15px;
  width: 630px;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.check dl.term dt {
  margin-bottom: 15px;
  padding: 0.75em 1em;
  width: 275px;
  border-bottom: 2px solid #919BB6;
  color: #0A1F66;
  font-size: 0.875em;
  font-weight: 700;
}
.modePC #suntory_contents.lot .wrapper main section.check dl.term dd {
  font-size: 0.8125em;
}
.modePC #suntory_contents.lot .wrapper main section.history {
  padding: 30px 0;
  background-color: #fff;
  border-top: 1px solid #C8CDD2;
}
.modePC #suntory_contents.lot .wrapper main section.history button {
  position: relative;
  display: block;
  padding: 1.25em 1em;
  padding-right: 50px;
  width: 630px;
  border: 1px solid #0A1F66;
  border-radius: 5px;
  color: #0A1F66;
  font-size: 0.875em;
  text-align: justify;
  text-decoration: none;
}
.modePC #suntory_contents.lot .wrapper main section.history 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.lot .wrapper main section.coupon_title {
  padding-bottom: 30px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_title h3 {
  margin-bottom: 30px;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.5em;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_title h3 span {
  margin-right: 0.1em;
  font-size: 1.375em;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_title h3 span i {
  margin-right: 0.1em;
  font-size: 1.12em;
  font-style: normal;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_title p.lead {
  width: 630px;
  font-size: 0.875em;
}
.modePC #suntory_contents.lot .wrapper main section.coupon_title p.lead em {
  color: #f00;
  font-weight: 700;
}
.modePC #suntory_contents.lot .wrapper main section.coupon {
  padding-bottom: 35px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner {
  position: relative;
  margin-bottom: 30px;
  padding: 15px 15px 20px;
  width: 630px;
  background: #39ad36;
  color: #ffffff;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 12px 20px 0;
  border-style: solid;
  border-color: #39ad36 transparent transparent;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner h3 {
  margin-bottom: 13px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner input {
  margin-bottom: 10px;
  width: 100%;
  height: 2.5em;
  background: #ffffff;
  text-align: center;
  font-size: 1.375em;
  font-weight: 700;
}
@media (max-width: 320px) {
  .modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner input {
    font-size: 3.4375vw;
  }
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term {
  margin-bottom: 12px;
  width: 375px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dt,
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd {
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dt {
  font-size: 0.8125em;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd {
  margin-bottom: 0.71em;
  font-size: 0.875em;
  font-weight: 700;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}
.modePC #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner ul {
  width: 315px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon a.btn_coupon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
  padding: 0.667em 1.5em;
  width: 375px;
  background: #f00;
  border-radius: 5px;
  color: #ffffff;
  font-size: 1.3125em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modePC #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}
.modePC #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}
.modePC #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}
.modePC #suntory_contents.lot .wrapper main section.coupon ul.extlink {
  width: 375px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon ul.extlink li {
  font-size: 0.8125em;
  text-align: center;
}
.modePC #suntory_contents.lot .wrapper main section.back {
  padding-top: 35px;
  padding-bottom: 35px;
}
.modePC #suntory_contents.lot .wrapper main section.coupon + section.back {
  padding-top: 0;
}

.modeSP #suntory_contents.lot .JS-lot-result,
.modeSP #suntory_contents.lot .JS-lot-coupon {
  display: none;
}
.modeSP #suntory_contents.lot .wrapper main section.lot {
  padding-top: 8vw;
  padding-bottom: 8vw;
  background: #E5E7EE;
}
.modeSP #suntory_contents.lot .wrapper main section.lot ul {
  width: 84vw;
}
.modeSP #suntory_contents.lot .wrapper main section.lot ul li {
  display: none;
}
.modeSP #suntory_contents.lot .wrapper main section.lot ul li:first-child {
  display: block;
}
.modeSP #suntory_contents.lot .wrapper main section.result {
  padding-top: 8vw;
  padding-bottom: 8vw;
  background: #E5E7EE;
}
.modeSP #suntory_contents.lot .wrapper main section.result h3 {
  margin-bottom: 8vw;
  width: 89.3333333333vw;
}
.modeSP #suntory_contents.lot .wrapper main section.result p {
  width: 84vw;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.check {
  padding-bottom: 16vw;
  background-color: #E5E7EE;
}
.modeSP #suntory_contents.lot .wrapper main section.check p {
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.check .btn + .btn {
  margin-top: 4vw;
}
.modeSP #suntory_contents.lot .wrapper main section.check dl.term {
  padding: 10px 2.6666666667vw 20px;
  width: 84vw;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.check dl.term dt {
  margin-bottom: 20px;
  padding: 0.75em 1em;
  border-bottom: 0.5333333333vw solid #919BB6;
  color: #0A1F66;
  font-size: 0.875em;
  font-weight: 700;
}
.modeSP #suntory_contents.lot .wrapper main section.check dl.term dd {
  font-size: 0.8125em;
}
.modeSP #suntory_contents.lot .wrapper main section.history {
  padding: 8vw 0;
  background-color: #fff;
  border-top: 1px solid #C8CDD2;
}
.modeSP #suntory_contents.lot .wrapper main section.history button {
  position: relative;
  display: block;
  padding: 1.25em 1em;
  padding-right: 45px;
  width: 84vw;
  border: 1px solid currentColor;
  border-radius: 1.3333333333vw;
  color: #0A1F66;
  font-size: 0.875em;
  text-align: justify;
  text-decoration: none;
}
.modeSP #suntory_contents.lot .wrapper main section.history button:after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 0.33em;
  height: 0.33em;
  border-top: 0.5333333333vw solid currentColor;
  border-right: 0.5333333333vw solid currentColor;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title h3 {
  margin-bottom: 8vw;
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: 1.5em;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title h3 span {
  margin-right: 0.1em;
  font-size: 1.375em;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title h3 span i {
  margin-right: 0.1em;
  font-size: 1.12em;
  font-style: normal;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title p.lead {
  width: 84vw;
  font-size: 0.875em;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon_title p.lead em {
  color: #f00;
  font-weight: 700;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon {
  padding-bottom: 35px;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner {
  position: relative;
  margin-bottom: 30px;
  padding: 1vw 4 2vw 20px;
  width: 84vw;
  background: #39ad36;
  color: #ffffff;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1vw 4;
  display: block;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-width: 1vw 4 20px 0;
  border-style: solid;
  border-color: #39ad36 transparent transparent;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner h3 {
  margin-bottom: 10px;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner input {
  margin-bottom: 10px;
  width: 100%;
  height: 2.5em;
  background: #ffffff;
  text-align: center;
  font-size: 1.375em;
  font-weight: 700;
}
@media (max-width: 320px) {
  .modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner input {
    font-size: 3.4375vw;
  }
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term {
  margin-bottom: 1vw 4;
  width: 36.6666666667vw;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dt,
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd {
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dt {
  font-size: 0.8125em;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd {
  margin-bottom: 0.71em;
  font-size: 0.875em;
  font-weight: 700;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner dl.term dd:last-of-type {
  margin-bottom: 0;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon.coupon_ln .inner ul {
  width: 36.6666666667vw;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon a.btn_coupon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1vw 4;
  padding: 0.667em 1.5em;
  width: 84vw;
  background: #f00;
  border-radius: 1.3333333333vw;
  color: #ffffff;
  font-size: 1.3125em;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}
.modeSP #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 7px;
  height: 7px;
  border: 1px solid currentColor;
  box-sizing: border-box;
  transform: translateX(1px) translateY(-1px);
}
.modeSP #suntory_contents.lot .wrapper main section.coupon a.btn_coupon:before {
  content: "";
  border-top: none;
  border-right: none;
  transform: translateX(-1px) translateY(1px);
}
.modeSP #suntory_contents.lot .wrapper main section.coupon ul.extlink {
  width: 84vw;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon ul.extlink li {
  font-size: 0.8125em;
  text-align: center;
}
.modeSP #suntory_contents.lot .wrapper main section.back {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modeSP #suntory_contents.lot .wrapper main section.coupon + section.back {
  padding-top: 0;
}

.modePC #suntory_contents.history .wrapper main section.title {
  padding-bottom: 30px;
}
.modePC #suntory_contents.history .wrapper main section.history {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modePC #suntory_contents.history .wrapper main section.history .title {
  margin-bottom: 30px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.history .wrapper main section.history .inner {
  width: 630px;
  border: 1px solid #C8CDD2;
}
.modePC #suntory_contents.history .wrapper main section.history .inner h4 {
  padding: 15px 0;
  color: #fff;
  background: #0A1F66;
  font-size: 1.25em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  padding: 30px 15px;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.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 em,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li em {
  color: #f00;
}
.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 {
  margin-bottom: 20px;
}
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li + li,
.modePC #suntory_contents.history .wrapper main section.history .inner ul.prize li + li {
  border-top: 1px solid #C8CDD2;
}
.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;
}
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon {
  background: #fff;
  padding-top: 0;
}
.modePC #suntory_contents.history .wrapper main section.history .inner ul.coupon li button {
  width: 350px;
}
.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 {
  display: grid;
  gap: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid #C8CDD2;
}

.modeSP #suntory_contents.history .wrapper main section.title {
  padding-bottom: 35px;
}
.modeSP #suntory_contents.history .wrapper main section.history {
  padding-top: 10.6666666667vw;
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.history .wrapper main section.history .title {
  margin-bottom: 10.6666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner {
  width: 84vw;
  border: 0.2666666667vw solid #C8CDD2;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner h4 {
  padding: 2.4vw;
  color: #fff;
  background: #0A1F66;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  padding: 8vw 4vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.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 em,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li em {
  color: #f00;
}
.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 {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li + li,
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li + li {
  border-top: 0.2666666667vw solid #C8CDD2;
}
.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 {
  margin-bottom: 5.3333333333vw;
}
.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;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.coupon li button {
  width: min(76vw, 350px);
}
.modeSP #suntory_contents.history .wrapper main section.history .inner ul.prize li {
  padding-top: 4vw;
  padding-bottom: 8vw;
}
.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 {
  display: grid;
  gap: 8vw;
  padding-top: 8vw;
  padding-bottom: 8vw;
  border-top: 0.2666666667vw solid #C8CDD2;
}

.modePC #suntory_contents.userregist .wrapper section.lead {
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.modePC #suntory_contents.userregist .wrapper section.lead p.lead {
  margin-bottom: 10px;
  width: 630px;
  text-align: center;
  font-size: 1em;
  font-weight: 700;
}
.modePC #suntory_contents.userregist .wrapper section.lead ul.note {
  width: 630px;
  text-align: center;
}
.modePC #suntory_contents.userregist .wrapper section.lead ul.note li {
  font-size: 1em;
}
.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: 630px;
  height: 355px;
  border: 1px solid #C8CDD2;
  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;
}
.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: #0A1F66;
  border-radius: 4px;
  color: #fff;
  font-size: 1em;
  font-weight: 700;
  text-align: left;
}
.modePC #suntory_contents.userregist .wrapper section.regulation blockquote h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 700;
  text-align: left;
}
.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;
}
.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: 30px;
}
.modePC #suntory_contents.userregist .wrapper section.outline h3 {
  margin-bottom: 30px;
}
.modePC #suntory_contents.userregist .wrapper section.outline blockquote {
  padding: 2em 2em;
  width: 630px;
  height: 355px;
  border: 1px solid #C8CDD2;
  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: 700;
}
.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;
}
.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: 700;
}
.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: 30px;
}
.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: 630px;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li {
  display: block;
  margin-bottom: 30px;
  border: 1px solid #919BB6;
}
.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;
  padding: 15px 0;
  color: #fff;
  background: #919BB6;
  font-weight: 700;
  font-size: 1.25em;
  text-align: center;
  line-height: 1;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .inner {
  padding: 15px;
  font-size: 1em;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 {
  margin-bottom: 15px;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 i {
  display: block;
  color: #f00;
  font-size: 0.857em;
  font-weight: 700;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li p.inputSample {
  text-align: center;
}
.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: 350px;
  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 #C8CDD2;
  border-radius: 5px;
  background: #E5E7EE;
  font-size: 1em;
  cursor: pointer;
}
.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 #C8CDD2;
  border-radius: 3px;
  background: #fff;
}
.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: #fff;
  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: #f00;
  background: #f00;
}
.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, .modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=checkbox]:hover + i, .modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input[type=radio]:hover + i {
  border-color: #f00;
}
.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: #fff;
  transform: none;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select {
  position: relative;
  display: block;
  width: 350px;
}
.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 #C8CDD2;
  background: #fff;
  color: #333;
  font-size: 1em;
  overflow: hidden;
  cursor: pointer;
}
.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);
  aspect-ratio: 1/1;
  background-color: #E5E7EE;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-right: 2px solid #919BB6;
  border-bottom: 2px solid #919BB6;
  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 .select select:focus + label, .modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select select:hover + label {
  border-color: #f00;
}
.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 input {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0.75em 1em;
  outline: 1px solid #C8CDD2;
  border: none;
  font-size: 1em;
  text-align: center;
  box-sizing: border-box;
}
.modePC #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other p {
  margin-bottom: 10px;
  font-size: 1em;
  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 #C8CDD2;
  border-radius: 5px;
  background: #E5E7EE;
  font-size: 1em;
  resize: vertical;
}
.modePC #suntory_contents.userregist .wrapper section.submit {
  padding: 40px 0;
  border-top: 1px solid #C8CDD2;
  background: #E5E7EE;
}
.modePC #suntory_contents.userregist .wrapper section.submit .error {
  margin-bottom: 20px;
  color: #f00;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.userregist .wrapper section.submit .error:empty {
  display: none;
}

.modeSP #suntory_contents.userregist .wrapper section.lead {
  padding-top: 8vw;
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.userregist .wrapper section.lead p.lead {
  margin-bottom: 0.6666666667vw;
  width: 84vw;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.userregist .wrapper section.lead ul.note {
  width: 84vw;
  text-align: center;
}
.modeSP #suntory_contents.userregist .wrapper section.lead ul.note li {
  font-size: 3.2vw;
}
.modeSP #suntory_contents.userregist .wrapper section.regulation {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.userregist .wrapper section.regulation h3 {
  margin-bottom: 3.3333333333vw;
}
.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote {
  padding: 15px 0.75em;
  width: 84vw;
  height: 60.6666666667vw;
  border: 0.2666666667vw solid #C8CDD2;
  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: 3.2vw;
}
.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% + 1.3333333333vw);
  background: #0A1F66;
  border-radius: 1.3333333333vw;
  color: #fff;
  font-weight: 700;
  text-align: left;
}
.modeSP #suntory_contents.userregist .wrapper section.regulation blockquote h3 {
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 1em;
  font-weight: 700;
  text-align: left;
}
.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: 3.2vw;
}
.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: 8vw;
}
.modeSP #suntory_contents.userregist .wrapper section.outline h3 {
  margin-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.userregist .wrapper section.outline blockquote {
  padding: 1.5em 1em;
  width: 84vw;
  height: 122.6666666667vw;
  border: 0.2666666667vw solid #C8CDD2;
  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: 2.6666666667vw;
  font-size: 3.2vw;
  font-weight: 700;
}
.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: 1.3333333333vw;
  font-size: 3.2vw;
  text-align: left;
}
.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: 700;
}
.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;
}
@media (orientation: landscape) {
  .modeSP #suntory_contents.userregist .wrapper section.outline blockquote {
    max-height: 50vh;
  }
}
.modeSP #suntory_contents.userregist .wrapper section.enquete {
  padding-bottom: 8vw;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete h3 {
  margin-bottom: 5.3333333333vw;
}
.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: 5.3333333333vw;
  border: 0.2666666667vw solid #919BB6;
}
.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;
  padding-top: 3.3333333333vw;
  padding-bottom: 3.3333333333vw;
  width: 100%;
  color: #fff;
  background: #919BB6;
  font-size: 4.2666666667vw;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .inner {
  padding: 4vw;
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 {
  margin-bottom: 5.3333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li h4 i {
  display: inline-block;
  color: #f00;
  font-size: 3.2vw;
  font-weight: 700;
}
.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;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li {
  display: block;
  width: 100%;
  margin-left: 0;
  margin-bottom: 2.6666666667vw;
}
.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: 1.8666666667vw 2.6666666667vw 1.8666666667vw 3em;
  border: 0.2666666667vw solid #C8CDD2;
  border-radius: 1.3333333333vw;
  background: #E5E7EE;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li ul li label input {
  position: absolute;
  width: 0.2666666667vw;
  height: 0.2666666667vw;
  margin: -vw(2);
  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: 0.2666666667vw solid #C8CDD2;
  border-radius: 1.3333333333vw;
  background: #fff;
}
.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 0.5333333333vw 0.5333333333vw 0;
  border-style: none solid solid none;
  border-color: #fff;
  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: #f00;
  background: #f00;
}
.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: #f00;
}
.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: #fff;
  transform: none;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select {
  position: relative;
  display: block;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label {
  position: relative;
  display: block;
  padding: 3.4666666667vw 6.6666666667vw 3.4666666667vw 1.8666666667vw;
  border: 0.2666666667vw solid #919BB6;
  background: #fff;
  color: #333;
  font-size: 3.7333333333vw;
  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);
  aspect-ratio: 1/1;
  background-color: #E5E7EE;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select label i:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 0.5em;
  height: 0.5em;
  border-right: 0.5333333333vw solid #919BB6;
  border-bottom: 0.5333333333vw solid #919BB6;
  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;
  font-family: inherit;
  -webkit-appearance: menulist-button;
  z-index: 1;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .select select:focus + label {
  border-color: #f00;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other {
  padding-top: 1.3333333333vw;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other p {
  margin-bottom: 1.3333333333vw;
  font-size: 3.7333333333vw;
}
.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: 0.2666666667vw solid #919BB6;
  border-radius: 1.3333333333vw;
  background: #E5E7EE;
  font-size: 3.7333333333vw;
  resize: vertical;
}
.modeSP #suntory_contents.userregist .wrapper section.enquete ol.enquete_list > li .other input {
  display: block;
  margin: 0 auto;
  padding: 3.7333333333vw;
  width: 100%;
  outline: 0.2666666667vw solid #919BB6;
  border: none;
  font-size: 3.7333333333vw;
  text-align: center;
  box-sizing: border-box;
}
.modeSP #suntory_contents.userregist .wrapper section.submit {
  padding-top: 8vw;
  padding-bottom: 8vw;
  border-top: 0.2666666667vw solid #C8CDD2;
  background: #E5E7EE;
}
.modeSP #suntory_contents.userregist .wrapper section.submit .error {
  margin-bottom: 2.6666666667vw;
  color: #f00;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.userregist .wrapper section.submit .error:empty {
  display: none;
}

.modePC #suntory_contents.error .wrapper section.error .inner {
  padding-top: 40px;
  padding-bottom: 40px;
  width: 630px;
}
.modePC #suntory_contents.error .wrapper section.error p {
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.error .wrapper section.error dl.term {
  padding: 10px 2.6666666667vw 30px;
  width: 630px;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modePC #suntory_contents.error .wrapper section.error dl.term dt {
  margin-bottom: 20px;
  padding: 0.75em 1em;
  border-bottom: 0.2666666667vw solid #919BB6;
  color: #0A1F66;
  font-size: 1em;
  font-weight: 700;
}
.modePC #suntory_contents.error .wrapper section.error dl.term dd {
  font-size: 1em;
}
.modePC #suntory_contents.error .wrapper section.back_top {
  padding-top: 4vw;
  padding-bottom: 4vw;
  border-top: 1px solid #C8CDD2;
}

.modeSP #suntory_contents.error .wrapper section.error .inner {
  padding-top: 10.6666666667vw;
  padding-bottom: 10.6666666667vw;
  width: 84vw;
}
.modeSP #suntory_contents.error .wrapper section.error p {
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.error .wrapper section.error dl.term {
  padding: 10px 2.6666666667vw 30px;
  width: 84vw;
  border: 1px solid #C8CDD2;
  text-align: center;
}
.modeSP #suntory_contents.error .wrapper section.error dl.term dt {
  margin-bottom: 20px;
  padding: 0.75em 1em;
  border-bottom: 0.2666666667vw solid #919BB6;
  color: #0A1F66;
  font-size: 3.7333333333vw;
  font-weight: 700;
}
.modeSP #suntory_contents.error .wrapper section.error dl.term dd {
  font-size: 3.7333333333vw;
}
.modeSP #suntory_contents.error .wrapper section.back_top {
  padding-top: 8vw;
  padding-bottom: 8vw;
  border-top: 0.2666666667vw solid #C8CDD2;
}

.modePC #suntory_contents.contact .wrapper section.title {
  padding-bottom: 40px;
}
.modePC #suntory_contents.contact .wrapper section.title h3 {
  margin-bottom: 40px;
}
.modePC #suntory_contents.contact .wrapper section.title p {
  width: 630px;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.contact .wrapper section.contactcode {
  padding-bottom: 20px;
}
.modePC #suntory_contents.contact .wrapper section.contactcode .inner {
  padding-bottom: 10px;
  width: 630px;
  border: 1px solid #C8CDD2;
}
.modePC #suntory_contents.contact .wrapper section.contactcode .inner h3 {
  padding: 0.72em 0.5em;
  background: #fff;
  font-size: 1em;
  font-weight: 700;
  text-align: center;
}
.modePC #suntory_contents.contact .wrapper section.contactcode .inner input {
  display: none;
  width: 100%;
  height: 2.75em;
  font-size: 1.25em;
  text-align: center;
}
.modePC #suntory_contents.contact .wrapper section.contactcode .inner input:first-of-type {
  display: block;
}
.modePC #suntory_contents.contact .wrapper section.back {
  padding-bottom: 60px;
}
.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 #0A1F66;
  border-radius: 5px;
  color: #0A1F66;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  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;
}

.modeSP #suntory_contents.contact .wrapper section.title {
  padding-bottom: 10.6666666667vw;
}
.modeSP #suntory_contents.contact .wrapper section.title h3 {
  margin-bottom: 10.6666666667vw;
}
.modeSP #suntory_contents.contact .wrapper section.title p {
  width: 84vw;
  font-size: 3.7333333333vw;
  text-align: center;
}
.modeSP #suntory_contents.contact .wrapper section.contactcode {
  padding-bottom: 5.3333333333vw;
}
.modeSP #suntory_contents.contact .wrapper section.contactcode .inner {
  padding-bottom: 2.6666666667vw;
  width: 84vw;
  border: 0.2666666667vw solid #C8CDD2;
}
.modeSP #suntory_contents.contact .wrapper section.contactcode .inner h3 {
  padding: 0.72em 0.5em;
  background: #fff;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}
.modeSP #suntory_contents.contact .wrapper section.contactcode .inner input {
  display: none;
  width: 100%;
  height: 2.75em;
  font-size: 4.2666666667vw;
  text-align: center;
}
.modeSP #suntory_contents.contact .wrapper section.contactcode .inner input:first-of-type {
  display: block;
}
.modeSP #suntory_contents.contact .wrapper section.back {
  padding-bottom: 16vw;
}
.modeSP #suntory_contents.contact .wrapper section.close {
  padding-bottom: 16vw;
}
.modeSP #suntory_contents.contact .wrapper section.close button {
  position: relative;
  display: block;
  padding: 1em 2.5em;
  width: 48vw;
  background: #ffffff;
  border: 0.5333333333vw solid #0A1F66;
  border-radius: 1.3333333333vw;
  color: #0A1F66;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.1s linear;
}
.modeSP #suntory_contents.contact .wrapper section.close button:before {
  content: "";
  position: absolute;
  left: 4vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 0.2666666667vw solid currentColor;
  border-bottom: 0.2666666667vw solid currentColor;
  transform: rotate(45deg);
}
.modeSP #suntory_contents.contact .wrapper section.close button:after {
  content: "";
  position: absolute;
  left: 4vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1em;
  height: 0;
  border-top: 0.2666666667vw solid currentColor;
  border-bottom: 0.2666666667vw 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;
}

#suntory_contents.static .wrapper section.outline {
  padding-top: 8vw;
  padding-bottom: 8vw;
  border-bottom: solid 0.2666666667vw #C8CDD2;
  font-size: 3.7333333333vw;
}
#suntory_contents.static .wrapper section.outline a {
  word-break: break-all;
}
#suntory_contents.static .wrapper section.outline > dl {
  width: 84vw;
}
#suntory_contents.static .wrapper section.outline > dl > dt {
  margin-top: 1.5em;
  font-weight: 700;
}
#suntory_contents.static .wrapper section.outline > dl dt:first-child {
  margin-top: 0;
}
#suntory_contents.static .wrapper section.outline > dl > dd {
  font-size: 3.7333333333vw;
  text-align: left;
}
#suntory_contents.static .wrapper section.outline > dl > dd ul.list li,
#suntory_contents.static .wrapper section.outline > dl > dd ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}
#suntory_contents.static .wrapper section.outline > dl > dd ol {
  counter-reset: cnt;
}
#suntory_contents.static .wrapper section.outline > dl > dd ol li {
  counter-increment: cnt;
  position: relative;
  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 dl dt {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#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 > dl a {
  color: #0075FF;
  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: 3.2vw;
}
#suntory_contents.static .wrapper section.regulation blockquote p.end {
  text-align: right;
}
#suntory_contents.static .wrapper section.regulation blockquote h2 {
  padding: 0.8125em 1em;
  background: #0A1F66;
  border-radius: 1.3333333333vw;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
}
#suntory_contents.static .wrapper section.regulation blockquote h3 {
  font-weight: 700;
  text-align: left;
}
#suntory_contents.static .wrapper section.regulation blockquote ol {
  counter-reset: cnt;
}
#suntory_contents.static .wrapper section.regulation blockquote ol li {
  position: relative;
  padding-left: 2em;
  font-size: 3.2vw;
}
#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 {
  border: 0.5333333333vw solid #919BB6;
}
#suntory_contents.static .wrapper section.prize ul li h4 {
  color: #0A1F66;
  text-align: center;
}
#suntory_contents.static .wrapper section.prize ul li h4 span {
  display: inline-block;
}
#suntory_contents.static .wrapper section.prize ul li img {
  display: block;
}
#suntory_contents.static .wrapper section.prize ul li h5 {
  width: 36.6666666667vw;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
}
#suntory_contents.static .wrapper section.prize ul li p {
  width: 36.6666666667vw;
  font-size: 3.2vw;
}
#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;
}
#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: #0A1F66;
  border-radius: 5px;
  color: #ffffff;
  font-weight: 700;
  text-align: left;
  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-top: 2px solid currentColor;
  border-right: 2px solid 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: #0A1F66;
  color: #ffffff;
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  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: #fff;
  border: 2px solid #0A1F66;
  border-radius: 5px;
  font-size: 1em;
  font-weight: 700;
  text-align: left;
  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;
  color: #0A1F66;
}
#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: #0A1F66;
  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;
}
#suntory_contents.static .wrapper section.qa > dl > dd:before {
  content: "A" counter(cnt) ".";
  display: block;
  margin-bottom: 0.5em;
  color: #0A1F66;
  font-size: 1.07em;
  font-weight: 700;
  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: 700;
}
#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: #0A1F66;
  border: 2px solid #0A1F66;
  border-radius: 5px;
  color: #ffffff;
  font-size: 0.875em;
  font-weight: 700;
  text-align: center;
  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: 8vw;
  padding-bottom: 8vw;
}
#suntory_contents.static .wrapper section.close button {
  cursor: pointer;
  position: relative;
  display: block;
  padding: 5.3333333333vw 8vw 4.6666666667vw 8vw;
  width: 84vw;
  border: 0.2666666667vw solid #333;
  border-radius: 1.3333333333vw;
  color: #333;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
#suntory_contents.static .wrapper section.close button:before {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 2.1333333333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 4.2666666667vw;
  height: 0;
  border-top: 0.2666666667vw solid currentColor;
  border-bottom: 0.2666666667vw solid currentColor;
  transform: rotate(45deg);
}
#suntory_contents.static .wrapper section.close button:after {
  content: "";
  pointer-events: none;
  position: absolute;
  left: 2.1333333333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 4.2666666667vw;
  height: 0;
  border-top: 0.2666666667vw solid currentColor;
  border-bottom: 0.2666666667vw 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;
}

.modePC #suntory_contents.static .wrapper section.outline {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: solid 2px #C8CDD2;
  font-size: 1em;
}
.modePC #suntory_contents.static .wrapper section.outline > dl {
  width: 630px;
}
.modePC #suntory_contents.static .wrapper section.outline > dl > dd {
  font-size: 1em;
}
.modePC #suntory_contents.static .wrapper section.close {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modePC #suntory_contents.static .wrapper section.close button {
  padding: 15px 2.5em;
  width: 600px;
  border: 2px solid #333;
  border-radius: 10px;
  font-size: 1em;
}
.modePC #suntory_contents.static .wrapper section.close button:before {
  content: "";
  left: 1em;
  width: 1.25em;
  height: 0;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}
.modePC #suntory_contents.static .wrapper section.close button:after {
  content: "";
  left: 1em;
  width: 1.25em;
  height: 0;
  border-top: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
}/*# sourceMappingURL=style.css.map */