@charset "UTF-8";
/*
改行
*/
@media only screen and (max-width: 1000px) {
  .oo_spnone {
    display: none;
  }
}

@media only screen and (min-width: 1001px) {
  .oo_pcnone {
    display: none;
  }
}

body {
  padding-top: 59px;
}

@media only screen and (max-width: 1000px) {
  body {
    padding-top: 100px;
    padding-top: 13.33333vw;
  }
}

.title_inner {
  position: relative;
  height: 120px;
  padding-top: 19px;
  border-bottom: 1px solid #dcb42e;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
  box-shadow: 1px 0 0 #6b0206;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  .title_inner {
    height: 120px;
    height: 16vw;
  }
}

@media only screen and (max-width: 1000px) {
  .title_inner {
    padding-top: 19px;
    padding-top: 2.53333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .title_inner {
    background-size: cover;
  }
}

.title_inner h2 {
  width: 650px;
  margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
  .title_inner h2 {
    width: 94.7%;
  }
}

.title_inner h2 img {
  width: auto;
  height: 122px;
}

@media only screen and (max-width: 1000px) {
  .title_inner h2 img {
    height: 122px;
    height: 16.26667vw;
  }
}

main {
  padding-top: 62px;
  background: url(../images/inner/common/bg_contents.jpg) no-repeat center top/100% #6b0206;
  background-color: #6b0206;
}

@media only screen and (max-width: 1000px) {
  main {
    padding-top: 83px;
    padding-top: 11.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  main {
    background: url(../images/inner/common/bg_contents_sp.jpg) no-repeat center top/100% #6b0206;
  }
}

.under_development {
  padding: 23px 0 22px ;
  background-color: #6b0206;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  .under_development {
    padding: 3.73333vw 0 4.26667vw ;
  }
}

.under_development p {
  text-align: center;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  .under_development p {
    font-size: 2.66667vw;
  }
}

/*

battle.html

*/
body#battle .title_inner {
  background-image: url(../images/inner/battle/bg_title.jpg);
}

@media only screen and (max-width: 1000px) {
  body#battle .title_inner {
    background-image: url(../images/inner/battle/bg_title_sp.jpg);
  }
}

body#battle .battle .modal-btns .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle .modal-btns .inner {
    justify-content: center;
  }
}

body#battle .battle .modal-btns {
  margin-top: 10px;
  padding-bottom: 0px;
  background-image: none;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle .modal-btns {
    margin-top: 8px;
    margin-top: 1.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle .modal-btns {
    padding-bottom: 21px;
    padding-bottom: 2.8vw;
  }
}

body#battle .image_movie {
  position: relative;
  width: 480px;
  margin: 25px auto 0 ;
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie {
    width: 63.9%;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie {
    margin: 5.06667vw auto 0 ;
  }
}

body#battle .image_movie .play {
  display: block;
  position: relative;
  border: 1px solid #ffdc77;
  box-shadow: 4px 4px ;
  cursor: pointer;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .play {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

body#battle .image_movie .play:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -31px;
  margin-left: -29px;
  background-image: url(../images/common/mov_play.svg);
  opacity: 1;
  transition: transform .2s , opacity .2s;
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .play:after {
    width: 60px;
    width: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .play:after {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .play:after {
    margin-top: -31px;
    margin-top: -4.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .play:after {
    margin-left: -31px;
    margin-left: -4.13333vw;
  }
}

body#battle .image_movie .play img {
  width: 100%;
}

body#battle .image_movie .play:hover:after {
  opacity: 0.5;
  transform: scale(1.1);
}

body#battle .image_movie .mov-inner {
  position: relative;
}

body#battle .image_movie .mov-inner p {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 6;
}

body#battle .image_movie .mov-inner p img {
  width: auto;
  height: 28px;
}

@media only screen and (max-width: 1000px) {
  body#battle .image_movie .mov-inner p img {
    height: 28px;
    height: 3.73333vw;
  }
}

body#battle .lead {
  margin-top: 3px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#battle .lead {
    margin-top: -20px;
    margin-top: -2.66667vw;
  }
}

body#battle .lead img {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#battle .lead img {
    width: 94.7%;
  }
}

body#battle p.lead {
  margin-top: 17px;
  line-height: 1.75;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#battle p.lead {
    margin-top: 28px;
    margin-top: 3.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle p.lead {
    line-height: 1.457;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle p.lead {
    font-size: 2.93333vw;
  }
}

/*

battle_detail.html

*/
body#battle.detail .battle-page {
  width: 960px;
  margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page {
    width: 94.7%;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page {
    margin: 0 auto 4.66667vw ;
  }
}

body#battle.detail .battle-page h3 img {
  width: auto;
  height: 48px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page h3 img {
    height: 48px;
    height: 6.4vw;
  }
}

body#battle.detail .battle-page h3 img.double {
  height: 99px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page h3 img.double {
    height: 99px;
    height: 13.2vw;
  }
}

body#battle.detail .battle-page .ss {
  position: relative;
  border: 1px solid #e50b18;
  border-width: 1px;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page .ss {
    border-width: 2px;
    border-width: 0.26667vw;
  }
}

@media print, screen and (min-width: 1001px) {
  body#battle.detail .battle-page .ss {
    transition: opacity 0.35s ease;
  }
  body#battle.detail .battle-page .ss:hover {
    opacity: 0.7;
  }
}

body#battle.detail .battle-page .ss img {
  max-width: 100%;
}

body#battle.detail .battle-page .ss:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-image: url(../images/common/icon_zoom.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page .ss:after {
    width: 36px;
    width: 4.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page .ss:after {
    height: 36px;
    height: 4.8vw;
  }
}

body#battle.detail .battle-page.battle-page-06 h3 img {
  height: 96px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 h3 img {
    height: 96px;
    height: 12.8vw;
  }
}

body#battle.detail .battle-detail-box {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-detail-box {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

body#battle.detail .battle-detail-box .battle-detail-txt {
  position: relative;
  margin-top: 19px;
  line-height: 1.62;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-detail-box .battle-detail-txt {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-detail-box .battle-detail-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-detail-box .battle-detail-txt {
    font-size: 2.93333vw;
  }
}

body#battle.detail .battle-detail-box .battle-detail-txt span {
  background-color: #000;
}

body#battle.detail .battle-detail-box .battle-detail-txt ~ .battle-detail-txt {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-detail-box .battle-detail-txt ~ .battle-detail-txt {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#battle.detail .battle-page + .lead {
  position: relative;
  top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page + .lead {
    top: 40px;
    top: 5.33333vw;
  }
}

body#battle.detail .modal-btns {
  padding: 50px 0 0 ;
  background-color: #3e0204;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .modal-btns {
    padding: 5.33333vw 0 2.8vw ;
  }
}

body#battle.detail .under_development {
  background-color: #3e0204;
}

body#battle.detail img {
  max-width: 100%;
}

body#battle.detail .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 43px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column {
    display: block;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column {
    margin-top: 52px;
    margin-top: 6.93333vw;
  }
}

body#battle.detail .ss-column .ss-column-inner {
  width: 47.5%;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner {
    width: 100%;
  }
}

