@charset "UTF-8";
/*------------------------
  outline
------------------------*/
.page_headline--event .page_headline__img {
  width: 6.8125rem;
}
@media screen and (min-width: 768px) {
  .page_headline--event .page_headline__img {
    width: min(16.9270833333vw, 20.3125rem);
  }
}

.page_headline--ticket .page_headline__img {
  width: 6.8125rem;
}
@media screen and (min-width: 768px) {
  .page_headline--ticket .page_headline__img {
    width: min(15.4166666667vw, 18.5rem);
  }
}

.sec-outline .common_box_inner .common_box_item .d-grid,
.sec-ticket .common_box_inner .common_box_item .d-grid {
  display: grid;
  grid-template-columns: 1fr 4fr;
  align-items: baseline;
}
@media screen and (max-width: 767px) {
  .sec-outline .common_box_inner .common_box_item .d-grid,
  .sec-ticket .common_box_inner .common_box_item .d-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.sec-outline .common_box_inner .common_box_item .label,
.sec-ticket .common_box_inner .common_box_item .label {
  font-size: 1rem;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .sec-outline .common_box_inner .common_box_item .label,
  .sec-ticket .common_box_inner .common_box_item .label {
    margin-bottom: 0.875rem;
  }
}
.sec-outline .common_box_inner .common_box_item .label.label--custom,
.sec-ticket .common_box_inner .common_box_item .label.label--custom {
  letter-spacing: -0.08em;
  top: -0.3125rem;
  position: relative;
}
.sec-outline .common_box_inner .common_box_item .detail > p:not(:last-child), .sec-outline .common_box_inner .common_box_item .detail > div:not(:last-child), .sec-outline .common_box_inner .common_box_item .detail > img:not(:last-child),
.sec-ticket .common_box_inner .common_box_item .detail > p:not(:last-child),
.sec-ticket .common_box_inner .common_box_item .detail > div:not(:last-child),
.sec-ticket .common_box_inner .common_box_item .detail > img:not(:last-child) {
  margin-bottom: 0.375rem;
}
@media screen and (min-width: 768px) {
  .sec-outline .common_box_inner .common_box_item .detail > p:not(:last-child), .sec-outline .common_box_inner .common_box_item .detail > div:not(:last-child), .sec-outline .common_box_inner .common_box_item .detail > img:not(:last-child),
  .sec-ticket .common_box_inner .common_box_item .detail > p:not(:last-child),
  .sec-ticket .common_box_inner .common_box_item .detail > div:not(:last-child),
  .sec-ticket .common_box_inner .common_box_item .detail > img:not(:last-child) {
    margin-bottom: 0.9375rem;
  }
}
.sec-outline .common_box_inner .common_box_item a,
.sec-ticket .common_box_inner .common_box_item a {
  text-decoration: none;
}
.sec-outline .end,
.sec-ticket .end {
  position: relative;
}
.sec-outline .end .common_box_content,
.sec-ticket .end .common_box_content {
  position: relative;
}
.sec-outline .end .common_box_content::before,
.sec-ticket .end .common_box_content::before {
  content: "";
  display: flex;
  position: absolute;
  top: 1rem;
  left: 0rem;
  right: 0rem;
  bottom: -0.5rem;
  text-align: center;
  background-color: rgba(63, 52, 38, 0.8);
  z-index: 3;
}
@media screen and (min-width: 768px) {
  .sec-outline .end .common_box_content::before,
  .sec-ticket .end .common_box_content::before {
    top: 0rem;
    left: -0.625rem;
    right: -0.625rem;
    bottom: -1.25rem;
  }
}
.sec-outline .end .common_box_content::after,
.sec-ticket .end .common_box_content::after {
  content: "終了しました";
  display: flex;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
  z-index: 4;
  color: #FFF;
}
@media screen and (min-width: 768px) {
  .sec-outline .end .common_box_content::after,
  .sec-ticket .end .common_box_content::after {
    font-size: 2.8125rem;
  }
}
.sec-outline .btn_common,
.sec-ticket .btn_common {
  margin-top: 1.5rem;
}
@media screen and (min-width: 768px) {
  .sec-outline .btn_common,
  .sec-ticket .btn_common {
    margin-top: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .sec-ticket .common_box_inner .common_box_item p.large {
    font-size: 1rem;
  }
}
.sec-ticket .common_box_inner .common_box_item .detail {
  text-align: left;
}/*# sourceMappingURL=outline.css.map */