@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: 'Roboto','Noto Sans JP',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-weight: 500;
  color: #000000;
  word-wrap: break-word;
}

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

#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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

#suntory_contents .wrapper {
  background: url(../img/bg_stripe.png) center top/372px 372px repeat;
}

#suntory_contents .wrapper main {
  display: block;
}

#suntory_contents .red {
  color: #e60012;
}

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

#suntory_contents .hidden {
  display: none !important;
}

#suntory_contents ul.note li {
  margin-bottom: 0.5em;
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: 0.01em;
}

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

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

#suntory_contents a {
  color: #0066aa;
}

.modePC #suntory_contents {
  min-width: 960px;
}

.modePC #suntory_contents header#kv_sub {
  padding-top: 38px;
  padding-bottom: 38px;
  background: url(../img/bg_kv_sub_pc.png) center top/100% 100% no-repeat;
}

.modePC #suntory_contents header#kv_sub h2 {
  width: 100%;
  max-width: 1164px;
  background: url(../img/kv_sub_pc.png) center top/contain no-repeat;
  -webkit-box-shadow: 0 0 0 3px #ffffff;
          box-shadow: 0 0 0 3px #ffffff;
}

.modePC #suntory_contents header#kv_sub h2:after {
  content: '';
  display: block;
  padding-top: 17.18213%;
}

.modePC #suntory_contents .wrapper {
  margin: 0 auto;
  width: 750px;
  background: url(../img/bg_stripe.png) center top/186px 186px repeat;
}

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

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

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

.modePC #suntory_contents nav.link ul li {
  margin-bottom: 15px;
}

.modePC #suntory_contents nav.link ul li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents nav.link ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  width: 300px;
  height: 60px;
  background: #41210f;
  border-radius: 30px;
  color: #ffffff;
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.modePC #suntory_contents nav.link ul li a.ext:before {
  content: '';
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-radius: 2px;
  background: #41210f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(1px) translateY(-1px);
          transform: translateX(1px) translateY(-1px);
}

.modePC #suntory_contents nav.link ul li a.ext:after {
  content: '';
  position: absolute;
  right: 30px;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 10px;
  height: 10px;
  border: 1px solid currentColor;
  border-radius: 2px;
  background: #41210f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(1px) translateY(-1px);
          transform: translateX(1px) translateY(-1px);
}

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

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

.modePC #suntory_contents nav.brand {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.modePC #suntory_contents nav.brand a {
  display: block;
  width: 180px;
  height: 70px;
  background: url(../img/bnr_brand.png) center top/contain no-repeat;
}

.modePC #suntory_contents nav.brand a img {
  display: none;
}

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

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

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

.modeSP #suntory_contents nav.link ul li {
  margin-bottom: 5.33333vw;
}

.modeSP #suntory_contents nav.link ul li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents nav.link ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 13.33333vw;
  padding-right: 13.33333vw;
  width: 73.33333vw;
  height: 14.4vw;
  background: #41210f;
  border-radius: 7.2vw;
  color: #ffffff;
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-decoration: none;
}

.modeSP #suntory_contents nav.link ul li a.ext:before {
  content: '';
  position: absolute;
  right: 8vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 2.66667vw;
  height: 2.66667vw;
  border: 0.26667vw solid currentColor;
  border-radius: 0.53333vw;
  background: #41210f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(0.26667vw) translateY(-0.26667vw);
          transform: translateX(0.26667vw) translateY(-0.26667vw);
}

.modeSP #suntory_contents nav.link ul li a.ext:after {
  content: '';
  position: absolute;
  right: 8vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 2.66667vw;
  height: 2.66667vw;
  border: 0.26667vw solid currentColor;
  border-radius: 0.53333vw;
  background: #41210f;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translateX(0.26667vw) translateY(-0.26667vw);
          transform: translateX(0.26667vw) translateY(-0.26667vw);
}

.modeSP #suntory_contents nav.link ul li a.ext:before {
  content: '';
  border-top: none;
  border-right: none;
  -webkit-transform: translateX(-0.26667vw) translateY(0.26667vw);
          transform: translateX(-0.26667vw) translateY(0.26667vw);
}

