@charset "UTF-8";
.payment-bank .subContents_wrap table {
  border-collapse: collapse;
  margin-bottom: 16px;
  width: 100%;
  border: 1px solid #e8e8e8;
}
.payment-bank .subContents_wrap table tr:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
.payment-bank .subContents_wrap table th,
.payment-bank .subContents_wrap table td {
  padding: 16px 8px;
  vertical-align: top;
  letter-spacing: 0;
}
.payment-bank .subContents_wrap table th {
  text-align: center;
  width: 6em;
  background: #e5e5e5;
  border-right: 1px solid #e8e8e8;
}
.payment-bank .subContents_wrap table td {
  text-align: left;
}

.postList-avatar {
  position: relative;
  border-radius: 50%;
  background: #e5e5e5;
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.postList-avatar img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  max-height: 100%;
  max-width: 1000px;
}

.event-frontPage .l-main,
.event-bottomPage .l-main {
  padding-top: 0;
}
@media screen and (max-width: 400px) {
  .event-frontPage .l-header_inner,
.event-bottomPage .l-header_inner {
    height: 0;
    min-height: 0;
    padding: 0;
  }
  .event-frontPage .l-header_inner .subNav_toggle,
.event-frontPage .l-header_inner .search-bell,
.event-bottomPage .l-header_inner .subNav_toggle,
.event-bottomPage .l-header_inner .search-bell {
    display: none;
  }
  .event-frontPage .l-hero_inner,
.event-bottomPage .l-hero_inner {
    padding-top: 0;
  }
}

.btn-ticket {
  width: 58px;
  height: 58px;
  display: block;
  position: fixed;
  top: 50vh;
  right: 16px;
  z-index: 1;
  -webkit-filter: drop-shadow(0px 10px 10px rgba(229, 68, 68, 0.7));
          filter: drop-shadow(0px 10px 10px rgba(229, 68, 68, 0.7));
}