body#battle.detail .ss-column .ss-column-inner .battle-detail-txt:first-of-type {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .battle-detail-txt:first-of-type {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#battle.detail .ss-column .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .ss-column .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner:nth-of-type(2) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .ss-column .ss-column-inner .name {
  margin-top: 13px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .ss-column .ss-column-inner .name img {
  width: auto;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle.detail .ss-column .ss-column-inner .name + .battle-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name + .battle-detail-txt {
    margin-top: 9px;
    margin-top: 1.2vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .copy_battle {
  margin-top: 80px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .copy_battle {
    margin-top: 80px;
    margin-top: 10.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .copy_battle img {
  width: auto;
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .copy_battle img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point {
  position: relative;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column {
  margin-top: 23px;
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column {
    margin-top: 32px;
    margin-top: 4.26667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn {
  width: 430px;
  margin: 0;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn {
    width: 430px;
    width: 57.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn {
    margin: 0 auto;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn .more-btn-inner .red-line-frame {
  padding-right: 28px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .more-btn .more-btn-inner .red-line-frame {
    padding-right: 28px;
    padding-right: 3.73333vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:first-of-type .more-btn {
  margin-left: auto;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .name {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name img {
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double {
  margin-top: 0;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double img {
  height: 132px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .name.double img {
    height: 99px;
    height: 13.2vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img {
  position: relative;
  margin-top: 8px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .modal-img:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 73px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .ss-column-inner:nth-of-type(2) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-01 .point .ss-column .battle-detail-txt {
  letter-spacing: -0.2px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-01 .point .ss-column .battle-detail-txt {
    letter-spacing: -0.2px;
    letter-spacing: -0.02667vw;
  }
}

body#battle.detail .battle-page-03 .copy_battle {
  margin-top: 100px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .copy_battle {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner {
  display: block;
  flex-direction: column;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner {
    display: flex;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner .modal-img {
  margin-top: 0px;
  order: unset;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner .modal-img {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner .modal-img:nth-of-type(2) {
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner .modal-img:nth-of-type(2) {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner .name {
  order: -1;
}

body#battle.detail .battle-page-03 .ss-column-inner .battle-detail-txt {
  order: unset;
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_1 {
  order: unset;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_1 {
    order: 1;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_2 {
  order: unset;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_2 {
    order: 2;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_3 {
  order: unset;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_3 {
    order: 3;
  }
}

body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_4 {
  order: unset;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column-inner.double-ss-column .sp_order_4 {
    order: 4;
  }
}

body#battle.detail .battle-page-03 .ss-column {
  margin-top: 43px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#battle.detail .battle-page-03 .black_box, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map {
  position: relative;
  background: #000;
  padding: 15px 0 15px 0;
  margin-top: 28px;
  margin-bottom: 35px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map {
    padding: 15px 0 15px 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#battle.detail .battle-page-03 .black_box:before, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map:before, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before {
  content: '';
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: solid 1px #f10c19;
  box-sizing: border-box;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box:before, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map:before, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before {
    width: calc(100% - 	6px);
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box:before, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map:before, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before {
    height: calc(100% - 6px);
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box:before, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map:before, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before {
    left: 3px;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box:before, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map:before, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map:before {
    top: 3px;
  }
}

body#battle.detail .battle-page-03 .black_box .inner_pd, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .inner_pd {
  box-sizing: border-box;
  padding: 0 28px ;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box .inner_pd, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .inner_pd {
    padding: 0 4vw ;
  }
}

body#battle.detail .battle-page-03 .black_box .red_copy, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy {
  margin-top: 15px;
  margin-bottom: 5px;
  height: 42px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box .red_copy, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box .red_copy, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy {
    margin-bottom: 5px;
    margin-bottom: 0.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box .red_copy, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy {
    height: 42px;
    height: 5.6vw;
  }
}

body#battle.detail .battle-page-03 .black_box .red_copy img, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .red_copy img, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .red_copy img {
  height: 100%;
}

body#battle.detail .battle-page-03 .black_box .ss-column, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .ss-column {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .black_box .ss-column, body#battle.detail .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 body#battle.detail .battle-page-03 .area_map .ss-column {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .ss-column.legend {
  margin-top: 25px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .ss-column.legend {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#battle.detail .battle-page-03 .tag_box .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .tag_box .ss-column-inner:nth-of-type(2) {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .style_box {
  padding: 15px 0 25px 0;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box {
    padding: 15px 0 25px 0;
  }
}

body#battle.detail .battle-page-03 .style_box .ss-column {
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .ss-column {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .style_box .ss-column.style-column {
  margin-top: 10px;
  height: 64px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .ss-column.style-column {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .ss-column.style-column {
    height: 100%;
  }
}

body#battle.detail .battle-page-03 .style_box .style-detail-txt {
  line-height: 1.62;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  display: table-cell;
  vertical-align: middle;
  height: 64px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .style-detail-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .style-detail-txt {
    font-size: 2.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .style-detail-txt {
    height: 100%;
  }
}

body#battle.detail .battle-page-03 .style_box .ss-column-inner {
  display: block;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .ss-column-inner {
    display: block;
  }
}

body#battle.detail .battle-page-03 .style_box .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .ss-column-inner:nth-of-type(2) {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .style_box .battle_style_img {
  margin-top: 8px;
  width: 200px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .battle_style_img {
    margin-top: 8px;
    margin-top: 1.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .battle_style_img {
    width: auto;
  }
}

body#battle.detail .battle-page-03 .style_box .battle_style_img img {
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .battle_style_img img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle.detail .battle-page-03 .style_box .battle_style_txt {
  padding-left: 18px;
  width: calc(100% - 200px);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .battle_style_txt {
    padding-left: 0px;
    padding-left: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .style_box .battle_style_txt {
    width: 100%;
  }
}

body#battle.detail .battle-page-03 .kiryu .name img {
  width: auto;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .kiryu .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle.detail .battle-page-03 .kiryu .modal-img {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .kiryu .modal-img {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-03 .kiryu .kiryu_txt .name {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .kiryu .kiryu_txt .name {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page-03 .kiryu .kiryu_txt .battle-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-03 .kiryu .kiryu_txt .battle-detail-txt {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-05 .ss-column {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-05 .ss-column {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner {
  margin-top: 47px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-05 .ss-column .ss-column-inner {
    margin-top: 45px;
    margin-top: 6vw;
  }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name img {
  height: 61px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-05 .ss-column .ss-column-inner .name img {
    height: 61px;
    height: 8.13333vw;
  }
}

body#battle.detail .battle-page-05 .ss-column .ss-column-inner:nth-of-type(even) {
  margin-top: 47px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-05 .ss-column .ss-column-inner:nth-of-type(even) {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .copy_battle {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .copy_battle {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .copy_battle img {
  width: auto;
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .copy_battle img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point {
  position: relative;
}

body#battle.detail .battle-page.battle-page-06 .point .ss-column {
  margin-top: 0;
}

body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p {
  margin-top: 10px;
  line-height: 1.6;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p {
    line-height: 1.47;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point .ss-column .ss-column-inner p {
    letter-spacing: -0.5px;
    letter-spacing: -0.06667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column {
  margin-top: 23px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column {
    margin-top: 32px;
    margin-top: 4.26667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn {
  width: 430px;
  margin: 0;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn {
    width: 430px;
    width: 57.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn {
    margin: 0 auto;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn .more-btn-inner .red-line-frame {
  padding-right: 28px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column .more-btn .more-btn-inner .red-line-frame {
    padding-right: 28px;
    padding-right: 3.73333vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column .ss-column-inner:first-of-type .more-btn {
  margin-left: auto;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name {
  margin-top: 33px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name img {
  height: 99px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name img {
    height: 99px;
    height: 13.2vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double {
  margin-top: 0;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double img {
  height: 132px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .name.double img {
    height: 99px;
    height: 13.2vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img {
  position: relative;
  margin-top: 8px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .modal-img:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before {
  right: 0;
  width: 300px;
  height: 495px;
  background-image: url(../images/inner/battle/obj_dancer.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before {
    width: 405px;
    width: 54vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .dancer .modal-img:before {
    height: 668px;
    height: 89.06667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before {
  right: 0;
  width: 288px;
  height: 475px;
  background-image: url(../images/inner/battle/obj_augur.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before {
    width: 388px;
    width: 51.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .augur .modal-img:before {
    height: 641px;
    height: 85.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before {
  right: 2px;
  width: 283px;
  height: 498px;
  background-image: url(../images/inner/battle/obj_riotpoliceman.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before {
    right: 2px;
    right: 0.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before {
    width: 382px;
    width: 50.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .modal-img:before {
    height: 672px;
    height: 89.6vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .name img {
  height: 132px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .riotpoliceman .name img {
    height: 128px;
    height: 17.06667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before {
  right: 0;
  width: 199px;
  height: 487px;
  background-image: url(../images/inner/battle/obj_idol.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before {
    width: 268px;
    width: 35.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .idol .modal-img:before {
    height: 657px;
    height: 87.6vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before {
  right: 0;
  width: 300px;
  height: 495px;
  background-image: url(../images/inner/battle/obj_05.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before {
    width: 400px;
    width: 53.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_05 .modal-img:before {
    height: 657px;
    height: 87.6vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before {
  right: 0;
  width: 300px;
  height: 495px;
  background-image: url(../images/inner/battle/obj_06.png);
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before {
    width: 400px;
    width: 53.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .modal-img:before {
    height: 657px;
    height: 87.6vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .name img {
  height: 132px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .list_06 .name img {
    height: 128px;
    height: 17.06667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 73px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 143px;
    margin-top: 19.06667vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .ss-column-inner:nth-of-type(2) {
    margin-top: 112px;
    margin-top: 14.93333vw;
  }
}

body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .battle-detail-txt {
  letter-spacing: -0.2px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-06 .point + .ss-column + .ss-column .battle-detail-txt {
    letter-spacing: -0.2px;
    letter-spacing: -0.02667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .copy_battle {
  margin-top: 55px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .copy_battle {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .copy_battle img {
  width: auto;
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .copy_battle img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .battle-detail-txt ~ .battle-detail-txt {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .battle-detail-txt ~ .battle-detail-txt {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point {
  position: relative;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column {
  margin-top: 23px;
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column {
    margin-top: 32px;
    margin-top: 4.26667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn {
  width: 430px;
  margin: 0;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn {
    width: 430px;
    width: 57.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn {
    margin: 0 auto;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn .more-btn-inner .red-line-frame {
  padding-right: 28px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .more-btn .more-btn-inner .red-line-frame {
    padding-right: 28px;
    padding-right: 3.73333vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:first-of-type .more-btn {
  margin-left: auto;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name {
  margin-top: 22px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .name {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name img {
  height: 87px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .name img {
    height: 87px;
    height: 11.6vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double {
  margin-top: 0;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double img {
  height: 132px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .name.double img {
    height: 99px;
    height: 13.2vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img {
  position: relative;
  margin-top: 8px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .modal-img:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 34px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt {
  margin-top: 12px;
  letter-spacing: -0.2px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .point .ss-column .battle-detail-txt {
    letter-spacing: -0.2px;
    letter-spacing: -0.02667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .merit {
  position: relative;
  width: 960px;
  min-height: 310px;
  margin-top: 14px;
  padding: 31px 27px 40px 27px ;
  background-color: #000;
  background-size: cover;
  background-image: url(../images/inner/battle/copy_battle07_03_bg.jpg);
  font-size: 20px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    width: 710px;
    width: 94.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    min-height: 340px;
    min-height: 45.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    padding: 4vw 4.13333vw 4vw 4.13333vw ;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    background-image: url(../images/inner/battle/copy_battle07_03_bg_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit {
    font-size: 2.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .merit h5 img {
  width: auto;
  height: 31px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit h5 img {
    height: 31px;
    height: 4.13333vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .merit:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #f10c19;
}

body#battle.detail .battle-page.battle-page-07 .merit:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 0px;
  left: 0px;
  width: calc(100%);
  height: calc(100%);
  border: 5px solid #000;
}

body#battle.detail .battle-page.battle-page-07 .merit p {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit p {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle.detail .battle-page.battle-page-07 .merit h4 img {
  height: 42px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page.battle-page-07 .merit h4 img {
    height: 42px;
    height: 5.6vw;
  }
}

body#battle.detail .battle-page-08 h4 {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-08 h4 {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#battle.detail .battle-page-08 h4 img {
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .battle-page-08 h4 img {
    height: 50px;
    height: 6.66667vw;
  }
}

.static-img {
  text-align: center;
}

/*

cast.html

*/
body#cast .title_inner {
  background-image: url(../images/inner/cast/bg_title.jpg);
}

@media only screen and (max-width: 1000px) {
  body#cast .title_inner {
    background-image: url(../images/inner/cast/bg_title_sp.jpg);
  }
}

body#cast .navi a.box .box-img .bg .ov {
  width: 100%;
}

body#cast .navi a.box .box-img .title {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body#cast .list_cast {
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
  background-color: transparent;
}

body#cast .list_cast li {
  width: 50%;
  border-bottom: 1px solid transparent;
  border-bottom-width: 1px;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li {
    border-bottom-width: 2px;
    border-bottom-width: 0.26667vw;
  }
}

body#cast .list_cast li .title img {
  width: auto;
  height: 64.1%;
  margin: 13.5% 0 0 19.7%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title img {
    margin: 10.63% 0 0 8.47%;
  }
}

body#cast .list_cast li .title.single_line img {
  height: 54%;
  margin-top: 17.7%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.single_line img {
    margin-top: 14.63%;
  }
}

body#cast .list_cast li .title.new:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 18.5%;
  left: 19.7%;
  width: 8%;
  height: 37px;
  background-image: url(../images/inner/cast/new.png);
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.new:after {
    top: 13.4%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.new:after {
    left: 8.47%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.new:after {
    width: 7.5%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.new:after {
    height: 75px;
    height: 10vw;
  }
}

body#cast .list_cast li .title.single_line.new:after {
  top: 28%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li .title.single_line.new:after {
    top: 23.6%;
  }
}

body#cast .list_cast li a.box .box-img .arrow {
  width: 8.7%;
  height: 20%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li a.box .box-img .arrow {
    width: 8%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li a.box .box-img .arrow {
    height: 21%;
  }
}

body#cast .list_cast li:nth-child(even) {
  border-left: 1px solid transparent;
  border-left-width: 1px;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li:nth-child(even) {
    border-left-width: 0px;
    border-left-width: 0vw;
  }
}

body#cast .list_cast li:nth-child(even) .title img {
  margin-left: 1%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li:nth-child(even) .title img {
    margin-left: 8.47%;
  }
}

body#cast .list_cast li:nth-child(even) .title.new:after {
  left: 1%;
}

@media only screen and (max-width: 1000px) {
  body#cast .list_cast li:nth-child(even) .title.new:after {
    left: 8.47%;
  }
}

/*

cast_detail.html

*/
body#cast.detail .character {
  margin-top: 0;
  padding-bottom: 0;
  border-bottom: none;
  overflow: visible;
}

body#cast.detail .character .character-box {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box {
    padding-bottom: 140px;
    padding-bottom: 18.66667vw;
  }
}

body#cast.detail .character .character-box .bg {
  top: 50px;
  border-top: none;
  background-image: none !important;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .bg {
    top: 13px;
    top: 1.73333vw;
  }
}

body#cast.detail .character .character-box .detail {
  width: 1000px;
  min-height: 910px;
  margin: 0 auto;
  padding: 0 0 30px 16px ;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail {
    min-height: 500px;
    min-height: 66.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail {
    margin: 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail {
    padding: 0 2vw 4vw ;
  }
}

body#cast.detail .character .character-box .detail p.p-01 {
  line-height: 1.76em;
}

body#cast.detail .character .character-box .detail .ss {
  display: flex;
  justify-content: space-between;
  width: 720px;
  margin: 16px 0 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss {
    width: 100%;
  }
}

body#cast.detail .character .character-box .detail .ss:before {
  display: none;
}

body#cast.detail .character .character-box .detail .ss .ss-cell {
  width: 48.97%;
}

body#cast.detail .character .character-box .detail .ss .ss-cell .ss-inner {
  box-shadow: 4px 4px ;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .ss-inner {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

body#cast.detail .character .character-box .detail .ss .ss-cell .play:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -31px;
  margin-left: -29px;
  background-image: url(../images/common/mov_play.svg);
  opacity: 1;
  transition: transform .2s , opacity .2s;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .play:after {
    width: 60px;
    width: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .play:after {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .play:after {
    margin-top: -31px;
    margin-top: -4.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .play:after {
    margin-left: -31px;
    margin-left: -4.13333vw;
  }
}

body#cast.detail .character .character-box .detail .ss .ss-cell .play:hover:after {
  opacity: 0.5;
  transform: scale(1.1);
}

body#cast.detail .character .character-box .detail .ss .ss-cell .exp {
  margin-top: 7px;
  text-align: left;
  letter-spacing: -0.5px;
  font-size: 20px;
  color: #ffd555;
  white-space: nowrap;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .exp {
    margin-top: 7px;
    margin-top: 0.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .exp {
    letter-spacing: -0.5px;
    letter-spacing: -0.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .detail .ss .ss-cell .exp {
    font-size: 2.66667vw;
  }
}

body#cast.detail .character .character-box .name-roma {
  background-position: calc(50% - 233px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box .name-box {
  height: 340px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .name-box {
    height: 300px;
    height: 40vw;
  }
}

body#cast.detail .character .character-box .name-box .name {
  position: relative;
  top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .name-box .name {
    top: -36px;
    top: -4.8vw;
  }
}

body#cast.detail .character .character-box.kasuga .chara.y-2019 img {
  top: -31px;
  left: 573px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.kasuga .chara.y-2019 img {
    top: -81px;
    top: -10.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.kasuga .chara.y-2019 img {
    left: 460px;
    left: 61.33333vw;
  }
}

body#cast.detail .character .character-box.kasuga .chara.y-2000 img {
  top: -13px;
  left: 598px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.kasuga .chara.y-2000 img {
    top: -55px;
    top: -7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.kasuga .chara.y-2000 img {
    left: 490px;
    left: 65.33333vw;
  }
}

body#cast.detail .character .character-box.sawasiro .chara.y-2019 img {
  top: -22px;
  left: 555px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .chara.y-2019 img {
    top: -63px;
    top: -8.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .chara.y-2019 img {
    left: 433px;
    left: 57.73333vw;
  }
}

body#cast.detail .character .character-box.sawasiro .chara.y-2000 img {
  top: -25px;
  left: 606px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .chara.y-2000 img {
    top: -65px;
    top: -8.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .chara.y-2000 img {
    left: 500px;
    left: 66.66667vw;
  }
}

body#cast.detail .character .character-box.sawasiro .name-roma {
  background-position: calc(50% - 147px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.sawasiro p.name img.y-2019 {
  left: 16px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro p.name img.y-2019 {
    left: 16px;
    left: 2.13333vw;
  }
}

body#cast.detail .character .character-box.sawasiro p.name img.y-2000 {
  left: 16px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro p.name img.y-2000 {
    left: 16px;
    left: 2.13333vw;
  }
}

body#cast.detail .character .character-box.sawasiro .cs {
  bottom: 25px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawasiro .cs {
    bottom: 12px;
    bottom: 1.6vw;
  }
}

body#cast.detail .character .character-box.nanba .name-roma {
  background-position: calc(50% - 257px) 86px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.nanba .name-roma {
    background-position: 2.7vw 11.6vw;
  }
}

body#cast.detail .character .character-box.nanba .chara img {
  top: 11px;
  left: 543px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.nanba .chara img {
    top: -14px;
    top: -1.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.nanba .chara img {
    left: 420px;
    left: 56vw;
  }
}

body#cast.detail .character .character-box.arakawa .name-roma {
  background-position: calc(50% - 197px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.arakawa .chara.y-2019 img {
  top: -17px;
  left: 633px;
  width: 356px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2019 img {
    top: -57px;
    top: -7.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2019 img {
    left: 507px;
    left: 67.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2019 img {
    width: 356px;
    width: 47.46667vw;
  }
}

body#cast.detail .character .character-box.arakawa .chara.y-2000 img {
  top: -26px;
  left: 591px;
  width: 324px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2000 img {
    top: -67px;
    top: -8.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2000 img {
    left: 465px;
    left: 62vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa .chara.y-2000 img {
    width: 324px;
    width: 43.2vw;
  }
}

body#cast.detail .character .character-box.arakawa p.name img.y-2019,
body#cast.detail .character .character-box.arakawa p.name img.y-2000 {
  left: 16px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa p.name img.y-2019,
  body#cast.detail .character .character-box.arakawa p.name img.y-2000 {
    left: 16px;
    left: 2.13333vw;
  }
}

body#cast.detail .character .character-box.arakawa p.name img.y-2000 {
  top: 91px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawa p.name img.y-2000 {
    top: 91px;
    top: 12.13333vw;
  }
}

body#cast.detail .character .character-box.mukouda .name-roma {
  background-position: calc(50% - 191px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mukouda .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.mukouda .chara img {
  top: -19px;
  left: 639px;
  width: 211px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mukouda .chara img {
    top: -60px;
    top: -8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mukouda .chara img {
    left: 532px;
    left: 70.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mukouda .chara img {
    width: 211px;
    width: 28.13333vw;
  }
}

body#cast.detail .character .character-box.mukouda p.name img {
  margin: 66px 0 0 12px ;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mukouda p.name img {
    margin: 8.8vw 0 0 1.6vw ;
  }
}

body#cast.detail .character .character-box.adachi .name-roma {
  background-position: calc(50% - 247px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.adachi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.adachi .chara img {
  top: -31px;
  left: 603px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.adachi .chara img {
    top: -80px;
    top: -10.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.adachi .chara img {
    left: 476px;
    left: 63.46667vw;
  }
}

body#cast.detail .character .character-box.adachi p.name img {
  top: 76px;
  left: 20px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.adachi p.name img {
    top: 75px;
    top: 10vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.adachi p.name img {
    left: 20px;
    left: 2.66667vw;
  }
}

body#cast.detail .character .character-box.arakawam .name-roma {
  background-position: calc(50% - 177px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawam .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.arakawam .chara img {
  top: -20px;
  left: 589px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawam .chara img {
    top: -70px;
    top: -9.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawam .chara img {
    left: 506px;
    left: 67.46667vw;
  }
}

body#cast.detail .character .character-box.arakawam p.name img {
  top: 76px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawam p.name img {
    top: 85px;
    top: 11.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.arakawam p.name img {
    left: 20px;
    left: 2.66667vw;
  }
}

body#cast.detail .character .character-box.yasumura .name-roma {
  background-position: calc(50% - 158px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yasumura .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.yasumura .chara img {
  top: -20px;
  left: 600px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yasumura .chara img {
    top: -70px;
    top: -9.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yasumura .chara img {
    left: 490px;
    left: 65.33333vw;
  }
}

body#cast.detail .character .character-box.yasumura p.name img {
  top: 76px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yasumura p.name img {
    top: 85px;
    top: 11.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yasumura p.name img {
    left: 20px;
    left: 2.66667vw;
  }
}

body#cast.detail .character .character-box.tendo .name-box {
  height: 340px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo .name-box {
    height: 312px;
    height: 41.6vw;
  }
}

body#cast.detail .character .character-box.tendo .name-roma {
  background-position: calc(50% - 251px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.tendo .chara img {
  top: -20px;
  left: 600px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo .chara img {
    top: -70px;
    top: -9.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo .chara img {
    left: 530px;
    left: 70.66667vw;
  }
}

body#cast.detail .character .character-box.tendo p.name img {
  top: 54px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo p.name img {
    top: 55px;
    top: 7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.tendo p.name img {
    left: 20px;
    left: 2.66667vw;
  }
}

body#cast.detail .character .character-box.ishioda .name-box {
  height: 340px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda .name-box {
    height: 312px;
    height: 41.6vw;
  }
}

body#cast.detail .character .character-box.ishioda .name-roma {
  background-position: calc(50% - 244px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.ishioda .chara img {
  top: -20px;
  left: 619px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda .chara img {
    top: -70px;
    top: -9.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda .chara img {
    left: 530px;
    left: 70.66667vw;
  }
}

body#cast.detail .character .character-box.ishioda p.name img {
  top: 54px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda p.name img {
    top: 55px;
    top: 7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ishioda p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.hoshino .name-roma {
  background-position: calc(50% - 218px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hoshino .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.hoshino .chara img {
  top: 45px;
  left: 619px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hoshino .chara img {
    top: 20px;
    top: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hoshino .chara img {
    left: 530px;
    left: 70.66667vw;
  }
}

body#cast.detail .character .character-box.hoshino p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hoshino p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hoshino p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.takabe .name-roma {
  background-position: calc(50% - 213px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.takabe .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.takabe .chara img {
  top: -20px;
  left: 619px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.takabe .chara img {
    top: -60px;
    top: -8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.takabe .chara img {
    left: 515px;
    left: 68.66667vw;
  }
}

body#cast.detail .character .character-box.takabe p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.takabe p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.takabe p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.sonhi .name-roma {
  background-position: calc(50% - 163px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sonhi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.sonhi .chara img {
  top: 15px;
  left: 619px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sonhi .chara img {
    top: -15px;
    top: -2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sonhi .chara img {
    left: 490px;
    left: 65.33333vw;
  }
}

body#cast.detail .character .character-box.sonhi p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sonhi p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sonhi p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.jungi .name-roma {
  background-position: calc(50% - 244px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.jungi .chara img {
  top: -20px;
  left: 650px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi .chara img {
    top: -55px;
    top: -7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi .chara img {
    left: 542px;
    left: 72.26667vw;
  }
}

body#cast.detail .character .character-box.jungi p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.jungi .detail .ss .ss-cell .exp {
  font-size: 17px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.jungi .detail .ss .ss-cell .exp {
    font-size: 2.26667vw;
  }
}

body#cast.detail .character .character-box.chow .name-roma {
  background-position: calc(50% - 228px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.chow .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.chow .chara img {
  top: -25px;
  left: 590px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.chow .chara img {
    top: -55px;
    top: -7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.chow .chara img {
    left: 482px;
    left: 64.26667vw;
  }
}

body#cast.detail .character .character-box.chow p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.chow p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.chow p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .character-box.mabuchi .name-roma {
  background-position: calc(50% - 210px) 0;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mabuchi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.mabuchi .chara img {
  top: -25px;
  left: 610px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mabuchi .chara img {
    top: -55px;
    top: -7.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mabuchi .chara img {
    left: 517px;
    left: 68.93333vw;
  }
}

body#cast.detail .character .character-box.mabuchi p.name img {
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mabuchi p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.mabuchi p.name img {
    left: 15px;
    left: 2vw;
  }
}

body#cast.detail .character .change-btn {
  top: auto;
  bottom: 167px;
  right: auto;
  left: 48.47%;
  transform: translateX(360px) !important;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .change-btn {
    bottom: 3.3vw !important;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .change-btn {
    right: 22.1vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .change-btn {
    left: auto;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .change-btn {
    transform: translateX(0) !important;
  }
}

body#cast.detail .character .full-btn {
  bottom: 0;
  right: 2.6vw !important;
  left: auto !important;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .full-btn {
    bottom: 3.3vw;
  }
}

body#cast.detail main {
  overflow: hidden;
}

/*

adventure.html

*/
body#adventure .title_inner {
  background-image: url(../images/inner/adventure/bg_title.jpg);
}

@media only screen and (max-width: 1000px) {
  body#adventure .title_inner {
    background-image: url(../images/inner/adventure/bg_title_sp.jpg);
  }
}

body#adventure .adventure .modal-btns .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

body#adventure .adventure .modal-btns {
  margin-top: 10px;
  padding-bottom: 0px;
  background-image: none;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure .modal-btns {
    margin-top: 8px;
    margin-top: 1.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure .modal-btns {
    padding-bottom: 21px;
    padding-bottom: 2.8vw;
  }
}

body#adventure .image_movie {
  position: relative;
  width: 480px;
  margin: 25px auto 0 ;
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie {
    width: 63.9%;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie {
    margin: 5.06667vw auto 0 ;
  }
}

body#adventure .image_movie .play {
  display: block;
  position: relative;
  border: 1px solid #ffdc77;
  box-shadow: 4px 4px ;
  cursor: pointer;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .play {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

body#adventure .image_movie .play:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -31px;
  margin-left: -29px;
  background-image: url(../images/common/mov_play.svg);
  opacity: 1;
  transition: transform .2s , opacity .2s;
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .play:after {
    width: 60px;
    width: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .play:after {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .play:after {
    margin-top: -31px;
    margin-top: -4.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .play:after {
    margin-left: -31px;
    margin-left: -4.13333vw;
  }
}

body#adventure .image_movie .play img {
  width: 100%;
}

body#adventure .image_movie .play:hover:after {
  opacity: 0.5;
  transform: scale(1.1);
}

body#adventure .image_movie .mov-inner {
  position: relative;
}

body#adventure .image_movie .mov-inner p {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 6;
}

body#adventure .image_movie .mov-inner p img {
  width: auto;
  height: 28px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .image_movie .mov-inner p img {
    height: 28px;
    height: 3.73333vw;
  }
}

body#adventure .lead {
  margin-top: 3px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#adventure .lead {
    margin-top: -20px;
    margin-top: -2.66667vw;
  }
}

body#adventure .lead img {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#adventure .lead img {
    width: 94.7%;
  }
}

body#adventure p.lead {
  margin-top: 17px;
  line-height: 1.75;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#adventure p.lead {
    margin-top: 28px;
    margin-top: 3.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure p.lead {
    line-height: 1.457;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure p.lead {
    font-size: 2.93333vw;
  }
}

/*

adventure_detail.html

*/
body#adventure.detail .adventure-page {
  width: 960px;
  margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page {
    width: 94.7%;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page {
    margin: 0 auto 4.66667vw ;
  }
}

body#adventure.detail .adventure-page h3 img {
  width: auto;
  height: 80px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page h3 img {
    height: 80px;
    height: 10.66667vw;
  }
}

body#adventure.detail .adventure-page .ss {
  position: relative;
  border: 1px solid #e50b18;
  border-width: 1px;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page .ss {
    border-width: 2px;
    border-width: 0.26667vw;
  }
}

@media print, screen and (min-width: 1001px) {
  body#adventure.detail .adventure-page .ss {
    transition: opacity 0.35s ease;
  }
  body#adventure.detail .adventure-page .ss:hover {
    opacity: 0.7;
  }
}

body#adventure.detail .adventure-page .ss img {
  max-width: 100%;
}

body#adventure.detail .adventure-page .ss:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-image: url(../images/common/icon_zoom.png);
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page .ss:after {
    width: 36px;
    width: 4.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page .ss:after {
    height: 36px;
    height: 4.8vw;
  }
}

body#adventure.detail .adventure-detail-box {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-detail-box {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc {
  position: relative;
  margin-top: 19px;
  line-height: 1.62;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-detail-box .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-detail-box .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-detail-box .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc {
    font-size: 2.93333vw;
  }
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt span, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc span, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc span {
  background-color: #000;
}

body#adventure.detail .adventure-detail-box .adventure-detail-txt ~ .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .adventure-detail-txt, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .adventure-detail-txt ~ .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .adventure-detail-txt ~ .area_desc, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .area_desc {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-detail-box .adventure-detail-txt ~ .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .adventure-detail-txt, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .adventure-detail-txt, body#adventure.detail .adventure-detail-box .adventure-page-08 .adventure-detail-txt ~ .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .adventure-detail-txt ~ .area_desc, body#adventure.detail .adventure-detail-box .adventure-page-08 .area_desc ~ .area_desc, body#adventure.detail .adventure-page-08 .adventure-detail-box .area_desc ~ .area_desc {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure.detail .adventure-page + .lead {
  position: relative;
  top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page + .lead {
    top: 40px;
    top: 5.33333vw;
  }
}

body#adventure.detail .modal-btns {
  padding: 50px 0 0 ;
  background-color: #3e0204;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .modal-btns {
    padding: 5.33333vw 0 2.8vw ;
  }
}

body#adventure.detail .under_development {
  background-color: #3e0204;
}

body#adventure.detail img {
  max-width: 100%;
}

body#adventure.detail .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 43px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column {
    display: block;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column {
    margin-top: 52px;
    margin-top: 6.93333vw;
  }
}

body#adventure.detail .ss-column.inline {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 38px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.inline {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.inline {
    margin-bottom: 28px;
    margin-bottom: 3.73333vw;
  }
}

body#adventure.detail .ss-column.inline .ss-column-inner:nth-child(even) {
  margin-left: 47px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.inline .ss-column-inner:nth-child(even) {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner {
  width: 47.5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner {
    width: 100%;
  }
}

body#adventure.detail .ss-column .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner:nth-of-type(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner:nth-of-type(2) {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner .name {
  margin-top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner .name {
    margin-top: 13px;
    margin-top: 1.73333vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner .name img {
  width: auto;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner .name img.double {
  height: 92px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner .name img.double {
    height: 92px;
    height: 12.26667vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner .name + .adventure-detail-txt, body#adventure.detail .ss-column .ss-column-inner .adventure-page-08 .name + .area_desc, body#adventure.detail .adventure-page-08 .ss-column .ss-column-inner .name + .area_desc {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner .name + .adventure-detail-txt, body#adventure.detail .ss-column .ss-column-inner .adventure-page-08 .name + .area_desc, body#adventure.detail .adventure-page-08 .ss-column .ss-column-inner .name + .area_desc {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#adventure.detail .ss-column .ss-column-inner .copyright {
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column .ss-column-inner .copyright {
    font-size: 2.4vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure {
  margin-top: 55px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img {
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub {
  height: 62px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub {
    height: 62px;
    height: 8.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .copy_adventure img.sub {
    margin-bottom: 22px;
    margin-bottom: 2.93333vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-detail-txt:first-of-type, body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-page-08 .area_desc:first-of-type, body#adventure.detail .adventure-page-08 .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .area_desc:first-of-type {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-detail-txt:first-of-type, body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .adventure-page-08 .area_desc:first-of-type, body#adventure.detail .adventure-page-08 .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner .area_desc:first-of-type {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner:nth-of-type(2) {
  width: 50%;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .ss-column.exp .ss-column-inner:nth-of-type(2) {
    width: 100%;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center {
  justify-content: center;
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner:nth-of-type(2) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner:nth-of-type(2) {
    margin-left: 0;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner.double {
  padding-top: 61px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 .ss-column.center .ss-column-inner.double {
    padding-top: 0;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 img {
  width: auto;
  height: 61px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 h4 img {
    height: 61px;
    height: 8.13333vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 img.double {
  height: 123px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 h4 img.double {
    height: 123px;
    height: 16.4vw;
  }
}

body#adventure.detail .adventure-page.adventure-page-05 h4 + .modal-img {
  margin-top: 8px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page.adventure-page-05 h4 + .modal-img {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#adventure.detail .ss-column.parameter .ss-column-inner {
  width: 470px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.parameter .ss-column-inner {
    width: 100%;
  }
}

body#adventure.detail .ss-column.parameter .ss-column-inner img {
  width: 100%;
}

body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#adventure.detail .merit {
  position: relative;
  margin-top: 14px;
  padding: 31px 275px 40px 27px ;
  background-color: #000;
  font-size: 20px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit {
    padding: 4vw 29.33333vw 4vw 4.13333vw ;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit {
    font-size: 2.93333vw;
  }
}

body#adventure.detail .merit h5 img {
  width: auto;
  height: 31px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit h5 img {
    height: 31px;
    height: 4.13333vw;
  }
}

body#adventure.detail .merit:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #f10c19;
}

body#adventure.detail .merit .ss-column {
  margin-top: 0;
}

body#adventure.detail .merit .ss-column .ss-column-inner p {
  margin-top: 10px;
  line-height: 1.6;
  letter-spacing: -0.5px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit .ss-column .ss-column-inner p {
    line-height: 1.47;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit .ss-column .ss-column-inner p {
    letter-spacing: -0.5px;
    letter-spacing: -0.06667vw;
  }
}

body#adventure.detail .merit:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: -20px;
  right: -70px;
  width: 395px;
  height: 930px;
  background-image: url(../images/inner/adventure/obj_merit.png);
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit:after {
    top: -20px;
    top: -2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit:after {
    right: -140px;
    right: -18.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit:after {
    width: 417px;
    width: 55.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit:after {
    height: 960px;
    height: 128vw;
  }
}

body#adventure.detail .merit h4 + p {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit h4 + p {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#adventure.detail .merit h4 ~ h4 {
  margin-top: 33px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit h4 ~ h4 {
    margin-top: 18px;
    margin-top: 2.4vw;
  }
}

body#adventure.detail .merit h4 img {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .merit h4 img {
    width: 100%;
  }
}

body#adventure.detail .adventure-page-04 .copy_adventure {
  margin-top: 55px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .copy_adventure {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#adventure.detail .adventure-page-04 .copy_adventure img {
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .copy_adventure img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#adventure.detail .adventure-page-04 .copy_adventure img.sub {
  height: 62px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .copy_adventure img.sub {
    height: 62px;
    height: 8.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .copy_adventure img.sub {
    margin-bottom: 22px;
    margin-bottom: 2.93333vw;
  }
}

body#adventure.detail .adventure-page-04 .copy_adventure.sub {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .copy_adventure.sub {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

body#adventure.detail .adventure-page-04 .more-btn {
  width: 500px;
  margin: 12px 0 30px ;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .more-btn {
    width: 500px;
    width: 66.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .more-btn {
    margin: 4.66667vw 0 4vw ;
  }
}

body#adventure.detail .adventure-page-04 .more-btn .red-line-frame {
  padding-right: 28px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .more-btn .red-line-frame {
    padding-right: 28px;
    padding-right: 3.73333vw;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center {
  justify-content: center;
  margin-top: 18px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even) {
    margin-left: 0;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3) {
  padding-top: 21px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3) {
    padding-top: 0px;
    padding-top: 0vw;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center .modal-img {
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center .modal-img {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center h4 img {
  width: auto;
  height: 99px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center h4 img {
    height: 99px;
    height: 13.2vw;
  }
}

body#adventure.detail .adventure-page-04 .ss-column.center h4 img.double {
  height: 120px;
}

@media only screen and (max-width: 1000px) {
  body#adventure.detail .adventure-page-04 .ss-column.center h4 img.double {
    height: 120px;
    height: 16vw;
  }
}

body#adventure.detail main {
  overflow: hidden;
}

/*

movie.html

*/
#movie section {
  width: 1028px;
  margin: 0 auto;
}

@media only screen and (max-width: 1000px) {
  #movie section {
    width: 100%;
  }
}

#movie .category_list {
  position: relative;
  min-height: 60px;
  width: 454px;
  margin: 0;
}

@media only screen and (max-width: 1000px) {
  #movie .category_list {
    min-height: 30px;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .category_list {
    width: 65%;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .category_list {
    margin: 0 auto;
  }
}

#movie .category_list img {
  width: 100%;
}

#movie .category_list .inner {
  z-index: 30;
  position: absolute;
  width: 100%;
}

#movie .category_list .cnavi_btn .btn_open {
  display: block;
}

#movie .category_list .cnavi_btn .btn_close {
  display: none;
}

#movie .category_list .cnavi_btn.open .btn_open {
  display: none;
}

#movie .category_list .cnavi_btn.open .btn_close {
  display: block;
}

#movie .category_list ul {
  transition: all 0.5s 0s ease;
  overflow: hidden;
  max-height: 0;
}

#movie .category_list ul.open {
  transition: all 0.5s 0s ease;
  max-height: 1000px;
  height: auto;
}

#movie .category_title {
  margin-top: 75px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  #movie .category_title {
    margin-top: 74px;
    margin-top: 9.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .category_title {
    margin-bottom: 40px;
    margin-bottom: 5.33333vw;
  }
}

#movie .category_title h3 {
  text-align: center;
}

#movie .category_title h3 img {
  height: 61px;
}

@media only screen and (max-width: 1000px) {
  #movie .category_title h3 img {
    height: 61px;
    height: 8.13333vw;
  }
}

#movie .title_inner {
  background-image: url(../images/inner/movie/bg_title.jpg);
}

@media only screen and (max-width: 1000px) {
  #movie .title_inner {
    background-image: url(../images/inner/movie/bg_title_sp.jpg);
  }
}

#movie .image_movie {
  position: relative;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie {
    width: 100%;
  }
}

#movie .image_movie .play {
  display: block;
  position: relative;
  border: 1px solid #ffdc77;
  box-shadow: 4px 4px ;
  cursor: pointer;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie .play {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

#movie .image_movie .play:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -31px;
  margin-left: -29px;
  background-image: url(../images/common/mov_play.svg);
  opacity: 1;
  transition: transform .2s , opacity .2s;
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie .play:after {
    width: 60px;
    width: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie .play:after {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie .play:after {
    margin-top: -31px;
    margin-top: -4.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .image_movie .play:after {
    margin-left: -31px;
    margin-left: -4.13333vw;
  }
}

#movie .image_movie .play img {
  width: 100%;
}

#movie .image_movie .play:hover:after {
  opacity: 0.5;
  transform: scale(1.1);
}

#movie .detail_movie {
  position: relative;
  margin-top: -16px;
  padding-left: 16px;
  text-align: left;
  z-index: 7;
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie {
    margin-top: -18px;
    margin-top: -2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie {
    padding-left: 16px;
    padding-left: 2.13333vw;
  }
}

#movie .detail_movie h3 {
  display: inline-block;
  margin-top: 2px;
  padding: 1px 8px ;
  background-color: #000;
  letter-spacing: -1px;
  font-size: 24px;
  font-weight: normal;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie h3 {
    margin-top: 2px;
    margin-top: 0.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie h3 {
    padding: 0.13333vw 1.06667vw ;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie h3 {
    letter-spacing: -1px;
    letter-spacing: -0.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie h3 {
    font-size: 3.2vw;
  }
}

#movie .detail_movie .date {
  display: block;
  position: relative;
  letter-spacing: 0.5px;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie .date {
    letter-spacing: 0.5px;
    letter-spacing: 0.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie .date {
    font-size: 2.4vw;
  }
}

#movie .detail_movie .date b {
  display: inline-block;
  padding: 1px 8px ;
  background-color: #000;
  color: #ff050e;
}

@media only screen and (max-width: 1000px) {
  #movie .detail_movie .date b {
    padding: 0.13333vw 1.06667vw ;
  }
}

#movie .list_movie {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1028px;
  margin: 0 auto;
  padding: 2px 5px 0 ;
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie {
    display: block;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie {
    padding: 0.26667vw 0.66667vw 0 ;
  }
}

#movie .list_movie li {
  width: 47.2%;
  margin: 0;
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie li {
    width: 65%;
  }
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie li {
    margin: 0 auto;
  }
}

#movie .list_movie li ~ li {
  margin-top: 38px;
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie li ~ li {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

#movie .list_movie li:nth-child(2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  #movie .list_movie li:nth-child(2) {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#cast.detail .character .character-box .audition {
  width: 359px;
  margin-top: 15px;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .audition {
    width: 359px;
    width: 47.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box .audition {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

body#cast.detail .character .character-box .audition img {
  width: 100%;
}

body#cast.detail .character .character-box .audition:hover {
  opacity: 0.7;
}

body#cast.detail .character .character-box.hamako .name-roma {
  background-position: calc(50% - 217px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.hamako .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.nonomiya .name-roma {
  background-position: calc(50% - 180px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.nonomiya .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.kamataki {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.kamataki {
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
}

body#cast.detail .character .character-box.yanagi {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yanagi {
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
}

body#cast.detail .character .character-box.yanagi .name-roma {
  background-position: calc(50% - 300px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.yanagi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.sawa {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawa {
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
}

body#cast.detail .character .character-box.sawa .name-roma {
  background-position: calc(50% - 286px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.sawa .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.miyakoshi {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.miyakoshi {
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
}

body#cast.detail .character .character-box.miyakoshi .name-roma {
  background-position: calc(50% - 220px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.miyakoshi .name-roma {
    background-position: 2.7vw 0;
  }
}

body#cast.detail .character .character-box.ririka {
  padding-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ririka {
    padding-bottom: 30px;
    padding-bottom: 4vw;
  }
}

body#cast.detail .character .character-box.ririka .name-roma {
  background-position: calc(50% - 315px) 0px;
}

@media only screen and (max-width: 1000px) {
  body#cast.detail .character .character-box.ririka .name-roma {
    background-position: 2.7vw 0;
  }
}

.character {
  /*
  切り替え
  */
}

.character .character-box .detail .name-box p.cs {
  width: auto !important;
  height: auto;
}

.character .character-box .detail .name-box p.cs img {
  width: auto;
  height: 43px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box .detail .name-box p.cs img {
    height: 43px;
    height: 5.73333vw;
  }
}

.character .character-box {
  /*
    浜子
    */
  /*
    野々宮
    */
  /*
    鎌滝えり
    */
  /*
    柳いろは
    */
  /*
    沢すみれ
    */
  /*
    宮越愛恵
    */
  /*
    里々佳
    */
}

.character .character-box.hamako .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.hamako .bg .bg-inner {
  background-image: url(../images/character/hamako/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .bg .bg-inner {
    background-image: url(../images/character/hamako/bg_sp.jpg);
  }
}

.character .character-box.hamako .name-roma {
  background-image: url(../images/character/hamako/name_roma.png);
  background-size: 514px 120px ;
  background-position: calc(50% - 210px) 10px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .name-roma {
    background-size: 55.46667vw 13.86667vw ;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .name-roma {
    background-position: 2.7vw 0;
  }
}

.character .character-box.hamako .chara img {
  position: absolute;
  width: 284px;
  top: -15px;
  left: 560px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .chara img {
    width: 284px;
    width: 37.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .chara img {
    top: -25px;
    top: -3.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .chara img {
    left: 417px;
    left: 55.6vw;
  }
}

.character .character-box.hamako p.name img {
  position: absolute;
  width: 314px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako p.name img {
    width: 313px;
    width: 41.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.hamako p.cs {
  width: 252px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako p.cs {
    width: 252px;
    width: 33.6vw;
  }
}

.character .character-box.hamako .ss .ss-cell {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.hamako .ss .ss-cell {
    margin-bottom: 120px;
    margin-bottom: 16vw;
  }
}

.character .character-box.nonomiya .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.nonomiya .bg .bg-inner {
  background-image: url(../images/character/nonomiya/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .bg .bg-inner {
    background-image: url(../images/character/nonomiya/bg_sp.jpg);
  }
}

.character .character-box.nonomiya .name-roma {
  background-image: url(../images/character/nonomiya/name_roma.png);
  background-size: 595px 120px ;
  background-position: calc(50% - 210px) 10px;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .name-roma {
    background-size: 66.13333vw 13.86667vw ;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .name-roma {
    background-position: 2.7vw 0;
  }
}

.character .character-box.nonomiya .chara img {
  position: absolute;
  width: 249px;
  top: -15px;
  left: 615px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .chara img {
    width: 249px;
    width: 33.2vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .chara img {
    top: -25px;
    top: -3.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya .chara img {
    left: 447px;
    left: 59.6vw;
  }
}

.character .character-box.nonomiya p.name img {
  position: absolute;
  width: 419px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya p.name img {
    width: 418px;
    width: 55.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.nonomiya p.cs {
  width: 298px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.nonomiya p.cs {
    width: 298px;
    width: 39.73333vw;
  }
}

.character .character-box.nonomiya .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box.kamataki .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.kamataki .bg .bg-inner {
  background-image: url(../images/character/kamataki/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .bg .bg-inner {
    background-image: url(../images/character/kamataki/bg_sp.jpg);
  }
}

.character .character-box.kamataki .name-roma {
  background-image: url(../images/character/kamataki/name_roma.png);
  background-size: 504px 225px ;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .name-roma {
    background-size: 67.2vw 30vw ;
  }
}

.character .character-box.kamataki .chara img {
  position: absolute;
  width: 319px;
  top: -25px;
  left: 575px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .chara img {
    width: 319px;
    width: 42.53333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .chara img {
    top: -40px;
    top: -5.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .chara img {
    left: 447px;
    left: 59.6vw;
  }
}

.character .character-box.kamataki p.name img {
  position: absolute;
  width: 598px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki p.name img {
    width: 493px;
    width: 65.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.kamataki .detail .name-box p.cs {
  width: 263px;
  bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .detail .name-box p.cs {
    width: 263px;
    width: 35.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.kamataki .detail .name-box p.cs {
    bottom: 3vw;
  }
}

.character .character-box.kamataki .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box.yanagi .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.yanagi .bg .bg-inner {
  background-image: url(../images/character/yanagi/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .bg .bg-inner {
    background-image: url(../images/character/yanagi/bg_sp.jpg);
  }
}

.character .character-box.yanagi .name-roma {
  background-image: url(../images/character/yanagi/name_roma.png);
  background-size: 357px 229px ;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .name-roma {
    background-size: 47.6vw 30.53333vw ;
  }
}

.character .character-box.yanagi .chara img {
  position: absolute;
  width: 233px;
  top: 0px;
  left: 660px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .chara img {
    width: 233px;
    width: 31.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .chara img {
    top: -40px;
    top: -5.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .chara img {
    left: 513px;
    left: 68.4vw;
  }
}

.character .character-box.yanagi p.name img {
  position: absolute;
  width: 598px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi p.name img {
    width: 493px;
    width: 65.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.yanagi .detail .name-box p.cs {
  width: 252px;
  bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .detail .name-box p.cs {
    width: 252px;
    width: 33.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.yanagi .detail .name-box p.cs {
    bottom: 3vw;
  }
}

.character .character-box.yanagi .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box.sawa .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.sawa .bg .bg-inner {
  background-image: url(../images/character/sawa/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .bg .bg-inner {
    background-image: url(../images/character/sawa/bg_sp.jpg);
  }
}

.character .character-box.sawa .name-roma {
  background-image: url(../images/character/sawa/name_roma.png);
  background-size: 374px 210px ;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .name-roma {
    background-size: 49.86667vw 30.53333vw ;
  }
}

.character .character-box.sawa .chara img {
  position: absolute;
  width: 342px;
  top: -25px;
  left: 615px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .chara img {
    width: 342px;
    width: 45.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .chara img {
    top: -40px;
    top: -5.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .chara img {
    left: 450px;
    left: 60vw;
  }
}

.character .character-box.sawa p.name img {
  position: absolute;
  width: 502px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa p.name img {
    width: 413px;
    width: 55.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.sawa .detail .name-box p.cs {
  width: 252px;
  bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .detail .name-box p.cs {
    width: 252px;
    width: 33.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.sawa .detail .name-box p.cs {
    bottom: 3vw;
  }
}

.character .character-box.sawa .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box.miyakoshi .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.miyakoshi .bg .bg-inner {
  background-image: url(../images/character/miyakoshi/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .bg .bg-inner {
    background-image: url(../images/character/miyakoshi/bg_sp.jpg);
  }
}

.character .character-box.miyakoshi .name-roma {
  background-image: url(../images/character/miyakoshi/name_roma.png);
  background-size: 506px 228px ;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .name-roma {
    background-size: 67.46667vw 30.4vw ;
  }
}

.character .character-box.miyakoshi .chara img {
  position: absolute;
  width: 239px;
  top: 5px;
  left: 631px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .chara img {
    width: 239px;
    width: 31.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .chara img {
    top: -30px;
    top: -4vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .chara img {
    left: 507px;
    left: 67.6vw;
  }
}

.character .character-box.miyakoshi p.name img {
  position: absolute;
  width: 611px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi p.name img {
    width: 509px;
    width: 67.86667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi p.name img {
    left: 0px;
    left: 0vw;
  }
}

.character .character-box.miyakoshi .detail .name-box p.cs {
  width: 252px;
  bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .detail .name-box p.cs {
    width: 252px;
    width: 33.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.miyakoshi .detail .name-box p.cs {
    bottom: 3vw;
  }
}

.character .character-box.miyakoshi .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box.ririka .detail {
  margin: 0 auto !important;
  padding-bottom: 45px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .detail {
    margin: 0 2.6vw 0 auto !important;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .detail {
    padding-bottom: 45px;
    padding-bottom: 6vw;
  }
}

.character .character-box.ririka .bg .bg-inner {
  background-image: url(../images/character/ririka/bg.jpg);
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .bg .bg-inner {
    background-image: url(../images/character/ririka/bg_sp.jpg);
  }
}

.character .character-box.ririka .name-roma {
  background-image: url(../images/character/ririka/name_roma.png);
  background-size: 316px 100px ;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .name-roma {
    background-size: 42.13333vw 13.33333vw ;
  }
}

.character .character-box.ririka .chara img {
  position: absolute;
  width: 242px;
  top: 5px;
  left: 615px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .chara img {
    width: 242px;
    width: 32.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .chara img {
    top: -30px;
    top: -4vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .chara img {
    left: 507px;
    left: 67.6vw;
  }
}

.character .character-box.ririka p.name img {
  position: absolute;
  width: 325px;
  top: 73px;
  left: 15px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka p.name img {
    width: 325px;
    width: 43.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka p.name img {
    top: 72px;
    top: 9.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka p.name img {
    left: 15px;
    left: 2vw;
  }
}

.character .character-box.ririka .detail .name-box p.cs {
  width: 252px;
  bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .detail .name-box p.cs {
    width: 252px;
    width: 33.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .character .character-box.ririka .detail .name-box p.cs {
    bottom: 3vw;
  }
}

.character .character-box.ririka .full-btn {
  right: auto;
  left: 4.7vw;
}

.character .character-box {
  /*
    2000
    */
}

.character .character-box .bg .bg-2019 {
  opacity: 1;
  transition: .3s;
}

.character .character-box .bg .bg-2000 {
  opacity: 0;
  transition: .3s;
}

.character .character-box p.name img.y-2019 {
  opacity: 1;
  transform: translateY(0);
  transition: .3s;
}

.character .character-box p.name img.y-2000 {
  opacity: 0;
  transform: translateY(50px);
  transition: .3s;
}

.character .character-box .chara.y-2019 {
  opacity: 1;
  transition: .3s;
  transform: translateX(0);
}

.character .character-box .chara.y-2000 {
  opacity: 0;
  transition: .3s;
  transform: translateX(50px);
}

.character .character-box .txt p.y-2019 {
  display: block;
}

.character .character-box .txt p.y-2000 {
  display: none;
}

.character .character-box .ss-inner img.y-2000 {
  opacity: 0;
  transition: .3s;
}

.character .character-box .change-btn .btn-2019 {
  opacity: 1;
  transform: scale(1);
  transition: .3s;
}

.character .character-box .change-btn .btn-2000 {
  opacity: 0;
  transform: scale(0.5);
  transition: .3s;
}

.character .character-box.y-2000 .bg .bg-2019 {
  opacity: 0;
}

.character .character-box.y-2000 .bg .bg-2000 {
  opacity: 1;
}

.character .character-box.y-2000 p.name img.y-2019 {
  opacity: 0;
  transform: translateY(-50px);
}

.character .character-box.y-2000 p.name img.y-2000 {
  opacity: 1;
  transform: translateY(0);
}

.character .character-box.y-2000 .chara.y-2019 {
  opacity: 0;
  transform: translateX(50px);
}

.character .character-box.y-2000 .chara.y-2000 {
  opacity: 1;
  transform: translateX(0);
}

.character .character-box.y-2000 .txt p.y-2019 {
  display: none;
}

.character .character-box.y-2000 .txt p.y-2000 {
  display: block;
}

.character .character-box.y-2000 .ss-inner img.y-2000 {
  opacity: 1;
}

.character .character-box.y-2000 .change-btn .btn-2019 {
  opacity: 0;
  transform: scale(0.5);
}

.character .character-box.y-2000 .change-btn .btn-2000 {
  opacity: 1;
  transform: scale(1);
}

body#adventure .adventure-page .black_box, body#adventure .adventure-page .adventure-page-08 .area_map, body#adventure .adventure-page-08 .adventure-page .area_map {
  padding: 27px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box, body#adventure .adventure-page .adventure-page-08 .area_map, body#adventure .adventure-page-08 .adventure-page .area_map {
    padding: 0px;
    padding: 0vw;
  }
}

body#adventure .adventure-page .black_box .inner_pd, body#adventure .adventure-page .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 .adventure-page .area_map .inner_pd {
  padding: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .inner_pd, body#adventure .adventure-page .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 .adventure-page .area_map .inner_pd {
    padding: 35px;
    padding: 4.66667vw;
  }
}

body#adventure .adventure-page .black_box .ss-column, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column {
    display: flex;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column {
    margin-top: 5px;
    margin-top: 0.66667vw;
  }
}

body#adventure .adventure-page .black_box .ss-column .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page .black_box .ss-column .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page .black_box .ss-column .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .area_desc {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page .black_box .ss-column .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page .black_box .ss-column .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .area_desc {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#adventure .adventure-page .black_box .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner {
  margin-top: 0px;
  width: 48.5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner {
    width: 100%;
  }
}

body#adventure .adventure-page-01 .adventure-detail-box {
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .adventure-detail-box {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-01 .copy_adventure {
  margin-top: 55px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .copy_adventure {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#adventure .adventure-page-01 .copy_adventure img {
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .copy_adventure img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#adventure .adventure-page-01 .copy_adventure img.sub {
  height: 62px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .copy_adventure img.sub {
    height: 62px;
    height: 8.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .copy_adventure img.sub {
    margin-bottom: 22px;
    margin-bottom: 2.93333vw;
  }
}

body#adventure .adventure-page-04 .copy_adventure {
  margin-top: 55px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .copy_adventure {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#adventure .adventure-page-04 .copy_adventure img {
  height: 41px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .copy_adventure img {
    height: 41px;
    height: 5.46667vw;
  }
}

body#adventure .adventure-page-04 .copy_adventure img.sub {
  height: 62px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .copy_adventure img.sub {
    height: 62px;
    height: 8.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .copy_adventure img.sub {
    margin-bottom: 22px;
    margin-bottom: 2.93333vw;
  }
}

body#adventure .adventure-page-04 .copy_adventure.sub {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .copy_adventure.sub {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

body#adventure .adventure-page-04 .more-btn {
  width: 500px;
  margin: 12px 0 30px ;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .more-btn {
    width: 500px;
    width: 66.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .more-btn {
    margin: 4.66667vw 0 4vw ;
  }
}

body#adventure .adventure-page-04 .more-btn .red-line-frame {
  padding-right: 28px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .more-btn .red-line-frame {
    padding-right: 28px;
    padding-right: 3.73333vw;
  }
}

body#adventure .adventure-page-04 .ss-column.center {
  justify-content: center;
  margin-top: 18px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#adventure .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(even) {
    margin-left: 0;
  }
}

body#adventure .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3) {
  padding-top: 21px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center .ss-column-inner:nth-of-type(3) {
    padding-top: 0px;
    padding-top: 0vw;
  }
}

body#adventure .adventure-page-04 .ss-column.center .modal-img {
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center .modal-img {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#adventure .adventure-page-04 .ss-column.center h4 img {
  width: auto;
  height: 99px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center h4 img {
    height: 99px;
    height: 13.2vw;
  }
}

body#adventure .adventure-page-04 .ss-column.center h4 img.double {
  height: 120px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .ss-column.center h4 img.double {
    height: 120px;
    height: 16vw;
  }
}

body#adventure main {
  overflow: hidden;
}

body#adventure .black_box, body#adventure .adventure-page-08 .area_map {
  position: relative;
  background: #000;
  padding: 27px 0 51px 0;
  margin-top: 28px;
  margin-bottom: 35px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box, body#adventure .adventure-page-08 .area_map {
    padding: 18px 0 17px 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box, body#adventure .adventure-page-08 .area_map {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box, body#adventure .adventure-page-08 .area_map {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#adventure .black_box:before, body#adventure .adventure-page-08 .area_map:before {
  content: '';
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: solid 1px #f10c19;
  box-sizing: border-box;
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  left: 5px;
  top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box:before, body#adventure .adventure-page-08 .area_map:before {
    width: calc(100% - 	6px);
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box:before, body#adventure .adventure-page-08 .area_map:before {
    height: calc(100% - 6px);
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box:before, body#adventure .adventure-page-08 .area_map:before {
    left: 3px;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box:before, body#adventure .adventure-page-08 .area_map:before {
    top: 3px;
  }
}

body#adventure .black_box .inner_pd, body#adventure .adventure-page-08 .area_map .inner_pd {
  box-sizing: border-box;
  padding: 0 28px ;
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box .inner_pd, body#adventure .adventure-page-08 .area_map .inner_pd {
    padding: 0 4vw ;
  }
}

body#adventure .black_box .red_copy, body#adventure .adventure-page-08 .area_map .red_copy {
  height: 24px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_box .red_copy, body#adventure .adventure-page-08 .area_map .red_copy {
    height: 33px;
    height: 4.4vw;
  }
}

body#adventure .black_box .red_copy img, body#adventure .adventure-page-08 .area_map .red_copy img {
  height: 100%;
}

body#adventure .red_label, body#adventure .adventure-page-08 .area_name {
  height: 60px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .red_label, body#adventure .adventure-page-08 .area_name {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .red_label, body#adventure .adventure-page-08 .area_name {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#adventure .red_label img, body#adventure .adventure-page-08 .area_name img {
  height: 100%;
}

body#adventure .black_label {
  height: 47px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_label {
    height: 47px;
    height: 6.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .black_label {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#adventure .black_label img {
  height: 100%;
}

body#adventure .mt0 {
  margin-top: 0 !important;
}

body#adventure .mt12, body#adventure .adventure-detail-box .adventure-detail-txt.mt12, body#adventure .adventure-detail-box .adventure-page-08 .mt12.area_desc, body#adventure .adventure-page-08 .adventure-detail-box .mt12.area_desc {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .mt12, body#adventure .adventure-detail-box .adventure-detail-txt.mt12, body#adventure .adventure-detail-box .adventure-page-08 .mt12.area_desc, body#adventure .adventure-page-08 .adventure-detail-box .mt12.area_desc {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#adventure .mt24, body#adventure .adventure-detail-box .adventure-detail-txt.mt24, body#adventure .adventure-detail-box .adventure-page-08 .mt24.area_desc, body#adventure .adventure-page-08 .adventure-detail-box .mt24.area_desc {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .mt24, body#adventure .adventure-detail-box .adventure-detail-txt.mt24, body#adventure .adventure-detail-box .adventure-page-08 .mt24.area_desc, body#adventure .adventure-page-08 .adventure-detail-box .mt24.area_desc {
    margin-top: 36px;
    margin-top: 4.8vw;
  }
}

body#adventure .mb0 {
  margin-bottom: 0 !important;
}

body#adventure .sec-end-mg {
  margin-bottom: 75px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .sec-end-mg {
    margin-bottom: 85px;
    margin-bottom: 11.33333vw;
  }
}

body#adventure .ss-column-inner.wide {
  width: 50%;
}

@media only screen and (max-width: 1000px) {
  body#adventure .ss-column-inner.wide {
    width: 100%;
  }
}

body#adventure .sp-reverse {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .sp-reverse {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .sp-reverse {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#adventure .sp-reverse .sp-reverse-2 {
  margin-top: 0 !important;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .sp-reverse .sp-reverse-2 {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#adventure .adventure-page-07 .deliveryhelp {
  margin-top: 80px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-07 .deliveryhelp {
    margin-top: 105px;
    margin-top: 14vw;
  }
}

body#adventure .adventure-page-07 .black_box, body#adventure .adventure-page-07 .adventure-page-08 .area_map, body#adventure .adventure-page-08 .adventure-page-07 .area_map {
  margin-bottom: 53px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-07 .black_box, body#adventure .adventure-page-07 .adventure-page-08 .area_map, body#adventure .adventure-page-08 .adventure-page-07 .area_map {
    margin-bottom: 70px;
    margin-bottom: 9.33333vw;
  }
}

body#adventure .adventure-page-07 .ss-column.center {
  justify-content: center;
}

body#adventure .adventure-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
    margin-left: 0;
  }
}

body#adventure .adventure-page-07 .ss-column.center .ss-column-inner.double {
  padding-top: 61px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-07 .ss-column.center .ss-column-inner.double {
    padding-top: 0;
  }
}

body#adventure .adventure-page-07 .btn_todeliveryhelp {
  width: 363px;
  display: block;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-07 .btn_todeliveryhelp {
    width: 363px;
    width: 48.4vw;
  }
}

body#adventure .adventure-page-07 .btn_todeliveryhelp img {
  width: 100%;
}

body#adventure .adventure-page-07 .btn_todeliveryhelp:hover {
  opacity: 0.7;
}

body#adventure .adventure-page-08 .black_box, body#adventure .adventure-page-08 .area_map {
  margin-bottom: 53px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-08 .black_box, body#adventure .adventure-page-08 .area_map {
    margin-bottom: 70px;
    margin-bottom: 9.33333vw;
  }
}

body#adventure .adventure-page-08 .area_map .area_map_img {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-08 .area_map .area_map_img {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-08 .area_desc {
  margin-top: 0 !important;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-08 .area_desc {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#adventure .adventure-page-13 h3 img {
  width: auto;
  height: 48px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 h3 img {
    height: 48px;
    height: 6.4vw;
  }
}

.adventure .modal-btns a.btn-box:nth-of-type(6) {
  margin-left: 30px;
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box:nth-of-type(6) {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

.adventure .modal-btns a.btn-box:nth-of-type(6) p {
  width: 88.5%;
}

.adventure .modal-btns a.btn-box:nth-of-type(7) {
  margin-left: 0px;
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box:nth-of-type(7) {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

.adventure .modal-btns a.btn-box:nth-of-type(7) p {
  width: 72%;
}

.adventure .modal-btns a.btn-box:nth-of-type(8) {
  margin-left: 30px;
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box:nth-of-type(8) {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

.adventure .modal-btns a.btn-box:nth-of-type(8) p {
  width: 70.2%;
}

.adventure .modal-btns a.btn-box.new:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  width: 62px;
  height: 27px;
  top: 0;
  left: 0;
  z-index: 50;
  background-image: url(../images/inner/battle/icon_new.png);
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box.new:before {
    width: 62px;
    width: 8.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box.new:before {
    height: 27px;
    height: 3.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  .adventure .modal-btns a.btn-box.new:before {
    background-image: url(../images/inner/battle/icon_new.png);
  }
}

body#adventure .adventure-page .black_box .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner {
    margin-bottom: 0px;
    margin-bottom: 0vw;
  }
}

body#adventure .adventure-page .black_box .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .black_box .ss-column .ss-column-inner .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page .black_box .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .area_desc {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page .black_box .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .black_box .ss-column .ss-column-inner .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page .black_box .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page .adventure-page-08 .area_map .ss-column .ss-column-inner .area_desc, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page .area_map .ss-column .ss-column-inner .area_desc {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

body#battle.detail .ss-column .ss-column-inner .name {
  margin-top: 0;
}

body#battle.detail .ss-column .ss-column-inner .name img {
  height: 61px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name img {
    height: 61px;
    height: 8.13333vw;
  }
}

#adventure .modal-img {
  overflow: hidden;
}

body#adventure .adventure-page-01 .mt30 {
  margin-top: 30px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .mt30 {
    margin-top: 30px !important;
    margin-top: 4vw !important;
  }
}

body#adventure .adventure-page-01 .black_box .red_copy, body#adventure .adventure-page-01 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-01 .area_map .red_copy {
  height: 37px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .black_box .red_copy, body#adventure .adventure-page-01 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-01 .area_map .red_copy {
    height: 37px;
    height: 4.93333vw;
  }
}

body#adventure .adventure-page-01 .black_box .mb20, body#adventure .adventure-page-01 .adventure-page-08 .area_map .mb20, body#adventure .adventure-page-08 .adventure-page-01 .area_map .mb20 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .black_box .mb20, body#adventure .adventure-page-01 .adventure-page-08 .area_map .mb20, body#adventure .adventure-page-08 .adventure-page-01 .area_map .mb20 {
    margin-bottom: 20px;
    margin-bottom: 2.66667vw;
  }
}

body#adventure .adventure-page-01 .black_box .adventure-detail-txt, body#adventure .adventure-page-01 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-01 .area_map .adventure-detail-txt, body#adventure .adventure-page-01 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-01 .black_box .area_desc, body#adventure .adventure-page-01 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-01 .area_map .area_desc {
  margin-top: -6px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .black_box .adventure-detail-txt, body#adventure .adventure-page-01 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-01 .area_map .adventure-detail-txt, body#adventure .adventure-page-01 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-01 .black_box .area_desc, body#adventure .adventure-page-01 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-01 .area_map .area_desc {
    margin-top: -16px !important;
    margin-top: -2.13333vw !important;
  }
}

body#adventure .adventure-page-01 .black_box .mb0, body#adventure .adventure-page-01 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-01 .area_map .mb0 {
  margin-bottom: -30px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-01 .black_box .mb0, body#adventure .adventure-page-01 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-01 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-04 h3 {
  height: 80px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 h3 {
    height: 80px;
    height: 10.66667vw;
  }
}

body#adventure .adventure-page-04 .mt50 {
  margin-top: 50px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .mt50 {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-04 .black_box .red_copy, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy {
  height: 31px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .red_copy, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy {
    height: 31px;
    height: 4.13333vw;
  }
}

body#adventure .adventure-page-04 .black_box .red_copy_2l, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy_2l, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy_2l {
  height: 69px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .red_copy_2l, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy_2l, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy_2l {
    height: 73px;
    height: 9.73333vw;
  }
}

body#adventure .adventure-page-04 .black_box .red_copy_sp2l, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy_sp2l, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy_sp2l {
  height: 31px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .red_copy_sp2l, body#adventure .adventure-page-04 .adventure-page-08 .area_map .red_copy_sp2l, body#adventure .adventure-page-08 .adventure-page-04 .area_map .red_copy_sp2l {
    height: 73px;
    height: 9.73333vw;
  }
}

body#adventure .adventure-page-04 .black_box .mt70, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt70, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt70 {
  margin-top: 70px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .mt70, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt70, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt70 {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#adventure .adventure-page-04 .black_box .adventure-detail-txt, body#adventure .adventure-page-04 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-04 .area_map .adventure-detail-txt, body#adventure .adventure-page-04 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-04 .black_box .area_desc, body#adventure .adventure-page-04 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-04 .area_map .area_desc {
  margin-top: -6px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .adventure-detail-txt, body#adventure .adventure-page-04 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-04 .area_map .adventure-detail-txt, body#adventure .adventure-page-04 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-04 .black_box .area_desc, body#adventure .adventure-page-04 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-04 .area_map .area_desc {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-04 .black_box .mb0, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mb0 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .mb0, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mb0 {
    margin-bottom: 0px;
    margin-bottom: 0vw;
  }
}

body#adventure .adventure-page-04 .black_box .mt60, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt60, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt60 {
  margin-top: 50px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .mt60, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt60, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt60 {
    margin-top: 80px !important;
    margin-top: 10.66667vw !important;
  }
}

body#adventure .adventure-page-04 .black_box .mt40, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt40, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt40 {
  margin-top: 0px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .black_box .mt40, body#adventure .adventure-page-04 .adventure-page-08 .area_map .mt40, body#adventure .adventure-page-08 .adventure-page-04 .area_map .mt40 {
    margin-top: 40px !important;
    margin-top: 5.33333vw !important;
  }
}

body#adventure .adventure-page-04 .status-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -24px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column {
    display: flex;
  }
}

body#adventure .adventure-page-04 .status-column.inline {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 38px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column.inline {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column.inline {
    margin-bottom: 28px;
    margin-bottom: 3.73333vw;
  }
}

body#adventure .adventure-page-04 .status-column.inline .ss-column-inner:nth-child(even) {
  margin-left: 47px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column.inline .ss-column-inner:nth-child(even) {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#adventure .adventure-page-04 .status-column .status-column-inner {
  width: 260px;
  margin-top: 33px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column .status-column-inner {
    width: 40vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column .status-column-inner {
    margin-top: 52px;
    margin-top: 6.93333vw;
  }
}

body#adventure .adventure-page-04 .status-column .status-column-inner .mt {
  margin-top: 5px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-04 .status-column .status-column-inner .mt {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-09 .adventure-detail-box {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-09 .adventure-detail-box {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-09 .black_box .red_copy_2l, body#adventure .adventure-page-09 .adventure-page-08 .area_map .red_copy_2l, body#adventure .adventure-page-08 .adventure-page-09 .area_map .red_copy_2l {
  height: 71px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-09 .black_box .red_copy_2l, body#adventure .adventure-page-09 .adventure-page-08 .area_map .red_copy_2l, body#adventure .adventure-page-08 .adventure-page-09 .area_map .red_copy_2l {
    height: 71px;
    height: 9.46667vw;
  }
}

body#adventure .adventure-page-09 .black_box .mb35, body#adventure .adventure-page-09 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-09 .area_map .mb35 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-09 .black_box .mb35, body#adventure .adventure-page-09 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-09 .area_map .mb35 {
    margin-bottom: 35px;
    margin-bottom: 4.66667vw;
  }
}

body#adventure .adventure-page-09 .black_box .adventure-detail-txt, body#adventure .adventure-page-09 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-09 .area_map .adventure-detail-txt, body#adventure .adventure-page-09 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-09 .black_box .area_desc, body#adventure .adventure-page-09 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-09 .area_map .area_desc {
  margin-top: -7px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-09 .black_box .adventure-detail-txt, body#adventure .adventure-page-09 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-09 .area_map .adventure-detail-txt, body#adventure .adventure-page-09 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-09 .black_box .area_desc, body#adventure .adventure-page-09 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-09 .area_map .area_desc {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-09 .black_box .mb0, body#adventure .adventure-page-09 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-09 .area_map .mb0 {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-09 .black_box .mb0, body#adventure .adventure-page-09 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-09 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-10 .adventure-detail-box {
  margin-top: 25px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-10 .adventure-detail-box {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-10 .black_box .red_copy, body#adventure .adventure-page-10 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-10 .area_map .red_copy {
  height: 37px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-10 .black_box .red_copy, body#adventure .adventure-page-10 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-10 .area_map .red_copy {
    height: 37px;
    height: 4.93333vw;
  }
}

body#adventure .adventure-page-10 .black_box .mb35, body#adventure .adventure-page-10 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-10 .area_map .mb35 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-10 .black_box .mb35, body#adventure .adventure-page-10 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-10 .area_map .mb35 {
    margin-bottom: 35px;
    margin-bottom: 4.66667vw;
  }
}

body#adventure .adventure-page-10 .black_box .adventure-detail-txt, body#adventure .adventure-page-10 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-10 .area_map .adventure-detail-txt, body#adventure .adventure-page-10 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-10 .black_box .area_desc, body#adventure .adventure-page-10 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-10 .area_map .area_desc {
  margin-top: -7px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-10 .black_box .adventure-detail-txt, body#adventure .adventure-page-10 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-10 .area_map .adventure-detail-txt, body#adventure .adventure-page-10 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-10 .black_box .area_desc, body#adventure .adventure-page-10 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-10 .area_map .area_desc {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-10 .black_box .mb0, body#adventure .adventure-page-10 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-10 .area_map .mb0 {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-10 .black_box .mb0, body#adventure .adventure-page-10 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-10 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-11 .adventure-detail-box {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-11 .adventure-detail-box {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-11 .black_box .red_copy, body#adventure .adventure-page-11 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-11 .area_map .red_copy {
  height: 37px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-11 .black_box .red_copy, body#adventure .adventure-page-11 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-11 .area_map .red_copy {
    height: 37px;
    height: 4.93333vw;
  }
}

body#adventure .adventure-page-11 .black_box .mb35, body#adventure .adventure-page-11 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-11 .area_map .mb35 {
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-11 .black_box .mb35, body#adventure .adventure-page-11 .adventure-page-08 .area_map .mb35, body#adventure .adventure-page-08 .adventure-page-11 .area_map .mb35 {
    margin-bottom: 35px;
    margin-bottom: 4.66667vw;
  }
}

body#adventure .adventure-page-11 .black_box .adventure-detail-txt, body#adventure .adventure-page-11 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-11 .area_map .adventure-detail-txt, body#adventure .adventure-page-11 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-11 .black_box .area_desc, body#adventure .adventure-page-11 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-11 .area_map .area_desc {
  margin-top: -7px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-11 .black_box .adventure-detail-txt, body#adventure .adventure-page-11 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-11 .area_map .adventure-detail-txt, body#adventure .adventure-page-11 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-11 .black_box .area_desc, body#adventure .adventure-page-11 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-11 .area_map .area_desc {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-11 .black_box .mb0, body#adventure .adventure-page-11 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-11 .area_map .mb0 {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-11 .black_box .mb0, body#adventure .adventure-page-11 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-11 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-12 .black_box .red_copy, body#adventure .adventure-page-12 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-12 .area_map .red_copy {
  height: 36px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-12 .black_box .red_copy, body#adventure .adventure-page-12 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-12 .area_map .red_copy {
    height: 36px;
    height: 4.8vw;
  }
}

body#adventure .adventure-page-12 .black_box .mb0, body#adventure .adventure-page-12 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-12 .area_map .mb0 {
  margin-bottom: -30px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-12 .black_box .mb0, body#adventure .adventure-page-12 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-12 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-13 .ss-column-inner {
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 .ss-column-inner {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#adventure .adventure-page-13 h3 img {
  height: 48px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 h3 img {
    height: 48px !important;
    height: 6.4vw !important;
  }
}

body#adventure .adventure-page-13 .mt30 {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 .mt30 {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#adventure .adventure-page-13 .black_box .red_copy, body#adventure .adventure-page-13 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-13 .area_map .red_copy {
  height: 36px;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 .black_box .red_copy, body#adventure .adventure-page-13 .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 .adventure-page-13 .area_map .red_copy {
    height: 36px;
    height: 4.8vw;
  }
}

body#adventure .adventure-page-13 .black_box .adventure-detail-txt, body#adventure .adventure-page-13 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-13 .area_map .adventure-detail-txt, body#adventure .adventure-page-13 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-13 .black_box .area_desc, body#adventure .adventure-page-13 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-13 .area_map .area_desc {
  margin-top: -7px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 .black_box .adventure-detail-txt, body#adventure .adventure-page-13 .adventure-page-08 .area_map .adventure-detail-txt, body#adventure .adventure-page-08 .adventure-page-13 .area_map .adventure-detail-txt, body#adventure .adventure-page-13 .black_box .adventure-page-08 .area_desc, body#adventure .adventure-page-08 .adventure-page-13 .black_box .area_desc, body#adventure .adventure-page-13 .adventure-page-08 .area_map .area_desc, body#adventure .adventure-page-08 .adventure-page-13 .area_map .area_desc {
    margin-top: 5px !important;
    margin-top: 0.66667vw !important;
  }
}

body#adventure .adventure-page-13 .black_box .mb0, body#adventure .adventure-page-13 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-13 .area_map .mb0 {
  margin-bottom: -30px !important;
}

@media only screen and (max-width: 1000px) {
  body#adventure .adventure-page-13 .black_box .mb0, body#adventure .adventure-page-13 .adventure-page-08 .area_map .mb0, body#adventure .adventure-page-08 .adventure-page-13 .area_map .mb0 {
    margin-bottom: 0px !important;
    margin-bottom: 0vw !important;
  }
}

body#battle .battle-page-03 .ss-column-inner .modal-img {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .ss-column-inner .modal-img {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#battle .battle-page-03 .ss-column-inner .mt20 {
  margin-top: 20px !important;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .ss-column-inner .mt20 {
    margin-top: 20px !important;
    margin-top: 2.66667vw !important;
  }
}

body#battle .battle-page-03 .battle-detail-box .ss-column {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .ss-column {
    margin-top: 32px;
    margin-top: 4.26667vw;
  }
}

body#battle .battle-page-03 .copy_battle_02 {
  margin-top: 60px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .copy_battle_02 {
    margin-top: 40px;
    margin-top: 5.33333vw;
  }
}

body#battle .battle-page-03 .battle-detail-box {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
  position: relative;
  margin-top: 19px;
  line-height: 1.62;
  font-size: 20px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
    font-size: 2.93333vw;
  }
}

body#battle .battle-page-03 .battle-detail-box .battle-detail-txt span {
  background-color: #000;
}

body#battle .battle-page-03 .battle-detail-box .battle-detail-txt ~ .battle-detail-txt {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .battle-detail-txt ~ .battle-detail-txt {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#battle .battle-page-03 .black_box, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map {
  padding: 20px !important;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map {
    padding: 0px !important;
    padding: 0vw !important;
  }
}

body#battle .battle-page-03 .black_box .inner_pd, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .inner_pd {
  padding: 0 0 0 10px  !important;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .inner_pd, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .inner_pd {
    padding: 35px !important;
    padding: 4.66667vw !important;
  }
}

body#battle .battle-page-03 .black_box .ss-column, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .ss-column, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column {
    display: flex;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .ss-column, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column {
    margin-top: 5px;
    margin-top: 0.66667vw;
  }
}

body#battle .battle-page-03 .black_box .ss-column .adventure-detail-txt, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .adventure-detail-txt, body#battle .battle-page-03 .black_box .ss-column body#adventure .adventure-page-08 .area_desc, body#adventure .adventure-page-08 body#battle .battle-page-03 .black_box .ss-column .area_desc, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .area_desc, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .area_desc {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .ss-column .adventure-detail-txt, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .adventure-detail-txt, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .adventure-detail-txt, body#battle .battle-page-03 .black_box .ss-column body#adventure .adventure-page-08 .area_desc, body#adventure .adventure-page-08 body#battle .battle-page-03 .black_box .ss-column .area_desc, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .area_desc, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .area_desc {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle .battle-page-03 .black_box .ss-column .ss-column-inner, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .ss-column-inner {
  margin-top: 0px;
  width: 48.5%;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .ss-column .ss-column-inner, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .ss-column-inner {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .black_box .ss-column .ss-column-inner, body#battle .battle-page-03 body#adventure .adventure-page-08 .area_map .ss-column .ss-column-inner, body#adventure .adventure-page-08 body#battle .battle-page-03 .area_map .ss-column .ss-column-inner {
    width: 100%;
  }
}

body#battle .battle_kiryu {
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_kiryu {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle .battle_kiryu .name_kiryu {
  margin-top: -25px;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_kiryu .name_kiryu {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_kiryu .name_kiryu {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle .battle_kiryu .battle-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_kiryu .battle-detail-txt {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle .battle_list .list {
  position: relative;
  margin-top: 40px;
  padding: 31px 275px 40px 27px ;
  background-color: #000;
  font-size: 20px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_list .list {
    margin-top: 12px;
    margin-top: 1.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_list .list {
    padding: 4vw 29.33333vw 4vw 4.13333vw ;
  }
}

@media only screen and (max-width: 1000px) {
  body#battle .battle_list .list {
    font-size: 2.93333vw;
  }
}

body#battle .battle_list .list:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  top: 5px;
  left: 5px;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #f10c19;
}

body#battle.detail .ss-column .ss-column-inner .name {
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

body#battle.detail .ss-column .ss-column-inner .name img {
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#battle.detail .ss-column .ss-column-inner .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#battle .battle-page-03 .battle-detail-box .battle-detail-txt {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

.battle-page-05 .mt-20 {
  margin-top: -4px !important;
}

@media only screen and (max-width: 1000px) {
  .battle-page-05 .mt-20 {
    margin-top: 0px !important;
    margin-top: 0vw !important;
  }
}

.battle-page-05 .bat05-name-h .name img {
  height: 61px;
}

@media only screen and (max-width: 1000px) {
  .battle-page-05 .bat05-name-h .name img {
    height: 61px;
    height: 8.13333vw;
  }
}

.battle-page.battle-page-09 h3 img {
  height: 47px;
}

@media only screen and (max-width: 1000px) {
  .battle-page.battle-page-09 h3 img {
    height: 47px;
    height: 6.26667vw;
  }
}

.battle-page.battle-page-09 .battle-detail-box-inner .ss.modal-img {
  margin-top: 40px !important;
  margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
  .battle-page.battle-page-09 .battle-detail-box-inner .ss.modal-img {
    margin-top: 45px !important;
    margin-top: 6vw !important;
  }
}

@media only screen and (max-width: 1000px) {
  .battle-page.battle-page-09 .battle-detail-box-inner .ss.modal-img {
    margin-bottom: 10px;
    margin-bottom: 1.33333vw;
  }
}

body#adventure .adventure-detail-txt, body#adventure .adventure-page-08 .area_desc {
  word-break: keep-all;
}

body#battle .battle-detail-txt {
  word-break: keep-all;
}

/*

dlc.html

*/
body#dlc .free_off {
  display: none;
}

body#dlc .title_inner {
  background-image: url(../images/inner/dlc/bg_title.jpg);
}

@media only screen and (max-width: 1000px) {
  body#dlc .title_inner {
    background-image: url(../images/inner/dlc/bg_title_sp.jpg);
  }
}

body#dlc .title_inner h2 img {
  margin-top: 3px;
  height: 122px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .title_inner h2 img {
    margin-top: 2px;
    margin-top: 0.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .title_inner h2 img {
    height: 74px;
    height: 9.86667vw;
  }
}

body#dlc .dlc-page-07 .ss-column.dlc_btn.center {
  margin-top: 33px;
  justify-content: center;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .ss-column.dlc_btn.center {
    margin-top: 33px;
    margin-top: 4.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .ss-column.dlc_btn.center {
    justify-content: space-between;
  }
}

body#dlc .dlc .modal-btns .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

body#dlc .dlc .modal-btns {
  margin-top: 10px;
  padding-bottom: 0px;
  background-image: none;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc .modal-btns {
    margin-top: 8px;
    margin-top: 1.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc .modal-btns {
    padding-bottom: 21px;
    padding-bottom: 2.8vw;
  }
}

body#dlc .lead {
  margin-top: 3px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#dlc .lead {
    margin-top: -20px;
    margin-top: -2.66667vw;
  }
}

body#dlc .lead img {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#dlc .lead img {
    width: 94.7%;
  }
}

body#dlc .lead.left {
  text-align: left;
}

body#dlc p.lead {
  margin-top: 17px;
  line-height: 1.75;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#dlc p.lead {
    margin-top: 28px;
    margin-top: 3.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc p.lead {
    line-height: 1.457;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc p.lead {
    font-size: 2.93333vw;
  }
}

body#dlc .dlc-page {
  width: 800px;
  margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page {
    width: 94.7%;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page {
    margin: 0 auto 4.66667vw ;
  }
}

body#dlc .dlc-page h3 img {
  width: auto;
  height: 74px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page h3 img {
    height: 74px;
    height: 9.86667vw;
  }
}

body#dlc .dlc-page .ss {
  position: relative;
  border: 1px solid #e50b18;
  border-width: 1px;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page .ss {
    border-width: 2px;
    border-width: 0.26667vw;
  }
}

@media print, screen and (min-width: 1001px) {
  body#dlc .dlc-page .ss {
    transition: opacity 0.35s ease;
  }
  body#dlc .dlc-page .ss:hover {
    opacity: 0.7;
  }
}

body#dlc .dlc-page .ss img {
  max-width: 100%;
  width: 100%;
}

body#dlc .dlc-page .ss:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-image: url(../images/common/icon_zoom.png);
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page .ss:after {
    width: 36px;
    width: 4.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page .ss:after {
    height: 36px;
    height: 4.8vw;
  }
}

body#dlc .dlc-detail-box {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

body#dlc .dlc-detail-box .dlc-detail-txt {
  position: relative;
  margin-top: 19px;
  line-height: 1.62;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-detail-txt {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-detail-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-detail-txt {
    font-size: 2.4vw;
  }
}

body#dlc .dlc-detail-box .dlc-detail-txt span {
  background-color: #000;
}

body#dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#dlc .dlc-detail-box .dlc-red-line-txt {
  position: relative;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.62;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-top: 2px solid #ff0000;
  border-bottom: 2px solid #ff0000;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-red-line-txt {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-red-line-txt {
    padding-top: 10px;
    padding-top: 1.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-red-line-txt {
    padding-bottom: 10px;
    padding-bottom: 1.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-red-line-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-detail-box .dlc-red-line-txt {
    font-size: 2.4vw;
  }
}

body#dlc .dlc-detail-box .dlc-red-line-txt span {
  background-color: #000;
}

body#dlc .dlc-page + .lead {
  position: relative;
  top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page + .lead {
    top: 40px;
    top: 5.33333vw;
  }
}

body#dlc .modal-btns {
  padding: 50px 0 0 ;
  background-color: #3e0204;
}

@media only screen and (max-width: 1000px) {
  body#dlc .modal-btns {
    padding: 5.33333vw 0 2.8vw ;
  }
}

body#dlc .under_development {
  background-color: #3e0204;
}

body#dlc img {
  max-width: 100%;
}

body#dlc .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column {
    display: flex;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column {
    margin-top: 5px;
    margin-top: 0.66667vw;
  }
}

body#dlc .ss-column.inline {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 38px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.inline {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.inline {
    margin-bottom: 28px;
    margin-bottom: 3.73333vw;
  }
}

body#dlc .ss-column.inline .ss-column-inner:nth-child(even) {
  margin-left: 47px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.inline .ss-column-inner:nth-child(even) {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#dlc .ss-column.modal {
  justify-content: center;
}

body#dlc .ss-column .ss-column-inner {
  width: 49%;
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner {
    width: 49%;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#dlc .ss-column .ss-column-inner .name {
  margin-top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner .name {
    margin-top: 13px;
    margin-top: 1.73333vw;
  }
}

body#dlc .ss-column .ss-column-inner .name img {
  width: auto;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#dlc .ss-column .ss-column-inner .name img.double {
  height: 92px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner .name img.double {
    height: 92px;
    height: 12.26667vw;
  }
}

body#dlc .ss-column .ss-column-inner .name + .dlc-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner .name + .dlc-detail-txt {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#dlc .ss-column .ss-column-inner .copyright {
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ss-column-inner .copyright {
    font-size: 2.4vw;
  }
}

body#dlc .ss-column .ss-column-inner.full {
  width: 100%;
}

body#dlc .ss-column .ml15 {
  margin-left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column .ml15 {
    margin-left: 10px;
    margin-left: 1.33333vw;
  }
}

body#dlc .black_box.free_on .ss-column-inner, body#dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner, body#adventure .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner {
  width: 49.7%;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box.free_on .ss-column-inner, body#dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner, body#adventure .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner {
    width: 49.7%;
  }
}

body#dlc .black_box.free_on .ss-column-inner:nth-of-type(n + 3), body#dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner:nth-of-type(n + 3), body#adventure .adventure-page-08 body#dlc .free_on.area_map .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 0.6%;
}

body#dlc .ss-column.parameter .ss-column-inner {
  width: 470px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.parameter .ss-column-inner {
    width: 100%;
  }
}

body#dlc .ss-column.parameter .ss-column-inner img {
  width: 100%;
}

body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#dlc main {
  padding-top: 30px;
  overflow: hidden;
}

@media only screen and (max-width: 1000px) {
  body#dlc main {
    padding-top: 90px;
    padding-top: 12vw;
  }
}

body#dlc .black_box, body#dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .area_map {
  position: relative;
  background: #000;
  padding: 13px 0 12px 0;
  margin-top: 28px;
  margin-bottom: 35px;
  width: 100%;
  border: 1px solid #ffdc77;
  box-shadow: 4px 4px ;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box, body#dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .area_map {
    padding: 10px 0 10px 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box, body#dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .area_map {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box, body#dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .area_map {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box, body#dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .area_map {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

body#dlc .black_box .inner_pd, body#dlc body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#dlc .area_map .inner_pd {
  box-sizing: border-box;
  padding: 0 15px ;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box .inner_pd, body#dlc body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#dlc .area_map .inner_pd {
    padding: 0 2vw ;
  }
}

body#dlc .black_box .red_copy, body#dlc body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#dlc .area_map .red_copy {
  height: 24px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box .red_copy, body#dlc body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#dlc .area_map .red_copy {
    height: 33px;
    height: 4.4vw;
  }
}

body#dlc .black_box .red_copy img, body#dlc body#adventure .adventure-page-08 .area_map .red_copy img, body#adventure .adventure-page-08 body#dlc .area_map .red_copy img {
  height: 100%;
}

body#dlc .black_box .box-txt, body#dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#dlc .area_map .box-txt {
  width: 100%;
  position: relative;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box .box-txt, body#dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#dlc .area_map .box-txt {
    padding-bottom: 4px;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box .box-txt, body#dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#dlc .area_map .box-txt {
    font-size: 2.93333vw;
  }
}

body#dlc .black_box .box-txt ~ .box-txt, body#dlc body#adventure .adventure-page-08 .area_map .box-txt ~ .box-txt, body#adventure .adventure-page-08 body#dlc .area_map .box-txt ~ .box-txt {
  margin-top: 3px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box .box-txt ~ .box-txt, body#dlc body#adventure .adventure-page-08 .area_map .box-txt ~ .box-txt, body#adventure .adventure-page-08 body#dlc .area_map .box-txt ~ .box-txt {
    margin-top: 3px;
    margin-top: 0.4vw;
  }
}

body#dlc .black_box dl.date, body#dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#dlc .area_map dl.date, body#dlc .black_box dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.price {
  display: inline-flex;
  margin: 5px 0 0 ;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box dl.date, body#dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#dlc .area_map dl.date, body#dlc .black_box dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.price {
    margin: 0.66667vw 0 0 ;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box dl.date, body#dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#dlc .area_map dl.date, body#dlc .black_box dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.price {
    font-size: 2.93333vw;
  }
}

body#dlc .black_box dl.date dd, body#dlc body#adventure .adventure-page-08 .area_map dl.date dd, body#adventure .adventure-page-08 body#dlc .area_map dl.date dd, body#dlc .black_box dl.price dd, body#dlc body#adventure .adventure-page-08 .area_map dl.price dd, body#adventure .adventure-page-08 body#dlc .area_map dl.price dd {
  margin-left: 0;
}

body#dlc .black_box dl.date ~ dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.date ~ dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.date ~ dl.price, body#dlc .black_box dl.price ~ dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.price ~ dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.price ~ dl.price {
  margin-left: 2em;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_box dl.date ~ dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.date ~ dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.date ~ dl.price, body#dlc .black_box dl.price ~ dl.price, body#dlc body#adventure .adventure-page-08 .area_map dl.price ~ dl.price, body#adventure .adventure-page-08 body#dlc .area_map dl.price ~ dl.price {
    margin-left: 1em;
  }
}

body#dlc .black_box dl.price strong, body#dlc body#adventure .adventure-page-08 .area_map dl.price strong, body#adventure .adventure-page-08 body#dlc .area_map dl.price strong {
  color: #ee0;
}

body#dlc .red_label, body#dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#dlc .area_name {
  height: 60px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .red_label, body#dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#dlc .area_name {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .red_label, body#dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#dlc .area_name {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#dlc .red_label img, body#dlc body#adventure .adventure-page-08 .area_name img, body#adventure .adventure-page-08 body#dlc .area_name img {
  height: 100%;
}

body#dlc .black_label {
  height: 47px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_label {
    height: 47px;
    height: 6.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .black_label {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#dlc .black_label img {
  height: 100%;
}

body#dlc .mt0 {
  margin-top: 0 !important;
}

body#dlc .mt12, body#dlc .dlc-detail-box .dlc-detail-txt.mt12 {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .mt12, body#dlc .dlc-detail-box .dlc-detail-txt.mt12 {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#dlc .mt24, body#dlc .dlc-detail-box .dlc-detail-txt.mt24 {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .mt24, body#dlc .dlc-detail-box .dlc-detail-txt.mt24 {
    margin-top: 36px;
    margin-top: 4.8vw;
  }
}

body#dlc .mb0 {
  margin-bottom: 0 !important;
}

body#dlc .sec-end-mg {
  margin-bottom: 75px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .sec-end-mg {
    margin-bottom: 85px;
    margin-bottom: 11.33333vw;
  }
}

body#dlc .ss-column-inner.wide {
  width: 50%;
}

@media only screen and (max-width: 1000px) {
  body#dlc .ss-column-inner.wide {
    width: 100%;
  }
}

body#dlc .sp-reverse {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .sp-reverse {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 1000px) {
  body#dlc .sp-reverse {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#dlc .sp-reverse .sp-reverse-2 {
  margin-top: 0 !important;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .sp-reverse .sp-reverse-2 {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#dlc .dlc-page-07 .black_box, body#dlc .dlc-page-07 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .dlc-page-07 .area_map {
  margin-bottom: 37px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .black_box, body#dlc .dlc-page-07 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#dlc .dlc-page-07 .area_map {
    margin-bottom: 37px;
    margin-bottom: 4.93333vw;
  }
}

body#dlc .dlc-page-07 .ss-column.center {
  justify-content: center;
}

body#dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
    margin-left: 0;
  }
}

body#dlc .dlc-page-07 .ss-column.center .ss-column-inner.double {
  padding-top: 61px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .ss-column.center .ss-column-inner.double {
    padding-top: 0;
  }
}

body#dlc .dlc-page-07 .btn_todeliveryhelp {
  width: 363px;
  display: block;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .btn_todeliveryhelp {
    width: 340px;
    width: 45.33333vw;
  }
}

body#dlc .dlc-page-07 .btn_todeliveryhelp img {
  width: 100%;
}

body#dlc .dlc-page-07 .btn_todeliveryhelp:hover {
  opacity: 0.7;
}

body#dlc .dlc-page-07 .btn_todeliveryhelp.free {
  margin-right: 14px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .btn_todeliveryhelp.free {
    margin-right: 30px;
    margin-right: 4vw;
  }
}

body#dlc .dlc-page-07 .red-txt {
  color: #ff0000;
}

body#dlc .dlc-page-07 .red-under-line {
  border-bottom: 1px solid #ff0000;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .red-under-line {
    font-size: 2.93333vw;
  }
}

body#dlc .dlc-page-07 .red-under-line img {
  height: 24px;
}

@media only screen and (max-width: 1000px) {
  body#dlc .dlc-page-07 .red-under-line img {
    height: 30px;
    height: 4vw;
  }
}

/*

dlc.html

*/
body#lp {
  margin: 0;
  padding-top: 0;
}

body#lp #gnavi {
  display: none;
}

