@charset "UTF-8";
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  text-align: center;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-color);
  color: var(--txt-color);
  font-size: 100%;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: normal;
  line-height: 1.4;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: var(--txt-color);
  text-decoration: none;
}

li {
  list-style: none;
}

.wrapper {
  font-size: 0.875rem;
  margin: 0 auto;
  width: min(100%, 750px);
}

.Lower .IndexContents {
  padding: 45px 35px;
}

.LowerBtn li + li {
  margin-top: 15px;
}

.LowerBtn .CampaignTopBtn {
  margin-top: 30px;
}

.LowerBtn .CampaignTopBtn._mt15 {
  margin-top: 15px;
}

.LowerBtn .CampaignTopBtn._mt25 {
  margin-top: 25px;
}

.Notes {
  color: #da2129;
}

.Footer {
  border-top: 2px solid var(--key-color);
  padding: 15px 0;
}

.Footer p {
  font-size: 0.6875rem;
}

.Footer p.UniqueId {
  border: 1px solid var(--txt-color);
  border-radius: 50px;
  display: inline-block;
  padding: 3px 13px;
}

.Footer p.Copyright {
  margin-top: 15px;
}

.BgWh {
  background-color: #fff;
}

.TitleCaption {
  font-size: 0.9375rem;
  margin-top: 30px;
}

.Bold {
  font-weight: bold;
}

.UnderLine {
  text-decoration: underline;
}

._mt1em {
  margin-top: 1em;
}

._mt15 {
  margin-top: 15px;
}

._mt25 {
  margin-top: 25px;
}

._mt30 {
  margin-top: 30px;
}

._pt15 {
  padding-top: 15px !important;
}

.BtnLineArrow,
.BtnSolidArrow,
.BtnSolidBlank,
.accordion {
  background-size: 16px auto;
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
  border: 2px solid var(--key-color);
  border-radius: 5px;
  display: block;
  font-size: 1.12rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding: 20px;
  width: 100%;
}

.BtnLineArrow._disabled,
.BtnSolidArrow._disabled,
.BtnSolidBlank._disabled,
.accordion._disabled {
  background-color: #737373;
  border: 1px solid #737373;
  color: #fff;
  cursor: default;
  pointer-events: none;
  transition: background-color 0.1s, color 0.1s;
}

.BtnLineArrow.BackBtn,
.BtnSolidArrow.BackBtn,
.BtnSolidBlank.BackBtn,
.accordion.BackBtn {
  background-position: left 10px top 50%;
}

.BtnSolidArrow,
.BtnSolidBlank,
.accordion {
  background-color: var(--key-color);
  color: var(--btn-color);
}

.accordion {
  cursor: pointer;
  padding: 15px 20px;
}

.accordion__detail {
  background-color: #e6e6e6;
  border-radius: 5px;
  display: none;
  margin-top: 7px;
  padding: 15px;
}

.accordion__detail dt,
.accordion__detail dd {
  text-align: left;
}

/* -----------------------------------------------------
  bodyタグへのクラス付与によるボタンアイコンの色制御
	--------------------------------------------------- */
body {
  /* -- 色ボタン 固定 --*/
  /* -- 色ボタン黒、背景色ボタン黒 --*/
  /* -- 色ボタン黒、背景色ボタン白 --*/
  /* -- 色ボタン白、背景色ボタン黒 --*/
  /* -- 色ボタン白、背景色ボタン白 --*/
}

body .BtnLineArrow {
  color: #000;
  background-image: url(../images/icon_arrow_bk.svg);
}

body.btn_bk.text_bk .BtnSolidArrow {
  background-image: url("../images/icon_arrow_bk.svg");
}

body.btn_bk.text_bk .BtnSolidArrow.BackBtn {
  background-image: url(../images/icon_arrow_reverse_bk.svg);
}

body.btn_bk.text_bk .BtnSolidArrow._disabled {
  background-image: url(../images/icon_arrow_wh.svg);
}

body.btn_bk.text_bk .BtnSolidBlank {
  background-image: url(../images/icon_blank_bk.svg);
}

body.btn_bk.text_bk .BtnSolidBlank._disabled {
  background-image: url(../images/icon_blank_wh.svg);
}

body.btn_bk.text_bk .accordion {
  background-image: url(../images/icon_plus_bk.svg);
}

body.btn_bk.text_bk .accordion.QuestionClose {
  background-image: url(../images/icon_minus_bk.svg);
}

body.btn_bk.text_bk .BtnLineArrow.btn-bgcolor {
  background-image: url("../images/icon_arrow_bk.svg");
}

body.btn_bk.text_bk .BtnLineArrow.btn-bgcolor.BackBtn {
  background-image: url(../images/icon_arrow_reverse_bk.svg);
}

body.btn_bk.text_wh .BtnSolidArrow {
  background-image: url("../images/icon_arrow_bk.svg");
}

body.btn_bk.text_wh .BtnSolidArrow.BackBtn {
  background-image: url(../images/icon_arrow_reverse_bk.svg);
}

body.btn_bk.text_wh .BtnSolidArrow._disabled {
  background-image: url(../images/icon_arrow_wh.svg);
}

body.btn_bk.text_wh .BtnSolidBlank {
  background-image: url(../images/icon_blank_bk.svg);
}

body.btn_bk.text_wh .BtnSolidBlank._disabled {
  background-image: url(../images/icon_blank_wh.svg);
}

body.btn_bk.text_wh .accordion {
  background-image: url(../images/icon_plus_bk.svg);
}