.modeSP #suntory_contents nav.link ul li a.next:after {
  content: '';
  position: absolute;
  right: 9.33333vw;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 1.86667vw;
  height: 1.86667vw;
  border-width: 0.53333vw 0.53333vw 0 0;
  border-style: solid solid none none;
  border-color: currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modeSP #suntory_contents nav.brand {
  padding-top: 6.66667vw;
  padding-bottom: 8vw;
  background-color: #ffffff;
}

.modeSP #suntory_contents nav.brand a {
  display: block;
  width: 48.26667vw;
}

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

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

.modePC #suntory_contents.top .wrapper {
  width: 100%;
}

.modePC #suntory_contents.top .wrapper img {
  display: none;
}

.modePC #suntory_contents.top .wrapper header#mv {
  padding-top: 60px;
}

.modePC #suntory_contents.top .wrapper header#mv h2 {
  width: 100%;
  max-width: 1164px;
  background: url(../img/mv_pc.png) center top/contain no-repeat;
  -webkit-box-shadow: 0 0 0 3px #ffffff;
          box-shadow: 0 0 0 3px #ffffff;
}

.modePC #suntory_contents.top .wrapper header#mv h2:after {
  content: '';
  display: block;
  padding-top: 38.65979%;
}

.modePC #suntory_contents.top .wrapper header#mv h2 img {
  display: none;
}

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

.modePC #suntory_contents.top .wrapper .prize_wrp {
  background: -webkit-gradient(linear, left top, right top, from(rgba(210, 157, 0, 0)), color-stop(50%, rgba(255, 255, 190, 0.7)), to(rgba(212, 161, 10, 0))) center top/1280px 100% no-repeat, url(../img/bg_prize_top.png) center top/auto repeat;
  background: linear-gradient(90deg, rgba(210, 157, 0, 0) 0%, rgba(255, 255, 190, 0.7) 50%, rgba(212, 161, 10, 0) 100%) center top/1280px 100% no-repeat, url(../img/bg_prize_top.png) center top/auto repeat;
}

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

.modePC #suntory_contents.top .wrapper section.entry_top a.btn {
  display: block;
  width: 430px;
  height: 94px;
  background: url(../img/btn_entrytop.png) center top/contain no-repeat;
  border-radius: 47px;
}

.modePC #suntory_contents.top .wrapper section.prize {
  position: relative;
  height: 396px;
  overflow: hidden;
}

.modePC #suntory_contents.top .wrapper section.prize h3 {
  position: absolute;
  top: 30px;
  left: 50%;
  width: 980px;
  height: 319px;
  background: url(../img/img_prize_top.png) center top/contain no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modePC #suntory_contents.top .wrapper section.flow {
  position: relative;
  height: 720px;
  overflow: hidden;
}

.modePC #suntory_contents.top .wrapper section.flow .inner {
  position: absolute;
  top: 115px;
  left: 50%;
  padding-top: 65px;
  width: 992px;
  height: 504px;
  background: url(../img/bg_step.png) center top/contain no-repeat;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modePC #suntory_contents.top .wrapper section.flow .inner h3 {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  width: 366px;
  height: 100px;
  background: url(../img/ttl_step.png) center top/contain no-repeat;
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 880px;
  -webkit-transform: translateX(10px);
          transform: translateX(10px);
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li {
  margin: 0;
  width: 186px;
  height: 403px;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li:nth-child(1) {
  background-image: url(../img/img_step_1.png);
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li:nth-child(2) {
  background-image: url(../img/img_step_2.png);
}

.modePC #suntory_contents.top .wrapper section.flow .inner ol li:nth-child(3) {
  width: 430px;
  background-image: url(../img/img_step_3.png);
}

.modePC #suntory_contents.top .wrapper section.product {
  position: relative;
  padding-bottom: 100px;
}

.modePC #suntory_contents.top .wrapper section.product h3 {
  position: absolute;
  top: -75px;
  left: 0;
  right: 0;
  width: 366px;
  height: 100px;
  background: url(../img/ttl_product.png) center top/contain no-repeat;
}

.modePC #suntory_contents.top .wrapper section.product .inner {
  width: 832px;
  height: 425px;
  background: url(../img/img_product.png) center top/contain no-repeat;
}

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