body#lp main {
  padding-top: 0;
}

body#lp img {
  width: 100%;
}

body#lp a.hover {
  display: block;
  transition: opacity 0.3s;
}

body#lp a.hover:hover {
  opacity: 0.7;
}

body#lp .sp_none {
  display: block;
}

@media only screen and (max-width: 1000px) {
  body#lp .sp_none {
    display: none;
  }
}

body#lp .pc_none {
  display: none;
}

@media only screen and (max-width: 1000px) {
  body#lp .pc_none {
    display: block;
  }
}

body#lp header {
  background-color: #000000;
  height: 46px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp header {
    height: 46px;
    height: 6.13333vw;
  }
}

body#lp header .header_wrapper {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding-top: 10px;
  width: 1024px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper {
    padding-top: 1.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper {
    width: 94%;
  }
}

body#lp header .header_wrapper .ps5 {
  width: 119px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .ps5 {
    width: 119px;
    width: 15.86667vw;
  }
}

body#lp header .header_wrapper .xbox_xs {
  margin-left: 30px;
  width: 194px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .xbox_xs {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .xbox_xs {
    width: 194px;
    width: 25.86667vw;
  }
}

body#lp header .header_wrapper .xbox_one {
  margin-left: 30px;
  width: 123px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .xbox_one {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .xbox_one {
    width: 123px;
    width: 16.4vw;
  }
}

