@charset "UTF-8";
/* parts
------------------------------------------------------------ */
/* fonts */
/* color */
/* keyframes */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap");
@keyframes gradi {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* line 1, ../scss/_campaign.scss */
.red, a.red:link {
  color: red;
}

/* line 2, ../scss/_campaign.scss */
.bold {
  font-weight: bold;
}

/* line 9, ../scss/_campaign.scss */
.specialContainer .contents a:link {
  color: #000000;
  text-decoration: none;
}
/* line 13, ../scss/_campaign.scss */
.specialContainer .contents a:visited {
  color: #000000;
  text-decoration: none;
}
/* line 17, ../scss/_campaign.scss */
.specialContainer .contents a:hover {
  color: #EC0606;
  text-decoration: underline;
}
/* line 21, ../scss/_campaign.scss */
.specialContainer .contents a:active {
  color: #960000;
  text-decoration: underline;
}
/* line 29, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxt a:link {
  color: #1D54A7;
  text-decoration: none;
}
/* line 33, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxt a:visited {
  color: #1D54A7;
  text-decoration: none;
}
/* line 37, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxt a:hover {
  color: #EC0606;
  text-decoration: underline;
}
/* line 41, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxt a:active {
  color: #960000;
  text-decoration: underline;
}
/* line 50, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxtDark a:link {
  color: #6BA8FF;
  text-decoration: none;
}
/* line 54, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxtDark a:visited {
  color: #6BA8FF;
  text-decoration: none;
}
/* line 58, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxtDark a:hover {
  color: #EC0606;
  text-decoration: underline;
}
/* line 62, ../scss/_campaign.scss */
.specialContainer .contents .linkColorTypeInTxtDark a:active {
  color: #960000;
  text-decoration: underline;
}

/* line 73, ../scss/_campaign.scss */
.cpnInformations {
  width: 970px;
  margin: 0 auto;
  padding: 32px 0;
  color: #333333;
}
@media screen and (max-width: 641px) {
  /* line 73, ../scss/_campaign.scss */
  .cpnInformations {
    width: 94%;
    padding: 16px 0;
    box-sizing: border-box;
  }
}
/* line 84, ../scss/_campaign.scss */
.cpnInformations .cpnInformation {
  width: 100%;
  margin-top: 24px;
}
/* line 88, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationHeading,
.cpnInformations .cpnInformation .cpnInformationSubHeading {
  width: 100%;
  color: #FFFFFF;
  font-size: 2rem;
  line-height: 1.4;
  text-align: center;
  padding: 16px;
  clear: both;
  border: 1px solid #D1D1D1;
}
@media screen and (max-width: 641px) {
  /* line 88, ../scss/_campaign.scss */
  .cpnInformations .cpnInformation .cpnInformationHeading,
  .cpnInformations .cpnInformation .cpnInformationSubHeading {
    /*font-size: 1.6rem;*/
    line-height: 1.8;
    font-size: 13px;
    padding: 6px;
  }
}
/* line 106, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationHeading {
  background: #423472;
  box-sizing: border-box;
  font-size: 20px;
}
/* line 112, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationSubHeading {
  margin-top: -1px;
  background: #d082b6;
}
/* line 117, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationList {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  /*Android4.3*/
  display: -moz-box;
  /*Firefox21*/
  display: -ms-flexbox;
  /*IE10*/
  display: -webkit-flex;
  /*PC-Safari,iOS8.4*/
  display: flex;
  font-size: 1.4rem;
  line-height: 1.6;
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 641px) {
  /* line 117, ../scss/_campaign.scss */
  .cpnInformations .cpnInformation .cpnInformationList {
    display: block;
  }
}
/* line 137, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationList .cpnInformationItem {
  clear: both;
  width: 200px;
  background: #F6F1F1;
  float: left;
  border: 1px solid #D1D1D1;
  border-right: none;
  margin-top: -1px;
  padding: 16px;
  font-size: 14px;
}
@media screen and (max-width: 641px) {
  /* line 137, ../scss/_campaign.scss */
  .cpnInformations .cpnInformation .cpnInformationList .cpnInformationItem {
    float: none;
    width: 100%;
    background: #F6F1F1;
    border-right: 1px solid #D1D1D1;
    box-sizing: border-box;
    padding: 7px;
  }
}
/* line 157, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationList .cpnInformationDetail {
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  float: right;
  border: 1px solid #D1D1D1;
  margin-top: -1px;
  padding: 16px;
  background: #FFFFFF;
}
@media screen and (max-width: 641px) {
  /* line 157, ../scss/_campaign.scss */
  .cpnInformations .cpnInformation .cpnInformationList .cpnInformationDetail {
    float: none;
    width: 100%;
    box-sizing: border-box;
    padding: 12px;
  }
}
/* line 172, ../scss/_campaign.scss */
.cpnInformations .cpnInformation .cpnInformationList .cpnInformationDetail .cInfoBorder {
  display: block;
  width: 80%;
  border-bottom: 1px dashed #333333;
  margin: 16px auto 16px 0;
}
@media screen and (max-width: 641px) {
  /* line 172, ../scss/_campaign.scss */
  .cpnInformations .cpnInformation .cpnInformationList .cpnInformationDetail .cInfoBorder {
    width: 100%;
  }
}

