@media ( max-width: 767px ) {
  .wcm {
    padding: 0 .625em;
  }
  .wcm .box__links {
    margin-top: 8.5%;
  }
  .title_h2cmn {
    padding: 0;
  }
  .title_h2cmn span {
    font-size: .7em;
    padding-left: .4em;
    padding-right: .4em;
  }
  .title_h2cmn span::before,
  .title_h2cmn span::after {
    content: none;
  }
  .sec_box .display_content {
    margin: 0 0 1.4em auto;
  }
  .box_period {
    margin: 2.25em 0 0 0;
  }
  .box_period .desc_s,
  .step01_list p {
    font-size: 15px;
    text-align: left;
    max-width: 90%;
    margin: 1em auto 0;
  }
  .step01_list p {
    margin: 0 auto 1em;
  }
  .sec_box .step01_content,
  .sec_box .step01_content_wide {
    margin: 2em 0 0 0;
  }
  .sec_box .step01_list:first-child {
    margin: .75em 0 0 0;
  }

  /*--- 改行変更 ---*/
  span.br_show::before {
    content: "";
    white-space: normal;
  }

  /*--- display_game ---*/
  .sec_box .display_list {
    background: url(../image/img-gamedisplay-sp.png) no-repeat top center;
    background-size: 329px auto;
    height: 550px;
    display: block;
  }
  .sec_box .display_content {
    display: none;
  }

  /*--- step01_sentence5 ---*/
  .sec_box .step01_content .step01_dtl,
  .sec_box .img_minigame .step01_content .step01_dtl {
    float: none;
    max-width: 100%;
    margin: 0 0 1em 0;
  }
  .sec_box .step01_content .img_sample {
    margin: 0 auto 1em;
  }
  .sec_box .step01_content:after,
  .sec_box .img_minigame .step01_content:after {
    width: auto;
  }
  .sec_box .content_box {
    max-width: 1000px;
  }
  .sec_box .step01_content_wide .step01_dtl .title_h3cmn {
    float: none;
  }
  .sec_box .step01_content_wide .img_sample04-1,
  .sec_box .step01_content_wide .img_sample04-2 {
    float: none;
    font-size: 0;
    margin: 0 auto 4%;
  }
  .sec_box .step01_content_wide .img_sample04-2 {
    margin: 0 auto;
  }
  .sec_box .stamina .step01_content .img_sample {
    max-width: 410px;
  }

  /* box__links */
  .wcm .box__links {
    max-width: 100%;
    padding-top: 0;
  }
  .wcm .box__links ul {
    display: block;
  }
  .wcm .box__links ul li {
    margin: 0 auto;
    max-width: 48.8em;
    padding: 1.5em 0 0;
    width: 100%
  }
  .wcm .box__links li:nth-child(1) {
    padding-top: 0;
  }
  .wcm .box__links figcaption {
    margin-top: .3em;
  }
}