.modePC #suntory_contents.top .wrapper section.entry .border_outer {
  padding: 6px 6px;
  background: linear-gradient(135deg, #b38112 0%, #e0bd60 11.43%, #ebcc77 20.82%, #e3bc46 27.93%, #dab13d 30.11%, #c59725 36.58%, #b88717 42.35%, #b38112 46.81%, #cca43d 53.12%, #eacc6e 59.82%, #fbeeb2 65.75%, #fbefb5 65.96%, #fffcd1 68.47%, #faefc1 69.75%, #f5e1b0 71.64%, #f2d9a5 73.7%, #f1d6a2 76.17%, #d2ac5a 84.72%, #b38112 93.73%, #b38112 100%);
  -webkit-box-shadow: 0 3px 4px 2px rgba(65, 33, 15, 0.5);
          box-shadow: 0 3px 4px 2px rgba(65, 33, 15, 0.5);
  width: 952px;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner {
  padding: 50px 175px;
  background: #d20012;
  color: #ffffff;
  text-align: center;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner h3 {
  margin-bottom: 40px;
  width: 390px;
  height: 40px;
  background: url(../img/ttl_entry.png) center top/contain no-repeat;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.note li {
  margin-bottom: 0;
  padding-left: 0;
  text-indent: 0;
  font-size: 0.9375em;
  line-height: 1.6;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.note li a {
  color: currentColor;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry {
  padding-top: 30px;
}

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

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li:last-child {
  margin-bottom: 0;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li a.btn {
  display: block;
  margin-bottom: 20px;
  width: 530px;
  height: 100px;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 50px;
  -webkit-box-shadow: 0 3px 3px 1px rgba(65, 33, 15, 0.3);
          box-shadow: 0 3px 3px 1px rgba(65, 33, 15, 0.3);
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li a.btn.ln {
  background-image: url(../img/btn_entry_ln.png);
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li a.btn.tw {
  background-image: url(../img/btn_entry_tw.png);
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li a.btn.sid {
  background-image: url(../img/btn_entry_sid.png);
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount {
  margin-top: 20px;
  font-size: 0.9375em;
  line-height: 1.2em;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount::before {
  content: '▶';
}

.modePC #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount a {
  color: currentColor;
}

.modePC #suntory_contents.top .wrapper section.contact {
  padding-top: 55px;
  padding-bottom: 55px;
  background: #f3f3f3;
  color: #41210f;
}

.modePC #suntory_contents.top .wrapper section.contact .inner {
  width: 566px;
}

.modePC #suntory_contents.top .wrapper section.contact .inner h3 {
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.top .wrapper section.contact .inner p {
  margin-bottom: 0.75em;
  font-size: 0.9375em;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.03em;
}

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

.modePC #suntory_contents.top .wrapper section.contact .inner ul.note {
  color: #000000;
}

.modePC #suntory_contents.top .wrapper section.contact .inner ul.note li {
  margin-bottom: 0.5em;
  font-size: 0.75em;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

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

.modePC #suntory_contents.top .wrapper section.contact .inner ul.note.contact {
  text-align: center;
  color: inherit;
}

.modePC #suntory_contents.top .wrapper section.contact .inner hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: none;
  border-bottom: 1px solid currentColor;
}

.modePC #suntory_contents.top nav.link {
  padding-bottom: 55px;
  background: #f3f3f3;
}

.modePC #suntory_contents.top.teaser .wrapper section.teaser {
  padding-top: 75px;
  padding-bottom: 150px;
  color: #ffffff;
}

.modePC #suntory_contents.top.teaser .wrapper section.teaser h3 {
  margin-bottom: 25px;
  width: 620px;
  height: 46px;
  background: url(../img/ttl_teaser.png) center top/contain no-repeat;
}

.modePC #suntory_contents.top.teaser .wrapper section.teaser p {
  margin-bottom: 25px;
  width: 960px;
  font-size: 1.375em;
  font-weight: bold;
  text-align: center;
  line-height: 1.55;
  letter-spacing: 0.05em;
}

.modePC #suntory_contents.top.teaser .wrapper section.teaser .term {
  width: 586px;
  height: 59px;
  background: url(../img/txt_teaser_term.png) center top/contain no-repeat;
}

.modePC #suntory_contents.top.teaser .wrapper section.product {
  margin-bottom: 0;
  padding-bottom: 40px;
}