/* Mixin
------------------------------------------------------------ */
/*
============================================================

Mixin

============================================================
*/
/* flexbox
----------------------------------------------------------------*/
/* line 37, ../../../../../assets/scss/_modules/_mixin.scss */
.flexbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
/* line 39, ../../../../../assets/scss/_modules/_mixin.scss */
.flexbox .flexbox_l {
  display: inline-block;
}
/* line 42, ../../../../../assets/scss/_modules/_mixin.scss */
.flexbox .flexbox_r {
  display: inline-block;
}

/* Rex Breakpoint  ≥
----------------------------------------------------------------*/
/* Standard Color
----------------------------------------------------------------*/
/* Backbround Skew
----------------------------------------------------------------*/
/*Rex*/
/*
============================================================

Rex Design

============================================================
*/
/* Rex Font
----------------------------------------------------------------*/
/* Rex Color
----------------------------------------------------------------*/
/* Rex Icon
----------------------------------------------------------------*/
/* Rex Btn
----------------------------------------------------------------*/
/* line 37, ../../../../../assets/scss/_modules/_rex.scss */
.btn-default {
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: background-color .2s ease-out,-webkit-box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
  user-select: none;
  border: 1px solid transparent;
  cursor: pointer;
}

/* line 55, ../../../../../assets/scss/_modules/_rex.scss */
.btn-outline {
  white-space: nowrap;
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  transition: color 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: background-color .2s ease-out,-webkit-box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out;
  transition: background-color .2s ease-out,box-shadow .2s ease-out,-webkit-box-shadow .2s ease-out;
  user-select: none;
  background: transparent;
  cursor: pointer;
}

/* 共通
------------------------------------------------------------ */
/* line 15, ../scss/_common.scss */
.insert-emphasis {
  display: block;
  margin: 0 auto 0px;
  max-width: 95%;
}
@media screen and (min-width: 769px) {
  /* line 15, ../scss/_common.scss */
  .insert-emphasis {
    margin: 0 auto 40px;
  }
}
/* line 23, ../scss/_common.scss */
.insert-emphasis-inner {
  display: block;
  box-sizing: border-box;
  border: 4px solid rgba(66, 52, 114, 0.4);
}
/* line 29, ../scss/_common.scss */
.insert-emphasis-link {
  box-sizing: border-box;
  text-align: center;
}
/* line 32, ../scss/_common.scss */
.insert-emphasis-link a {
  display: block;
  color: #423472;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: bold;
  padding: 16px;
}
@media screen and (min-width: 769px) {
  /* line 32, ../scss/_common.scss */
  .insert-emphasis-link a {
    padding: 24px;
  }
}
/* line 43, ../scss/_common.scss */
.insert-emphasis-link a:hover {
  color: #05c;
}
/* line 52, ../scss/_common.scss */
.insert-ban-list {
  box-sizing: border-box;
  display: block;
  padding: 24px 0 16px;
}
/* line 56, ../scss/_common.scss */
.insert-ban-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -ms-flex-pack: flex-start;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  /* line 56, ../scss/_common.scss */
  .insert-ban-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}