/*ポータルサイトバナーモーダル*/
.sec_box .display_game {
  margin: 2.5% auto 0;
}
.sec_box .display_game .modal_content,
.sec_box .display_game input,
.sec_box .display_game .modalPopup2 {
  /* ラジオボックス非表示 及び 初期設定 ポップアップ非表示 */
  display: none;
}
.sec_box .display_game input:nth-child(1) + label {
  cursor: pointer;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {
  /* ラジオ１ チェックでポップアップ表示 */
  display: block;
  z-index: 998;
  max-width: 330px;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  overflow: hidden;
  width: 100%;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 .display_content {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  display: inline-block;
  margin: 0 0 0 auto;
  max-width: 368px;
  width: 100%;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 .close_area {
  background: url(../image/btn_red_after.svg) no-repeat right center, url(../image/btn_red.svg) no-repeat left center;
  background-color: #C92121;
  background-size: auto 100%;
  color: #fff;
  font-size: 16px;
  text-align: center;
  margin: 2% 0 0;
  min-width: 330px;
  padding: 5%;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 div iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 div img {/* ポップアップの中の要素 */
  max-width: 100%;
}
.sec_box .display_game input:nth-child(1) + label ~ label {
  /* ラジオ1 以外のラベルを初期は非表示 */
  display: none;
}
.sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label {
  width: 100%;
  height: 100%;
  background: #000;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 997;
  text-indent: -999999px;
  overflow: hidden;
}
.sec_box .display_game input:nth-child(1) + label + input:nth-child(3):checked + label + input:nth-child(5) + label + .modalPopup2,
.sec_box .display_game input:nth-child(1) + label + input:nth-child(3) + label + input:nth-child(5):checked + label + .modalPopup2 {
  /* ラジオ2と3 どっちかチェックでポップアップ非表示 */
  display: none;
}
.modalPopup2 {
  animation: fadeIn 1s ease 0s 1 normal;
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}

.sec_box .display_game .modalTitle {
  padding-bottom: .5em;
  margin: .5em 0;
  border-bottom: 1px solid #ccc;
  font-weight: 600;
}
.sec_box .display_game .modalMain {
  color: #222;
  text-align: left;
  font-size: 14px;
  line-height: 1.8em;
}

@media ( max-width: 767px ) {
  /*ゲーム画面の選択領域*/
  .sec_box .display_game .modal_content {
    display: block;
    height: 100%;
    max-width: 290px;
    margin: 0 auto;
    overflow: auto;
  }
  .sec_box .display_game .modal_content .modal_arrow {
    margin: 5.25% 3%;
    max-width: 70px;
    width: 100%;
    position: absolute;
  }
  .sec_box .step01_content .title_h3cmn img.sp {
    max-width: 350px;
    width: 100%;
  }
  .sec_box .step01_content .title_h4_w300 img {
    max-width: 260px;
  }
  .sec_box .display_game .popupModal1-1 {
    height: 42px;
    margin: 2% calc(100% / 2.35) 0 auto;
    max-width: 100px;
    width: 100%;
  }
  .sec_box .display_game .popupModal1-2 {
    height: 47px;
    margin: 0 calc(100% / 7.75) 2% auto;
    max-width: 186px;
    width: 100%;
  }
  .sec_box .display_game .popupModal2 {
    height: 158px;
    float: left;
    margin: 0 auto 2%;
    max-width: 158px;
    width: 100%;
  }
  .sec_box .display_game .popupModal3-1 {
    height: 110px;
    float: right;
    margin: 0 auto 2%;
    max-width: 128px;
    width: 100%;
  }
  .sec_box .display_game .popupModal3-2 {
    height: 42px;
    float: right;
    margin: 0 auto 2%;
    max-width: 128px;
    width: 100%;
  }
  .sec_box .display_game .popupModal4 {
    float: right;
    height: 158px;
    margin: 7% auto 0;
    width: 100%;
  }
  .sec_box .display_game .click_area {
    height: 100%;
    width: 100%;
  }
}

@media ( max-width: 350px ) {
  .wcm .box__links {
    margin-top: 10.5%;
  }
  .title_h3cmn {
    font-size: 19px;
  }
  .sec_box .display_list {
    background: url(../image/img-gamedisplay-sp.png) no-repeat top center;
    background-size: 290px auto;
    height: 484px;
  }
  .sec_box .display_game {
    margin: 5% auto 0;
  }
  .title_h3cmn > span {
    padding: 0 25px 3px;
  }
  .sec_box .display_content {
    padding: .75em .6em;
  }
  .sec_box .display_game .modal_content {
    max-width: 254px;
  }
  .sec_box .display_game .popupModal1-1 {
    height: 36px;
    margin: 2% calc(100% / 2.25) 0 auto;
    max-width: 83px;
  }
  .sec_box .display_game .popupModal1-2 {
    height: 41px;
    margin: 0 calc(100% / 7.5) 2% auto;
    max-width: 162px;
  }
  .sec_box .display_game .popupModal2 {
    height: 138px;
    max-width: 138px;
  }
  .sec_box .display_game .popupModal3-1 {
    height: 98px;
    max-width: 110px;
  }
  .sec_box .display_game .popupModal3-2 {
    height: 35px;
    max-width: 110px;
  }
  .sec_box .display_game .popupModal4 {
    height: 140px;
  }
  .sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 {
    padding: 2.5%;
  }
  .sec_box .display_game input:nth-child(1):checked + label + input:nth-child(3) + label + input:nth-child(5) + label + .modalPopup2 .close_area {
    min-width: 304px;
  }
  .sec_box .step02_content .img_judge01-3:before {
    right: 37px;
  }
}