.modePC #suntory_contents.top.teaser .wrapper section.product .inner {
  height: 485px;
  background-image: url(../img/img_product_teaser.png);
}

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

.modePC #suntory_contents.top.end section.end {
  padding-top: 60px;
  padding-bottom: 70px;
  color: #ffffff;
  text-align: center;
}

.modePC #suntory_contents.top.end section.end h3 {
  margin-bottom: 20px;
  font-size: 2.875em;
  font-weight: bold;
  line-height: 1.41;
  letter-spacing: 0.1em;
}

.modePC #suntory_contents.top.end section.end p {
  font-size: 1.375em;
  font-weight: bold;
  line-height: 1.27;
  letter-spacing: 0.05em;
}

.modePC #suntory_contents.top.end section.contact ul.note:not(.contact) li {
  font-size: 0.875em;
  line-height: 1.64;
  letter-spacing: 0.03em;
}

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

.modeSP #suntory_contents.top .wrapper section.entry_top {
  padding-top: 9.33333vw;
  padding-bottom: 9.33333vw;
  background: url(../img/bg_entrytop_sp.png) center center/cover no-repeat;
}

.modeSP #suntory_contents.top .wrapper section.entry_top a.btn {
  display: block;
  width: 73.33333vw;
  border-radius: 8vw;
  overflow: hidden;
}

.modeSP #suntory_contents.top .wrapper section.prize {
  padding-bottom: 18.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.flow {
  padding-bottom: 12vw;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner {
  position: relative;
  padding-top: 16vw;
  width: 100%;
  height: 246.93333vw;
  background: url(../img/bg_step_sp.png) center top/contain no-repeat;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner h3 {
  position: absolute;
  top: -5.33333vw;
  left: 0;
  right: 0;
  width: 73.6vw;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ol {
  width: 88.8vw;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ol li:nth-child(2) {
  margin-bottom: 6.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.flow .inner ul.note {
  margin-top: 4vw;
}

.modeSP #suntory_contents.top .wrapper section.product {
  position: relative;
  padding-bottom: 6.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.product h3 {
  position: absolute;
  top: -5.33333vw;
  left: 0;
  right: 0;
  width: 73.6vw;
}

.modeSP #suntory_contents.top .wrapper section.entry {
  padding-bottom: 10.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer {
  padding: 4px 4px;
  background: linear-gradient(135deg, #b38112 0%, #e0bd60 11.43%, #ebcc77 20.82%, #e3bc46 27.93%, #dab13d 30.11%, #c59725 36.58%, #b88717 42.35%, #b38112 46.81%, #cca43d 53.12%, #eacc6e 59.82%, #fbeeb2 65.75%, #fbefb5 65.96%, #fffcd1 68.47%, #faefc1 69.75%, #f5e1b0 71.64%, #f2d9a5 73.7%, #f1d6a2 76.17%, #d2ac5a 84.72%, #b38112 93.73%, #b38112 100%);
  -webkit-box-shadow: 0 3px 4px 2px rgba(65, 33, 15, 0.5);
          box-shadow: 0 3px 4px 2px rgba(65, 33, 15, 0.5);
  width: 94.66667vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner {
  padding: 8vw 0 12vw;
  background: #d20012;
  color: #ffffff;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner h3 {
  margin-bottom: 8vw;
  width: 76.13333vw;
}

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

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.note li {
  margin-bottom: 0.5em;
  font-size: 0.8125em;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

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

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.note li a {
  color: currentColor;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry {
  padding-top: 8vw;
  width: 84vw;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li {
  padding-top: 6.66667vw;
  padding-bottom: 6.66667vw;
  border-bottom: 1px solid rgba(219, 182, 24, 0.4);
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li:first-child {
  padding-top: 0;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li a.btn {
  display: block;
  margin-bottom: 5.33333vw;
  border-radius: 9.33333vw;
  -webkit-box-shadow: 0 3px 3px 1px rgba(65, 33, 15, 0.3);
          box-shadow: 0 3px 3px 1px rgba(65, 33, 15, 0.3);
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount {
  margin-top: 5.33333vw;
  font-size: 0.8125em;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount::before {
  content: '▶';
}

.modeSP #suntory_contents.top .wrapper section.entry .border_outer .inner ul.entry > li p.noaccount a {
  color: currentColor;
}

.modeSP #suntory_contents.top .wrapper section.contact {
  padding-top: 8vw;
  padding-bottom: 9.33333vw;
  background: #f3f3f3;
  color: #41210f;
}

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

.modeSP #suntory_contents.top .wrapper section.contact .inner h3 {
  margin-bottom: 4.8vw;
  text-align: center;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.contact .inner p {
  margin-bottom: 0.75em;
  font-size: 0.9375em;
  text-align: center;
  line-height: 1.8;
  letter-spacing: 0.03em;
}

.modeSP #suntory_contents.top .wrapper section.contact .inner p em {
  font-size: 1.2em;
  font-weight: bold;
}

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

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

.modeSP #suntory_contents.top .wrapper section.contact .inner hr {
  margin-top: 4vw;
  margin-bottom: 4vw;
  border: none;
  border-bottom: 1px solid currentColor;
}

.modeSP #suntory_contents.top nav.link {
  padding-bottom: 8vw;
  background: #f3f3f3;
}

.modeSP #suntory_contents.top.teaser .wrapper section.teaser {
  padding-top: 16.8vw;
  padding-bottom: 21.33333vw;
  color: #ffffff;
}

.modeSP #suntory_contents.top.teaser .wrapper section.teaser h3 {
  margin-bottom: 6.66667vw;
  width: 88.26667vw;
}

.modeSP #suntory_contents.top.teaser .wrapper section.teaser p {
  margin-bottom: 6.66667vw;
  width: 92vw;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.05em;
}

.modeSP #suntory_contents.top.teaser .wrapper section.teaser .term {
  width: 80.8vw;
}

.modeSP #suntory_contents.top.teaser .wrapper section.product {
  margin-bottom: 0;
  padding-bottom: 8vw;
}

.modeSP #suntory_contents.top.end section.end {
  padding-top: 8vw;
  padding-bottom: 9.33333vw;
  color: #ffffff;
  text-align: center;
}

.modeSP #suntory_contents.top.end section.end h3 {
  margin-bottom: 4vw;
  width: 92vw;
  font-size: 1.4375em;
  font-weight: bold;
  line-height: 1.43;
  letter-spacing: 0.1em;
}

.modeSP #suntory_contents.top.end section.end p {
  width: 92vw;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.05em;
}

.modeSP #suntory_contents.top.end section.contact ul.note:not(.contact) li {
  font-size: 0.875em;
  line-height: 1.64;
  letter-spacing: 0.03em;
}