body#lp header .header_wrapper .windows10 {
  margin-top: 4px;
  margin-left: 30px;
  width: 114px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .windows10 {
    margin-top: 4px;
    margin-top: 0.53333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .windows10 {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .windows10 {
    width: 114px;
    width: 15.2vw;
  }
}

body#lp section.top {
  background-color: #000000;
  height: auto;
  padding-top: 0;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top {
    height: 180vw;
  }
}

body#lp section.top .kv {
  background-image: url(../images/inner/lp/kv.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 47.4vw;
  position: relative;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .kv {
    background-image: url(../images/inner/lp/kv_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .kv {
    height: 128vw;
  }
}

body#lp section.top .logo_ps5 {
  position: absolute;
  top: 17px;
  left: 17px;
  width: 14.2vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .logo_ps5 {
    top: 15px;
    top: 2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .logo_ps5 {
    left: 20px;
    left: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .logo_ps5 {
    width: 24vw;
  }
}

body#lp section.top .copy {
  position: absolute;
  top: 24px;
  right: 17px;
  width: 4vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .copy {
    top: 15px;
    top: 2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .copy {
    right: 28px;
    right: 3.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .copy {
    width: 7.7vw;
  }
}

body#lp section.top .top_box {
  height: 46.3vw;
  padding-top: 20px;
  position: relative;
  width: 59.5%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box {
    height: 66.3vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box {
    padding-top: 460px;
    padding-top: 61.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box {
    width: 100%;
  }
}

body#lp section.top .top_box .logo_ryu7 {
  margin: auto;
  position: relative;
  top: 1vw;
  top: 1vw;
  width: 33.3vw;
  height: 19.8vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    top: -9vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    width: 60vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    height: 35.7vw;
  }
}

body#lp section.top .top_box .logo_ryu7 img {
  height: 100%;
}

body#lp section.top .top_box .sale {
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 37.7vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    bottom: -67vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    width: 83.2vw;
  }
}