body.btn_bk.text_wh .accordion.QuestionClose {
  background-image: url(../images/icon_minus_bk.svg);
}

body.btn_bk.text_wh .BtnLineArrow.btn-bgcolor {
  color: #fff;
  background-image: url("../images/icon_arrow_wh.svg");
}

body.btn_bk.text_wh .BtnLineArrow.btn-bgcolor.BackBtn {
  background-image: url(../images/icon_arrow_reverse_wh.svg);
}

body.btn_wh.text_bk .BtnSolidArrow {
  background-image: url("../images/icon_arrow_wh.svg");
}

body.btn_wh.text_bk .BtnSolidArrow.BackBtn {
  background-image: url(../images/icon_arrow_reverse_wh.svg);
}

body.btn_wh.text_bk .BtnSolidBlank {
  background-image: url(../images/icon_blank_wh.svg);
}

body.btn_wh.text_bk .accordion {
  background-image: url(../images/icon_plus_wh.svg);
}

body.btn_wh.text_bk .accordion.QuestionClose {
  background-image: url(../images/icon_minus_wh.svg);
}

body.btn_wh.text_bk .BtnLineArrow.btn-bgcolor {
  background-image: url("../images/icon_arrow_bk.svg");
}

body.btn_wh.text_bk .BtnLineArrow.btn-bgcolor.BackBtn {
  background-image: url(../images/icon_arrow_reverse_bk.svg);
}

body.btn_wh.text_wh .BtnSolidArrow {
  background-image: url("../images/icon_arrow_wh.svg");
}

body.btn_wh.text_wh .BtnSolidArrow.BackBtn {
  background-image: url(../images/icon_arrow_reverse_wh.svg);
}

body.btn_wh.text_wh .BtnSolidBlank {
  background-image: url(../images/icon_blank_wh.svg);
}

body.btn_wh.text_wh .accordion {
  background-image: url(../images/icon_plus_wh.svg);
}

body.btn_wh.text_wh .accordion.QuestionClose {
  background-image: url(../images/icon_minus_wh.svg);
}

body.btn_wh.text_wh .BtnLineArrow.btn-bgcolor {
  color: #fff;
  background-image: url("../images/icon_arrow_wh.svg");
}

body.btn_wh.text_wh .BtnLineArrow.btn-bgcolor.BackBtn {
  background-image: url(../images/icon_arrow_reverse_wh.svg);
}

.BtnSolidArrow._disabled {
  cursor: default;
  pointer-events: none;
}

.BtnSolidArrow:not(._disabled) {
  cursor: pointer;
}

.Modal {
  background-color: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
  justify-content: center;
  align-items: center;
}

.ModalContents {
  background-color: #fff;
  border-radius: 5px;
  padding: 30px 20px;
  width: calc(100% - 60px);
  max-width: 530px;
  position: relative;
  color: #000;
}

.ModalContentsGet {
  color: var(--key-color);
  font-size: 1.12rem;
  font-weight: bold;
  margin: 55px auto;
}

.ModalContentsClose {
  background-color: #000;
  border: 2px solid #fff;
  border-radius: 50px;
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5);
  cursor: pointer;
  width: 28px;
  height: 28px;
  z-index: 3;
  position: absolute;
  top: -11px;
  right: -11px;
}

.ModalContentsClose::before, .ModalContentsClose::after {
  background-color: #fff;
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.ModalContentsClose::after {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.ageCheck__intro {
  font-size: 0.875rem;
}

.ageCheck__question {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 30px auto;
}

.ageCheck li + li {
  margin-top: 15px;
}

.BtnSolidBlank02,
.BtnLineArrow.BtnActive,
.BtnActive.BtnLineReverse,
.BtnActive.BtnLineQr,
.BtnActive.BtnLineArrowBk,
.InputBodyForm .LowerBtn .BtnActive.BtnLineArrowBk, input.BtnSolidArrow.BtnActive, input.BtnActive.BtnSolidBlank, input.BtnActive.BtnSolidPlus, input.BtnActive.BtnSolidMinus, input.BtnActive.BtnSolidArrowGray, .BtnSolidArrow.BtnActive .BtnActive.btnGray,
.BtnSolidArrow.BtnActive .BtnActive.btn,
.BtnActive.BtnSolidBlank .BtnActive.btnGray,
.BtnActive.BtnSolidBlank .BtnActive.btn,
.BtnActive.BtnSolidPlus .BtnActive.btnGray,
.BtnActive.BtnSolidPlus .BtnActive.btn,
.BtnActive.BtnSolidMinus .BtnActive.btnGray,
.BtnActive.BtnSolidMinus .BtnActive.btn,
.BtnActive.BtnSolidArrowGray .BtnActive.btnGray,
.BtnActive.BtnSolidArrowGray .BtnActive.btn,
.prizeListItem .BtnActive.btnGray,
.prizeListItem .BtnActive.btn {
  position: relative;
  overflow: hidden;
}

.BtnSolidArrow,
.BtnSolidBlank,
.BtnSolidPlus,
.BtnSolidMinus,
.BtnSolidArrowGray,
.BtnLineArrow,
.BtnLineReverse,
.BtnLineQr,
.BtnLineArrowBk,
.InputBodyForm .LowerBtn .BtnLineArrowBk,
input.BtnSolidArrow,
input.BtnSolidBlank,
input.BtnSolidPlus,
input.BtnSolidMinus,
input.BtnSolidArrowGray {
  position: relative;
  overflow: hidden;
}

.BtnLineArrowBk {
  margin: 0 auto;
  padding: 20px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-image: var(--btn-line-icon-arrow);
  background-repeat: no-repeat;
  background-position: right 10px top 50%;
  background-size: 16px auto;
  border: 2px solid var(--key-color);
  border-radius: 5px;
  font-size: 1.12rem;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 1;
}

.BtnLineArrowBk {
  color: #000;
}

.BtnLineArrowBk {
  background-image: var(--btn-line-icon-arrow-bk);
}

.BtnSolidArrow.BtnActive::before,
.BtnActive.BtnSolidBlank::before,
.BtnActive.BtnSolidPlus::before,
.BtnActive.BtnSolidMinus::before,
.BtnActive.BtnSolidArrowGray::before {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  animation: btnActiveMove 0.6s ease-out forwards;
  border-radius: 500px;
  opacity: 0;
  z-index: 1;
}

.BtnLineArrow.BtnActive::before,
.BtnActive.BtnLineReverse::before,
.BtnActive.BtnLineQr::before,
.BtnActive.BtnLineArrowBk::before,
.BtnSolidBlank02::before,
.InputBodyForm .LowerBtn .BtnActive.BtnLineArrowBk::before {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--key-color);
  animation: btnActiveMove 0.6s ease-out forwards;
  border-radius: 500px;
  opacity: 0;
  z-index: 1;
}

.prizeListItem .BtnActive.btnGray::after,
.prizeListItem .BtnActive.btn::after,
.prizeListItem input.BtnActive.btnGray::after,
.prizeListItem input.BtnActive.btn::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--key-color);
  animation: btnActiveMove 0.6s ease-out forwards;
  border-radius: 500px;
  opacity: 0;
  z-index: 1;
}