.modePC #suntory_contents.mypage .wrapper {
  width: 100%;
}

.modePC #suntory_contents.mypage .wrapper img {
  display: none;
}

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

.modePC #suntory_contents.mypage .wrapper main .point_wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding-top: 30px;
  padding-bottom: 54px;
  background: url(../img/bg_point.png) center top/10px 100% repeat-x;
}

.modePC #suntory_contents.mypage .wrapper main section.point {
  margin: 0;
  width: 380px;
  min-height: 280px;
}

.modePC #suntory_contents.mypage .wrapper main section.point .inner {
  padding-top: 50px;
  padding-bottom: 30px;
  height: 100%;
  background: linear-gradient(45deg, #ffe586 0%, #ffedab 6.98%, #fff3c9 14.3%, #fff9e1 22%, #fffcf2 30.15%, #fffefc 39.06%, white 50.15%, #fffefc 61.18%, #fffcf2 70.04%, #fff9e1 78.14%, #fff3c9 85.79%, #ffedab 93.06%, #ffe586 100%);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  color: #41210f;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.point .inner h3 {
  margin-bottom: 20px;
  font-size: 1.4375em;
  font-weight: bold;
  line-height: 1.17;
  letter-spacing: 0.21em;
}

.modePC #suntory_contents.mypage .wrapper main section.point .inner p.now_point {
  font-size: 3.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.04em;
}

.modePC #suntory_contents.mypage .wrapper main section.point .inner p.now_point span {
  display: inline-block;
  margin-right: 0.11111em;
  font-size: 1.8em;
  vertical-align: baseline;
  color: #e60012;
}