body#lp section.top .banner_area {
  position: absolute;
  top: auto;
  bottom: 15px;
  left: 50%;
  margin-left: 120px;
  padding: 0 0;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    top: 136vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    bottom: 0px;
    bottom: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    left: 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    margin-left: 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    padding: 0 3%;
  }
}

body#lp section.top .banner_area .special {
  cursor: pointer;
  width: 360px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area .special {
    width: 100%;
  }
}

body#lp section.top .banner_area .dlc {
  margin-top: 12px;
  width: 360px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area .dlc {
    margin-top: 23px;
    margin-top: 3.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area .dlc {
    width: 100%;
  }
}

body#lp section.top .inner {
  margin: 0 auto;
  position: relative;
  width: 100%;
}

body#lp section.caution {
  background-color: #000000;
  padding: 35px 0 ;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.caution {
    padding: 3.33333vw 0 ;
  }
}

body#lp section.caution .inner {
  margin: 0 auto;
  position: relative;
  width: 1024px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.caution .inner {
    width: 94%;
  }
}

body#lp section.caution .txt {
  color: #ffffff;
  font-size: 16px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.caution .txt {
    font-size: 2.13333vw;
  }
}

body#lp section.lead {
  background-image: url(../images/inner/lp/bg_lead.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 450px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead {
    background-image: url(../images/inner/lp/bg_lead_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead {
    height: 580px;
    height: 77.33333vw;
  }
}

body#lp section.lead .inner {
  margin: 0 auto;
  width: 1024px;
  position: relative;
  padding: "0 0 ";
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead .inner {
    width: 94%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead .inner {
    padding: 0 2.66667vw ;
  }
}

body#lp section.lead .lead_caption {
  margin: auto;
  padding-top: 60px;
  width: 674px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead .lead_caption {
    padding-top: 20px;
    padding-top: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead .lead_caption {
    width: 100%;
  }
}

body#lp section.lead .txt {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.8;
  margin: 0;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#lp section.lead .txt {
    font-size: 3.2vw;
  }
}

