@charset "utf-8";

.error {
  
}

/* エラーメッセージ
-------------------------------------------------*/
.error {
  box-sizing: border-box;
  width:100%;
  background:#FFF;
  border:3px solid #f00;
  padding:10px;
  margin:0 auto 10px auto;
  color:#F00;
}

.list {
  display: inline-block;
  text-align: left;
}
.list li {
  list-style-type: disc;
  list-style-position: outside;
}

.linkBox {
  text-align: center;
}



/* フォーム
-------------------------------------------------*/

/* エラーメッセージ */
.formLayout .errmsg,
.formLayout #errorMessage {
  box-sizing: border-box;
  width:100%;
  background:#FFF;
  border:3px solid #f00;
  padding:10px;
  margin:0 auto 10px auto;
  color:#F00;
}
.formLayout .errmsg a,
.formLayout #errorMessage a {
  color:#F00;
}

/* 画面別表示/非表示 */
.formLayout.input_now .display_check,
.formLayout.check_now .display_input{
  display:none;
}

/* 必須アイコン */
.formLayout .required,
.formLayout .not_required {
  font-size: 0.9em;
  display: inline-block;
  padding: 0 4px;
  border-radius: 4px;
  margin-left: 4px;
  line-height: normal;
}
.formLayout .required {
  background: #d00;
  color: #fff;
}
.formLayout .not_required {
  background: #666;
  color: #fff;
}

.formLayout .comment  {
  font-size: 0.8em;
  color: #666;
  line-height: normal;
}

.registration_index-page .formBlock__inner .formLayout.check_now dl dd {
  padding-left: 1em;
}

.registration_index-page .formBlock__inner .setBox:nth-of-type(2) {
  margin-top: 100px !important;
}

.not_login_login_index-page .formBlock__inner .setBox:not(:last-of-type) {
  margin-top: 60px !important;
}



/* スロット
-------------------------------------------------*/

.slot_index-page .slotBlock__inner {
  width: 944px;
  margin: 50px auto;
}
.slot_index-page .slotBlock__inner .slotSet {
  width: 944px;
  height: 1183px;
}
.slot_index-page .slotBlock__inner .slotSet img {
  width: 803px;
  padding-top: 100px;
}
.slot_index-page .slotBlock__inner .slotSet .reelArea {
    padding-top: 53px;
    padding-left: 64px;
    padding-right: 64px;
}
.slot_index-page .slotBlock__inner .slotSet .reelArea ul li {
    width: 256px;
    height: 624px;
    background: #fff;
    border-radius: 5px;
}
.slot_index-page .slotBlock__inner .slotSet .reelArea ul li .reelCase {
    width: 256px;
    height: 2912px;
}
#btnStop.pushed {
  background: #ccc;
}



/* その他
-------------------------------------------------*/

/* 抽選ボタン */
.lotteryBtn {
  line-height: normal;
  margin-bottom: 20px;
}
.lotteryBtn span {
  font-size: 70%;
}

/* スタンプ押印ページ */
.qrBlock #success,
.qrBlock #error {
  background: #fff;
  padding: 5px;
  display: none;
}
.qrBlock #success {
  border: 2px solid #89DAF9;
}
.qrBlock #error {
  border: 2px solid #f00;
}


.qrBlock #error .errorBox {
  margin: 20px;
  padding: 20px;
/*
  border: 2px solid #ffc000;
  border-radius: 20px;
  background: #ffffaa;
*/
}
.qrBlock #error .errorBox .btn {
  margin-top: 10px;
  padding: 5px;
  color: #ffffff;
  text-align: center;
  background: #aa0000;
  display: block;
  line-height: normal;
}
.qrBlock #error .errorBox .btn .small {
  font-size: 80%;
}
@media screen and (max-width:640px) {
  .qrBlock #error .errorBox {
    margin: 10px;
    padding: 10px;
  }
}

/* クーポンページ */
.gift_index-page .giftBlock__inner .giftItem img {
  vertical-align: middle;
}
.gift_index-page .giftBlock__inner .giftItem.used::before {
  height: 100%;
}
.gift_index-page .giftBlock__inner .giftItem.used::after {
  top: 50%;
}

/* .gift_index-page .giftBlock__inner .giftItem .deadline {
  top: calc(75px + (272 - 75)*(100vw - 320px)/ (1170 - 320));
}
@media screen and (min-width: 1170px) {
  .gift_index-page .giftBlock__inner .giftItem .deadline {
    top: 272px;
  }
} */

.giftGpsComment {
  text-align: left;
  font-size: calc(12px + (56 - 12)*(100vw - 375px)/ (1170 - 375));
}
@media screen and (min-width: 1170px) {
  .giftGpsComment {
    font-size: 32px;
  }
}

.giftCaution {
  text-align: left;
  font-size: calc(12px + (56 - 12)*(100vw - 375px)/ (1170 - 375));
  margin: 20px 0;
}
@media screen and (min-width: 1170px) {
  .giftCaution {
    font-size: 32px;
  }
}

.giftCaution ul {
  margin-left: 8%;
}
.giftCaution li {
  list-style: disc;
  line-height: normal;
}
.giftCaution .red {
  color: #f00;
}

#couponUseWindow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
#couponUseWindow .inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  align-content: center;
  height: 100%;
  justify-content: center;
  font-size: calc(18px + (56 - 18)*(100vw - 375px)/ (1170 - 375));
  width: calc(285px + (890 - 285)*(100vw - 375px)/ (1170 - 375));
  margin: 0 auto;
}
#couponUseWindow .text {
  margin-bottom: 20px;
  color: #fff;
  line-height: normal;
  text-align: center;
}
#couponUseWindow select {
  width: 100%;
  margin-bottom: 20px;
}
#couponUseWindow button {
}
#couponUseWindow .btnBox {
  text-align: center;
}

#couponUseWindow #cancelBtn {
  display: inline-block;
  margin-top: 30px;
  font-size: 80%;
  color: #fff;
}