@charset "euc-jp";

.event-detail {
  box-sizing: border-box;
  width: 804px;
  margin: 24px auto 0;
  padding: 625px 65px 50px;
  background: url(https://assets.chatpia.jp/common/event/img/beginner_bgtop.jpg?250520) no-repeat top, url(https://assets.chatpia.jp/common/event/img/beginner_bgbottom.jpg?250520) no-repeat bottom, url(https://assets.chatpia.jp/common/event/img/beginner_bgrepeat.jpg?250520) repeat-y;
  letter-spacing: 0.1em;
  color: #444;
}

.event-detail-item {
  padding: 25px 3px;
  border-top: 1px solid #e1e1e1;
}
.event-detail-item:first-child {
  padding-top: 0;
  border-top: none;
}

.event-detail__title {
  margin-bottom: 8px;
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
  color: #1c9c53;
}

.event-detail-data {
  font-size: 20px;
  line-height: 1.4;
}

.event-detail-data-text:not(:last-child) {
  margin-bottom: 24px;
}

.event-detail-data__image {
  display: block;
  max-width: 100%;
}

.event-detail-data-list {
  font-size: 16px;
  list-style-type: none;
  letter-spacing: 0.02em;
}

.event-detail-data-list-item {
  padding-left: 1em;
  text-indent: -1em;
}
.event-detail-data-list-item:not(:first-child) {
  margin-top: 5px;
}

.event-detail .registration-btn:hover .event-detail-data__image {
  margin-top: -90px;
}

.text.is_warning {
  color: #ff1919;
}

.event-detail a:link,
.event-detail a:visited {
  text-decoration: underline;
}
.event-detail .text.is_link {
  font-size: 18px;
}

.event-detail .registration-btn {
  box-sizing: border-box;
  display: block;
  width: 350px;
  height: 56px;
  margin: 0 auto;
  padding: 0 24px;
  background-color: #a0107c;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(121, 1, 108, .5);
  font-size: 18px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  color: #fff;
}

.event-detail .link-btn {
  box-sizing: border-box;
  display: block;
  width: fit-content;
  height: 48px;
  margin: 12px auto 24px;
  padding: 0 24px;
  background-color: #fff;
  border: 1px solid #a0107c;
  border-radius: 6px;
  font-size: 16px;
  font-weight: bold;
  line-height: 48px;
  text-align: center;
  color: #ab48a2;
}

.event-detail .registration-btn:link,
.event-detail .registration-btn:visited,
.event-detail .link-btn:link,
.event-detail .link-btn:visited {
  text-decoration: none;
}

.event-detail .registration-btn:hover {
  background-color: #79016c;
}

.event-detail .link-btn:hover {
  border-color: #79016c;
  text-decoration: underline;
  color: #79016c;
}