.modePC #suntory_contents.mypage .wrapper main section.point .inner p.msg_point {
  margin-top: 1em;
  color: #e60012;
  font-size: 1.3125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.modePC #suntory_contents.mypage .wrapper main section.input {
  margin: 0;
  width: 570px;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner {
  padding: 20px 20px;
  height: 100%;
  background: #ffffff;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  color: #41210f;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner h3 {
  margin-bottom: 15px;
  padding: 0.5em 0.5em;
  background: #fcc900;
  border-radius: 5px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.09em;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner p.lead {
  margin-bottom: 25px;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner p.error_msg {
  margin-top: -15px;
  margin-bottom: 15px;
  color: #e60012;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 0;
  letter-spacing: 0.05em;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp table {
  margin: 0;
  width: 242px;
  table-layout: fixed;
  border-collapse: separate;
}

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

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

@media all and (-ms-high-contrast: none) {
  .modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp table tr th {
    padding-left: 10px;
    background: #41210f;
    background-clip: padding-box;
  }
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp table tr td {
  border-left: 10px solid transparent;
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp table tr td input {
  padding: 0 0.5em;
  width: 100%;
  height: 2em;
  background: #ffffff;
  border: 1px solid currentColor;
  border-radius: 2px;
  color: #000000;
  font-size: 1.25em;
  letter-spacing: 0.03em;
}

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

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp hr {
  margin: 0;
  width: 13px;
  height: 22px;
  background: url(../img/icn_arrow_r.png) center right/contain no-repeat;
  border: none;
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

.modePC #suntory_contents.mypage .wrapper main section.input .inner .serial_wrp button {
  margin: 0;
  width: 258px;
  height: 86px;
  background: url(../img/btn_serial.png) center right/contain no-repeat;
  border-radius: 43px;
}

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

.modePC #suntory_contents.mypage .wrapper main section.entry .inner {
  position: relative;
  height: 576px;
  overflow: hidden;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 994px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li {
  position: relative;
  margin: 0;
  width: 497px;
  height: 576px;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(1) {
  background-image: url(../img/img_prize_1.png);
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(1) button {
  background-image: url(../img/btn_gotoalot.png);
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(1) button.end {
  background-image: url(../img/btn_gotoalot_end.png);
  cursor: default;
  pointer-events: none;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(2) {
  background-image: url(../img/img_prize_2.png);
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(2) button {
  background-image: url(../img/btn_rdbtc.png);
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 63px;
  width: 398px;
  height: 89px;
  background-position: center top;
  background-size: contain;
  background-repeat: no-repeat;
  border-radius: 44px;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li button.disabled {
  background-image: url(../img/btn_gotoalot_pre.png);
  cursor: default;
  pointer-events: none;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li ul.note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30px;
  width: 400px;
  text-align: center;
}

.modePC #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li ul.note li {
  padding-left: 0;
  text-indent: 0;
  font-size: 1em;
  line-height: 1.5;
  letter-spacing: 0.03em;
  color: #e60012;
}

.modePC #suntory_contents.mypage .wrapper nav.link {
  padding-bottom: 50px;
}

.modeSP #suntory_contents.mypage .wrapper main .point_wrp {
  padding: 8vw 4vw 5.33333vw;
  background: -webkit-gradient(linear, left top, right top, from(#900000), color-stop(2.72%, #9e0003), color-stop(9.12%, #b80008), color-stop(16.19%, #cc000d), color-stop(24.18%, #da0010), color-stop(33.88%, #e20011), color-stop(50%, #e50012), color-stop(66.12%, #e20011), color-stop(75.82%, #da0010), color-stop(83.81%, #cc000d), color-stop(90.88%, #b80008), color-stop(97.28%, #9e0003), to(#900000));
  background: linear-gradient(90deg, #900000 0%, #9e0003 2.72%, #b80008 9.12%, #cc000d 16.19%, #da0010 24.18%, #e20011 33.88%, #e50012 50%, #e20011 66.12%, #da0010 75.82%, #cc000d 83.81%, #b80008 90.88%, #9e0003 97.28%, #900000 100%);
}

.modeSP #suntory_contents.mypage .wrapper main section.point .inner {
  padding-top: 9.33333vw;
  padding-bottom: 9.33333vw;
  background: linear-gradient(45deg, #ffe586 0%, #ffedab 6.98%, #fff3c9 14.3%, #fff9e1 22%, #fffcf2 30.15%, #fffefc 39.06%, white 50.15%, #fffefc 61.18%, #fffcf2 70.04%, #fff9e1 78.14%, #fff3c9 85.79%, #ffedab 93.06%, #ffe586 100%);
  color: #41210f;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.point .inner h3 {
  margin-bottom: 4vw;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.35;
  letter-spacing: 0.21em;
}

.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.now_point {
  font-size: 2.375em;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.04em;
}

.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.now_point span {
  display: inline-block;
  margin-right: 0.14493em;
  font-size: 1.81579em;
  vertical-align: baseline;
  color: #e60012;
}

.modeSP #suntory_contents.mypage .wrapper main section.point .inner p.msg_point {
  margin-top: 1em;
  color: #e60012;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner {
  padding: 10.66667vw 4vw 8vw;
  background: #ffffff;
  color: #41210f;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner h3 {
  margin-bottom: 2.66667vw;
  padding: 0.5em 0.5em;
  background: #fcc900;
  border-radius: 5px;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.09em;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner p.lead {
  margin-bottom: 5.33333vw;
  font-size: 1em;
  font-weight: bold;
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner p.error_msg {
  margin-bottom: 5.33333vw;
  padding: 0.5em 0.75em;
  color: #e60012;
  border: 2px solid currentColor;
  font-size: 0.9375em;
  line-height: 1.5;
  letter-spacing: 0.03em;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner table {
  width: 84vw;
  table-layout: fixed;
  border-collapse: separate;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr th, .modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr td {
  vertical-align: top;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr th {
  padding-left: 5px;
  padding-right: 10px;
  width: 4.4em;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2341210f%22%20d%3D%22M78%2042H0V0h78l10%2021z%22%2F%3E%3C%2Fsvg%3E") left center/100% 100% no-repeat;
  color: #ffffff;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  letter-spacing: 0.03em;
  overflow: hidden;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr td {
  border-left: 10px solid transparent;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner table tr td input {
  padding: 0 0.5em;
  width: 100%;
  height: 1.75em;
  background: #ffffff;
  border: 1px solid #41210f;
  border-radius: 2px;
  color: #333333;
  font-size: 1.5em;
  letter-spacing: 0.03em;
}

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

.modeSP #suntory_contents.mypage .wrapper main section.input .inner hr {
  margin-top: 5.33333vw;
  margin-bottom: 4vw;
  width: 5.6vw;
  height: 3.06667vw;
  background: url(../img/icn_arrow_dn_sp.png) center top/contain no-repeat;
  border: none;
}

.modeSP #suntory_contents.mypage .wrapper main section.input .inner button {
  display: block;
  width: 100%;
  border-radius: 24vw;
  overflow: hidden;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry {
  padding-top: 28vw;
  padding-bottom: 12vw;
  background: url(../img/ttl_prizesel_sp.png) center top/100% auto no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(17.33333vw, rgba(20, 0, 0, 0.44)), color-stop(28vw, rgba(255, 0, 0, 0)));
  background: url(../img/ttl_prizesel_sp.png) center top/100% auto no-repeat, linear-gradient(180deg, rgba(20, 0, 0, 0.44) 17.33333vw, rgba(255, 0, 0, 0) 28vw);
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li {
  position: relative;
  margin-bottom: 2.66667vw;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:last-child {
  margin-bottom: 0;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(1) button.end {
  background: url(../img/btn_gotoalot_end_sp.png) center top/contain no-repeat;
  cursor: default;
  pointer-events: none;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(1) button.end img {
  visibility: hidden;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li:nth-child(2) button {
  bottom: 9.6vw;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li button {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12.8vw;
  width: 84vw;
  border-radius: 12vw;
  overflow: hidden;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li button.disabled {
  cursor: default;
  pointer-events: none;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li ul.note {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4.8vw;
  width: 84vw;
  text-align: center;
}

.modeSP #suntory_contents.mypage .wrapper main section.entry .inner ul.course > li ul.note li {
  padding-left: 0;
  text-indent: 0;
  font-size: 0.875em;
  line-height: 1.5;
  letter-spacing: -0.03em;
  color: #e60012;
}

.modeSP #suntory_contents.mypage .wrapper nav.link {
  padding-bottom: 10.66667vw;
}

.modeSP #suntory_contents.mypage nav.pagetop {
  background: #41210f;
}

.modeSP #suntory_contents.mypage nav.pagetop a {
  position: relative;
  display: block;
  padding: 35px 0;
  line-height: 1;
  color: #ffffff;
  font-size: 0.9375em;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.21em;
  text-decoration: none;
}

.modeSP #suntory_contents.mypage nav.pagetop a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(8.9%, #e58d4e), color-stop(10.72%, #e89651), color-stop(13.65%, #efad57), color-stop(17.28%, #fbd363), color-stop(18.26%, #ffde66), color-stop(74.92%, #ffde66), color-stop(77%, #f9ca60), color-stop(81.08%, #eea956), color-stop(84.47%, #e79450), color-stop(86.73%, #e58d4e));
  background: linear-gradient(90deg, #e58d4e 8.9%, #e89651 10.72%, #efad57 13.65%, #fbd363 17.28%, #ffde66 18.26%, #ffde66 74.92%, #f9ca60 77%, #eea956 81.08%, #e79450 84.47%, #e58d4e 86.73%);
}

.modeSP #suntory_contents.mypage nav.pagetop a span {
  position: relative;
  display: inline-block;
  padding-right: 2em;
}

.modeSP #suntory_contents.mypage nav.pagetop a span:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: auto 0;
  width: 1.333em;
  height: 1.333em;
  border: 1px solid #ffde66;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.modeSP #suntory_contents.mypage nav.pagetop a span:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  margin: auto 0;
  width: 1.333em;
  height: 1.333em;
  border-style: solid;
  border-color: #ffde66 #ffde66 transparent transparent;
  border-width: 2.5px;
  -webkit-transform: scaleX(0.4) scaleY(0.4) translateY(25%) rotate(-45deg);
          transform: scaleX(0.4) scaleY(0.4) translateY(25%) rotate(-45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#suntory_contents.static .wrapper section.title {
  padding-top: 9.33333vw;
  padding-bottom: 6.66667vw;
}

#suntory_contents.static .wrapper section.title h3 {
  margin-bottom: 2.66667vw;
  width: 73.33333vw;
}

#suntory_contents.static .wrapper section.title p {
  width: 92vw;
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  line-height: 1.75;
  letter-spacing: 0.05em;
}

#suntory_contents.static .wrapper section.outline > dl {
  padding: 5.33333vw 4vw 8vw;
  width: 92vw;
  background: #ffffff;
  text-align: left;
}

#suntory_contents.static .wrapper section.outline > dl > dt, #suntory_contents.static .wrapper section.outline > dl > dd {
  font-size: 0.9375em;
  letter-spacing: 0.03em;
}

#suntory_contents.static .wrapper section.outline > dl > dt {
  margin-top: 5.33333vw;
  padding: 0.2em 0.5em;
  background: #41210f;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.8em;
  text-align: center;
}

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

#suntory_contents.static .wrapper section.outline > dl > dd {
  margin-top: 2.66667vw;
  line-height: 1.6em;
}

#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 ul.note li {
  font-size: 1em;
}

#suntory_contents.static .wrapper section.outline > dl > dd ol.bracket {
  counter-reset: cnt;
}

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

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

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

#suntory_contents.static .wrapper section.outline > dl > dd ol li, #suntory_contents.static .wrapper section.outline > dl > dd ul li {
  margin-bottom: 0.25em;
}

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

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

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

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

#suntory_contents.static .wrapper section.outline > dl > dd a {
  color: #0066aa;
  word-break: break-all;
}

#suntory_contents.static .wrapper section.close {
  padding-top: 10.66667vw;
  padding-bottom: 16vw;
}

#suntory_contents.static .wrapper section.close button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 50px;
  padding-right: 50px;
  width: 190px;
  height: 54px;
  background: #41210f;
  border-radius: 27px;
  color: #ffffff;
  font-size: 1em;
  line-height: 1.8;
  letter-spacing: 0.03em;
  text-decoration: none;
}

#suntory_contents.static .wrapper section.close button:before {
  content: '×';
  margin-right: 0.5em;
  -webkit-transform: scale(1.75);
          transform: scale(1.75);
  font-weight: normal;
}

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