@charset "UTF-8";
@font-face {
  font-family: "BAHNSCHRIFT";
  src: url("../fonts/BAHNSCHRIFT.woff") format("woff"), url("../fonts/BAHNSCHRIFT.TTF") format("truetype");
}
/* CSS INFORMATION -====================================================
File name : data.css
Description : データ放送
===================================================================== */
/* =====================================================================
    data
======================================================================*/
@media screen and (max-width: 767px) {
  .data .page_ttl {
    padding-left: 5rem;
  }
  .data .page_ttl h2 {
    display: inline;
    font-size: 7.8rem;
  }
  .data .page_ttl h2::before {
    content: "";
    position: absolute;
    display: block;
    top: 75%;
    left: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    border-top: 1.5px solid #ffffff;
  }
  .data .page_ttl h2::after {
    top: 24%;
  }
  .data .page_ttl_slash {
    top: 0.35em;
    right: -12rem;
  }
}
.data .inner > * {
  position: relative;
}

.data_ttl {
  margin: 0 calc(50% - 50vw) 6rem;
}

@media screen and (min-width: 768px) {
  .data .page_ttl h2 {
    font-size: 9rem;
  }
  .data_ttl {
    margin: 0 0 5rem calc(30 / 940 * 100%);
    width: calc(1096 / 940 * 100%);
  }
}
@media screen and (min-width: 850px) {
  .data_ttl {
    margin-left: calc(145 / 940 * 100%);
  }
}
/* =====================================================================
    head
======================================================================*/
.head {
  margin-bottom: 9rem;
}

.head_list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 calc(50% - 50vw);
  padding: 7.4rem 0 4rem;
}
.head_list::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/common/bg_texture7-sp.png) no-repeat right top/cover;
  z-index: -1;
}
.head_list li {
  margin: 0 calc(15 / 750 * 100%) calc(30 / 750 * 100%);
  width: calc(319 / 750 * 100%);
}
.head_list li figure {
  position: relative;
  padding: 3.1347962382%;
}
.head_list li figure::before, .head_list li figure::after {
  content: "";
  position: absolute;
  display: block;
  width: 18.8087774295%;
  padding-top: 18.8087774295%;
  background: #ff4500;
}
.head_list li figure::before {
  top: 0;
  right: 0;
}
.head_list li figure::after {
  bottom: 0;
  left: 0;
}
.head_list li figure img {
  position: relative;
  z-index: 1;
}
.head_list li p {
  text-align: center;
  margin-top: 2rem;
  font-weight: 700;
  line-height: 1.285;
}

.head_date {
  position: relative;
  text-align: center;
  margin: 0 calc(50% - 50vw);
  padding: 5.4rem 0 6rem;
  font-size: 92%;
  font-style: italic;
  font-weight: 700;
  color: #ff4500;
}
.head_date::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  background-color: #000;
  background-image: url(../images/common/img_slash.png), url(../images/common/img_slash.png);
  background-repeat: repeat-x;
  background-position: top left, bottom left;
  background-size: auto 1.7rem;
  z-index: -1;
}
.head_date em {
  font-size: 154%;
}

.btn_apply {
  margin-top: 6rem;
  width: 54rem;
}

.txt_due {
  text-align: center;
  margin-top: 3.7rem;
  font-weight: 700;
  color: #888b89;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 768px) {
  .head {
    margin-bottom: 8rem;
  }
  .head_list {
    margin: 0;
    padding: 3rem 0 3.5rem;
  }
  .head_list::before {
    margin-left: calc(-40 / 940 * 100%);
    width: calc(1280 / 940 * 100%);
    background-image: url(../images/common/bg_texture7-pc.png);
  }
  .head_list li {
    margin: 0 calc(19 / 940 * 100%) 0 0;
    width: calc(292 / 940 * 100%);
  }
  .head_list li:last-child {
    margin-right: 0;
  }
  .head_list li figure {
    padding: 2.0547945205%;
  }
  .head_list li figure::before, .head_list li figure::after {
    width: 13.698630137%;
    padding-top: 13.698630137%;
  }
  .head_list li p {
    margin-top: 1rem;
    font-size: max(15px, 2.2rem);
  }
  .head_date {
    margin: 0;
    padding: 2.7rem 0;
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
  .head_date::before {
    margin-left: calc(-100 / 940 * 100%);
    background-size: auto 1rem;
  }
  .head_date em {
    font-size: 133%;
  }
  .btn_apply {
    margin-top: 4rem;
  }
  .txt_due {
    margin-top: 2.4rem;
  }
}
/* =====================================================================
    desc
======================================================================*/
.desc {
  padding-bottom: 6.4rem;
}
.desc::before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: calc(100% - 24rem);
  background: url(../images/data/bg_desc-sp.png) no-repeat bottom center/100% 100%;
  z-index: -1;
}

