.page-event {
  /*padding:0 20px 30px 20px;*/
}
.page-event .txt-title {padding:20px 0; font-size:20px; font-weight:bold; text-align:center;}
.page-event .txt-title span {display:block; color:#FF6A29;}
.page-event .txt-day {text-align:center; color:#222;}
.page-event .ticket-coupon {margin:20px 0 0 0;display:flex; height:150px; position:relative;}
.page-event .ticket-coupon .data-price {flex:auto; margin:0 32px 0 0; height:100%; display:flex; flex-direction: column; justify-content: center;  border-radius:10px; border:1px solid #ccc; border-right:none; background-color:#fff; color:#827979; text-align:center;} 
.page-event .ticket-coupon .data-price strong {display:block; text-align:center; color:#FF6A29; font-size:30px;}

.page-event .ticket-coupon .data-price .txt-sale {text-align:left; padding:0 20px; color:#222; font-weight:500;}

.page-event .ticket-coupon .data-price .data-pricesale {font-size:30px; font-weight:bold; margin:10px 0 0 0; color:#FF6A29; padding:0 20px; text-align:left; }
.page-event .ticket-coupon .txt-coupon {position:absolute;top:0; right:0; bottom:0; padding:0 10px; border:1px solid #ccc; border-left:1px dashed #ccc; display:flex; flex-direction: column; justify-content: center; border-radius:10px; }
.page-event .ticket-coupon .txt-coupon span {transform:rotate(90deg); color:#908f8f;}
.page-event .btn-coupon {display:block; margin:30px 0 0 0; border-radius:12px; background-color:#FF6A29; text-align:center; line-height:50px; color:#fff; font-weight:600;}
.page-event .area-ticket {padding:0 10px;}
.page-event .box-info {margin-top:30px; padding:30px; background-color:rgba(255,106,41,0.2); border-radius:10px;}
.page-event .box-info .data-info {color:#7b7575; margin-top:5px; font-size:14px;}
.page-event .box-info .data-info + .label-info {margin-top:20px;}
.page-event .view-use { border-radius:20px; overflow:hidden; background-color:#efefef;}
.page-event .view-use .contents-use {padding:20px 20px;}
.page-event .view-use .label-use {background-color:#FF6A29; padding:10px; text-align:center; padding:10px 0; color:#fff;}
.page-event .area-route {display:flex; align-items: center; justify-content: center;}
.page-event .area-route .round-area {position:relative; margin:0 5px;width:100px; height:100px; border-radius:50%; background-color:#fff; display:flex; flex-direction:column; align-items : center; justify-content: center; font-size:13px; text-align:center;}
.page-event .area-route .round-area:before {position:absolute; top:5px; left:5px; right:5px; bottom:5px; content:''; border:2px dashed #222; border-radius:50%;}
.page-event .area-route .round-area strong {text-align:center; display:block;}
.page-event .list-dot {padding:0; margin:30px 0 0 0;}
.page-event .list-dot li {display:flex; list-style:none; padding:0; font-size:13px;}
.page-event .list-dot.type-dark li:before {background-color:#222;}

.page-event .list-dot li + li {margin-top:10px;}
.page-event .list-dot li:before{display:inline-block; width:4px; height:4px; border-radius:50%; background-color:#FF6A29; content:'';position:relative; top:5px; vertical-align: top;margin-right:5px; flex:none;}
.page-event .event-message {padding:20px 0; text-align:center; font-size:14px;}
.page-event .event-form {
  padding: 0 10px;
  margin: 20px 0 30px;
}
.page-event .event-form .form-message {
  font-weight:500;
  font-size:16px;
  line-height: 1.3;
}
/*.page-event .event-form .form-message .txt-strong {display:inline-block; color:#FF6A29;}*/
.page-event .event-form form {margin:20px 0 0 0;}
.page-event .event-form .form-label {font-size:13px; margin-bottom:10px;}
.page-event .event-form .form-select {display:flex;gap: 10px;margin:0;}
.page-event .event-form .form-select .component-select {padding:0; flex:auto; width:100%;}
.page-event .event-form .form-select select {
  flex:auto;
  width:100%;
  height:40px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0 10px;
}
.page-event .list-agree {
  margin:20px 0 0 0;
  padding: 0 10px;
}
.page-event .list-agree .view-agree {
  display:flex;
  align-items: center;
  padding:10px 10px;
  background-color: #f8f8f8;
  border: 1px solid rgba(0,0,0,0.15);
  border-left: 0;
  border-right: 0;
}
.page-event .list-agree .view-agree + .view-agree {
  border-top: 0;
}
.page-event .list-agree .view-agree .btn-view {border-radius:3px; padding:5px 10px; color:#fff; background-color:#292b2b; font-size:12px; margin-left:auto;}
.page-event .list-agree .view-agree label {display:flex; align-items: center;}
.page-event .list-agree .view-agree label input {margin-right:5px;}
.page-event .list-agree .view-agree .check-txt {
  display:flex;
  font-size:14px;
  color: #000;
}
/*.page-event .list-agree .view-agree .check-txt span {color:#FF6A29;}*/

.page-event .btn-solid {
  display:block;
  margin:30px 20px 0;
  border-radius:12px;
  background-color:#292b2b;
  text-align:center;
  line-height:50px;
  color:#fff;
  font-weight:600;
}
.page-event .txt-download {padding:30px 0; font-size:14px; text-align:center;}
.page-event .txt-download strong {display:block; text-align:center; font-size:20px; margin-bottom:5px;}
.page-event .area-sale {border-radius:10px; background-color:#efefef; padding:30px;}
.page-event .area-sale .ticket-coupon {margin:0}
.page-event .area-sale .ticket-coupon .txt-coupon {background-color:#FF6A29; }
.page-event .area-sale .ticket-coupon .txt-coupon span {color:#fff;}
.page-event .area-sale .list-dot {padding:0 20px; letter-spacing: -0.5px;}
.page-event .area-sale .list-dot li {color:#747171;}
.page-event .area-sale .list-dot li .txt-strong {color:#FF6A29;}
.page-event .area-sale .list-dot li .txt-dash {margin-top:5px;}

.page-event .btn-close {
  display:inline-block;
  width:14px;
  position:absolute;
  top:16px;
  right:20px;
  height:14px;
  background:url(../images/pop-close.svg) no-repeat; font-size:0;
  background-size: 14px;
}
.page-event .txt-title {
  position: relative;
  padding:20px;
  font-size:16px;
  font-weight:600;
  text-align: center;
}

.page-festa .area-btn {padding:0 50px 30px 50px; background-color:#a7cfef;}
.page-festa .area-btn a.btn-sale {display:inline-flex; align-items: center; justify-content: center; width: 100%; color:#fff; line-height: 42px; padding:0 25px 0 25px; border-radius: 52px; filter: drop-shadow(3.346px 3.716px 2.5px rgba(0,0,0,0.13)); background-color: #ff6c00; font-size:22px; font-weight:bold;}
.page-festa .area-btn a.btn-sale:after {display:inline-block; margin-left:8px; width:27px; height:27px; background:url(../images/icon-sale.png) no-repeat; background-size:100% 100%; content:'';}
.page-festa a {font-size:0;}
.page-festa .btn-close {
  display:inline-block;
  width:18px;
  position:absolute;
  top:20px;
  right:20px;
  height:18px;
  background:url(../images/pop-close.svg) no-repeat; font-size:0;;}
.page-festa .txt-title {
  position: relative;
  padding:20px;
  font-size:16px;
  font-weight:600;
  text-align: center;
}

.page-event__title {
  font-size: 24px;
  letter-spacing: 1px;
  color: #292b2b;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
}
.page-event__desc {
  margin: 20px 0;
  font-size: 14px;
  font-weight: 300;
  color: #000000;
  line-height: 1.3;
  text-align: center;
}
.page-event__flow {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 20px;
  padding: 20px 10px;
  background-color: #efefef;
}
.page-event__flow em {
  font-size: 14px;
}
.page-event__flow em i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background-color: #1b1b1b;
  border-radius: 50%;
  margin-right: 2px;
}
.page-event__flow span {
  margin: 0 6px;
}
.page-event__info {
  padding: 0 10px;
  font-weight: 200;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {

  .page-event__flow {
    margin: 0;
  }
  .page-event .list-agree {
    padding: 0;
  }
}