input.BtnSolidArrow.BtnActive::after, input.BtnActive.BtnSolidBlank::after, input.BtnActive.BtnSolidPlus::after, input.BtnActive.BtnSolidMinus::after, input.BtnActive.BtnSolidArrowGray::after {
  content: "";
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--key-color);
  animation: btnActiveMove 0.6s ease-out forwards;
  border-radius: 500px;
  opacity: 0;
  z-index: 1;
}

.BtnSolidArrowGray,
.prizeListItem .btnGray,
.BtnSolidArrowGray.nonArrow {
  background-color: #737373 !important;
  pointer-events: none;
}

.BtnSolidPlus,
.BtnSolidMinus {
  padding: 15px;
}

.RecieptRegisterBtn {
  padding: 10px 20px;
  line-height: 1.2;
  margin: 0 auto;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  background-color: var(--key-color);
  border-radius: 5px;
  font-size: 1.12rem;
  font-weight: bold;
  letter-spacing: -0.02em;
}

.BtnLineArrow,
.BtnLineReverse,
.BtnLineQr,
.BtnLineArrowBk,
.InputBodyForm .LowerBtn .BtnLineArrowBk,
.RegisterBtn-js {
  margin: 0 auto;
  padding: 20px;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: 2px solid var(--key-color);
  border-radius: 5px;
  font-size: 1.12rem;
  font-weight: bold;
  letter-spacing: -0.02em;
  line-height: 1;
}

@keyframes btnActiveMove {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(10);
    opacity: 0;
  }
}
.BtnMove {
  background: var(--bg-color);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  animation: bodyActiveMove 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  z-index: 9999;
}

.BtnMoveRev {
  background: var(--bg-color);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: bodyActiveMove 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards;
  z-index: 9999;
}