body#lp section.point {
  background-image: url(../images/inner/lp/bg_point.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 1260px;
  padding-top: 40px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point {
    background-image: url(../images/inner/lp/bg_point_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point {
    height: 1420px;
    height: 189.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point {
    padding-top: 40px;
    padding-top: 5.33333vw;
  }
}

body#lp section.point .inner {
  margin: 0 auto;
  width: 1024px;
  position: relative;
  padding: "0 0 ";
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .inner {
    width: 94%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .inner {
    padding: 0 2.66667vw ;
  }
}

body#lp section.point .point_caption {
  width: 819px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_caption {
    width: 100%;
  }
}

body#lp section.point .point_box .point {
  height: 61px;
  margin-top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_box .point {
    height: 46px;
    height: 6.13333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_box .point {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#lp section.point .point_box .point img {
  display: block;
  height: 100%;
  width: auto;
}

body#lp section.point .point_box .point5_contents {
  height: 85px;
  margin-top: 5px;
  padding-left: 85px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_box .point5_contents {
    height: 67px;
    height: 8.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_box .point5_contents {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .point_box .point5_contents {
    padding-left: 65px;
    padding-left: 8.66667vw;
  }
}

body#lp section.point .point_box .point5_contents img {
  display: block;
  height: 100%;
  width: auto;
}

body#lp section.point .caution {
  margin-top: 50px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .caution {
    margin-top: 35px;
    margin-top: 4.66667vw;
  }
}

body#lp section.point .caution .txt {
  color: #ffffff;
  font-size: 18px;
  margin-top: 25px;
  margin-bottom: 0;
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .caution .txt {
    font-size: 3.2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.point .caution .txt {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#lp section.link {
  background-image: url(../images/inner/lp/bg_link.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 340px;
  padding-top: 40px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.link {
    background-image: url(../images/inner/lp/bg_link_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.link {
    height: 340px;
    height: 45.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.link {
    padding-top: 40px;
    padding-top: 5.33333vw;
  }
}

body#lp section.link .inner {
  margin: 0 auto;
  width: 1024px;
  position: relative;
  padding: "0 0 ";
}

@media only screen and (max-width: 1000px) {
  body#lp section.link .inner {
    width: 94%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.link .inner {
    padding: 0 2.66667vw ;
  }
}

body#lp section.link .link_banner {
  margin: auto;
  width: 709px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.link .link_banner {
    width: 100%;
  }
}

body#lp section.spec {
  background-color: #000000;
  background-image: url(../images/inner/lp/bg_spec.jpg);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  padding-top: 84px;
  padding-bottom: 100px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec {
    background-image: url(../images/inner/lp/bg_spec_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec {
    padding-top: 40px;
    padding-top: 5.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec {
    padding-bottom: 20px;
    padding-bottom: 2.66667vw;
  }
}

body#lp section.spec .inner {
  margin: 0 auto;
  width: 1024px;
  position: relative;
  padding: "0 0 ";
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .inner {
    width: 94%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .inner {
    padding: 0 2.66667vw ;
  }
}

body#lp section.spec .spec_area {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area {
    flex-wrap: wrap;
  }
}

body#lp section.spec .spec_area .banner_box {
  width: 35%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box {
    width: 100%;
  }
}

body#lp section.spec .spec_area .banner_box .banner {
  margin-top: -20px;
  margin-left: auto;
  margin-right: auto;
  width: 331px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    margin-top: 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    margin-left: auto;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    width: 328px;
    width: 43.73333vw;
  }
}

body#lp section.spec .spec_area .spec_box {
  margin-top: 0px;
  width: 65%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box {
    width: 100%;
  }
}

body#lp section.spec .spec_area .spec_box .spec_caption {
  margin-left: 0;
  width: 330px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .spec_caption {
    margin-left: 10vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .spec_caption {
    width: 330px;
    width: 44vw;
  }
}

body#lp section.spec .spec_area .spec_box .detail {
  padding-left: 0;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail {
    padding-left: 10vw;
  }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box {
  display: flex;
  justify-content: flex-start;
  line-height: 2;
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt {
  color: #f6da4a;
  font-size: 18px;
  width: 92px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box dt {
    width: 92px;
    width: 12.26667vw;
  }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd {
  color: #ffffff;
  font-size: 18px;
  font-size: 18px;
  margin-left: 20px;
  width: 400px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box dd {
    width: 440px;
    width: 58.66667vw;
  }
}

body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero {
  margin-top: 12px;
  width: 51px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero {
    margin-top: 17px;
    margin-top: 2.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box .detail dl .dl_box .img_cero {
    width: 51px;
    width: 6.8vw;
  }
}

body#lp section.spec .caution {
  color: #ffffff;
  font-size: 18px;
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .caution {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .caution {
    margin-top: 0;
  }
}

body#lp section.spec .caution.center {
  margin-top: 55px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .caution.center {
    margin-top: 50px;
    margin-top: 6.66667vw;
  }
}

body#lp section.spec .digital_v_area {
  border: solid 2px #f6da4a;
  margin-top: 60px;
  padding: 0 0 30px 30px ;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area {
    margin-top: 35px;
    margin-top: 4.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area {
    padding: 0 4vw 4vw 4vw ;
  }
}

body#lp section.spec .digital_v_area .caption {
  margin-top: -22px;
  margin-left: 17px;
  width: 251px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    margin-top: -22px;
    margin-top: -2.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    margin-left: 17px;
    margin-left: 2.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    width: 252px;
    width: 33.6vw;
  }
}

body#lp section.spec .digital_v_area .desc {
  color: #ffffff;
  font-size: 18px;
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .desc {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .desc {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box p {
  line-height: 1.8;
}

body#lp section.spec .digital_v_area .dlc_area .edition_box .set_caption {
  color: #f6da4a;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box .set_caption {
    font-size: 3.2vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box .txt {
  color: #ffffff;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box .txt {
    font-size: 3.2vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 {
  margin-top: 0px;
  margin-right: 5vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
  width: 231px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
    width: 231px;
    width: 30.8vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 {
  margin-top: 0px;
  margin-left: 40px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption {
  width: 260px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption {
    width: 260px;
    width: 34.66667vw;
  }
}

body#lp section.modal {
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  height: 100vh;
  overflow: scroll;
  padding-top: 78px;
  padding-bottom: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal {
    padding-top: 100px;
    padding-top: 13.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal {
    padding-bottom: 100px;
    padding-bottom: 13.33333vw;
  }
}

body#lp section.modal .inner {
  margin: auto;
  width: 640px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .inner {
    width: 640px;
    width: 85.33333vw;
  }
}

body#lp section.modal .btn_close {
  cursor: pointer;
  margin-left: auto;
  width: 48px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .btn_close {
    width: 48px;
    width: 6.4vw;
  }
}

body#lp section.modal .contents {
  background-color: #000000;
  border: solid 2px #f6da4a;
  margin-top: 10px;
  padding: 20px 10px 15px ;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents {
    margin-top: 10px;
    margin-top: 1.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents {
    padding: 2.66667vw 1.33333vw 2vw ;
  }
}

body#lp section.modal .contents .title {
  margin: auto;
  width: 184px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .title {
    width: 184px;
    width: 24.53333vw;
  }
}

body#lp section.modal .contents .caption {
  border-top: solid 1px #f6da4a;
  border-bottom: solid 1px #f6da4a;
  margin-top: 20px;
  padding: 15px 0 ;
  text-align: center;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .caption {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .caption {
    padding: 2vw 0 ;
  }
}

body#lp section.modal .contents .caption img {
  width: 501px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .caption img {
    width: 100%;
  }
}

body#lp section.modal .contents .caution {
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .caution {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp section.modal .contents .caution .txt {
  color: #ffffff;
  font-size: 16px;
  line-height: 1.6;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .caution .txt {
    font-size: 2.13333vw;
  }
}

body#lp section.modal .contents .img_area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .img_area {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp section.modal .contents .img_area .img {
  width: 150px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .img_area .img {
    width: 150px;
    width: 20vw;
  }
}

body#lp section.modal .contents .desc_area {
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .desc_area {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp section.modal .contents .desc_area .txt {
  color: #ffffff;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .desc_area .txt {
    font-size: 2.4vw;
  }
}

body#lp section.modal .contents .recording {
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .recording {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp section.modal .contents .recording .reco_caption {
  color: #ff0d1b;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .recording .reco_caption {
    font-size: 2.4vw;
  }
}

body#lp section.modal .contents .recording .txt {
  color: #ffffff;
  font-size: 18px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.modal .contents .recording .txt {
    font-size: 2.4vw;
  }
}

body#lp .follow-box {
  background-color: transparent;
  width: 235px;
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box {
    width: 330px;
    width: 44vw;
  }
}