.event-wrap {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 25px;
  position: relative;
}
@media screen and (max-width: 821px) {
  .event-wrap {
    padding: 0;
  }
}
.event-wrap .error {
  margin-top: 8px;
  color: #e54444;
  font-size: 1.2rem;
}
.event-wrap .event-cont-wrap {
  width: 100%;
  padding-bottom: 40px;
  padding-left: 20px;
  background: #fff;
}
.event-wrap .event-cont-wrap:last-child {
  padding-bottom: 80px;
}
.event-wrap .event-cont-wrap .event-cont-ttl {
  padding: 24px 20px 14px 0;
  font-size: 1.6rem;
  font-weight: bold;
  font-weight: 700;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.event-wrap .event-cont-wrap .event-cont-ttl a {
  color: #1592e6;
  font-size: 1.2rem;
  font-weight: normal;
}
.event-wrap .event-cont-wrap .event-cont {
  width: 100%;
  padding-bottom: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow-x: auto;
}
.event-wrap .event-cont-wrap .event-cont.no-event {
  height: 280px;
  text-align: center;
  color: #8a98ba;
  font-size: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-wrap .event-cont-wrap .event-cont-item {
  width: 100%;
  max-width: 280px;
  margin-right: 20px;
  aspect-ratio: 1/1;
  -webkit-box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.12);
          box-shadow: 0px 3px 33px 0px rgba(0, 0, 0, 0.12);
}
.event-wrap .event-cont-wrap .event-cont-item figure {
  width: 100%;
  padding-top: 52.8571428571%;
  position: relative;
}
.event-wrap .event-cont-wrap .event-cont-item figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.event-textarea {
  padding: 16px;
  line-height: 1.3;
}
.event-textarea p.event-ttl {
  margin-bottom: 4px;
  font-size: 1.4rem;
  font-weight: bold;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.event-textarea .event-date {
  margin-bottom: 8px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-textarea .event-date .date {
  width: 200px;
  color: #8a98ba;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.event-textarea .event-date .period {
  width: 46px;
  height: 20px;
  background: #fff;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  font-weight: bold;
  font-weight: 700;
  color: #3fb752;
  text-align: center;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.16);
}
.event-textarea .event-location {
  padding-left: 20px;
  font-size: 1.2rem;
  color: #8a98ba;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background: url(../img/event/icon-map.svg) no-repeat top left;
}
.event-textarea .event-ticket {
  padding-left: 20px;
  margin: 20px 0 0 0;
  font-weight: 700;
  font-size: 1.2rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  background: url(../img/event/icon-ticket.svg) no-repeat top left;
}
.event-textarea .event-ticket-text {
  margin: 8px 0 0 0;
  font-weight: 700;
  font-size: 1.8rem;
}

.event-list-wrap,
.event-ticket-list-wrap,
.event-detail-wrap,
.event-detail-wrap-ticket,
.payment-bank {
  width: 100%;
  max-width: 862px;
}

.event-detail-header {
  height: 80px;
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
}
@media screen and (max-width: 400px) {
  .event-detail-header {
    height: 50px;
    border-bottom: none;
  }
}
.event-detail-header .button-back {
  width: 11px;
  height: 19px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 25px;
  z-index: 99;
}
@media screen and (max-width: 400px) {
  .event-detail-header .button-back {
    left: 25px;
  }
}

.event-common-wrap {
  padding: 0 20px 80px;
  background: #fff;
}
@media screen and (max-width: 400px) {
  .event-common-wrap {
    padding: 0 0 40px;
  }
}
.event-common-wrap .event-category-list {
  width: 100%;
  margin-bottom: 24px;
  padding: 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: nowrap;
      -ms-flex-flow: nowrap;
          flex-flow: nowrap;
  overflow-x: auto;
  white-space: nowrap;
  font-size: 1.1rem;
}
@media screen and (max-width: 400px) {
  .event-common-wrap .event-category-list {
    margin-bottom: 0;
  }
}
.event-common-wrap .event-category-list li {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background: #e8e8e8;
  border-radius: 50px 50px;
  overflow: hidden;
  margin-right: 12px;
}
.event-common-wrap .event-category-list li.active {
  color: #fff;
  background: #e54444;
}
.event-common-wrap .event-category-list a {
  padding: 4px 20px;
  display: inline-block;
}
.event-common-wrap .event-search-area {
  padding: 0 20px;
}
.event-common-wrap .glovalSearch_wrap {
  display: block;
  margin: 0 0 24px 0;
}
.event-common-wrap .glovalSearch_wrap button {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.event-common-wrap .glovalSearch_wrap button img {
  fill: #8a98ba;
}
.event-common-wrap .sort-items {
  width: 100%;
  padding: 15px 20px;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.event-common-wrap .sort-items button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3f85e4;
  cursor: pointer;
}
.event-common-wrap .sort-items button img {
  margin-right: 4px;
}
.event-common-wrap .sort-items select {
  width: auto;
  height: auto;
  padding: 0 0 0 20px;
  display: inline-block;
  color: #3f85e4;
  background: url(../img/ico-sort.svg) no-repeat center left/19px 19px;
}

.event-list-wrap .event-common-wrap {
  padding: 20px 0 0;
}
.event-list-wrap .event-cont-wrap {
  padding: 0;
}
.event-list-wrap .event-cont-wrap .event-cont {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-list-wrap .event-cont-wrap .event-cont:last-child {
  padding-bottom: 0;
}
.event-list-wrap .event-cont-wrap .event-cont .event-cont-item {
  width: calc(50% - 30px);
  max-width: 366px;
  max-height: 305px;
  margin-right: 0;
  margin-bottom: 3vw;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 425px) {
  .event-list-wrap .event-cont-wrap .event-cont .event-cont-item {
    width: 100%;
    margin: 0 20px 20px;
  }
}
@media screen and (min-width: 400px) {
  .event-list-wrap .event-cont-wrap .event-cont .event-cont-item:nth-child(odd) {
    margin-left: 20px;
    margin-right: 10px;
  }
  .event-list-wrap .event-cont-wrap .event-cont .event-cont-item:nth-child(even) {
    margin-right: 20px;
    margin-left: 10px;
  }
}

.event-ticket-list-wrap .event-common-wrap {
  padding: 20px 0 0;
}
.event-ticket-list-wrap .event-cont-wrap {
  padding: 0;
}
.event-ticket-list-wrap .event-cont-wrap .event-cont {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-ticket-list-wrap .event-cont-wrap .event-cont:last-child {
  padding-bottom: 0;
}
.event-ticket-list-wrap .event-cont-wrap .event-cont .event-cont-item {
  width: calc(50% - 30px);
  max-width: 366px;
  margin-right: 0;
  margin-bottom: 3vw;
  aspect-ratio: unset;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 425px) {
  .event-ticket-list-wrap .event-cont-wrap .event-cont .event-cont-item {
    width: 100%;
    margin: 0 20px 20px;
  }
}
@media screen and (min-width: 400px) {
  .event-ticket-list-wrap .event-cont-wrap .event-cont .event-cont-item:nth-child(odd) {
    margin-left: 20px;
    margin-right: 10px;
  }
  .event-ticket-list-wrap .event-cont-wrap .event-cont .event-cont-item:nth-child(even) {
    margin-right: 20px;
    margin-left: 10px;
  }
}
.event-ticket-list-wrap .event-cont-wrap .event-cont .event-cont-item.event-end::before {
  white-space: pre;
  content: "このイベントは\a終了しました";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 2rem;
  text-align: center;
  z-index: 1;
}
.event-ticket-list-wrap .ticket-display {
  margin-top: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.event-ticket-list-wrap .ticket-display .btn-payee-confirm {
  width: 122px;
  margin-left: 15px;
  padding: 8px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #8a98ba;
  border: solid 1px #8a98ba;
  border-radius: 4px;
}
.event-ticket-list-wrap .ticket-display .payment-status {
  font-size: 1.2rem;
}
.event-ticket-list-wrap .ticket-display .payment-status.accent {
  color: #e54444;
}

.event-detail-wrap .event-common-wrap,
.event-detail-wrap-ticket .event-common-wrap {
  padding: 0 0 80px;
}
.event-detail-wrap .event-thum figure,
.event-detail-wrap-ticket .event-thum figure {
  width: 100%;
  position: relative;
}
.event-detail-wrap .event-thum figure img,
.event-detail-wrap-ticket .event-thum figure img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.event-detail-wrap .event-textarea,
.event-detail-wrap-ticket .event-textarea {
  padding: 40px 20px 24px;
  border-bottom: 1px solid #e8e8e8;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .event-textarea,
.event-detail-wrap-ticket .event-textarea {
    padding-top: 12px;
  }
}
.event-detail-wrap .event-textarea p.event-ttl,
.event-detail-wrap-ticket .event-textarea p.event-ttl {
  font-size: 2rem;
  margin-bottom: 21px;
}
.event-detail-wrap .event-textarea .event-date .date,
.event-detail-wrap-ticket .event-textarea .event-date .date {
  width: 100%;
}
.event-detail-wrap .event-detail-cell,
.event-detail-wrap-ticket .event-detail-cell {
  padding: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.event-detail-wrap .event-detail-cell .amount,
.event-detail-wrap-ticket .event-detail-cell .amount {
  margin: auto 10px auto auto;
}
.event-detail-wrap .event-detail-cell p.detail-ttl,
.event-detail-wrap-ticket .event-detail-cell p.detail-ttl {
  font-size: 1.4rem;
  color: #8a98ba;
  margin-bottom: 10px;
}
.event-detail-wrap .event-detail-cell .detail-txt,
.event-detail-wrap-ticket .event-detail-cell .detail-txt {
  font-size: 1.6rem;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .event-detail-cell .detail-txt,
.event-detail-wrap-ticket .event-detail-cell .detail-txt {
    width: 100%;
    text-align: left;
    margin-bottom: 16px;
  }
}
.event-detail-wrap .event-detail-cell .detail-cont,
.event-detail-wrap-ticket .event-detail-cell .detail-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .event-detail-cell .detail-cont,
.event-detail-wrap-ticket .event-detail-cell .detail-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.event-detail-wrap .event-detail-cell .detail-cont .btn-calendar,
.event-detail-wrap .event-detail-cell .detail-cont .btn-map,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-calendar,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-map {
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 6px 20px 6px 40px;
  color: #8a98ba;
  font-size: 1.4rem;
  border: 1px solid #8a98ba;
  border-radius: 4px;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .event-detail-cell .detail-cont .btn-calendar,
.event-detail-wrap .event-detail-cell .detail-cont .btn-map,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-calendar,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-map {
    width: 184px;
    text-align: center;
  }
}
.event-detail-wrap .event-detail-cell .detail-cont .btn-calendar,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-calendar {
  background: url(../img/ico-calender.svg) no-repeat center left 8px;
}
.event-detail-wrap .event-detail-cell .detail-cont .btn-map,
.event-detail-wrap-ticket .event-detail-cell .detail-cont .btn-map {
  background: url(../img/event/icon-map.svg) no-repeat center left 8px/24px 24px;
}
.event-detail-wrap .event-detail-cell .event-detail-txt,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt {
  margin-bottom: 40px;
  position: relative;
}
.event-detail-wrap .event-detail-cell .event-detail-txt *,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.event-detail-wrap .event-detail-cell .event-detail-txt *:before, .event-detail-wrap .event-detail-cell .event-detail-txt *:after,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt *:before,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.event-detail-wrap .event-detail-cell .event-detail-txt input[type=checkbox] + label,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input[type=checkbox] + label {
  padding: 0;
}
.event-detail-wrap .event-detail-cell .event-detail-txt label,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt label {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  z-index: 1;
  width: 100%;
  /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
}
.event-detail-wrap .event-detail-cell .event-detail-txt input:checked + label,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input:checked + label {
  background: inherit;
  /* 開いた時にグラデーションを消す */
}
.event-detail-wrap .event-detail-cell .event-detail-txt label:after,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt label:after {
  z-index: 2;
  content: "続きを見る";
  letter-spacing: 0.05em;
  color: #3f85e4;
  font-size: 1.2rem;
}
.event-detail-wrap .event-detail-cell .event-detail-txt input,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input {
  display: none;
}
.event-detail-wrap .event-detail-cell .event-detail-txt .event-detail-txt-cont,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt .event-detail-txt-cont {
  overflow: hidden;
  max-height: 198px;
  /* 開く前に見えている部分の高さ */
}
.event-detail-wrap .event-detail-cell .event-detail-txt input:checked + label:before,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input:checked + label:before {
  content: "";
}
.event-detail-wrap .event-detail-cell .event-detail-txt input:checked + label:after,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input:checked + label:after {
  content: "閉じる";
}
.event-detail-wrap .event-detail-cell .event-detail-txt input:checked ~ .event-detail-txt-cont,
.event-detail-wrap-ticket .event-detail-cell .event-detail-txt input:checked ~ .event-detail-txt-cont {
  max-height: 100%;
}
.event-detail-wrap .event-detail-cell ul li,
.event-detail-wrap-ticket .event-detail-cell ul li {
  padding: 20px 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.event-detail-wrap .event-detail-cell ul li:not(:last-child),
.event-detail-wrap-ticket .event-detail-cell ul li:not(:last-child) {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.event-detail-wrap .event-detail-cell ul li:first-child,
.event-detail-wrap-ticket .event-detail-cell ul li:first-child {
  padding-top: 0;
}
.event-detail-wrap .event-detail-cell ul li .check-deco,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox],
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio],
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox],
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio] {
  display: none;
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox] + label,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio] + label,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox] + label,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio] + label {
  margin: 2px;
  cursor: pointer;
  margin-right: 1px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 36px;
  vertical-align: middle;
  width: 100%;
  margin-bottom: 4px;
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox] + label:before,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio] + label:before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox] + label:before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio] + label:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-left: 0;
  border: 1px solid #e8e8e8;
  border-radius: 25px 25px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox] + label.is-hover,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio] + label.is-hover,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox] + label.is-hover,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio] + label.is-hover {
  background: #e54444;
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox]:checked + label::before,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio]:checked + label::before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox]:checked + label::before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio]:checked + label::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #222455;
  border-radius: 25px 25px;
  background: #222455 url(../img/radio-check.svg) no-repeat center/10px 7px;
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox]:disabled + label,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio]:disabled + label,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox]:disabled + label,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio]:disabled + label {
  color: #999;
  border-color: #999;
  background: rgba(153, 153, 153, 0.5);
}
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=checkbox]:disabled + label:before,
.event-detail-wrap .event-detail-cell ul li .check-deco input[type=radio]:disabled + label:before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=checkbox]:disabled + label:before,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco input[type=radio]:disabled + label:before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #e8e8e8;
  border-radius: 25px 25px;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .event-detail-cell ul li,