/* line 64, ../scss/_common.scss */
.insert-ban-list ul li {
  width: 48%;
  margin: 1%;
}
@media screen and (min-width: 769px) {
  /* line 64, ../scss/_common.scss */
  .insert-ban-list ul li {
    width: 320px;
    padding: 0 0 0px 0;
  }
}
/* line 72, ../scss/_common.scss */
.insert-ban-list ul li a:hover {
  opacity: .8;
}
/* line 75, ../scss/_common.scss */
.insert-ban-list ul li a img {
  width: 100%;
}
/* line 82, ../scss/_common.scss */
.insert-ban-single {
  display: block;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
  padding: 0 8px 24px;
  max-width: 640px;
}
/* line 89, ../scss/_common.scss */
.insert-ban-single img {
  width: 100%;
}
/* line 95, ../scss/_common.scss */
.insert-check {
  display: block;
  margin: 0 auto 16px;
  max-width: 90%;
  border: 1px solid #423472;
}
@media screen and (min-width: 769px) {
  /* line 95, ../scss/_common.scss */
  .insert-check {
    margin: 0 auto 40px;
    max-width: 100%;
  }
}
/* line 105, ../scss/_common.scss */
.insert-check-inner {
  display: block;
  box-sizing: border-box;
  background: #F6F1F1;
  padding: 16px;
  line-height: 1.6;
}
/* line 113, ../scss/_common.scss */
.insert-check-title {
  font-size: 14px;
  display: block;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid #423472;
  padding: 0 0 8px;
  color: #423472;
}
@media screen and (min-width: 769px) {
  /* line 113, ../scss/_common.scss */
  .insert-check-title {
    font-size: 20px;
    text-align: center;
  }
}
/* line 127, ../scss/_common.scss */
.insert-check-text {
  font-size: 14px;
  display: block;
  padding: 16px 0px 0;
}
@media screen and (min-width: 769px) {
  /* line 127, ../scss/_common.scss */
  .insert-check-text {
    padding: 16px 16px 0;
  }
}