body#lp .follow-box .link_area .link_close {
  cursor: pointer;
  margin-left: auto;
  width: 30px;
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box .link_area .link_close {
    width: 30px;
    width: 4vw;
  }
}

body#lp .follow-box .link_area .to_xbox {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box .link_area .to_xbox {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp .follow-box .follow-box-inner {
  margin-left: auto;
  padding-top: 5px;
  width: 50px;
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box .follow-box-inner {
    padding-top: 5px;
    padding-top: 0.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box .follow-box-inner {
    width: 50px;
    width: 6.66667vw;
  }
}

body#lp .follow-box .to-top img {
  width: 26px;
}

@media only screen and (max-width: 1000px) {
  body#lp .follow-box .to-top img {
    width: 26px;
    width: 3.46667vw;
  }
}

body#lp_dlc {
  font-family: 'Noto Sans Jp', sans-serif;
  margin: 0;
  padding-top: 0;
}

body#lp_dlc .free_off {
  display: none;
}

body#lp_dlc #gnavi {
  display: none;
}

body#lp_dlc main {
  background-image: url(../images/inner/lp/dlc/bg.jpg);
  background-size: 100%;
  background-position-y: 18vw;
  background-color: #231b0d;
  padding-top: 0;
  padding-bottom: 10px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc main {
    background-image: url(../images/inner/lp/dlc/bg_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc main {
    background-position-y: 20vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc main {
    padding-bottom: 20px;
    padding-bottom: 2.66667vw;
  }
}

body#lp_dlc img {
  width: 100%;
}

body#lp_dlc a.hover {
  display: block;
  transition: opacity 0.3s;
}

body#lp_dlc a.hover:hover {
  opacity: 0.7;
}

body#lp_dlc .sp_none {
  display: block;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .sp_none {
    display: none;
  }
}

body#lp_dlc .pc_none {
  display: none;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .pc_none {
    display: block;
  }
}

body#lp_dlc header {
  background-color: #000000;
  height: 46px;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header {
    height: 46px;
    height: 6.13333vw;
  }
}

body#lp_dlc header .header_wrapper {
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  padding-top: 10px;
  width: 1024px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper {
    padding-top: 1.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper {
    width: 94%;
  }
}

body#lp_dlc header .header_wrapper .ps5 {
  width: 119px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .ps5 {
    width: 119px;
    width: 15.86667vw;
  }
}

body#lp_dlc header .header_wrapper .xbox_xs {
  margin-left: 30px;
  width: 194px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .xbox_xs {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .xbox_xs {
    width: 194px;
    width: 25.86667vw;
  }
}

body#lp_dlc header .header_wrapper .xbox_one {
  margin-left: 30px;
  width: 123px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .xbox_one {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .xbox_one {
    width: 123px;
    width: 16.4vw;
  }
}

body#lp_dlc header .header_wrapper .windows10 {
  margin-top: 4px;
  margin-left: 30px;
  width: 114px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .windows10 {
    margin-top: 4px;
    margin-top: 0.53333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .windows10 {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .windows10 {
    width: 114px;
    width: 15.2vw;
  }
}

body#lp_dlc section.top {
  padding-top: 0;
}

body#lp_dlc section.top .kv {
  background-image: url(../images/inner/lp/dlc/kv.jpg);
  background-size: 100%;
  background-repeat: no-repeat;
  height: 17.8vw;
  position: relative;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .kv {
    background-image: url(../images/inner/lp/dlc/kv_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .kv {
    height: 32vw;
  }
}

body#lp_dlc section.top .inner {
  width: 100%;
}

body#lp_dlc section.top .top_box {
  width: 71%;
  padding-top: 3vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box {
    width: 51%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box {
    padding-top: 5vw;
  }
}

body#lp_dlc section.top .top_box .logo_ryu7 {
  margin: auto;
  width: 19.6vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box .logo_ryu7 {
    width: 31.7vw;
  }
}

body#lp_dlc section.top .top_box .to_top {
  margin: auto;
  width: 10vw;
  margin-top: 2.4vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box .to_top {
    width: 21.3vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box .to_top {
    margin-top: 3.2vw;
  }
}

body#lp_dlc section.dlc {
  padding-top: 35px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc {
    padding-top: 53px;
    padding-top: 7.06667vw;
  }
}

body#lp_dlc section.dlc .digital_v_area {
  border: solid 2px #f6da4a;
  margin-top: 60px;
  padding: 0 0 30px 30px ;
  width: 100%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area {
    margin-top: 35px;
    margin-top: 4.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area {
    padding: 0 4vw 4vw 4vw ;
  }
}

