@charset "utf-8";
/* ===========================================
 * ROOT
 * ======================================== */
/* :root {} */

/* ===========================================
 * COMMON
 * ======================================== */
body {
  background-color: #F699B9;
}
.container {
  background-color: #FFFFFF;
  position: relative;
  z-index: auto;
}
.inner {
  padding: 20px;
  display: grid;
  gap: 16px;
}
#entry {
  width: min(80%, 300px);
  padding-block: 17px;
  margin-inline: auto;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 1.0;
  border: 2px solid #FFFFFF;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #D3070C;
  background-color: #F5D55A;
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  bottom: 20px;
}
#entry > span {
  width: fit-content;
  display: block;
}

/* ===========================================
 * TOP
 * ======================================== */
.top__wrap {
  background: center top / 100% auto no-repeat url(/cp/tougou/assets/img/premium/top_bg.png);
  background-color: #E05585;
}
.top__inner {
  padding: 20px;
}
.top__kv:last-child {/* 「top__inner」が無い場合、下に余白をつける */
  padding-bottom: 15px;
}
.top__btn__container {
  display: grid;
  gap: 16px;
}
.top__btn {
  width: min(100%, 300px);
  margin-inline: auto;
  padding-block: 17px;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 1.0;
  border: 2px solid #FFFFFF;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top__btn  > span {
  width: fit-content;
  display: block;
}
/* 応募はこちら */
#btn__entry {
  color: #D3070C;
  background-color: #F5D55A;
}
/* トップへ戻る */
#btn__back {
  color: #FFFFFF;
  background-color: #E05585;
  display: flex;
  align-items: center;
  justify-content: center;
}
#btn__back::before {
  content: "";
  width: 24px;
  height: 24px;
  /* mask: center center / 24px 24px no-repeat url(/cp/tougou/assets/img/icon_arrow-left.svg); */
  mask-position: center center;
  mask-size: 24px 24px;
  mask-repeat: no-repeat;
  mask-image: url(/cp/tougou/assets/img/icon_arrow-left.svg);
  background-color: #FFFFFF;
}

/* ===========================================
 * CONTENTS
 * ======================================== */
.contents__wrap {
  padding-bottom: 40px;
  background-color: #E05585;
}
.contents__inner {
  padding: 20px;
}
.contents__list__container {
  display: grid;
  gap: 20px;
}
.contents__list {
  display: grid;
  gap: 12px;
}
.contents__list__tit {
  padding-block: 6px;
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: 1.12px;
  color: #FFFFFF;
  background-color: #7C2328;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents__list__tit > span {
  width: fit-content;
  display: block;
}
/* .contents__list__box {} */
.contents__list__attention {
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  color: #FFFFFF;
  display: block;
}
.contents__list__txt {
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  color: #FFFFFF;
  display: block;
}
.contents__list__area {
  max-height: 250px;
  padding: 16px;
  border: 1px solid #CDCDCD;
  border-radius: 6px;
  background-color: #FFFFFF;
  overflow-y: scroll;
}
.contents__list__area__txt {
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.6;
  color: #111111;
}
.contents__list__area__txt > a {
  text-decoration: underline;
}
.contents__list__number {
  text-align: center;
  font-family: "Hiragino Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  color: #FFFFFF;
  display: block;
}

.contents__list__item {
  font-family: "Hiragino Sans";
  font-size: 12px;
  font-weight: 600;
  line-height: 1.8;
  color: #FFFFFF;
  word-break: break-all;
}
.contents__list__item > span {
  font-weight: 300;
}
/* .contents__list__caution__container {} */
.contents__list__caution {
  font-family: "Hiragino Sans";
  font-size: 12px;
  font-weight: 300;
  line-height: 1.5;
  color: #FFFFFF;
}

#info .contents__list__box {
  display: grid;
  gap: 16px;
}