@charset "euc-jp";

.event-detail {
  box-sizing: border-box;
  width: 740px;
  margin: 24px auto 0;
  padding: 495px 48px 30px;
  background: url(https://assets.chatpia.jp/common/event/img/poikatsu_bgmain.jpg) no-repeat top, url(https://assets.chatpia.jp/common/event/img/poikatsu_bgbottom.jpg) no-repeat bottom, url(https://assets.chatpia.jp/common/event/img/poikatsu_bgrepeat.jpg) repeat-y;
  letter-spacing: 0.1em;
  color: #fff;
}

.event-detail-item {
  padding: 25px 3px;
  border-top: 1px solid #666;
}
.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: #fbc300;
}

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

.event-detail-data__image {
  display: block;
  max-width: 100%;
}
.event-detail-data__image.is_price {
  margin-top: 10px;
  margin-bottom: 5px;
}

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

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

.text.is_emphasis {
  font-weight: bold;
  color: #ffff1a;
}

.text.is_warning {
  color: #ed4141;
}

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



/***** このページ固有の記述 *****/
.btn-wrap {
  margin: 20px auto 0;
  width: 420px;
  background: linear-gradient(to bottom,  #f5115c 50%,#d1003e 51%);
  border: 2px #ca1b1b solid;
  border-radius: 10px;
}

.btn {
  display: block;
  padding: 20px 0;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border: 1px #ffffff solid;
  border-radius: 10px;
}
.btn:after {
  content:'';
  padding-right: 19px;
  margin-left: 10px;
  width: 22px;
  height: 22px;
  background: url(https://assets.chatpia.jp/common/event/img/poikatsu_btn_icon.png) no-repeat;
  background-size: 19px;
}
.btn:link,
.btn:visited {
  text-decoration: none !important;
  color: #ffffff !important;
}
.btn:hover {
  background: linear-gradient(to bottom,  #db1153 50%,#bb0239 51%);
  text-decoration: none !important;
}