@charset "UTF-8";
.sectionBox:not(.-bgnone) .inner::before {
  padding-top: 3%;
}

.termsTxtBox h2 {
  margin-bottom: 3%;
}

.termsTxtBox .termsTxtMain {
  margin-top: 3%;
  padding-top: 3%;
}

.termsTxtBox h3 {
  margin-bottom: 2%;
}

.termsTxtBox p a,
.termsTxtBox p a:visited,
.termsTxtBox p a:hover,
.termsTxtBox p a:active,
.termsTxtBox p a:link {
  color: #db176d;
  text-decoration: underline;
}

.termsTxtBox h4 {
  text-align: center;
}

.termsTxtBox h4,
.termsTxtBox p {
  font-size: 1.8rem;
  line-height: 1.8;
}

@media screen and (max-width: 768px) {
  .termsTxtBox h4,
  .termsTxtBox p {
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 414px) {
  .termsTxtBox h4,
  .termsTxtBox p {
    font-size: 3.2rem;
  }
}

.playmoviecamp {
  /* 動画キャンペーン */
}

.playmoviecamp h3 {
  margin-bottom: 5%;
}

.gestimg {
  margin: 2% 0;
}

.eventDetail {
  margin-top: 10%;
}

.playmoviecamp {
  /* 動画キャンペーン */
}

.playmoviecamp .termsTxtMain {
  margin-top: 1%;
  padding-top: 0;
}

.playmoviecamp .eventDetail {
  margin-top: 2%;
}

.playmoviecamp .eventDetail .eventDetailTxt {
  padding: 5% 0;
  background: rgba(255, 255, 255, 0.8);
}

.playmoviecamp .eventDetail .eventDetailTxt p {
  text-align: center;
}

.eventInfoCont {
  margin: 5% 0;
}

.eventInfoCont table {
  width: 100%;
  background-color: #ffffff;
  font-weight: bold;
}

.eventInfoCont table th,
.eventInfoCont table td {
  padding: 2% 2% 1.5%;
  border: 4px solid #03597a;
  font-size: 1.8rem;
}

@media screen and (max-width: 768px) {
  .eventInfoCont table th,
  .eventInfoCont table td {
    border: 2px solid #03597a;
    font-size: 2.2rem;
  }
}

@media screen and (max-width: 414px) {
  .eventInfoCont table th,
  .eventInfoCont table td {
    font-size: 3.2rem;
  }
}

.eventInfoCont table th {
  width: 25%;
}

@media screen and (max-width: 768px) {
  .eventInfoCont table th {
    width: 34%;
  }
}

.eventInfoCont table td {
  background-color: #d8fcff;
}

.btboxwrap {
  text-align: center;
}

.bt-box {
  width: 60%;
  margin: 0 auto;
  margin-bottom: 2%;
  background: black;
  font-size: 3.8rem;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .bt-box {
    font-size: 4.2rem;
  }
}

@media screen and (max-width: 414px) {
  .bt-box {
    font-size: 4.2rem;
  }
}

.bt-box:last-child {
  margin-bottom: 0;
}

.bt-box a {
  padding: 2.7% 2.7% 2.2%;
}

.bt-box a,
.bt-box a:visited,
.bt-box a:hover,
.bt-box a:active,
.bt-box a:link {
  color: #ffffff;
}

.bt-entry.bt-box,
.bt-normal.bt-box {
  background-color: #db176d;
}

.bt-youtube.bt-box {
  background-color: #cc0000;
}

.bt-peri.bt-box {
  background-color: #40acca;
}

.bt-tw.bt-box {
  background-color: #1da1f2;
}

.bt-other.bt-box {
  background-color: #04587a;
}

.playmoviecamp {
  /* 動画キャンペーン */
}

.playmoviecamp .step {
  margin-bottom: 4.5%;
  padding-bottom: 12%;
  background: url(../images/event/playmoviecp/twcp-arrow.png) bottom center no-repeat;
}

@media screen and (max-width: 980px) {
  .playmoviecamp .step {
    background-size: auto 16%;
  }
}

.playmoviecamp .step:last-child {
  padding-bottom: 0;
  background: none;
}

.playmoviecamp .step .stepTxt {
  margin-bottom: 3%;
}

.playmoviecamp .step.step1 img {
  max-width: 559px;
  width: 57%;
}

.playmoviecamp .step.step2 img {
  max-width: 400px;
  width: 42%;
}

.playmoviecamp .step.step3 img {
  max-width: 748px;
  width: 77%;
}

.showroomcamp {
  /* SHOWROOM */
}

.showroomcamp .sectionBox:not(.-bgnone) .inner {
  padding-bottom: 10%;
}

.showroomcamp .termsTxtMain {
  margin-top: 1%;
}

.showroomcamp .eventDetail {
  margin-top: 2%;
}

.showroomcamp .eventDetail ol.ranking {
  margin-top: 7%;
}

.showroomcamp .eventDetail ol.ranking li {
  margin-bottom: 10%;
}

.showroomcamp .eventDetail ol.ranking li:last-child {
  margin-bottom: 0;
}

.showroomcamp .eventDetail .messegeTxt {
  margin-top: 2%;
  padding: 2%;
  background: rgba(255, 255, 255, 0.8);
}

.showroomcamp .eventDetail .messegeTxt .bt-normal.bt-box {
  margin: 4% auto 2%;
}
/*# sourceMappingURL=event.css.map */