.event-detail-wrap-ticket .event-detail-cell ul li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .event-detail-wrap .event-detail-cell ul li .check-deco,
.event-detail-wrap-ticket .event-detail-cell ul li .check-deco {
    width: 100%;
  }
}
.event-detail-wrap .event-detail-cell select,
.event-detail-wrap-ticket .event-detail-cell select {
  background-image: url(../img/select_down_b.svg);
  background-repeat: no-repeat;
  background-size: 12px 10px;
  background-position: right 15px center;
  line-height: 1;
  padding-left: 0;
}
.event-detail-wrap .cart-btn-area,
.event-detail-wrap-ticket .cart-btn-area {
  margin-top: 24px;
  padding: 0 20px;
}
.event-detail-wrap .cart-btn-area button,
.event-detail-wrap .cart-btn-area a,
.event-detail-wrap-ticket .cart-btn-area button,
.event-detail-wrap-ticket .cart-btn-area a {
  width: 100%;
  max-width: 732px;
  height: 58px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap .cart-btn-area button,
.event-detail-wrap .cart-btn-area a,
.event-detail-wrap-ticket .cart-btn-area button,
.event-detail-wrap-ticket .cart-btn-area a {
    max-width: 300px;
  }
}
.event-detail-wrap .cart-btn-area button.btn-accent,
.event-detail-wrap .cart-btn-area a.btn-accent,
.event-detail-wrap-ticket .cart-btn-area button.btn-accent,
.event-detail-wrap-ticket .cart-btn-area a.btn-accent {
  margin-bottom: 18px;
}
.event-detail-wrap .cart-btn-area button.btn-common,
.event-detail-wrap .cart-btn-area a.btn-common,
.event-detail-wrap-ticket .cart-btn-area button.btn-common,
.event-detail-wrap-ticket .cart-btn-area a.btn-common {
  color: #8a98ba;
  border: solid 1px #8a98ba;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}

.event-detail-wrap-ticket {
  padding-bottom: 0px;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .event-common-wrap {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .event-common-wrap .event-detail-cell:nth-child(2) .detail-txt {
    text-align: center;
    margin-bottom: 0;
  }
  .event-detail-wrap-ticket .event-common-wrap .event-detail-cell:nth-child(2) .detail-ttl,
.event-detail-wrap-ticket .event-common-wrap .event-detail-cell:nth-child(2) a {
    display: none;
  }
  .event-detail-wrap-ticket .event-common-wrap .event-detail-cell:nth-child(3), .event-detail-wrap-ticket .event-common-wrap .event-detail-cell:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .event-common-wrap .event-qr-code {
    display: none;
  }
}
.event-detail-wrap-ticket .event-common-wrap .event-sp-area {
  display: none;
  padding: 24px 20px;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .event-common-wrap .event-sp-area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.event-detail-wrap-ticket .event-common-wrap .event-sp-area .event-sp-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.2rem;
  text-align: center;
}
.event-detail-wrap-ticket .event-common-wrap .event-sp-area .event-sp-item:nth-child(2) {
  margin-left: 65px;
}
.event-detail-wrap-ticket .event-common-wrap .event-sp-area .event-sp-item img {
  margin-bottom: 9px;
}
.event-detail-wrap-ticket .event-common-wrap .event-sp-area p.detail-txt {
  text-align: center;
  margin-bottom: 0;
}
.event-detail-wrap-ticket .event-qr-code figure {
  width: 221px;
  height: 221px;
  margin: 28px auto 0;
}
.event-detail-wrap-ticket .check-in-area {
  padding-top: 36px;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .check-in-area {
    padding: 0 17px;
  }
}
.event-detail-wrap-ticket .check-in-area.completed .btn-check-in {
  background: #707070;
}
.event-detail-wrap-ticket .check-in-area.completed p {
  text-align: center;
}
.event-detail-wrap-ticket .check-in-area .btn-check-in {
  width: 100%;
  max-width: 342px;
  height: 115px;
  margin: 0 auto 8px;
  background: #f70;
  border: solid 1px #707070;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 400px) {
  .event-detail-wrap-ticket .check-in-area .btn-check-in {
    font-weight: bold;
  }
}
.event-detail-wrap-ticket .check-in-area .btn-check-in .btn-check-in-item {
  text-align: center;
  color: #fff;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.event-detail-wrap-ticket .check-in-area .btn-check-in .btn-check-in-item img {
  width: 48px;
  height: 48px;
  margin: 0 auto 11px;
}
.event-detail-wrap-ticket .check-in-area p {
  width: 100%;
  max-width: 342px;
  margin: 0 auto;
  font-size: 1.2rem;
  text-align: left;
}

.payment-bank .event-common-wrap {
  padding-top: 50px;
}
.payment-bank .message-primary {
  width: 100%;
  max-width: 393px;
  font-size: 1.4rem;
  margin: 0 auto 40px;
}
@media screen and (max-width: 400px) {
  .payment-bank .message-primary {
    margin-bottom: 28px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 400px) {
  .payment-bank .message-primary br {
    display: none;
  }
}
.payment-bank .subContents_wrap {
  width: 100%;
  max-width: 335px;
  margin: 0 auto 50px;
  background: white;
  border-radius: 3px;
  font-size: 1.2rem;
}
@media screen and (max-width: 400px) {
  .payment-bank .subContents_wrap {
    margin-bottom: 18px;
  }
}
.payment-bank .subContents_wrap table th,
.payment-bank .subContents_wrap table td {
  padding: 13px 16px;
}
.payment-bank .subContents_wrap table th {
  width: 120px;
  background: #fafafa;
  text-align: left;
  font-weight: bold;
  font-weight: 700;
}
.payment-bank .note {
  width: 100%;
  max-width: 557px;
  margin: 0 auto 60px;
  color: #8a98ba;
  font-size: 1.2rem;
}
@media screen and (max-width: 400px) {
  .payment-bank .note {
    padding: 0 20px;
  }
}
.payment-bank .note li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.payment-bank .note li:not(:last-child) {
  margin-bottom: 16px;
}
.payment-bank .note li .note-number {
  white-space: nowrap;
  margin-right: 8px;
}
@media screen and (max-width: 400px) {
  .payment-bank .note li br {
    display: none;
  }
}
.payment-bank .event-btn-area {
  width: 100%;
  max-width: 300px;
  margin: auto;
}

.event-thanks .message-wrap {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  padding: 25vh 0;
  text-align: center;
}
.event-thanks .message-wrap .message-primary {
  margin-bottom: 16px;
}
.event-thanks .message-wrap .message-secondary {
  font-size: 1.2rem;
  color: #8a98ba;
}
.event-thanks .event-btn-area {
  width: 100%;
  max-width: 300px;
  margin: auto;
}
.event-thanks .event-btn-area button,
.event-thanks .event-btn-area a {
  width: 100%;
  max-width: 732px;
  height: 58px;
  margin: 0 auto;
  padding: 0;
  font-size: 1.4rem;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 400px) {
  .event-thanks .event-btn-area button,
.event-thanks .event-btn-area a {
    max-width: 300px;
  }
}
.event-thanks .event-btn-area button.btn-accent,
.event-thanks .event-btn-area a.btn-accent {
  margin-bottom: 18px;
}
.event-thanks .event-btn-area button.btn-common,
.event-thanks .event-btn-area a.btn-common {
  color: #8a98ba;
  border: solid 1px #8a98ba;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
}

.volume .volume-ttl {
  font-size: 1.2rem;
  margin-bottom: 16px;
}
.volume .form-volume {
  width: 124px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.volume .form-volume input[type=number] {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  width: 52px;
  height: 36px;
  text-align: center;
  background-color: #fff;
  border: solid 1px #8a98ba;
  border-radius: 0;
  -moz-appearance: textfield !important;
}
.volume .form-volume input[type=number]::-webkit-inner-spin-button, .volume .form-volume input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}
.volume .form-volume .btn-minus,
.volume .form-volume .btn-plus {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 24px;
  height: 24px;
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
}
.volume .form-volume .btn-minus {
  background: #fafafa;
  color: #b6bed4;
}
.volume .form-volume .btn-plus {
  background: #e8e8e8;
}
/*# sourceMappingURL=event.css.map */