@keyframes bodyActiveMove {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.AnchorTerms {
  font-size: 0.6875rem;
  margin: 0 0 10px;
}

.AnchorTerms a {
  text-decoration: underline;
}

.Outline {
  font-size: 0.75rem;
  padding: 20px;
}

.IndexKvEntry {
  padding: 15px 35px 30px;
}

.IndexKv.Teaser .Attention {
  background-color: transparent;
  color: var(--txt-color);
  padding: 20px 0 10px;
}

.IndexKv.Teaser .Attention h2 {
  font-size: 1.25rem;
}

.IndexKv.Teaser .Outline {
  border: none;
}

.Attention {
  background-color: #da2129;
  color: #fff;
  padding: 20px;
}

.Attention h2 {
  font-size: 1rem;
}

.Attention p {
  font-size: 0.75rem;
}

.Attention p:not(:first-child) {
  margin-top: 15px;
}

.Attention p + h2 {
  margin-top: 15px;
}

.Attention.EndCampaign {
  padding: 30px 20px;
}

.Attention.EndCampaign h2 {
  font-size: 1.25rem;
}

.IndexContents {
  border-top: 2px solid var(--key-color);
  padding: 30px 35px;
}

.IndexContents.Fixed-color {
  background-color: #fff;
  color: #000;
}

.IndexContents.Fixed-color h2.UnderArrow {
  border-bottom: 2px solid #000;
}

.IndexContents.Fixed-color h2.UnderArrow::after {
  background-color: #fff;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.IndexContents h2 {
  font-size: 1.6875rem;
  font-weight: bold;
  margin-bottom: 15px;
}

.IndexContents h2.UnderArrow {
  border-bottom: 2px solid var(--txt-color);
  padding-bottom: 10px;
  position: relative;
}

.IndexContents h2.UnderArrow::after {
  content: "";
  display: block;
  height: 15px;
  width: 15px;
  background-color: var(--bg-color);
  border-left: 2px solid var(--txt-color);
  border-bottom: 2px solid var(--txt-color);
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translate3d(-50%, 0, 0) rotate(-45deg);
}

.IndexContents .Caption {
  margin-top: 5px;
}

.IndexContents .Caption li {
  font-size: 0.75rem;
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}

.IndexContents .Caption p {
  font-size: 0.75rem;
  text-align: left;
}

.days {
  font-size: 0.875rem;
  font-weight: bold;
  margin: 0 20px;
}

.days dl {
  border-bottom: 1px solid var(--txt-color);
  padding: 15px 0;
}

.days dl:first-of-type {
  padding-top: 20px;
}

.days p,
.days li {
  font-size: 0.75rem;
  font-weight: normal;
}

.days + .Outline {
  border-bottom: 1px solid var(--txt-color);
  margin: 0 20px;
}

.NowSealPointNum {
  border: 2px solid var(--key-color);
  border-radius: 10px;
  color: var(--key-color);
  background-color: #fff;
  display: inline-block;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 2.625rem;
  font-weight: bold;
  line-height: 1;
  min-width: 150px;
  padding: 10px 30px;
  position: relative;
}

.NowSealPointNum::after {
  color: var(--key-color);
  content: "シール";
  font-size: 1.25rem;
  position: absolute;
  bottom: 0;
  right: -3.5em;
}

.NowSealPoint._amount .NowSealPointNum::after {
  content: "円";
  right: -1.5em;
}

.NowSealBtn {
  margin-top: 25px;
}

.GetSeal p {
  font-size: 0.9375rem;
  margin-top: 30px;
}

.GetSeal p + p {
  margin-top: 15px;
}

.GetSealBtn {
  margin-top: 20px;
}

.GetSealBtn .BtnLineArrow {
  color: #000;
  /* 色は固定 */
}

.GetSealBtn dt {
  background-color: var(--key-color);
  border: 2px solid var(--key-color);
  border-radius: 5px;
  color: var(--btn-color);
  display: block;
  font-size: 1.12rem;
  font-weight: bold;
  line-height: 1;
  margin: 0 auto;
  padding: 18px 20px;
}

.GetSealBtn dd {
  background-color: #e6e6e6;
  border-radius: 5px;
  margin-top: 7px;
  padding: 15px;
}

.GetSealBtn li + li {
  margin-top: 15px;
}

.GetSealBtn .BtnLineArrow {
  background-color: #fff;
}

.TargetImg {
  margin: 30px auto 0;
}

.PrizeName {
  margin: 30px auto 15px;
  text-align: center;
}

.PrizeName span {
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  padding: 0 1.5em;
}

.PrizeName span::before, .PrizeName span::after {
  background-color: var(--txt-color);
  border-radius: 50%;
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.PrizeName span::before {
  left: 0;
}

.PrizeName span::after {
  right: 0;
}

.PrizeName .PoinTit {
  display: inline-block;
}

.HowtoEntry {
  background-color: #fff;
  color: #000;
}

.HowtoEntryImg {
  margin-top: 30px;
}

.HowtoEntry h2.UnderArrow {
  border-bottom: 2px solid #000;
}

.HowtoEntry h2.UnderArrow::after {
  background-color: #fff;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
}

.History li + li {
  margin-top: 15px;
}

.TermsContents * {
  text-align: left;
}

.TermsContents .Inquiry {
  margin: 0;
}

.TermsContents .Inquiry dl {
  justify-content: flex-start;
}

.TermsContents .Inquiry dt {
  flex-shrink: 0;
}

.TermsContents .Inquiry p:last-child {
  padding-left: 1em;
  text-indent: -1em;
}

.TermsContents dt,
.TermsContents dd {
  color: #000;
  /* 色は固定 */
}

.TermsContents a {
  color: #000;
  text-decoration: underline;
  /* 色は固定 */
}

.TermsBody {
  /* 色は固定 */
}

.TermsBody :first-child {
  padding-top: 0px;
}

.TermsBody p {
  font-size: 0.75rem;
  letter-spacing: -0.02em;
  padding-top: 7px;
}

.TermsBody h2 {
  font-size: 0.875rem;
  letter-spacing: -0.02em;
  text-align: left;
  font-weight: bold;
  padding-top: 15px;
  margin-bottom: 0;
}

.TermsBody ul {
  list-style: none;
  padding-top: 7px;
}

.TermsBody li {
  font-size: 0.75rem;
  letter-spacing: -0.02em;
  padding-left: 1em;
  padding-top: 3px;
  text-indent: -1em;
}

.txt_bk {
  color: #000;
  /* 色は固定 */
}

.Question {
  color: #000;
  margin-top: 15px;
}

.QuestionContents dt,
.QuestionContents dd {
  color: #000;
  /* 色は固定 */
}

.QuestionContents a {
  color: #000;
  text-decoration: underline;
  /* 色は固定 */
}

.Question p {
  font-size: 0.75rem;
  letter-spacing: -0.02em;
  padding-top: 10px;
  text-align: left;
}

.Question h2:first-child {
  padding-top: 0px;
}

.Question h2 {
  font-size: 0.875rem;
  text-align: left;
  font-weight: bold;
  padding-top: 15px;
  margin-bottom: 0;
}

.Question ul {
  list-style: none;
  padding-top: 7px;
}

.Question li {
  font-size: 0.75rem;
  letter-spacing: -0.02em;
  padding-top: 3px;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.EntrySelect p {
  margin-top: 25px;
}

.EntrySelect p._mt30 {
  margin-top: 30px;
}

.EntrySelect .EntryList li {
  color: #000;
  background-color: #fff;
  border: 1px solid var(--border-color);
  border-radius: 5px;
  padding: 15px 10px;
  margin-top: 15px;
}

.EntrySelect .EntryList li + li {
  margin-top: 10px;
}

.EntrySelect .EntryListPrize {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
}

.EntrySelect .EntryListPrize > div {
  flex: 4;
}

.EntrySelect .EntryListPrize dl {
  display: flex;
  flex-wrap: wrap;
  flex: 5;
  font-size: 0.6875rem;
  width: 60%;
}

.EntrySelect .EntryListPrize dl dt,
.EntrySelect .EntryListPrize dl dd {
  padding: 0.2em 0;
  text-align: left;
}

.EntrySelect .EntryListPrize dl dt {
  font-weight: bold;
  width: 40%;
}

.EntrySelect .EntryListPrize dl dd {
  width: 60%;
}

.EntrySelect .EntryListBtn {
  margin-top: 15px;
}

.EntrySelect .EntryListBtn a {
  padding: 0.5em 0;
}

.EntrySelect .NowSeal {
  margin-top: 30px;
}

.EntrySelect .NowSealPointNum {
  margin-top: 0;
}

.EntrySelect .NowSeal h2 {
  font-size: 1.25rem;
}

.EntryConfirmRegister {
  margin: 25px auto;
}

.EntryConfirmRegister li + li {
  margin-top: 15px;
}

.EntryConfirmRegister .InputImage {
  font-size: 1.12rem;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.EntryConfirmRegister .Notes {
  margin-top: 10px;
}

.EntryConfirmRegister .Notes p {
  text-align: center;
  font-size: 0.75rem;
}

.EntryConfirmRegister .Notes li {
  padding-left: 1em;
  text-indent: -1em;
}

.EntryConfirm .PrizeName {
  margin: 15px auto;
}

.EntryConfirm figcaption {
  margin-top: 10px;
}

.EntryConfirm figcaption p,
.EntryConfirm figcaption li {
  font-size: 0.75rem;
  text-align: left;
}

.EntryConfirm figcaption li {
  padding-left: 1em;
  text-indent: -1em;
}

.EntryConfirm .Point {
  margin: 15px auto 25px;
}

.EntryConfirm .PointRequired {
  border: 2px solid var(--key-color);
  color: var(--key-color);
  border-radius: 5px;
  padding: 10px 2px;
  font-size: 1rem;
  font-weight: bold;
}

.EntryConfirm .PointAfter {
  margin: 10px 0 0;
  font-size: 0.9375rem;
}

.EntryConfirm._fin .PrizeName {
  margin: 15px auto 10px;
}

.EntryConfirm._fin ul {
  margin-bottom: 15px;
}

.EntryConfirm._fin li {
  font-size: 0.75rem;
  text-align: left;
  padding-left: 1em;
  text-indent: -1em;
}

.EntryConfirm._fin p {
  font-size: 0.9375rem;
}

.EntryConfirm._fin .LowerBtn {
  margin-top: 25px;
}

.EntryConfirm._fin .LowerBtn li {
  padding-left: 0;
  text-indent: 0;
}

.EntryConfirm .BtnLineArrow:not(.BackBtn) {
  background-image: url("../images/icon_arrow_wh.svg");
}

.Amount__radio {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto 10px;
}

.Amount__input {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 4em);
}

.Amount__input::after {
  color: var(--txt-color);
  content: "円";
  font-size: 0.9375rem;
  display: block;
  position: absolute;
  bottom: 0;
  right: -1.5em;
}

.Amount__input .amountPrice {
  background: #eee;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 1;
  padding: 0.5em 1em;
  text-align: center;
  width: 100%;
  -moz-appearance: textfield;
}

.Amount__input .amountPrice::-webkit-outer-spin-button, .Amount__input .amountPrice::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.Amount__input .amountPrice._disabled {
  background-color: #737373;
  pointer-events: none;
}

.Amount__output {
  margin: 20px auto 0;
}

.Amount__output dl {
  border: 1px solid var(--key-color);
  border-radius: 5px;
  display: flex;
  font-size: 0.9375rem;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.Amount__output dl + dl {
  margin-top: 5px;
}

.Amount__output dt {
  background-color: var(--key-color);
  color: var(--btn-color);
  font-weight: bold;
  padding: 0.5em 1em;
  width: 50%;
}

.Amount__output dd {
  padding: 0.5em 0.5em 0.5em 1em;
  text-align: right;
  width: 50%;
  background-color: #fff;
}

.Amount__output dd .yen {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 0.7em;
}

.Amount__notes {
  border: 1px solid var(--txt-color);
  padding: 30px 20px;
  margin: 25px auto;
}

.Amount__notes dt {
  font-size: 1.12rem;
  font-weight: bold;
}

.Amount__notes dt + dd {
  margin: 15px auto;
}

.Amount__notes dd {
  font-size: 0.9375rem;
  font-weight: bold;
}

.Amount__notes dd li {
  font-size: 0.75rem;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.Amount .amountModal__price + ul {
  margin-top: 20px;
}

.Amount .amountModal h2 {
  font-size: 1.25rem;
}

.Amount .amountModal p {
  font-size: 1.12rem;
  font-weight: bold;
  margin: 20px auto;
}

.Amount .amountModal dl {
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.12rem;
  font-weight: bold;
  padding: 0.5em 1em;
}

.Amount .amountModal dl + dl {
  margin-top: 10px;
}

.Amount .amountModal dt {
  width: 40%;
}

.Amount .amountModal dd {
  background-color: #fff;
  padding: 0.5em 1em;
  text-align: right;
  width: 60%;
}

.Amount .amountModal dd .yen {
  display: inline-block;
  font-size: 0.8em;
  margin-left: 0.7em;
}

.Amount label {
  font-size: 1.12rem;
  padding-left: 1em;
  text-indent: -1em;
}

.Amount input[type=radio] {
  background-color: #eee;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
}

.Amount input[type=radio]:checked::after {
  background-color: #000;
  border-radius: 50px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.WinNotes {
  border: 1px solid var(--txt-color);
  font-size: 0.75rem;
  padding: 20px 15px;
}

.WinNotes dt,
.WinNotes dd,
.WinNotes li,
.WinNotes h2,
.WinNotes p,
.WinNotes dl {
  text-align: left;
}

.WinNotes dt {
  font-size: 0.875rem;
  font-weight: bold;
}

.WinNotes dd {
  margin-top: 5px;
}

.WinNotes dd + dt {
  margin-top: 20px;
}

.WinNotes li {
  padding-left: 1em;
  text-indent: -1em;
}

.WinNotes a {
  text-decoration: underline;
}

.WinNotes .Inquiry {
  font-size: 0.75rem;
  margin-top: 20px;
  color: var(--txt-color);
}

.WinNotes .Inquiry h2 {
  font-size: 0.875rem;
}

.WinNotes .Inquiry h2 + p {
  font-size: 0.75rem;
  margin-top: 5px;
}

.WinNotes .Inquiry p,
.WinNotes .Inquiry dl {
  display: block;
  margin: 0;
}

.WinNotes .Inquiry dt {
  font-size: 0.75rem;
  font-weight: normal;
  flex-shrink: 0;
}

.WinNotes .Inquiry dt,
.WinNotes .Inquiry dd {
  display: inline;
}

.WinNotes .Inquiry small {
  display: block;
  font-size: 0.75rem;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.Win .GiftCode dt {
  margin: 15px 0 10px;
}

.Win .GiftCode dd {
  border: 2px solid #e6e6e6;
  border-radius: 5px;
  padding: 5px 0;
  font-size: 1.25rem;
  font-weight: bold;
}

.Win .GiftCode + .BtnSolidArrow {
  margin: 10px auto 25px;
}

.Win .PrizeName {
  margin: 15px auto 10px;
}

.Win p {
  font-size: 0.9375rem;
}

.Win p + p {
  margin-top: 15px;
}

.Win .BtnSolidArrow {
  margin: 15px auto;
}

.Lose h2 {
  margin-bottom: 25px;
}

.Lose p {
  font-size: 0.9375rem;
}

.LoadingTitle {
  font-size: 1.6875rem;
  font-weight: bold;
}

.LoadingImg {
  margin: 20px auto 10px;
  width: 100px;
}

.LoadingTxt {
  font-size: 0.75rem;
}

.LoadingTxt + p {
  font-size: 0.9375rem;
  margin-top: 20px;
}

.PageLoadOverlay {
  background: var(--bg-color);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.HistoryBody {
  margin-top: 30px;
}

.HistoryBody table {
  border: 1px solid var(--border-color);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 5px;
  color: var(--txt-color);
  font-size: 0.8125rem;
  width: 100%;
}

.HistoryBody table + table {
  margin-top: 10px;
}

.HistoryBody tr:first-child th,
.HistoryBody tr:first-child td {
  border: none;
}

.HistoryBody th,
.HistoryBody td {
  border-top: 1px solid var(--border-color);
  color: #000;
}

.HistoryBody th {
  background-color: #ccc;
  font-weight: normal;
  padding: 10px 3px;
  text-align: center;
  width: 84px;
}

.HistoryBody th.left-up {
  border-top-left-radius: 4px;
}

.HistoryBody th.left-bottom {
  border-bottom-left-radius: 4px;
}

.HistoryBody td {
  padding: 10px;
  text-align: left;
  background-color: #fff;
}

.HistoryBody td.right-up {
  border-top-right-radius: 4px;
}

.HistoryBody td.right-bottom {
  border-bottom-right-radius: 4px;
}

.HistoryWait span, .HistoryWin span {
  font-size: 0.9375rem;
  font-weight: bold;
}

.HistoryWait a, .HistoryWin a {
  color: var(--key-color);
  text-decoration: underline;
}

.HistoryWait a.LinkBk, .HistoryWin a.LinkBk {
  color: #000;
  /* 色は固定 */
}

.HistoryWin {
  color: var(--key-color);
}

.HistoryPageNation {
  font-size: 0.75rem;
}

.HistoryPageNation > div {
  margin: 10px auto;
}

.HistoryPageNation ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 10px;
}

.HistoryPageNation li {
  line-height: 1;
}

.HistoryPageNation li:not(.HistoryPageArrowLeft):not(.HistoryPageArrowRight) a {
  border: 1px solid var(--txt-color);
  border-radius: 5px;
  color: var(--txt-color);
  display: block;
  min-width: 32px;
}

.HistoryPageNation li.HistoryPageArrowLeft a, .HistoryPageNation li.HistoryPageArrowRight a {
  font-weight: bold;
}

.HistoryPageNation li a {
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  padding: 7px 5px;
}

.HistoryPageNation li span {
  background-color: var(--key-color);
  border: 1px solid var(--key-color);
  border-radius: 5px;
  color: var(--btn-color);
  display: block;
  font-family: "Helvetica Neue", "Helvetica", sans-serif;
  padding: 7px 5px;
  min-width: 32px;
}

.Inquiry {
  font-size: 0.8125rem;
  margin-top: 30px;
  color: #000;
}

.Inquiry h2 {
  font-size: 0.8125rem;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 0;
}

.Inquiry .IndexAddress {
  padding-top: 30px 0 0;
  font-size: 0.8125rem;
}

.Inquiry .IndexAddress dt {
  padding-top: 7px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}

.Inquiry .IndexAddress dd {
  padding-top: 7px;
}

.Inquiry .IndexAddress ul li {
  padding-top: 7px;
  letter-spacing: -0.02em !important;
}

.Inquiry .IndexAddress ul li:first-child {
  padding-top: 0;
}

.Inquiry dl {
  margin-top: 7px;
}

.Inquiry p {
  margin-top: 7px;
}

.Inquiry a {
  color: #000;
  /* 色は固定 */
}

.Error {
  color: #000;
}

.ErrorCaption ul {
  font-size: 0.75rem;
}

.ErrorCaption li {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.Error h2 {
  font-size: 1.6875rem;
  font-weight: bold;
  margin-bottom: 25px;
}

.Error p {
  font-size: 0.9375rem;
}

.Error .BtnLineArrow {
  color: #000;
}

.Error .UnderLine {
  color: #000;
}

.Error .toTerms a {
  font-size: 1rem;
}

.Error .Inquiry h2 {
  font-size: 0.8125rem;
  margin-bottom: 0;
}

.Error .Inquiry p {
  font-size: 0.8125rem;
}

.Error .InputImage._ec {
  font-size: 1rem;
  padding: 13px 20px;
}

#LowerBody {
  padding: 45px 35px 45px;
  width: 100%;
  max-width: 750px;
  margin: 0 auto;
  box-sizing: border-box;
  border-top: 2px solid var(--key-color);
}

#LowerBody p {
  padding: 15px 0 0;
  font-size: 0.9375rem;
}

#LowerBody p.error {
  padding: 25px 0 0;
}

.LowerBodyWh {
  background: #fff;
  color: #000;
}

.LowerBodyBk {
  background: #000;
  color: #fff;
}

.contact input[type=radio] {
  background-color: #eee;
  border: 1px solid #e8e8e8;
  border-radius: 50px;
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
}

.contact input[type=radio]:checked::after {
  background-color: #000;
  border-radius: 50px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.contact input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #666;
  border-radius: 2px;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  position: relative;
}

.contact input[type=checkbox]:checked::before, .contact input[type=checkbox]:checked::after {
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
}

.contact input[type=checkbox]:checked::before {
  top: 6px;
  left: 1px;
  width: 5px;
  height: 2px;
  transform: rotate(45deg);
}

.contact input[type=checkbox]:checked::after {
  right: 4px;
  bottom: 2px;
  width: 2px;
  height: 8px;
  transform: rotate(40deg);
}

.contact dl:not(:first-child):not(.contact__terms dl):not(.contact__inquiry dl) {
  margin-top: 15px;
}

.contact dt,
.contact dd {
  text-align: left;
}

.contact dt:not(.contact__terms dt):not(.contact__inquiry dt) {
  font-size: 0.875rem;
  font-weight: bold;
}

.contact dt:not(.contact__terms dt):not(.contact__inquiry dt) span {
  background: #ff0000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 3px 6px;
  margin-left: 5px;
  line-height: 1;
}

.contact dd:not(.contact__terms dd):not(.contact__inquiry dd) {
  font-size: 1rem;
  margin-top: 5px;
}

.contact dd:not(.contact__terms dd):not(.contact__inquiry dd).contact__notes {
  font-size: 0.9375rem;
}

.contact dd label {
  cursor: pointer;
  display: block;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.contact dd input,
.contact dd select,
.contact dd textarea {
  background: #eee;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  padding: 3px 6px;
  text-align: left;
  text-align-last: left;
  direction: ltr;
}

.contact dd input[type=file] {
  font-size: 0.875rem;
}

.contact dd input[type=file]:not(:first-child) {
  margin-top: 5px;
}

.contact dd select {
  background: #eee url(../images/icon_arrow_select.svg) no-repeat right 10px top 50%;
  background-size: auto 7px;
  line-height: 24px;
  text-align: left;
  text-align-last: left;
  direction: ltr;
}

.contact dd select option {
  text-align: left;
  text-align-last: left;
  direction: ltr;
}

.contact h4 {
  font-size: 1rem;
  margin: 15px auto 10px;
}

.contact__intro {
  font-size: 0.9375rem;
  margin-top: 30px;
}

.contact__title {
  margin: 25px auto 15px;
}

.contact__title span {
  font-size: 1.12rem;
  font-weight: bold;
  position: relative;
}

.contact__title span::before, .contact__title span::after {
  background-color: var(--txt-color);
  border-radius: 50%;
  content: "";
  display: block;
  height: 9px;
  width: 9px;
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.contact__title span::before {
  left: -1em;
}

.contact__title span::after {
  right: -1em;
}

.contact__privacy {
  font-size: 0.9375rem;
}

.contact__terms {
  border: 1px solid #666;
  border-radius: 5px;
  height: 130px;
  padding: 6px 10px;
  overflow-y: scroll;
  font-size: 0.75rem;
}

.contact__terms .Inquiry {
  font-size: 0.75rem;
}

.contact__terms .Inquiry h2 {
  font-size: 0.75rem;
}

.contact__check {
  font-size: 1rem;
  margin: 10px auto;
}

.contact__caution {
  color: #da2129;
  font-size: 0.75rem;
  text-align: center;
  margin-top: 10px;
}

.contact__cautionBox {
  background-color: #da2129;
  margin-top: 30px;
  padding: 15px;
}

.contact__cautionBox h3,
.contact__cautionBox p {
  color: #fff;
  font-size: 0.9375rem;
}

.contact__cautionBox p:nth-child(3) {
  margin-top: 20px;
}

.contact__cautionBox + p {
  font-size: 0.9375rem;
  margin-top: 15px;
}

.contact .InputError {
  background: #ff0000;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-size: 0.9375rem;
  text-align: left;
  padding: 5px;
  margin-top: 5px;
  width: 100%;
}

.contact.confirm dl {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 15px;
}

.contact.confirm .imgPreview img {
  display: block;
  margin: 10px auto 0;
  width: 50%;
}

.contact.fin .contact__inquiry .Inquiry, .contact.fin .contact__inquiry a {
  color: var(--txt-color);
}

.contact .LowerBtnNote {
  font-size: 0.75rem;
}

.contact select.select_age {
  display: inline-block;
  width: 12em;
  margin-right: 0.25em;
}

body.text_bk .contact input[type=checkbox]:checked::before, body.text_bk .contact input[type=checkbox]:checked::after {
  background-color: #000;
}

input,
select,
textarea {
  appearance: none;
  background: none;
  border: none;
  font-family: inherit;
  font-size: 100%;
  outline: none;
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #999;
  font-size: 0.8125rem;
}

.sendForm__intro {
  margin-top: 30px;
}

.sendForm__limit {
  margin-top: 15px;
}

.sendForm p {
  font-size: 0.9375rem;
  text-align: left;
}

.sendForm form {
  margin-top: 30px;
}

.sendForm dl + dl {
  margin-top: 15px;
}

.sendForm dt {
  font-size: 0.875rem;
  font-weight: bold;
  text-align: left;
}

.sendForm dt span {
  background: #ff0000;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 3px 6px;
  margin-left: 5px;
  line-height: 1;
}

.sendForm dd {
  margin-top: 5px;
  text-align: left;
}

.sendForm dd.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 2%;
}

.sendForm dd.flex input {
  width: 49%;
}

.sendForm dd.flex._min input {
  width: 72px;
}

.sendForm dd input,
.sendForm dd select {
  background: #eee;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  box-sizing: border-box;
  color: #000;
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  padding: 3px 6px;
  text-align: left;
  text-align-last: left;
}

.sendForm dd .InputAddress {
  background-color: transparent;
  border: 1px solid var(--txt-color);
  border-radius: 5px;
  color: var(--txt-color);
  cursor: pointer;
  font-size: 0.6875rem;
  line-height: 1.3;
  margin-left: 2%;
  width: 42%;
}

.sendForm .InputError {
  background: #ff0000;
  border-radius: 3px;
  color: #fff;
  display: none;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1;
  text-align: left;
  padding: 3px 6px;
  margin-top: 5px;
  width: 100%;
}

.sendForm.confirm form {
  margin-top: 20px;
}

.sendForm.confirm dl {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 15px;
}

.sendForm.confirm dd {
  font-size: 1rem;
}

.sendForm.confirm .LowerBtn {
  margin-top: 25px;
}

.sendForm.fin p {
  text-align: center;
}

.InputConfirm__intro {
  font-size: 0.9375rem;
}

.InputConfirm__num {
  font-size: 1rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px auto;
}

.InputConfirm__num__amount {
  border: 2px solid var(--key-color);
  border-radius: 0.5em;
  color: var(--key-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5em;
  margin: 0 0.5em;
  min-width: 60px;
  height: 60px;
}

.InputConfirm__notes {
  margin-top: 10px;
}

.InputConfirm__notes p {
  font-size: 0.75rem;
  text-align: left;
}

.InputConfirm__notes li {
  font-size: 0.75rem;
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

.InputConfirm__btn {
  margin: 25px auto 10px;
}

.InputConfirm__caution {
  color: #da2129;
  font-size: 0.75rem;
}

.InputConfirm .itemList {
  border-radius: 0.5em;
  overflow: hidden;
}

.InputConfirm .itemList__seal {
  background-color: var(--key-color);
  color: var(--btn-color);
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 0.7em;
  line-height: 1;
  width: 3.5em;
  height: 100%;
}

.InputConfirm .itemList__seal strong {
  font-size: 1.2em;
}

.InputConfirm .itemList__name {
  flex-grow: 1;
  font-size: 0.9em;
  line-height: 1.2;
  padding: 0.75em 1em;
  text-align: left;
}

.InputConfirm .itemList__times {
  color: var(--key-color);
  font-size: 1.6em;
  flex-shrink: 0;
  margin: 0 0.25em;
}

.InputConfirm .itemList__num input[type=number] {
  font-size: 1.2em;
  width: 4em;
  -moz-appearance: textfield;
}

.InputConfirm .itemList__num input[type=number]::-webkit-outer-spin-button, .InputConfirm .itemList__num input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.InputConfirm .itemList li {
  background-color: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 10px;
}

.InputConfirm .itemList li + li {
  margin-top: 2px;
}

.InputConfirm .itemList p,
.InputConfirm .itemList input[type=number] {
  background-color: #fff;
  border: 1px solid var(--key-color);
  border-radius: 0.25em;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 42px;
}

.InputConfirm .itemList p {
  flex-grow: 1;
}

.InputConfirm .BtnSolidArrow._ec {
  font-size: 1rem;
}

.InputConfirm .Amount__output dd {
  color: #000;
  /* 色は固定 */
}

#confirmModal .Notes {
  font-size: 0.875rem;
}

#confirmModal .BtnSolidArrow._ec {
  padding: 18px 10px 18px 0;
}