.desc_lead {
  position: relative;
  margin: 0 0 3.4rem calc(-25 / 650 * 100%);
  padding: 1.7rem 0 1.4rem;
  width: calc(700 / 650 * 100%);
  background: url(../images/data/bg_desc_lead.png) no-repeat center/100% 100%;
}
.desc_lead img {
  margin: 0 auto;
  width: 80.4285714286%;
}

.desc_tv {
  margin: 0 auto 6rem;
  width: calc(551 / 650 * 100%);
}

.desc_txt {
  margin-bottom: 5rem;
  font-weight: 700;
  line-height: 1.785;
}

.desc_bonusday {
  margin-left: calc(-20 / 650 * 100%);
  width: calc(690 / 650 * 100%);
}

@media screen and (min-width: 768px) {
  .desc {
    margin: 0 auto 6.5rem;
    padding-bottom: 1.6rem;
    width: calc(907 / 940 * 100%);
  }
  .desc::before {
    margin: 0;
    width: 100%;
    background-image: url(../images/data/bg_desc-pc.png);
  }
  .desc_lead {
    margin: 0 auto 3.2rem;
    padding: 6px 0;
    width: 77.177508269%;
  }
  .desc_lead img {
    width: 77.8571428571%;
  }
  .desc_tv {
    margin-bottom: 4rem;
    width: 56.2293274531%;
  }
  .desc_txt {
    margin: 0 auto 3rem;
    width: 88.2028665932%;
  }
  .desc_bonusday {
    margin: 0 auto;
    width: 92.6130099228%;
  }
}
/* =====================================================================
    present
======================================================================*/
.present {
  padding-bottom: 10rem;
}
.present::before {
  content: "";
  position: absolute;
  display: block;
  border-top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: rgba(227, 227, 227, 0.5);
  z-index: -1;
}

.present_ttl {
  position: relative;
  margin-bottom: 7rem;
  padding: 10rem 0 0 2rem;
  border-left: 1rem solid #ff4500;
}
.present_ttl .en {
  font-family: "Orbitron", sans-serif;
  font-size: 128%;
  color: #ff4500;
}
.present_ttl .ja {
  display: block;
  margin-top: 1rem;
  width: 28.8rem;
}