body#lp_dlc section.dlc .digital_v_area .caption {
  margin-top: -22px;
  margin-left: 17px;
  width: 251px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    margin-top: -22px;
    margin-top: -2.93333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    margin-left: 17px;
    margin-left: 2.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    width: 252px;
    width: 33.6vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .desc {
  color: #ffffff;
  font-size: 18px;
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .desc {
    font-size: 2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .desc {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box p {
  line-height: 1.8;
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .set_caption {
  color: #f6da4a;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .set_caption {
    font-size: 3.2vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .txt {
  color: #ffffff;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box .txt {
    font-size: 3.2vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 {
  margin-top: 0px;
  margin-right: 5vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
  width: 231px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
    width: 231px;
    width: 30.8vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 {
  margin-top: 0px;
  margin-left: 40px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption {
  width: 260px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_2 .edition_caption {
    width: 260px;
    width: 34.66667vw;
  }
}

body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center {
  margin-top: 33px;
  justify-content: center;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center {
    margin-top: 33px;
    margin-top: 4.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .ss-column.dlc_btn.center {
    justify-content: space-between;
  }
}

body#lp_dlc .dlc .modal-btns .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

body#lp_dlc .dlc .modal-btns {
  margin-top: 10px;
  padding-bottom: 0px;
  background-image: none;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc .modal-btns {
    margin-top: 8px;
    margin-top: 1.06667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc .modal-btns {
    padding-bottom: 21px;
    padding-bottom: 2.8vw;
  }
}

body#lp_dlc .lead {
  margin-top: 3px;
  text-align: center;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .lead {
    margin-top: -20px;
    margin-top: -2.66667vw;
  }
}

body#lp_dlc .lead img {
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .lead img {
    width: 94.7%;
  }
}

body#lp_dlc .lead.left {
  text-align: left;
}

body#lp_dlc p.lead {
  margin-top: 17px;
  line-height: 1.75;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc p.lead {
    margin-top: 28px;
    margin-top: 3.73333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc p.lead {
    line-height: 1.457;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc p.lead {
    font-size: 2.93333vw;
  }
}

body#lp_dlc .dlc-page {
  width: 800px;
  margin: 0 auto 10px ;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page {
    width: 94.7%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page {
    margin: 0 auto 4.66667vw ;
  }
}

body#lp_dlc .dlc-page h3 img {
  width: auto;
  height: 74px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page h3 img {
    height: 74px;
    height: 9.86667vw;
  }
}

body#lp_dlc .dlc-page .ss {
  position: relative;
  border: 1px solid #e50b18;
  border-width: 1px;
  cursor: pointer;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page .ss {
    border-width: 2px;
    border-width: 0.26667vw;
  }
}

@media print, screen and (min-width: 1001px) {
  body#lp_dlc .dlc-page .ss {
    transition: opacity 0.35s ease;
  }
  body#lp_dlc .dlc-page .ss:hover {
    opacity: 0.7;
  }
}

body#lp_dlc .dlc-page .ss img {
  max-width: 100%;
  width: 100%;
}

body#lp_dlc .dlc-page .ss:after {
  content: "";
  display: inline-block;
  position: absolute;
  width: auto;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  bottom: 0;
  right: 0;
  width: 36px;
  height: 36px;
  background-image: url(../images/common/icon_zoom.png);
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page .ss:after {
    width: 36px;
    width: 4.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page .ss:after {
    height: 36px;
    height: 4.8vw;
  }
}

body#lp_dlc .dlc-detail-box {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box {
    margin-top: 25px;
    margin-top: 3.33333vw;
  }
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt {
  position: relative;
  margin-top: 19px;
  line-height: 1.62;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-detail-txt {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-detail-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-detail-txt {
    font-size: 2.4vw;
  }
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt span {
  background-color: #000;
}

body#lp_dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt {
  margin-top: 30px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-detail-txt ~ .dlc-detail-txt {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
  position: relative;
  margin-top: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.62;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-top: 2px solid #f6da4a;
  border-bottom: 2px solid #f6da4a;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
    padding-top: 10px;
    padding-top: 1.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
    padding-bottom: 10px;
    padding-bottom: 1.33333vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
    line-height: 1.73;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-detail-box .dlc-red-line-txt {
    font-size: 2.4vw;
  }
}

body#lp_dlc .dlc-detail-box .dlc-red-line-txt span {
  background-color: #000;
}

body#lp_dlc .dlc-page + .lead {
  position: relative;
  top: 40px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page + .lead {
    top: 40px;
    top: 5.33333vw;
  }
}

body#lp_dlc .modal-btns {
  padding: 50px 0 0 ;
  background-color: #3e0204;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .modal-btns {
    padding: 5.33333vw 0 2.8vw ;
  }
}

body#lp_dlc .under_development {
  background-color: #3e0204;
}

body#lp_dlc img {
  max-width: 100%;
}

body#lp_dlc .ss-column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column {
    display: flex;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column {
    margin-top: 5px;
    margin-top: 0.66667vw;
  }
}

body#lp_dlc .ss-column.inline {
  justify-content: center;
  margin-top: 12px;
  margin-bottom: 38px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.inline {
    margin-top: 0px;
    margin-top: 0vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.inline {
    margin-bottom: 28px;
    margin-bottom: 3.73333vw;
  }
}

body#lp_dlc .ss-column.inline .ss-column-inner:nth-child(even) {
  margin-left: 47px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.inline .ss-column-inner:nth-child(even) {
    margin-left: 0px;
    margin-left: 0vw;
  }
}

body#lp_dlc .ss-column.modal {
  justify-content: center;
}

body#lp_dlc .ss-column .ss-column-inner {
  width: 49%;
  margin-top: 15px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner {
    width: 49%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner.img_def {
  width: 28%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner.img_def {
    width: 28%;
  }
}

body#lp_dlc .ss-column .ss-column-inner .name {
  margin-top: 5px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner .name {
    margin-top: 13px;
    margin-top: 1.73333vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner .name img {
  width: auto;
  height: 50px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner .name img {
    height: 50px;
    height: 6.66667vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner .name img.double {
  height: 92px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner .name img.double {
    height: 92px;
    height: 12.26667vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner .name + .dlc-detail-txt {
  margin-top: 9px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner .name + .dlc-detail-txt {
    margin-top: 20px;
    margin-top: 2.66667vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner .copyright {
  margin-top: 5px;
  font-size: 14px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ss-column-inner .copyright {
    font-size: 2.4vw;
  }
}

body#lp_dlc .ss-column .ss-column-inner.full {
  width: 100%;
}

body#lp_dlc .ss-column .ml15 {
  margin-left: 15px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column .ml15 {
    margin-left: 10px;
    margin-left: 1.33333vw;
  }
}

body#lp_dlc .black_box.free_on .ss-column-inner, body#lp_dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner, body#adventure .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner {
  width: 49.7%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box.free_on .ss-column-inner, body#lp_dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner, body#adventure .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner {
    width: 49.7%;
  }
}

body#lp_dlc .black_box.free_on .ss-column-inner:nth-of-type(n + 3), body#lp_dlc body#adventure .adventure-page-08 .free_on.area_map .ss-column-inner:nth-of-type(n + 3), body#adventure .adventure-page-08 body#lp_dlc .free_on.area_map .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 0.6%;
}

body#lp_dlc .ss-column.parameter .ss-column-inner {
  width: 470px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.parameter .ss-column-inner {
    width: 100%;
  }
}

body#lp_dlc .ss-column.parameter .ss-column-inner img {
  width: 100%;
}

body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 2) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column.parameter .ss-column-inner:nth-of-type(n + 3) {
    margin-top: 21px;
    margin-top: 2.8vw;
  }
}

body#lp_dlc .black_box, body#lp_dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .area_map {
  position: relative;
  background: #000;
  padding: 13px 0 12px 0;
  margin-top: 28px;
  margin-bottom: 35px;
  width: 100%;
  border: 1px solid #ffdc77;
  box-shadow: 4px 4px ;
  z-index: 5;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box, body#lp_dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .area_map {
    padding: 10px 0 10px 0;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box, body#lp_dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .area_map {
    margin-top: 26px;
    margin-top: 3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box, body#lp_dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .area_map {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box, body#lp_dlc body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .area_map {
    box-shadow: 0.53333vw 0.53333vw ;
  }
}

body#lp_dlc .black_box .inner_pd, body#lp_dlc body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#lp_dlc .area_map .inner_pd {
  box-sizing: border-box;
  padding: 0 15px ;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .inner_pd, body#lp_dlc body#adventure .adventure-page-08 .area_map .inner_pd, body#adventure .adventure-page-08 body#lp_dlc .area_map .inner_pd {
    padding: 0 2vw ;
  }
}

body#lp_dlc .black_box .red_copy, body#lp_dlc body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#lp_dlc .area_map .red_copy {
  height: 24px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .red_copy, body#lp_dlc body#adventure .adventure-page-08 .area_map .red_copy, body#adventure .adventure-page-08 body#lp_dlc .area_map .red_copy {
    height: 33px;
    height: 4.4vw;
  }
}

body#lp_dlc .black_box .red_copy img, body#lp_dlc body#adventure .adventure-page-08 .area_map .red_copy img, body#adventure .adventure-page-08 body#lp_dlc .area_map .red_copy img {
  height: 100%;
}

body#lp_dlc .black_box .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt {
  width: 100%;
  position: relative;
  padding-bottom: 4px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt {
    padding-bottom: 4px;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt {
    font-size: 2.93333vw;
  }
}

body#lp_dlc .black_box .box-txt ~ .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt ~ .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt ~ .box-txt {
  margin-top: 3px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .box-txt ~ .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt ~ .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt ~ .box-txt {
    margin-top: 3px;
    margin-top: 0.4vw;
  }
}

body#lp_dlc .black_box .box-txt .caution, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt .caution, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt .caution {
  font-size: 16px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box .box-txt .caution, body#lp_dlc body#adventure .adventure-page-08 .area_map .box-txt .caution, body#adventure .adventure-page-08 body#lp_dlc .area_map .box-txt .caution {
    font-size: 2.13333vw;
  }
}

body#lp_dlc .black_box .box_txt_wrapper, body#lp_dlc body#adventure .adventure-page-08 .area_map .box_txt_wrapper, body#adventure .adventure-page-08 body#lp_dlc .area_map .box_txt_wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

body#lp_dlc .black_box .box_txt_wrapper .box-txt, body#lp_dlc body#adventure .adventure-page-08 .area_map .box_txt_wrapper .box-txt, body#adventure .adventure-page-08 body#lp_dlc .area_map .box_txt_wrapper .box-txt {
  width: 50%;
}

body#lp_dlc .black_box dl.date, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date, body#lp_dlc .black_box dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price {
  display: inline-flex;
  margin: 5px 0 0 ;
  font-size: 18px;
  color: #fff;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box dl.date, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date, body#lp_dlc .black_box dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price {
    margin: 0.66667vw 0 0 ;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box dl.date, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date, body#lp_dlc .black_box dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price {
    font-size: 2.93333vw;
  }
}

body#lp_dlc .black_box dl.date dd, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date dd, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date dd, body#lp_dlc .black_box dl.price dd, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price dd, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price dd {
  margin-left: 0;
}

body#lp_dlc .black_box dl.date ~ dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date ~ dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date ~ dl.price, body#lp_dlc .black_box dl.price ~ dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price ~ dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price ~ dl.price {
  margin-left: 2em;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_box dl.date ~ dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.date ~ dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.date ~ dl.price, body#lp_dlc .black_box dl.price ~ dl.price, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price ~ dl.price, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price ~ dl.price {
    margin-left: 1em;
  }
}

body#lp_dlc .black_box dl.price strong, body#lp_dlc body#adventure .adventure-page-08 .area_map dl.price strong, body#adventure .adventure-page-08 body#lp_dlc .area_map dl.price strong {
  color: #ee0;
}

body#lp_dlc .red_label, body#lp_dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#lp_dlc .area_name {
  height: 60px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .red_label, body#lp_dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#lp_dlc .area_name {
    height: 60px;
    height: 8vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .red_label, body#lp_dlc body#adventure .adventure-page-08 .area_name, body#adventure .adventure-page-08 body#lp_dlc .area_name {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#lp_dlc .red_label img, body#lp_dlc body#adventure .adventure-page-08 .area_name img, body#adventure .adventure-page-08 body#lp_dlc .area_name img {
  height: 100%;
}

body#lp_dlc .black_label {
  height: 47px;
  margin-bottom: 12px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_label {
    height: 47px;
    height: 6.26667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .black_label {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#lp_dlc .black_label img {
  height: 100%;
}

body#lp_dlc .mt0 {
  margin-top: 0 !important;
}

body#lp_dlc .mt12, body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt12 {
  margin-top: 12px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .mt12, body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt12 {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#lp_dlc .mt24, body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt24 {
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .mt24, body#lp_dlc .dlc-detail-box .dlc-detail-txt.mt24 {
    margin-top: 36px;
    margin-top: 4.8vw;
  }
}

body#lp_dlc .mb0 {
  margin-bottom: 0 !important;
}

body#lp_dlc .sec-end-mg {
  margin-bottom: 75px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .sec-end-mg {
    margin-bottom: 85px;
    margin-bottom: 11.33333vw;
  }
}

body#lp_dlc .ss-column-inner.wide {
  width: 50%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .ss-column-inner.wide {
    width: 100%;
  }
}

body#lp_dlc .sp-reverse {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .sp-reverse {
    flex-direction: column-reverse;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .sp-reverse {
    margin-top: 24px;
    margin-top: 3.2vw;
  }
}

body#lp_dlc .sp-reverse .sp-reverse-2 {
  margin-top: 0 !important;
  margin-bottom: 0px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .sp-reverse .sp-reverse-2 {
    margin-bottom: 24px;
    margin-bottom: 3.2vw;
  }
}

body#lp_dlc .dlc-page-07 .black_box, body#lp_dlc .dlc-page-07 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .dlc-page-07 .area_map {
  margin-bottom: 37px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .black_box, body#lp_dlc .dlc-page-07 body#adventure .adventure-page-08 .area_map, body#adventure .adventure-page-08 body#lp_dlc .dlc-page-07 .area_map {
    margin-bottom: 37px;
    margin-bottom: 4.93333vw;
  }
}

body#lp_dlc .dlc-page-07 .ss-column.center {
  justify-content: center;
}

body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
  margin-left: 5%;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner:nth-of-type(even) {
    margin-left: 0;
  }
}

body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner.double {
  padding-top: 61px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .ss-column.center .ss-column-inner.double {
    padding-top: 0;
  }
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp {
  width: 363px;
  display: block;
  transition: opacity 0.35s ease;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .btn_todeliveryhelp {
    width: 340px;
    width: 45.33333vw;
  }
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp img {
  width: 100%;
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp:hover {
  opacity: 0.7;
}

body#lp_dlc .dlc-page-07 .btn_todeliveryhelp.free {
  margin-right: 14px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .btn_todeliveryhelp.free {
    margin-right: 30px;
    margin-right: 4vw;
  }
}

body#lp_dlc .dlc-page-07 .red-txt {
  color: #ff0000;
}

body#lp_dlc .dlc-page-07 .red-under-line {
  border-bottom: 1px solid #f6da4a;
  font-size: 22px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .red-under-line {
    font-size: 2.93333vw;
  }
}

body#lp_dlc .dlc-page-07 .red-under-line img {
  height: 24px;
  width: auto;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .dlc-page-07 .red-under-line img {
    height: 30px;
    height: 4vw;
  }
}

body#lp_dlc .follow-box {
  background-color: transparent;
  width: 235px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box {
    width: 330px;
    width: 44vw;
  }
}

body#lp_dlc .follow-box .link_area .link_close {
  cursor: pointer;
  margin-left: auto;
  width: 30px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box .link_area .link_close {
    width: 30px;
    width: 4vw;
  }
}

body#lp_dlc .follow-box .link_area .to_xbox {
  margin-top: 10px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box .link_area .to_xbox {
    margin-top: 15px;
    margin-top: 2vw;
  }
}

body#lp_dlc .follow-box .follow-box-inner {
  margin-left: auto;
  padding-top: 5px;
  width: 50px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box .follow-box-inner {
    padding-top: 5px;
    padding-top: 0.66667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box .follow-box-inner {
    width: 50px;
    width: 6.66667vw;
  }
}

body#lp_dlc .follow-box .to-top img {
  width: 26px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc .follow-box .to-top img {
    width: 26px;
    width: 3.46667vw;
  }
}

body#lp section.top .top_box .logo_ryu7 {
  margin: auto;
  position: relative;
  top: 0vw;
  width: 32vw;
  height: auto;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    top: -7vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    width: 57vw;
  }
}

body#lp section.top .top_box .sale {
  width: 31vw;
  bottom: 0vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    width: 65vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    bottom: -63vw;
  }
}

body#lp_dlc section.top .top_box {
  width: 71%;
  padding-top: 1.6vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box {
    width: 51%;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box {
    padding-top: 5.4vw;
  }
}

body#lp_dlc section.top .top_box .to_top {
  position: relative;
  left: -0.6vw;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.top .top_box .to_top {
    left: -1vw;
  }
}

body#lp section.spec .spec_area .banner_box .banner {
  margin-top: -15px;
  margin-left: auto;
  margin-right: auto;
  width: 280px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    margin-top: 30px;
    margin-top: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .banner_box .banner {
    width: 320px;
    width: 42.66667vw;
  }
}

body#lp section.spec .spec_area .spec_box {
  margin-top: 0px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .spec_area .spec_box {
    margin-top: 90px;
    margin-top: 12vw;
  }
}

body#lp section.spec .digital_v_area .caption {
  margin-top: -26px;
  margin-left: -18px;
  width: 251px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    margin-top: -26px;
    margin-top: -3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    margin-left: -18px;
    margin-left: -2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .caption {
    width: 251px;
    width: 33.46667vw;
  }
}

body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
  width: 177px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.spec .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
    width: 177px;
    width: 23.6vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .caption {
  margin-top: -26px;
  margin-left: -18px;
  width: 251px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    margin-top: -26px;
    margin-top: -3.46667vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    margin-left: -18px;
    margin-left: -2.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .caption {
    width: 271px;
    width: 36.13333vw;
  }
}

body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
  width: 177px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc section.dlc .digital_v_area .dlc_area .edition_box.edition_box_1 .edition_caption {
    width: 177px;
    width: 23.6vw;
  }
}

.follow-box {
  bottom: 0;
}

body#lp_dlc .follow-box {
  z-index: 10;
  margin-bottom: 100px;
}

body#lp .follow-box {
  z-index: 10;
  margin-bottom: 100px;
}

body {
  position: relative;
}

body#lp header .header_wrapper .steam {
  margin-left: 30px;
  width: 83px;
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .steam {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp header .header_wrapper .steam {
    width: 83px;
    width: 11.06667vw;
  }
}

body#lp_dlc header .header_wrapper .steam {
  margin-left: 30px;
  width: 83px;
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .steam {
    margin-left: 30px;
    margin-left: 4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp_dlc header .header_wrapper .steam {
    width: 83px;
    width: 11.06667vw;
  }
}

body#lp section.top .kv {
  background-image: url(../images/inner/lp/kv.jpg?v2);
  height: 48.3vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .kv {
    background-image: url(../images/inner/lp/kv_sp.jpg);
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .kv {
    height: 128vw;
  }
}

body#lp section.top .top_box .logo_ryu7 {
  width: 30.4vw;
  height: auto;
  top: 0.2vw;
  left: 1.3vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    width: 61.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    height: auto;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    top: -6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .logo_ryu7 {
    left: 0vw;
  }
}

body#lp section.top .top_box .sale {
  bottom: -1.4vw;
  left: 2.7vw;
  width: 31.3vw;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    bottom: -66.6vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    left: -0.4vw;
  }
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .top_box .sale {
    width: 69.8vw;
  }
}

body#lp section.top .banner_area {
  bottom: -10px;
}

@media only screen and (max-width: 1000px) {
  body#lp section.top .banner_area {
    bottom: 0px;
    bottom: 0vw;
  }
}

.underline {
  border-bottom: 1px solid #fff;
}