/* line 147, ../scss/_common.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tmg {
  margin: 16px 0 0 0;
  max-width: 440px;
}
/* line 150, ../scss/_common.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tmg img {
  width: 100%;
}
/* line 162, ../scss/_common.scss */
.howToLivePlay .sec .secBody-tit {
  color: #423472;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  position: relative;
  padding: 0 0 16px 0;
}
@media screen and (min-width: 769px) {
  /* line 162, ../scss/_common.scss */
  .howToLivePlay .sec .secBody-tit {
    font-size: 23px;
  }
}
/* line 173, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp {
  padding: 0 0 32px 0;
}
/* line 175, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp:last-child {
  padding: 0 0 0 0;
}
/* line 178, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp-tit {
  color: #d082b6;
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 8px 0;
}
/* line 184, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp dl {
  margin-top: 12px;
  font-size: 18px;
  font-weight: 400;
}
/* line 188, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp dl dt {
  font-weight: bold;
}
/* line 191, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp dl dd {
  font-size: 16px;
  padding: 0 0 16px 0;
}
@media screen and (min-width: 769px) {
  /* line 191, ../scss/_common.scss */
  .howToLivePlay .sec .secBody-disp dl dd {
    padding: 0 0 16px 2em;
  }
}
/* line 199, ../scss/_common.scss */
.howToLivePlay .sec .secBody-disp-txt {
  font-size: 16px;
}
/* line 204, ../scss/_common.scss */
.howToLivePlay .sec .secBody-append {
  padding: 30px 46px 46px 46px !important;
  font-size: 16px;
  line-height: 1.6;
}
/* line 208, ../scss/_common.scss */
.howToLivePlay .sec .secBody-append-none {
  display: none;
}
/* line 211, ../scss/_common.scss */
.howToLivePlay .sec .secBody-append-tit {
  color: #d082b6;
  font-size: 20px;
  font-weight: bold;
  margin: 16px 0 8px 0;
}
/* line 217, ../scss/_common.scss */
.howToLivePlay .sec .secBody-append-dot {
  font-weight: bold;
  color: #d082b6;
}
/* line 228, ../scss/_common.scss */
.howToLivePlay .sec .secCheck {
  font-size: 16px;
  padding: 24px;
  text-align: justify;
  color: #fff;
  background: #423472;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* line 6, ../scss/style_sp.scss */
.information.ishidden {
  display: none;
}
/* line 9, ../scss/style_sp.scss */
.information .txtInfo {
  display: none;
}
/* line 12, ../scss/style_sp.scss */
.information .informationText span span {
  color: red;
}

/* line 16, ../scss/style_sp.scss */
.pc_on {
  display: block;
}

/* line 17, ../scss/style_sp.scss */
.sp .pc_on {
  display: none;
}

/* line 18, ../scss/style_sp.scss */
.sp_on {
  display: none;
}

/* line 19, ../scss/style_sp.scss */
.sp .sp_on {
  display: block;
}

/* line 21, ../scss/style_sp.scss */
.howToLivePlay {
  background: #F6F1F1;
  line-height: 1.6;
  padding: 4%;
}
/* line 25, ../scss/style_sp.scss */
.howToLivePlay * {
  box-sizing: border-box;
}
/* line 29, ../scss/style_sp.scss */
.howToLivePlay a:hover, .howToLivePlay a:active, .howToLivePlay input:hover, .howToLivePlay input:active {
  text-decoration: none;
  opacity: .5;
  transition: all .1s ease-out;
}
/* line 35, ../scss/style_sp.scss */
.howToLivePlay .howToLivePlay-tit {
  text-align: center;
}
/* line 37, ../scss/style_sp.scss */
.howToLivePlay .howToLivePlay-tit span {
  font-size: 6vw;
  color: #423472;
  position: relative;
  padding-left: 7vw;
}
/* line 42, ../scss/style_sp.scss */
.howToLivePlay .howToLivePlay-tit span::before {
  content: "";
  width: 6vw;
  height: 6vw;
  background: url(../img/sec1_icon_infomation.svg) no-repeat;
  display: inline-block;
  position: absolute;
  background-size: contain;
  left: -3%;
  top: 50%;
  transform: translate(3%, -50%);
}
/* line 56, ../scss/style_sp.scss */
.howToLivePlay .anchorWrap {
  margin: 5vw 0;
  display: flex;
  justify-content: space-between;
}
/* line 60, ../scss/style_sp.scss */
.howToLivePlay .anchorWrap .anchor {
  border: 1px solid #423472;
  border-radius: 8px;
  color: #423472;
  width: 100%;
  margin: 0 2px;
  overflow: hidden;
}
/* line 67, ../scss/style_sp.scss */
.howToLivePlay .anchorWrap .anchor a {
  display: block;
  text-align: center;
  padding: 1.2em 0 1.6em;
  position: relative;
  font-size: 3.5vw;
  color: #423472;
}
/* line 74, ../scss/style_sp.scss */
.howToLivePlay .anchorWrap .anchor a::after {
  text-align: center;
  position: absolute;
  content: "";
  top: 78%;
  bottom: 0;
  right: 44%;
  margin: 0 auto;
  display: block;
  height: 0;
  border-style: solid;
  border-width: 0px 1.2vw 1.8vw 1.2vw;
  border-color: transparent transparent #423472 transparent;
  transform: rotate(180deg);
}
/* line 89, ../scss/style_sp.scss */
.howToLivePlay .anchorWrap .anchor a:hover, .howToLivePlay .anchorWrap .anchor a:active {
  background: #423472;
  color: #fff;
  opacity: 1;
  transition: all 0.2s ease;
}
/* line 98, ../scss/style_sp.scss */
.howToLivePlay .strong_color {
  color: #BF0000;
}
/* line 99, ../scss/style_sp.scss */
.howToLivePlay .strong_bold {
  font-weight: bold;
}
/* line 100, ../scss/style_sp.scss */
.howToLivePlay .weak {
  color: #BF0000;
  font-size: 12px;
}
/* line 102, ../scss/style_sp.scss */
.howToLivePlay .sec {
  margin-bottom: 10vw;
  text-align: left;
}
/* line 106, ../scss/style_sp.scss */
.howToLivePlay .sec .secTit {
  background-color: #423472;
  font-size: 4vw;
  color: #fff;
  text-align: center;
  padding: 1em 0;
}
/* line 113, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody {
  padding: 10%;
  background: #fff;
}
/* line 116, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .imgBox {
  margin-top: 4vw;
}
/* line 118, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .imgBox img {
  width: 100%;
  border: 1px solid #eeeeee;
}
/* line 123, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block {
  display: flex;
  flex-direction: column;
  margin-bottom: 10vw;
}
/* line 127, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
/* line 131, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox {
  margin-right: 0;
}
/* line 134, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tit {
  font-size: 5vw;
  line-height: 1.6;
  font-weight: bold;
  position: relative;
  padding: 0 0 5vw 10vw;
}
/* line 140, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tit::before {
  content: "";
  width: 12vw;
  background-size: contain;
  height: 12vw;
  display: inline-block;
  position: absolute;
  left: -5vw;
  border-radius: 50%;
}
/* line 151, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .txt {
  font-size: 4vw;
  line-height: 1.8;
  margin: 0 0 4vw 10vw;
  font-weight: 400;
  font-feature-settings: "palt";
}
/* line 157, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .txt .weak_fontSizeDown {
  font-size: 86%;
  display: block;
  margin-top: 3%;
  line-height: 1.6;
}
/* line 163, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .txt a:link, .howToLivePlay .sec .secBody .block .step .textBox .txt a:visited, .howToLivePlay .sec .secBody .block .step .textBox .txt input {
  color: #d082b6;
  text-decoration: underline;
}
/* line 167, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .txt input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  text-decoration: underline;
}
/* line 177, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tmg {
  margin: 0 0 4vw 10vw;
}
/* line 179, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .step .textBox .tmg img {
  width: 100%;
}
/* line 186, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .secBtn a {
  display: block;
  background: #BF0000;
  color: #fff;
  padding: 6% 20% 6% 23%;
  position: relative;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  font-size: 4vw;
}
/* line 196, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block .secBtn a::after {
  position: absolute;
  right: 10px;
  content: "";
  display: inline-block;
  top: 38%;
  right: 18px;
  border: 2px solid #fff;
  border-left: none;
  border-bottom: none;
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
/* line 216, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block.bl01 .tit::before {
  background: #d082b6 url("../img/sec1_icon_step1.svg") no-repeat;
}
/* line 223, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block.bl02 .tit::before {
  background: #d082b6 url("../img/sec1_icon_step2.svg") no-repeat;
}
/* line 230, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block.bl03 .tit::before {
  background: #d082b6 url("../img/sec1_icon_step3.svg") no-repeat;
}
/* line 237, ../scss/style_sp.scss */
.howToLivePlay .sec .secBody .block.bl04 .tit::before {
  background: #d082b6 url("../img/sec1_icon_step4.svg") no-repeat;
}
/* line 248, ../scss/style_sp.scss */
.howToLivePlay .sec.s02 .secBody, .howToLivePlay .sec.s04 .secBody {
  padding: 5%;
}
/* line 251, ../scss/style_sp.scss */
.howToLivePlay .sec.s02 .information, .howToLivePlay .sec.s04 .information {
  margin: 0;
}
/* line 253, ../scss/style_sp.scss */
.howToLivePlay .sec.s02 .information .txtInfo, .howToLivePlay .sec.s04 .information .txtInfo {
  display: none;
}
/* line 254, ../scss/style_sp.scss */
.howToLivePlay .sec.s02 .information .informationText, .howToLivePlay .sec.s04 .information .informationText {
  margin-bottom: .3em;
  font-size: 4vw;
  line-height: 1.6;
  color: #333;
}
/* line 259, ../scss/style_sp.scss */
.howToLivePlay .sec.s02 .information .informationText span, .howToLivePlay .sec.s04 .information .informationText span {
  color: #333;
  font-size: 4vw;
}
/* line 270, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBody {
  padding: 5%;
}
/* line 272, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyList {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  flex-wrap: wrap;
}
/* line 277, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox {
  display: block;
  width: 49%;
  box-sizing: border-box;
  text-align: center;
}
/* line 282, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox img {
  width: 100%;
  border: 1px solid #eeeeee;
}
/* line 286, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox span {
  margin: 4px 0 8px 0;
  display: inline-block;
  line-height: 1.4;
  color: #333;
  font-size: 12px;
}
/* line 292, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox span a {
  font-size: 10px;
  color: #d082b6;
  text-decoration: underline;
}
/* line 298, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox small {
  display: block;
  margin: 0 0 16px 0;
}
/* line 301, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyListBox small::after {
  content: '\f174';
  font-family: 'rex-icon';
  position: relative;
  top: 3px;
  margin-left: 2px;
  color: #d082b6;
}
/* line 313, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyText {
  text-align: center;
}
/* line 315, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyText b {
  color: #423472;
  font-size: 14px;
}
/* line 319, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyText span {
  display: inline-block;
  line-height: 1.6;
  color: #333;
  font-size: 16px;
}
/* line 324, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyText span a {
  font-size: 12px;
  color: #d082b6;
  text-decoration: underline;
}
/* line 330, ../scss/style_sp.scss */
.howToLivePlay .sec.s00 .secBodyText span small::after {
  content: '\f174';
  font-family: 'rex-icon';
  position: relative;
  top: 3px;
  margin-left: 2px;
  color: #d082b6;
}
/* line 345, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .secBody {
  padding: 5%;
}
/* line 351, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .question .textBox .tit {
  color: #d082b6;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  position: relative;
  padding-left: 10vw;
}
/* line 358, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .question .textBox .tit::before {
  content: "";
  width: 7vw;
  height: 7vw;
  /* display: inline-block; */
  position: absolute;
  left: 0;
  top: 1vw;
  background: #d082b6 url(../img/sec3_icon_question.svg) no-repeat;
  background-size: contain;
}
/* line 371, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .question .textBox .txt {
  margin-top: 4vw;
  font-size: 16px;
  font-weight: 400;
}
/* line 375, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .question .textBox .txt a:link, .howToLivePlay .sec.s03 .question .textBox .txt a:visited, .howToLivePlay .sec.s03 .question .textBox .txt input {
  color: #d082b6;
  text-decoration: underline;
}
/* line 379, ../scss/style_sp.scss */
.howToLivePlay .sec.s03 .question .textBox .txt input {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  text-decoration: underline;
}