.present_list li:not(:last-child) {
  margin-bottom: 10rem;
}
.present_list li.present01 .present_list_num span {
  background: #ff4500;
}
.present_list li.present01 .present_list_num span::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #ff4500), color-stop(51%, transparent));
  background-image: linear-gradient(to top right, #ff4500 50%, transparent 51%);
}
.present_list li.present02 .present_list_num span {
  background: #e0712c;
}
.present_list li.present02 .present_list_num span::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #e0712c), color-stop(51%, transparent));
  background-image: linear-gradient(to top right, #e0712c 50%, transparent 51%);
}
.present_list li.present03 .present_list_num span {
  background: #ffd21c;
}
.present_list li.present03 .present_list_num span::before {
  background-image: -webkit-gradient(linear, left bottom, right top, color-stop(50%, #ffd21c), color-stop(51%, transparent));
  background-image: linear-gradient(to top right, #ffd21c 50%, transparent 51%);
}
.present_list li > *:not(.present_list_num) {
  position: relative;
}
@media screen and (max-width: 767px) {
  .present_list li > *:not(.present_list_num) {
    margin-left: auto;
    margin-right: auto;
    width: calc(550 / 650 * 100%);
  }
}
.present_list li dl {
  margin-bottom: 5px;
  padding: 0 0 1.5em 3rem;
  font-weight: 700;
  font-size: 114%;
  line-height: 1.3;
  border-left: 1px solid #ff4500;
}
.present_list li dl dd {
  margin-top: 0.3em;
  color: #ff4500;
}
.present_list li p {
  padding-left: 3rem;
  font-weight: 500;
  line-height: 1.692;
  border-left: 1px solid #8f8f8f;
}
.present_list_num {
  position: relative;
  top: 0;
  left: 0;
  margin-bottom: 6rem;
}
.present_list_num span {
  position: relative;
  display: inline-block;
  padding: 1.4rem 5rem;
  padding-right: 2rem;
  font-size: 121%;
  font-weight: 700;
}
.present_list_num span::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: -1.5em;
  width: 1.5em;
  height: 100%;
}
.present_list_num::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 100vw;
  border-bottom: 2px solid #000;
}
.present_list_img {
  margin-bottom: 5rem;
}
.present_list_img .slash > * {
  background-image: url(../images/data/img_slash_1.png);
}
.present_list_img .slash > *::before {
  background-image: url(../images/data/img_slash_2.png);
}
.present_list_img .slash_top {
  left: 2rem;
}
.present_list_img .slash_bottom {
  right: 2rem;
}
.present_list_img img {
  position: relative;
}
.present_list_link {
  text-align: right;
  margin-top: 3rem;
}
.present_list_link a {
  display: inline-block;
  padding-bottom: 0.4em;
  color: #ff4500;
  border-bottom: 1px solid;
}

@media screen and (min-width: 768px) {
  .present {
    padding-bottom: 6.5rem;
  }
  .present_ttl {
    margin-bottom: 4rem;
    padding: 4.6rem 0 0 1.5rem;
  }
  .present_ttl .en {
    font-size: 2rem;
  }
  .present_ttl .ja {
    width: 24rem;
  }
  .present_list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .present_list li:not(:last-child) {
    margin-bottom: 5rem;
  }
  .present_list li dl {
    padding: 0 0 1.5em 1.7rem;
    font-size: 133%;
  }
  .present_list li p {
    padding-left: 1.7rem;
    line-height: 1.888;
  }
  .present_list_num {
    width: 100%;
    margin-bottom: 4rem;
  }
  .present_list_num span {
    padding: 8px 4rem;
    font-size: 133%;
  }
  .present_list_num::after {
    width: 100%;
  }
  .present_list_img {
    margin: 0 calc(30 / 940 * 100%) 0 0;
    width: calc(400 / 940 * 100%);
  }
  .present_list_right {
    width: calc(430 / 940 * 100%);
  }
  .present_list_link a:hover {
    color: #000;
  }
}
/* =====================================================================
    notice
======================================================================*/
.notice {
  margin: 20rem 0 0 calc(-20 / 650 * 100%);
  padding: calc(90 / 650 * 100%) calc(50 / 650 * 100%);
  width: calc(690 / 650 * 100%);
  border: 2px solid #000;
  border-top: none;
}
.notice h4 {
  position: absolute;
  top: -0.45em;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: "Noto Serif JP", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 142%;
  letter-spacing: 0.08em;
}
.notice h4::before, .notice h4::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 2px solid #000;
}
.notice h4::before {
  margin-right: 2rem;
}
.notice h4::after {
  margin-left: 2rem;
}

.notice_list > li:not(:last-child) {
  margin-bottom: 5rem;
}
.notice_list > li h5 {
  margin-bottom: 3rem;
  padding-bottom: 0.3em;
  font-family: "Noto Serif JP", serif;
  font-style: italic;
  font-weight: 900;
  font-size: 107%;
  border-bottom: 1px solid #ff4500;
}
.notice_list > li ul li {
  position: relative;
  padding-left: 1.1em;
  line-height: 1.692;
}
.notice_list > li ul li::before {
  content: "■";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
}
.notice_list > li ul li a {
  display: inline-block;
  color: #ff4500;
  border-bottom: 1px solid;
}

@media screen and (min-width: 768px) {
  .notice {
    margin: 12rem 0 0;
    padding: calc(60 / 940 * 100%) calc(50 / 940 * 100%);
    width: 100%;
  }
  .notice h4 {
    font-size: 177%;
  }
  .notice h4::before {
    margin-right: 30px;
  }
  .notice h4::after {
    margin-left: 30px;
  }
  .notice_list > li h5 {
    font-size: 111%;
  }
  .notice_list > li ul li {
    line-height: 1.888;
  }
  .notice_list > li ul li a:hover {
    color: #000;
  }
}/*# sourceMappingURL=data.css.map */