@charset "UTF-8";
/* -------------------------------

COMMON

----------------------------------*/
.linkMonth {
  text-align: center;
}

.linkMonth li {
  display: inline-block;
  width: 40%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.linkMonth li a.linkBtn {
  width: auto;
}

.headTxt {
  text-align: center;
  font-weight: bold;
  color: #797979;
  font-size: 150%;
  padding: .5em 0 .8em;
}

.regulationCol {
  padding: 20px;
  border: solid 1px #797979;
  border-radius: 8px;
}

.regulationCol.ex3on3 {
  border: solid 1px #159708;
}

.regulationCol.exIndi {
  border: solid 1px #e15a63;
}

@media screen and (max-width: 999px) {
  .regulationCol {
    padding: 4vw;
  }
}

.prizeCol {
  text-align: center;
}

.prizeCol li {
  display: inline-block;
  margin-top: 10px;
  text-align: center;
  vertical-align: top;
}

.prizeCol li + li {
  margin-left: 40px;
}

.prizeCol li small {
  font-size: 80%;
}

.prizeCol li P {
  font-weight: bold;
}

.prizeCol li P.head {
  color: #797979;
  font-size: 150%;
}

.prizeCol li P .txtBackGold {
  display: inline-block;
}

.prizeCol li P .txtBackSilver {
  display: inline-block;
}

.prizeCol li P .txtBackCopper {
  display: inline-block;
}

.prizeCol li img + p {
  margin-top: 10px;
}

.areaListCol .master h5 {
  background-image: -webkit-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
  background-image: -ms-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
}

.areaListCol .master h6 {
  border-color: #6e7fad;
  background-image: -webkit-linear-gradient(180deg, #8594bb 0%, #abb7d0 100%);
  background-image: -ms-linear-gradient(180deg, #8594bb 0%, #abb7d0 100%);
  -webkit-box-shadow: 0px 5px 0px 0px #7682a0;
  box-shadow: 0px 5px 0px 0px #7682a0;
}

.areaListCol .master ul li a {
  background-color: #eff4ff;
  -webkit-box-shadow: 0px 5px 0px 0px #c5cbe0;
  box-shadow: 0px 5px 0px 0px #c5cbe0;
}

.areaListCol .junior h5 {
  background-image: -webkit-linear-gradient(180deg, red 0%, white 0%, #f63333 0%, #ff5252 100%);
  background-image: -ms-linear-gradient(180deg, red 0%, white 0%, #f63333 0%, #ff5252 100%);
}

.areaListCol .junior h6 {
  border-color: #ad6e7e;
  background-image: -webkit-linear-gradient(180deg, #bb858e 0%, #d0abb4 100%);
  background-image: -ms-linear-gradient(180deg, #bb858e 0%, #d0abb4 100%);
  -webkit-box-shadow: 0px 5px 0px 0px #a0767f;
  box-shadow: 0px 5px 0px 0px #a0767f;
}

.areaListCol .junior ul li a {
  background-color: #ffefef;
  -webkit-box-shadow: 0px 5px 0px 0px #e0c5c5;
  box-shadow: 0px 5px 0px 0px #e0c5c5;
}

.ruleCol {
  margin-top: 30px;
  color: #797979;
  font-size: 90%;
}

@media screen and (max-width: 999px) {
  .ruleCol {
    margin-top: 4vw;
    font-size: 3.5vw;
  }
}

.ruleCol .rulesNote {
  margin-top: 20px;
  border-top: 1px #DDD solid;
  padding-top: 20px;
}

@media screen and (max-width: 999px) {
  .ruleCol .rulesNote {
    margin-top: 6vw;
    padding-top: 6vw;
  }
}

.ruleCol .rulesNote li {
  margin-left: 1em;
  text-indent: -1em;
}

.ruleCol .rulesNote li + li {
  margin-top: 10px;
}

@media screen and (max-width: 999px) {
  .ruleCol .rulesNote li + li {
    margin-top: 2vw;
  }
}

.ruleCol .leadTxt {
  margin-top: 20px;
  line-height: 2;
  text-align: center;
  font-size: 16px;
}

@media screen and (max-width: 999px) {
  .ruleCol .leadTxt {
    margin-top: 4vw;
    font-size: 4vw;
  }
}

.ruleCol .rulePagesCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 999px) {
  .ruleCol .rulePagesCol {
    margin-top: 4vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.ruleCol .rulePagesCol li {
  position: relative;
  width: 90%;
  border: 1px #666 solid;
  border-radius: 4px;
}

.ruleCol .rulePagesCol li::before, .ruleCol .rulePagesCol li::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}

.ruleCol .rulePagesCol li::before {
  left: 20px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 10;
}

@media screen and (max-width: 999px) {
  .ruleCol .rulePagesCol li {
    padding: 3vw;
  }
  .ruleCol .rulePagesCol li::before {
    left: 4vw;
  }
  .ruleCol .rulePagesCol li + li {
    margin-top: 3.5vw;
  }
}

.ruleCol .rulePagesCol li a {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  text-align: center;
  color: #666;
  vertical-align: middle;
}

.ruleCol .rulePagesCol li a:link, .ruleCol .rulePagesCol li a:active, .ruleCol .rulePagesCol li a:visited {
  color: #666;
}

@media screen and (min-width: 1000px) {
  .ruleCol .rulePagesCol li a {
    padding: 15px;
  }
}

.ruleCol .rulePagesCol li a.newWindow::after {
  position: absolute;
  content: "";
  background: url(/images/common/ico_open_in_new.png) no-repeat center center;
  background-color: #888;
  width: 19px;
  height: 19px;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

@media screen and (max-width: 999px) {
  .ruleCol .rulePagesCol li a.newWindow::after {
    background-size: 4vw 4vw;
    width: 5.67vw;
    height: 5.67vw;
    right: 4vw;
  }
}

@media screen and (min-width: 1000px) {
  .ruleCol .rulePagesCol li {
    width: calc(100% / 3);
  }
  .ruleCol .rulePagesCol li + li {
    margin-left: 10px;
  }
  .ruleCol .rulePagesCol li:hover a {
    background: #666;
    color: #FFF;
  }
  .ruleCol .rulePagesCol li:hover a.newWindow::after {
    background-color: #666;
  }
  .ruleCol .rulePagesCol li:hover::before {
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
  }
}

.ruleCol .note {
  margin-top: 20px;
}

.newPrize {
  border: solid 2px #e47f7f;
  margin-top: 10px;
}

.newPrize .subHead {
  border: none;
  color: #fff;
  background: #e47f7f;
}

.newPrize .subHead:first-child {
  margin-top: 0;
}

.newPrize dd {
  padding: 10px;
}

.newPrize .prizeCol li {
  width: calc(100% / 6);
}

.newPrize .prizeCol li img {
  max-width: 100%;
}

.listPrize {
  border: solid 2px #86cef1;
  margin-top: 10px;
}

.listPrize .subHead {
  border: none;
  color: #fff;
  background: #86cef1;
}

.listPrize .subHead:first-child {
  margin-top: 0;
}

.listPrize dd {
  padding: 10px;
}

.listPrize dd txtCol {
  margin-top: 10px;
}

.listPrize .prizeCol li {
  width: calc(100% / 6);
}

.listPrize .prizeCol li img {
  max-width: 100%;
}

.programCol {
  position: relative;
  margin-bottom: 20px;
}

.programCol .programCont {
  position: absolute;
  top: 0;
  left: 0;
}

.programCol .programBox {
  overflow-x: scroll;
}

.sbCampaign {
  position: relative;
  margin: 40px auto;
  padding: 30PX;
  border-radius: 8px;
  background-image: -webkit-linear-gradient(0deg, #71a6ff 0%, #4c5ddc 100%);
  background-image: -ms-linear-gradient(0deg, #71a6ff 0%, #4c5ddc 100%);
  color: #FFF;
}

.sbCampaign .contBox {
  float: left;
  padding: 0 20px;
}

.sbCampaign .contBox h5 {
  font-size: 180%;
  font-weight: bold;
}

.sbCampaign .contBox p {
  font-size: 120%;
  padding: 20px 0 0;
}

.sbCampaign .month {
  float: left;
  border-radius: 50%;
  background-color: white;
  width: 114px;
  height: 114px;
  color: #71a6ff;
  font-weight: bold;
  font-size: 110%;
  text-align: center;
  line-height: 114px;
}

.sbCampaign .month.doubleLine {
  line-height: 37px;
  padding: 20px 0;
  height: 74px;
}

.sbCampaign span img {
  position: absolute;
  width: 140px;
  height: auto;
  top: -20px;
  right: 40px;
  transform: rotate(10deg);
  /* 2D回転 */
  -webkit-transform: rotate(10deg);
  /* 2D回転 */
  -moz-transform: rotate(10deg);
  /* 2D回転 */
  -webkit-box-shadow: 10px 10px 15px -10px #333;
  box-shadow: 10px 10px 15px -10px #333;
}

.sbCampaign .plize_double {
  position: absolute;
  height: auto;
  top: 20px;
  right: 50px;
}

.sbCampaign .plize_double .plize_01 {
  display: inline-block;
  transform: rotate(10deg);
  /* 2D回転 */
  -webkit-transform: rotate(10deg);
  /* 2D回転 */
  -moz-transform: rotate(10deg);
  /* 2D回転 */
  -webkit-box-shadow: 10px 10px 15px -10px #333;
  box-shadow: 10px 10px 15px -10px #333;
}

.sbCampaign .plize_double .plize_01 img {
  width: 90px;
}

.sbCampaign .plize_double .plize_02 {
  display: inline-block;
  transform: rotate(10deg);
  /* 2D回転 */
  -webkit-transform: rotate(10deg);
  /* 2D回転 */
  -moz-transform: rotate(10deg);
  /* 2D回転 */
  -webkit-box-shadow: 10px 10px 15px -10px #333;
  box-shadow: 10px 10px 15px -10px #333;
}

.sbCampaign .plize_double .plize_02 img {
  width: 90px;
}

.sbCampaign.nonrotate .contBox span img {
  width: 350px;
  height: auto;
  top: -20px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ttlPriezMonth.ruby {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #ff8b8b 0%, #f24545 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#ff8b8b), to(#f24545));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #ff8b8b 0%, #f24545 100%);
}

.sbCampaign.ruby {
  background-image: -webkit-gradient(linear, left top, right top, from(#ff8b8b), to(#f24545));
  background-image: -webkit-linear-gradient(left, #ff8b8b 0%, #f24545 100%);
  background-image: linear-gradient(90deg, #ff8b8b 0%, #f24545 100%);
  background-image: -webkit-linear-gradient(0deg, #ff8b8b 0%, #f24545 100%);
}

.sbCampaign.ruby .month {
  color: #ff8b8b;
}

.ttlPriezMonth.amethyst {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #e88bff 0%, #bd21f0 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#e88bff), to(#bd21f0));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #e88bff 0%, #bd21f0 100%);
}

.sbCampaign.amethyst {
  background-image: -webkit-gradient(linear, left top, right top, from(#e88bff), to(#bd21f0));
  background-image: -webkit-linear-gradient(left, #e88bff 0%, #bd21f0 100%);
  background-image: linear-gradient(90deg, #e88bff 0%, #bd21f0 100%);
  background-image: -webkit-linear-gradient(0deg, #e88bff 0%, #bd21f0 100%);
}

.sbCampaign.amethyst .month {
  color: #e88bff;
}

.ttlPriezMonth.emerald {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #4ecf4e 0%, #2faa2f 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#4ecf4e), to(#2faa2f));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #4ecf4e 0%, #2faa2f 100%);
}

.sbCampaign.emerald {
  background-image: -webkit-gradient(linear, left top, right top, from(#4ecf4e), to(#2faa2f));
  background-image: -webkit-linear-gradient(left, #4ecf4e 0%, #2faa2f 100%);
  background-image: linear-gradient(90deg, #4ecf4e 0%, #2faa2f 100%);
  background-image: -webkit-linear-gradient(0deg, #4ecf4e 0%, #2faa2f 100%);
}

.sbCampaign.emerald .month {
  color: #4ecf4e;
}

.ttlPriezMonth.diamond {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #cfd3dc 0%, #a1acc0 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#cfd3dc), to(#a1acc0));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #cfd3dc 0%, #a1acc0 100%);
}

.sbCampaign.diamond {
  background-image: -webkit-gradient(linear, left top, right top, from(#cfd3dc), to(#a1acc0));
  background-image: -webkit-linear-gradient(left, #cfd3dc 0%, #a1acc0 100%);
  background-image: linear-gradient(90deg, #cfd3dc 0%, #a1acc0 100%);
  background-image: -webkit-linear-gradient(0deg, #cfd3dc 0%, #a1acc0 100%);
}

.sbCampaign.diamond .month {
  color: #cfd3dc;
}

.ttlPriezMonth.topaz {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #ffd02c 0%, #da9000 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#ffd02c), to(#da9000));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #ffd02c 0%, #da9000 100%);
}

.sbCampaign.topaz {
  background-image: -webkit-gradient(linear, left top, right top, from(#ffd02c), to(#da9000));
  background-image: -webkit-linear-gradient(left, #ffd02c 0%, #da9000 100%);
  background-image: linear-gradient(90deg, #ffd02c 0%, #da9000 100%);
  background-image: -webkit-linear-gradient(0deg, #ffd02c 0%, #da9000 100%);
}

.sbCampaign.topaz .month {
  color: #ffd02c;
}

.ttlPriezMonth.sapphire {
  padding-top: 10px;
  color: #FFF;
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-linear-gradient(left, #71a6ff 0%, #4c5ddc 100%);
  background-image: url(../../images/common/conts_sttl_line-w.png), -webkit-gradient(linear, left top, right top, from(#71a6ff), to(#4c5ddc));
  background-image: url(../../images/common/conts_sttl_line-w.png), linear-gradient(to right, #71a6ff 0%, #4c5ddc 100%);
}

.sbCampaign.sapphire {
  background-image: -webkit-gradient(linear, left top, right top, from(#71a6ff), to(#4c5ddc));
  background-image: -webkit-linear-gradient(left, #71a6ff 0%, #4c5ddc 100%);
  background-image: linear-gradient(90deg, #71a6ff 0%, #4c5ddc 100%);
  background-image: -webkit-linear-gradient(0deg, #71a6ff 0%, #4c5ddc 100%);
}

.sbCampaign.sapphire .month {
  color: #71a6ff;
}

h4.ttlPriezMonth {
  position: relative;
}

h4.ttlPriezMonth .newIco {
  padding: 3px 8px;
  display: block;
  position: absolute;
  left: 47px;
  top: -7px;
  border: solid 2px #FFF;
  background: #ff3c3c;
  font-size: 65%;
  line-height: 1;
  font-weight: bold;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  h4.ttlPriezMonth .newIco {
    left: -3px;
  }
}

.term {
  padding: 10px;
  background: #a9b5cf;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
}

.chatch {
  margin-top: 20px;
  font-family: serif;
  font-weight: bold;
  font-size: 180%;
  color: #f24848;
  text-align: center;
}

/* -------------------------------

SHOP BATTLE INDEX

----------------------------------*/
.sbSchedule {
  width: 100%;
  margin-top: 40px;
  border: 2px #666 solid;
}

.sbSchedule th, .sbSchedule td {
  padding: 10px;
}

.sbSchedule th {
  width: 20%;
  background: #666;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px #999 solid;
}

.sbSchedule th + td {
  border-right: 1px #666 solid;
}

.sbSchedule th.cateSB {
  background: #2e99f1;
  border-right: 1px #666 solid;
  border-bottom: none;
}

.sbSchedule th.cateFB {
  background: #78ce44;
  border-bottom: none;
}

.sbSchedule td {
  border-bottom: 1px #999 dotted;
}

/* ====================
//コラボ系
======================= */
.eventInfo2Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.eventInfo2Col div:first-of-type {
  padding-right: 1em;
}

.eventInfo2Col div:nth-of-type(2) {
  background: #eff8ff;
  width: 100%;
}

.eventInfo2Col div:nth-of-type(2) h5 {
  background: #5caeff;
  text-align: center;
  padding: 0.5em 0;
  font-weight: bold;
  color: #fff;
}

.eventInfo2Col div:nth-of-type(2) p {
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.eventInfo2Col div:nth-of-type(2) ul {
  padding: 1em 0 1em 1em;
  line-height: 2;
}

.eventInfo2Col div:nth-of-type(2) ul .mb {
  margin-bottom: 1em;
}

h4 + .eventInfo2Col {
  margin-top: 0;
}

/* ====================
//バトラーズカップ　転醒杯
======================= */
@media screen and (max-width: 999px) {
  #tensei-cup .mvCol img {
    width: 70%;
    height: auto;
  }
}

#tensei-cup .impNotice .emphasis {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #tensei-cup .impNotice .emphasis {
    font-size: 100%;
    font-weight: bold;
  }
}

#tensei-cup .catchCenter.spadj {
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #tensei-cup .ttlPriezMonth + h4 {
    margin-top: 5.3vw;
  }
  #tensei-cup .prizeCol img {
    width: auto;
    height: 61.3vw;
  }
  #tensei-cup .conditionCol {
    width: 100%;
  }
  #tensei-cup .conditionCol th, #tensei-cup .conditionCol td {
    display: block;
    text-align: center;
  }
  #tensei-cup .conditionCol td {
    padding: 2.6vw;
  }
  #tensei-cup .conditionCol td .note {
    margin-top: 2.6vw;
    text-align: left;
  }
  #tensei-cup .conditionCol + .point {
    font-size: 3.5vw;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
  }
  #tensei-cup .linkBtn {
    font-size: 90%;
  }
}

/* -------------------------------

BS DAY SCHEDULE

----------------------------------*/
.bsdaySchedule {
  margin-top: 40px;
  border: 1px #efc6c6 solid;
}

.bsdaySchedule th, .bsdaySchedule td {
  padding: 10px;
  line-height: 2;
}

.bsdaySchedule th {
  background: #ff2626;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}

.bsdaySchedule tr {
  border-bottom: 1px #efc6c6 solid;
}

.bsdaySchedule tr:nth-child(even) {
  background: #ffe9e9;
}

.bsdaySchedule tr td:first-child {
  width: 10%;
  text-align: center;
}

.bsdaySchedule tr td:nth-child(2) {
  width: 30%;
  font-weight: bold;
  color: #ff2626;
}

.bsdaySchedule tr td:first-child, .bsdaySchedule tr td:nth-child(2) {
  border-right: 1px #efc6c6 dotted;
}

.bsdaySchedule tr td:nth-child(3) {
  width: 60%;
}

.bsdaySchedule tr td.cms {
  text-align: center;
}

.detail10thCol h5 {
  margin-top: 20px;
}

.detail10thCol table {
  width: 100%;
  margin: 20px auto;
}

.detail10thCol table tr th, .detail10thCol table tr td {
  width: 50%;
}

.detail10thCol table tr th {
  padding: 10px;
}

.detail10thCol table tr th:first-child {
  background: #5caeff;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  border-right: 2px #FFF solid;
}

.detail10thCol table tr th:nth-child(2) {
  background: #ff5c5c;
  color: #FFF;
  font-weight: bold;
  text-align: center;
}

.detail10thCol table tr td {
  padding: 20px 10px;
}

.detail10thCol table tr td:first-child {
  background: #eff7ff;
  border-right: 2px #FFF solid;
}

.detail10thCol table tr td:nth-child(2) {
  background: #EEE;
}

.detail10thCol table tr td ul {
  padding-left: 30px;
}

.detail10thCol table tr td ul li {
  list-style: disc;
}

.detail10thCol table tr td ul li + li {
  margin-top: 10px;
}

.conditionCol {
  margin: 20px auto;
  width: 100%;
}

.conditionCol th, .conditionCol td {
  padding: 8px;
}

@media screen and (max-width: 999px) {
  .conditionCol th, .conditionCol td {
    padding: 2.13333vw;
  }
}

.conditionCol th {
  width: 130px;
  background: #5caeff;
  text-align: center;
  color: #FFF;
  border-top: 2px #FFF solid;
  border-right: 2px #FFF solid;
}

@media screen and (max-width: 999px) {
  .conditionCol th {
    width: 18.66667vw;
  }
}

.conditionCol tr {
  background: #eff7ff;
  border-top: 2px #FFF solid;
}

.conditionCol.ruby th {
  background: #bc0000;
}

.conditionCol.ruby tr {
  background: #fbeeee;
}

.conditionCol.topaz th {
  background: #e9af3d;
}

.conditionCol.topaz tr {
  background: #fffce4;
}

.conditionCol.amethyst th {
  background: #d165e9;
}

.conditionCol.amethyst tr {
  background: #f6efff;
}

.conditionCol.mono th {
  background: #919191;
}

.conditionCol.mono tr {
  background: #f1f1f1;
}

.conditionCol ol.note_inBox {
  list-style-type: lower-roman;
  margin-left: 2em;
}

.conditionCol ol.note_inBox li + li {
  margin-top: 10px;
}

@media screen and (max-width: 999px) {
  .conditionCol ol.note_inBox {
    margin-left: 1em;
  }
  .conditionCol ol.note_inBox li + li {
    margin-top: 1.33333vw;
  }
}

.conditionCol .note_inBox_in {
  margin-left: 1.4em;
  text-indent: -1.3rem;
}

h5.stit {
  background-image: -webkit-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
  background-image: -ms-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
  position: relative;
  margin-top: 30px;
  padding: 7px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #FFF;
}

h5.stit:before {
  position: absolute;
  height: 50px;
  content: url(../../images/common/img_corner_l.png);
  top: 0;
  left: 0;
}

h5.stit:after {
  position: absolute;
  height: 50px;
  content: url(../../images/common/img_corner_r.png);
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 999px) {
  h5.stit {
    font-size: 4vw;
    margin-top: 6vw;
    padding: 2vw;
    background-image: url(../../images/common/img_corner_l.png), url(../../images/common/img_corner_r.png);
    background-position: left top, right bottom;
    background-repeat: no-repeat;
    background-color: #528bff;
    background-size: contain;
  }
  h5.stit:before, h5.stit:after {
    content: "";
  }
}

h5.stit .newIco {
  padding: 3px 8px;
  display: block;
  position: absolute;
  left: -3px;
  top: -7px;
  border: solid 2px #FFF;
  background: #ff3c3c;
  font-size: 65%;
  line-height: 1;
  font-weight: bold;
  color: #FFF;
}

h5.stit.ruby {
  background-image: -webkit-linear-gradient(180deg, #f24545 0%, #ff8b8b 100%);
  background-image: -ms-linear-gradient(180deg, #f24545 0%, #ff8b8b 100%);
}

h5.stit.diamond {
  background-image: -webkit-linear-gradient(180deg, #cfd3dc 0%, #a1acc0 100%);
  background-image: -ms-linear-gradient(180deg, #cfd3dc 0%, #a1acc0 100%);
}

h5.stit.mono {
  background-image: none;
  background-color: #363535;
}

.aboutCollabo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.aboutCollabo dt {
  padding-right: 1em;
}

.aboutCollabo dd {
  background: #eff8ff;
  width: 100%;
}

.aboutCollabo dd p {
  background: #5caeff;
  text-align: center;
  padding: 0.5em 0;
  font-weight: bold;
  color: #fff;
}

.aboutCollabo dd ul {
  padding: 1em 0 1em 1em;
  line-height: 2;
}

.aboutCollabo dd ul .mb {
  margin-bottom: 1em;
}

.kaiho-sai .mvCol.imgBox {
  position: relative;
  margin-top: 40px;
}

.treasurePackCol03 {
  display: table;
  position: absolute;
  top: 51.5%;
}

.treasurePackCol03:nth-of-type(2) {
  border-top: 1px #CCC solid;
  margin-top: 20px;
}

.treasurePackCol03 .packImg {
  display: table-cell;
  width: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.treasurePackCol03 .lineup {
  display: table-cell;
  width: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.treasurePackCol03 .lineup h6 {
  margin: 20px auto;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  .treasurePackCol03 .lineup h6 {
    margin: 2vw auto;
    font-size: 80%;
  }
}

.treasurePackCol03 .lineup ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: -.4em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 87%;
  margin: 0 auto;
}

.treasurePackCol03 .lineup ul li {
  display: inline-block;
  width: 24%;
  letter-spacing: normal;
  vertical-align: top;
  font-size: 90%;
}

@media screen and (max-width: 999px) {
  .treasurePackCol03 .lineup ul li {
    font-size: 60%;
  }
}

.treasurePackCol03 .lineup ul li img {
  width: 100%;
}

.treasurePackCol03 .lineup ul li p {
  text-align: center;
}

.treasurePackCol03 .lineup ul li + li {
  margin-left: 5px;
}

.treasurePackCol03 .lineup ul li a:link, .treasurePackCol03 .lineup ul li a:active, .treasurePackCol03 .lineup ul li a:visited {
  color: #5f73bd;
}

.treasurePackCol03 .lineup ul li a:hover, .treasurePackCol03 .lineup ul li a:focus {
  color: #a7b2db;
}

/* -------------------------------

daikaihousai-online

----------------------------------*/
#daikaihousai-online h3 {
  padding-top: 40px;
}

#daikaihousai-online h4 + .mvCol {
  margin-top: 20px;
}

#daikaihousai-online h5, #daikaihousai-online .boxEventDate {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px;
  background: black;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #ffc800;
}

#daikaihousai-online h5 span, #daikaihousai-online .boxEventDate span {
  display: block;
  font-size: 25px;
  color: #ff3535;
}

#daikaihousai-online .read {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.6;
  color: #000;
}

#daikaihousai-online .read_new {
  padding: 20px;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.6;
}

#daikaihousai-online .ex {
  color: #0073de;
  margin: 0 .1em;
}

#daikaihousai-online .movieCol {
  margin-top: 20px;
  margin-bottom: 30px;
}

#daikaihousai-online .textCenter {
  text-align: center;
}

#daikaihousai-online .attentionLink {
  display: block;
  clear: both;
  width: 95%;
  border: solid 7px red;
  padding: 10px;
  margin: 20px auto 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7600), to(#ff4701));
  background: -webkit-linear-gradient(top, #ff7600 0%, #ff4701 100%);
  background: linear-gradient(180deg, #ff7600 0%, #ff4701 100%);
  text-decoration: none;
  text-align: center;
  font-size: 200%;
  font-weight: bold;
  letter-spacing: normal;
  color: #FFF;
}

#daikaihousai-online .attentionLink:hover {
  background: #ff7200;
}

#daikaihousai-online .attentionBox {
  width: 95%;
  padding: 20px;
  margin: 20px auto 0;
  background-color: #bc0000;
  text-decoration: none;
  font-size: 140%;
  font-weight: bold;
  color: #FFF;
}

#daikaihousai-online .mvCol.imgBox {
  position: relative;
  margin-top: 40px;
}

#daikaihousai-online .imgBox + .note {
  margin-top: 40px;
}

#daikaihousai-online .linkBtn.entryBtn {
  margin-top: 40px;
  font-size: 130%;
  background-color: #ffa500;
  -webkit-box-shadow: 0px 4px 0px 0px #af754c;
  box-shadow: 0px 4px 0px 0px #af754c;
}

#daikaihousai-online .linkBtnClose.entryBtn {
  margin-top: 40px;
  font-size: 130%;
}

#daikaihousai-online .available {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 140%;
  font-weight: bold;
  color: #FFF;
}

#daikaihousai-online .available dt {
  width: 35%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #9e0202;
}

#daikaihousai-online .available dd {
  width: 65%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #bc0000;
}

#daikaihousai-online .available mark {
  font-size: 130%;
  background: none;
  color: #FFF;
}

#daikaihousai-online .attentionTxt {
  background: #ffaeaf;
}

#daikaihousai-online .impNote {
  font-size: 22px;
}

#daikaihousai-online .impNote02 {
  font-size: 22px;
  margin-top: 20px;
  margin-bottom: 30px;
}

#daikaihousai-online h4 + .btList {
  margin-top: 20px;
}

#daikaihousai-online .btList {
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
}

#daikaihousai-online .btList dt {
  padding: 15px;
  position: relative;
  color: #fff;
  z-index: 1;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
}

#daikaihousai-online .btList dt::before {
  content: "";
  position: absolute;
  width: 96.7%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#b9191c), to(#af2d00));
  background: -webkit-linear-gradient(left, #b9191c 0%, #af2d00 100%);
  background: linear-gradient(90deg, #b9191c 0%, #af2d00 100%);
  z-index: -1;
}

#daikaihousai-online .btList dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #af2d00;
}

#daikaihousai-online .btList dd {
  margin-top: 10px;
}

#daikaihousai-online .btList.addIcon {
  width: 88%;
  margin-left: auto;
}

#daikaihousai-online .btList.addIcon dt::after {
  border-width: 31px 0 30px 26.1px;
}

#daikaihousai-online .btList.addIcon .TitIco {
  position: absolute;
  top: 0;
  left: -100px;
  margin-top: 0;
}

#daikaihousai-online .btList.addIcon .TitIco img {
  width: 80px;
}

.mvCol + div.txtItemCatch {
  margin-top: 0;
}

.txtItemCatch {
  padding: 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #202020;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  .txtItemCatch {
    padding: 2.66667vw;
    font-size: 4.53333vw;
  }
}

.detailBg {
  padding: 30px;
  background: #000;
}

@media screen and (max-width: 999px) {
  .detailBg {
    padding: 5.33333vw;
  }
}

.detailBg h4 {
  margin-top: 40px;
  margin-bottom: 30px;
  background: url(../../images/common/conts_sttl_line-w.png) no-repeat bottom center;
  background-size: contain;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  .detailBg h4 {
    margin-top: 8vw;
    margin-bottom: 5.33333vw;
  }
}

.detailBg .decktableCol table {
  width: 100%;
  margin: 0 auto;
  font-size: 80%;
  border: 1px #666 solid;
}

@media screen and (max-width: 999px) {
  .detailBg .decktableCol table {
    width: 100%;
  }
}

@media screen and (max-width: 740px) {
  #daikaihousai-online .wrap1Col.adjust {
    font-size: 3.8vw;
  }
  #daikaihousai-online h3 {
    padding-top: 8%;
  }
  #daikaihousai-online h4 + .mvCol {
    margin-top: 3%;
  }
  #daikaihousai-online h4 {
    margin-top: 9%;
  }
  #daikaihousai-online h4.ttlPriezMonth {
    padding-top: 4%;
  }
  #daikaihousai-online h4 + .btList {
    margin-top: 5%;
  }
  #daikaihousai-online .btList {
    margin-top: 10%;
    margin-bottom: 5%;
  }
  #daikaihousai-online .btList dt {
    padding: 2%;
    font-size: 100%;
    overflow: hidden;
  }
  #daikaihousai-online .btList dt::before {
    width: 93%;
  }
  #daikaihousai-online .btList dt::after {
    border-width: 1.3em 0 1.2em 7vw;
  }
  #daikaihousai-online .btList dd {
    margin-top: 5%;
    font-size: 80%;
  }
  #daikaihousai-online .btList.addIcon {
    width: 100%;
  }
  #daikaihousai-online .btList.addIcon dt::after {
    border-width: 1.3em 0 1.2em 7vw;
  }
  #daikaihousai-online .btList.addIcon .TitIco {
    position: static;
    margin-top: 5%;
    text-align: center;
  }
  #daikaihousai-online .btList.addIcon .TitIco img {
    width: 80px;
  }
  #daikaihousai-online .boxEventDate {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 5%;
    font-size: 110%;
  }
  #daikaihousai-online .boxEventDate span {
    font-size: 80%;
  }
  #daikaihousai-online .pc {
    display: none;
  }
  #daikaihousai-online .linkBtn {
    margin-top: 4%;
    font-size: 3.5vw;
  }
  #daikaihousai-online .linkBtn.entryBtn {
    margin-top: 5%;
    font-size: 3.5vw;
  }
  #daikaihousai-online .linkBtnClose.entryBtn {
    margin-top: 5%;
    font-size: 3.5vw;
  }
  #daikaihousai-online .available {
    margin-top: 5%;
    display: block;
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
  }
  #daikaihousai-online .available dt {
    width: 100%;
    height: auto;
    padding: 4% 0;
    line-height: normal;
  }
  #daikaihousai-online .available dd {
    width: 100%;
    height: auto;
    padding: 4% 0;
    line-height: normal;
  }
  #daikaihousai-online .available mark {
    font-size: 110%;
    background: none;
    color: #FFF;
  }
  #daikaihousai-online h5 {
    font-size: 24px;
  }
  #daikaihousai-online .read {
    font-size: 90%;
  }
  #daikaihousai-online .ex {
    color: #0073de;
    margin: 0 .1em;
  }
  #daikaihousai-online .textCenter {
    text-align: left;
  }
  #daikaihousai-online .attentionLink {
    width: 90%;
    font-size: 95%;
    padding: 5%;
  }
  #daikaihousai-online .attentionBox {
    width: 90%;
    font-size: 95%;
    padding: 5%;
  }
  #daikaihousai-online .mvCol.imgBox {
    margin-top: 20px;
  }
  #daikaihousai-online .imgBox + .note {
    margin-top: 5%;
  }
  #daikaihousai-online .catchCenter {
    font-size: 95%;
    padding: 2% 0;
  }
  #daikaihousai-online .impNote {
    font-size: 98%;
  }
  #daikaihousai-online .impNote02 {
    font-size: 98%;
    margin-top: 5%;
    margin-bottom: 3%;
  }
}

/* -------------------------------
kaihousai2022
----------------------------------*/
#kaihousai2022 .csNavi {
  width: 100%;
  display: table;
  margin: 20px auto;
}

#kaihousai2022 .csNavi li {
  width: 14%;
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
}

#kaihousai2022 .csNavi li a {
  display: block;
}

#kaihousai2022 .csNavi li a.none {
  color: #d4d4d4;
}

#kaihousai2022 .csNavi li a.none:hover {
  background: #fff;
  color: #d4d4d4;
}

#kaihousai2022 .csNavi li.current a {
  background: #ff5200;
  color: #FFF;
}

#kaihousai2022 .csNavi li a:hover {
  background: #ff5200;
  color: #FFF;
}

#kaihousai2022 .kaihousaiDateCol dt {
  margin-top: 30px;
  font-size: 120%;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .resultlist th {
    width: 25%;
  }
  #kaihousai2022 .kaihousaiDateCol dt {
    margin-top: 4vw;
    font-size: 105%;
  }
  #kaihousai2022 .prizeCol img {
    width: auto;
    height: 61.3vw;
  }
  #kaihousai2022 .conditionCol {
    width: 100%;
  }
  #kaihousai2022 .conditionCol th, #kaihousai2022 .conditionCol td {
    display: block;
    text-align: center;
  }
  #kaihousai2022 .conditionCol td {
    padding: 2.6vw;
  }
  #kaihousai2022 .conditionCol td .note {
    margin-top: 2.6vw;
    text-align: left;
  }
  #kaihousai2022 .conditionCol + .point {
    font-size: 3.5vw;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
  }
}

/* -------------------------------

CS 2019
----------------------------------*/
.p19-20 {
  font-size: 90%;
}

/* -------------------------------

CS 3on3

----------------------------------*/
.csNavi {
  margin: 20px auto;
  letter-spacing: -0.4em;
  text-align: center;
}

.csNavi li {
  display: inline-block;
  letter-spacing: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.csNavi li + li {
  border-left: 1px #cecece solid;
}

.csNavi li.close {
  padding: 10px 8px;
  color: #e6e2dc;
}

.csNavi li a {
  display: block;
  width: auto;
  padding: 10px 8px;
  text-decoration: none;
}

.csNavi li a.none {
  color: #d4d4d4;
}

.csNavi li a.none:hover {
  background: #fff !important;
  color: #d4d4d4;
}

.csFooterCol {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px #DDD dotted;
  text-align: center;
  color: #666;
}

.csFooterCol dt {
  padding: 10px;
  font-weight: bold;
  font-size: 100%;
}

.csFooterCol.is2022 dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.csFooterCol.is2022 dt span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media screen and (max-width: 999px) {
  .csFooterCol.is2022 dt span {
    padding-left: 3%;
    padding-right: 3%;
  }
}

.csFooterCol.is2022 small {
  line-height: 1;
}

@media screen and (max-width: 999px) {
  .csFooterCol.is2022 small {
    padding-left: 3%;
    padding-right: 3%;
  }
}

.themeHead {
  padding-bottom: 30px;
  background: -webkit-linear-gradient(top, #ffffff 50%, #eaeaea 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), to(#eaeaea));
  background: linear-gradient(to bottom, #ffffff 50%, #eaeaea 100%);
}

.themeHead + .wrap1Col .mvCol {
  margin-top: 10px;
}

.attention_cs2020 {
  background: #bf2626;
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  color: #FFF;
}

.attention_cs2020 + ul {
  margin-top: 20px;
}

.attention_cs2020 span {
  display: inline-block;
}

@media screen and (max-width: 740px) {
  .attention_cs2020 {
    font-size: 100%;
  }
}

.subHead {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  border: 3px #CCC solid;
  color: #666;
}

.subHead + ul {
  margin-top: 20px;
}

.listOrder {
  margin-top: 20px;
  font-weight: bold;
  font-size: 120%;
}

.listOrder li {
  text-indent: -2em;
  margin-left: 2em;
  color: #ffa500;
}

.listOrder li + li {
  margin-top: 20px;
}

.listOrder span {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background-color: #ffbc00;
  text-align: center;
  line-height: 30px;
  font-weight: normal;
  text-indent: 0;
}

.listOrder .note {
  font-weight: normal;
  font-size: 90%;
  color: #333;
}

.listOrder .note li {
  text-indent: -1em;
  margin: 0;
  color: #333;
}

.listOrder .note li + li {
  margin: 0;
}

.timeLimit {
  margin-top: 20px;
  padding: 30px;
  border: 2px #ffbc00 solid;
}

.timeLimit h5 {
  font-size: 130%;
  font-weight: bold;
  color: #ffbc00;
}

.useCard {
  margin-top: 20px;
}

.useCard dt {
  padding: 10px;
  background: #ffbc00;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}

.useCard dd {
  padding: 10px;
}

.useCard dd li {
  font-weight: bold;
}

.entryTerm th, .entryTerm td {
  padding: 10px 20px;
  color: #666;
  border-top: 2px #FFF solid;
}

.entryTerm th {
  background: #DDD;
}

.attn {
  padding: 20px;
  background: #bf2626;
  font-size: 120%;
  font-weight: bold;
  color: #FFF;
}

.attn strong {
  color: #ffeb3b;
}

#cs20183on3 .csNavi li {
  width: 20%;
}

#cs20183on3 .csNavi li.current a {
  background: #66c8f7;
  color: #FFF;
}

#cs20183on3 .csNavi li a:hover {
  background: #66c8f7;
  color: #FFF;
}

#cs20183on3 .cs3on3FinalAd {
  background: #83abce;
  border-radius: 8px;
  margin-top: 40px;
  padding: 15px;
}

#cs20183on3 .cs3on3FinalAd h4 {
  margin-top: 0;
  background: url(../../images/common/conts_sttl_line-w.png) no-repeat bottom center;
  color: #FFF;
  text-shadow: 0px 0px 10px #73dfff, 0px 0px 20px #bfe5ff;
}

#cs20183on3 .cs3on3FinalAd ul {
  background: #FFF;
  padding: 20px;
  font-size: 120%;
}

#cs20183on3 .cs3on3FinalAd ul li {
  color: #333;
  font-weight: bold;
}

#cs20183on3 .cs3on3FinalAd ul li span {
  display: inline-block;
  width: 100px;
  background: #acc9de;
  text-align: center;
  padding: 8px;
  color: #FFF;
  font-weight: normal;
  margin-left: 10px;
}

#cs20183on3 .cs3on3FinalAd ul li + li {
  margin-top: 5px;
}

#cs2018 .linkBtn {
  margin: 20px auto;
}

#cs2018 .eventDetail table {
  margin-top: 20px;
}

#cs2018 .eventDetail table th, #cs2018 .eventDetail table td {
  padding: 10px;
  font-size: 120%;
}

#cs2018 .eventDetail table th {
  background: #d8e6ff;
}

#cs2018 .eventDetail table th.list-name {
  text-align: center;
  font-size: 130%;
  background: #72a3ff;
  color: #FFF;
}

#cs2018 .csNavi li {
  width: 33%;
}

#cs2018 .csNavi li.current a {
  background: #66c8f7;
  color: #FFF;
}

#cs2018 .csNavi li a:hover {
  background: #66c8f7;
  color: #FFF;
}

#cs2018 .cs2018FinalAd {
  background: #D6AE04;
  margin-top: 40px;
  padding: 15px;
}

#cs2018 .cs2018FinalAd h4 {
  margin-top: 0;
  padding: 0 30px 20px;
  color: #FFF;
  text-shadow: 0px 0px 10px #ECD309, 0px 0px 20px #FFFA82;
  background: url(../../images/common/conts_sttl_line-w.png) no-repeat bottom center;
}

#cs2018 .cs2018FinalAd ul {
  margin-top: 15px;
  background: #FFF;
  padding: 20px;
  font-size: 120%;
}

#cs2018 .cs2018FinalAd ul li {
  color: #333;
  font-weight: bold;
}

#cs2018 .cs2018FinalAd ul li span {
  display: inline-block;
  width: 100px;
  background: #E9C53E;
  text-align: center;
  padding: 8px;
  color: #FFF;
  font-weight: normal;
  margin-right: 10px;
}

#cs2018 .cs2018FinalAd ul li + li {
  margin-top: 5px;
}

#report .repListCol {
  margin-top: 20px;
}

#report .repListCol li {
  border-bottom: 1px #DDD solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #EEE;
}

#report .repListCol li + li {
  margin-top: 10px;
}

#report .repListCol li span {
  display: inline-block;
  width: 15%;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
}

#report .repListCol li a {
  display: inline-block;
  width: 85%;
  padding: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  background: #FFF;
}

#report .repListCol li a:link, #report .repListCol li a:active, #report .repListCol li a:visited {
  color: #333;
}

#report .repListCol li a:hover {
  color: #FFF;
  background: #ccdaff;
}

#report h4 + img {
  margin-top: 20px;
}

#report .rpCatch {
  padding: 10px 40px;
  color: #FFF;
  font-weight: 700;
  text-shadow: 0 0 25px #ffeb3b, 
 0 0 20px #ffeb3b, 
 0 0 0.40px #ffeb3b;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffe500 10%, #ffaa00 20%, #ffaa00 80%, #ffe500 90%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(10%, #ffe500), color-stop(20%, #ffaa00), color-stop(80%, #ffaa00), color-stop(90%, #ffe500), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffe500 10%, #ffaa00 20%, #ffaa00 80%, #ffe500 90%, rgba(255, 255, 255, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */
}

#report .deckCol {
  width: 100%;
  margin: 10px auto 40px;
}

#report .deckCol tr {
  border-bottom: 2px #FFF solid;
}

#report .deckCol tr:first-child td {
  background: #ffd1d1;
}

#report .deckCol tr:nth-child(2) td {
  background: #ffcd99;
}

#report .deckCol tr:nth-child(3) td {
  background: #ffe099;
}

#report .deckCol th {
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

#report .deckCol th.leader {
  background: #ff3838;
}

#report .deckCol th.member1 {
  background: #ff8100;
}

#report .deckCol th.member2 {
  background: #ffb100;
}

#report .deckCol td {
  padding: 10px;
}

#report .deckCol td a.linkBtn {
  margin: auto;
}

#report .deckCol td a.linkBtn.battlemov {
  background: #5a89e1;
  -webkit-box-shadow: 0px 4px 0px 0px #2154b4;
  box-shadow: 0px 4px 0px 0px #2154b4;
}

#report .teamname {
  width: auto;
  padding: 10px;
  background: #EEE;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #333;
}

#report.reportCS3on3Final #wrapCol {
  background: #111;
}

#report.reportCS3on3Final #wrapCol h3, #report.reportCS3on3Final #wrapCol h4 {
  color: #FFF;
}

#report.reportCS3on3Final #wrapCol .txtCol {
  color: #FFF;
}

#report.reportCS3on3Final #wrapCol .rpCatch {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, #93781d 10%, #d3a328 20%, #d3a328 80%, #93781d 90%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, #93781d), color-stop(20%, #d3a328), color-stop(80%, #d3a328), color-stop(90%, #93781d), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #93781d 10%, #d3a328 20%, #d3a328 80%, #93781d 90%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 );
  /* IE6-9 */
}

#report.reportCS3on3Final #wrapCol .deckCol tr {
  border-bottom: 2px #111 solid;
}

#report.reportCS3on3Final #wrapCol .deckCol tr:first-child td {
  background: #e2b753;
}

#report.reportCS3on3Final #wrapCol .deckCol tr:nth-child(2) td {
  background: #e2b753;
}

#report.reportCS3on3Final #wrapCol .deckCol tr:nth-child(3) td {
  background: #e2b753;
}

#report.reportCS3on3Final #wrapCol .deckCol th {
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}

#report.reportCS3on3Final #wrapCol .deckCol th.leader {
  background: #c3972f;
}

#report.reportCS3on3Final #wrapCol .deckCol th.member1 {
  background: #c3972f;
}

#report.reportCS3on3Final #wrapCol .deckCol th.member2 {
  background: #c3972f;
}

/* ====================
//バトラーズカップ　2022
======================= */
#bc2022 .pcCenter_spLeft {
  text-align: center;
}

@media screen and (max-width: 999px) {
  #bc2022 .pcCenter_spLeft {
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
  }
}

#bc2022 .emphasis {
  font-size: 18px;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #bc2022 .emphasis {
    font-size: 100%;
    font-weight: bold;
  }
}

@media screen and (max-width: 999px) {
  #bc2022 .ttlPriezMonth + h4 {
    margin-top: 5.3vw;
  }
  #bc2022 .prizeCol img {
    width: auto;
    height: 61.3vw;
  }
  #bc2022 .conditionCol {
    width: 100%;
  }
  #bc2022 .conditionCol th, #bc2022 .conditionCol td {
    display: block;
    text-align: center;
  }
  #bc2022 .conditionCol td {
    padding: 2.6vw;
  }
  #bc2022 .conditionCol td .note {
    margin-top: 2.6vw;
    text-align: left;
  }
  #bc2022 .conditionCol + .point {
    font-size: 3.5vw;
    text-align: left;
    text-indent: -1em;
    margin-left: 1em;
  }
}

#gf23-24 .prizeCol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
}

#gf23-24 .prizeCol li + li {
  margin-left: 0;
}

/* -------------------------------

CS2022

----------------------------------*/
@media screen and (max-width: 999px) {
  #cs2022 #content {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 999px) {
  #cs2022 .conditionCol {
    margin-top: 2vw;
    font-size: 3vw;
  }
}

#cs2022 #wrapper.end .endTxt {
  top: 260px;
}

#cs2022 .csNavi {
  width: 100%;
  display: table;
  margin: 20px auto;
}

#cs2022 .csNavi li {
  width: 16%;
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  position: relative;
}

#cs2022 .csNavi li a {
  background: #66c8f7;
  color: #FFF;
  display: block;
  font-size: 110%;
}

#cs2022 .csNavi li a.none {
  color: #d4d4d4;
}

#cs2022 .csNavi li a.none:hover {
  background: #fff;
  color: #d4d4d4;
}

#cs2022 .csNavi li.current a {
  background: #FFAE00;
  color: #FFF;
}

#cs2022 .csNavi li.close {
  padding: 10px 8px;
  color: #e6e2dc;
}

#cs2022 .csNavi li a:hover {
  background: #FFAE00;
  color: #FFF;
}

#cs2022 .prizeCol_core div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 362px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 999px) {
  #cs2022 .prizeCol_core div {
    display: inline-block;
    min-height: auto;
  }
  #cs2022 .prizeCol_core div img {
    width: 100%;
  }
}

#cs2022 .shopItemCol {
  background: #f2f2f2;
  padding: 30px;
}

@media screen and (max-width: 999px) {
  #cs2022 .shopItemCol {
    padding: 5.33333vw;
  }
}

#cs2022 .shopItemCol dt {
  border-bottom: 1px #dddddd solid;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #cs2022 .shopItemCol dt {
    font-size: 3.73333vw;
  }
}

#cs2022 .shopItemCol .itemName {
  font-size: 24px;
}

@media screen and (max-width: 999px) {
  #cs2022 .shopItemCol .itemName {
    font-size: 4.53333vw;
  }
}

#cs2022 .shopItemCol dd {
  padding-top: 15px;
  margin-bottom: 30px;
  font-size: 20px;
}

#cs2022 .shopItemCol dd:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 999px) {
  #cs2022 .shopItemCol dd {
    padding-top: 2.66667vw;
    margin-bottom: 4vw;
    font-size: 4.26667vw;
  }
}

#cs2022 .shopItemCol .note, #cs2022 .shopItemCol .point {
  margin-top: 15px;
  font-size: 16px;
}

@media screen and (max-width: 999px) {
  #cs2022 .shopItemCol .note, #cs2022 .shopItemCol .point {
    font-size: 3.73333vw;
  }
}

#cs2022 .shopItemCol .note .point {
  margin: 0;
}

#cs2022 .shopItemCol .noticeTxt {
  margin-top: 15px;
  color: #F00;
  font-weight: bold;
}

/* ===============================================
   SP
=============================================== */
@media screen and (max-width: 999px) {
  .catchCenter {
    font-size: 6vw;
  }
  .catchCenter.spadj {
    font-size: 4.8vw;
    padding: 2.66667vw 0;
  }
  .subHead {
    font-size: 3.5vw;
  }
  .prizeCol li {
    width: 100%;
  }
  .prizeCol li img {
    width: 50%;
  }
  .prizeCol li:nth-of-type(1) li {
    display: block;
    margin: 10px auto 0;
  }
  .prizeCol li + li {
    margin-left: 5px;
  }
  .prizeCol li P {
    margin-top: 10px;
    font-weight: normal;
    font-size: 90%;
  }
  .prizeCol li P.head {
    color: #797979;
    font-size: 100%;
  }
  .prizeCol.wide li {
    width: 80%;
  }
  .prizeCol.wide li img {
    width: 100%;
  }
  .prizeCol.spprize li {
    width: 80%;
  }
  .sbCampaign {
    position: relative;
    width: 80%;
    padding: 20px 10px;
    text-align: center;
  }
  .sbCampaign .contBox {
    float: none;
    padding: 0 20px;
  }
  .sbCampaign .contBox h5 {
    padding: 10px 0 0;
    font-size: 5.6vw;
    font-weight: bold;
  }
  .sbCampaign .contBox p {
    font-size: 100%;
    padding: 10px 0 0;
    text-align: left;
  }
  .sbCampaign .month {
    float: none;
    display: inline-block;
    border-radius: 50%;
    color: #71a6ff;
    font-weight: bold;
    font-size: 120%;
    text-align: center;
  }
  .sbCampaign .month.doubleLine {
    line-height: 10vw;
    padding-top: 10%;
    height: 90%;
    width: 45%;
  }
  .sbCampaign span img {
    position: absolute;
    width: 80px;
    height: auto;
    top: -20px;
    right: -20px;
  }
  .sbCampaign.spE h5 {
    text-align: left;
  }
  .ruleCol {
    margin-top: 20px;
    padding: 0 10px;
  }
  .ruleCol .note {
    margin-top: 20px;
    font-size: 90%;
  }
  .detail10thCol h5 img {
    width: 100%;
  }
  .eventInfo2Col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5%;
  }
  .eventInfo2Col div:first-of-type {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .eventInfo2Col div:first-of-type img {
    width: 50%;
  }
  .eventInfo2Col div:nth-of-type(2) {
    margin-top: 1em;
  }
  .eventInfo2Col div:nth-of-type(2) h5 {
    font-size: 90%;
  }
  .eventInfo2Col div:nth-of-type(2) ul {
    padding: 1em;
    font-size: 80%;
  }
  .eventInfo2Col .note {
    text-indent: -0.9rem;
  }
  .sbCampaign.nonrotate {
    margin: 50px auto;
  }
  .sbCampaign.nonrotate .contBox span img {
    position: absolute;
    width: 150px;
    height: auto;
    top: -50px;
    right: -25px;
  }
  .prizeCol.sp1Col li {
    width: 100%;
  }
  .prizeCol.sp1Col li img {
    width: 50%;
  }
  .prizeCol.sp1Col:nth-of-type(1) li {
    display: block;
    margin: 10px auto 0;
  }
  .areaListCol ul li {
    width: 100%;
  }
  .shoplist tr td span {
    margin: 10px 5px 0 20px;
  }
  .detail3on3 {
    padding: 10px;
    background: #b9221b;
    color: #FFF;
  }
  .detail3on3 strong {
    color: #FF0;
  }
  .detail3on3 .txtCol {
    float: none;
    width: auto;
  }
  .detail3on3 .mvCol {
    float: none;
    width: 50%;
    margin: auto;
  }
  .listOrder li img {
    width: 100%;
    height: auto;
  }
  .entryTerm {
    width: 100%;
  }
  .entryTerm th, .entryTerm td {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .timeLimit {
    padding: 20px 10px;
  }
  #cs2018 .csNavi,
  #cs20183on3 .csNavi {
    text-align: center;
  }
  #cs2018 .csNavi li,
  #cs20183on3 .csNavi li {
    width: 20%;
    margin: auto 1%;
    border-bottom: 2px solid;
    font-size: 90%;
  }
  #cs2018 .csNavi li:first-child,
  #cs20183on3 .csNavi li:first-child {
    width: 30%;
  }
  #cs2018 .csNavi li:nth-child(n + 3),
  #cs20183on3 .csNavi li:nth-child(n + 3) {
    margin-top: 10px;
  }
  #cs2018 .csNavi li + li,
  #cs20183on3 .csNavi li + li {
    border-left: none;
  }
  #cs2018 .cs3on3FinalAd ul,
  #cs2018 .cs2018FinalAd ul,
  #cs20183on3 .cs3on3FinalAd ul,
  #cs20183on3 .cs2018FinalAd ul {
    padding: 10px;
  }
  #cs2018 .cs3on3FinalAd ul li,
  #cs2018 .cs2018FinalAd ul li,
  #cs20183on3 .cs3on3FinalAd ul li,
  #cs20183on3 .cs2018FinalAd ul li {
    text-align: center;
  }
  #cs2018 .cs3on3FinalAd ul li span,
  #cs2018 .cs2018FinalAd ul li span,
  #cs20183on3 .cs3on3FinalAd ul li span,
  #cs20183on3 .cs2018FinalAd ul li span {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.prizelist2Col .prizeCol + .prizeCol {
  border-top: 1px #CCC solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 0 0;
  margin: 20px 0 0;
}

.prizelist2Col .prizeCol img {
  padding: 8px 0;
}

h5.bc2018tit {
  background-image: -webkit-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
  background-image: -ms-linear-gradient(180deg, #3373f6 0%, #528bff 100%);
  position: relative;
  margin-top: 30px;
  padding: 7px;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #FFF;
}

h5.bc2018tit:before {
  position: absolute;
  height: 50px;
  content: url(../../images/common/img_corner_l.png);
  top: 0;
  left: 0;
}

h5.bc2018tit:after {
  position: absolute;
  height: 50px;
  content: url(../../images/common/img_corner_r.png);
  bottom: 0;
  right: 0;
}

.battlestyle {
  padding: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
}

@media screen and (max-width: 999px) {
  .prizeCol.mv li {
    width: 100%;
  }
  .battlestyle {
    padding: 5.3vw;
    font-size: 4.5vw;
  }
}

.ultramanCollab .prizeCol small {
  font-size: 90%;
}

.ultramanCollab .wrap1ColInner h4 {
  background: none;
  color: #202020;
  margin-top: 20px;
}

.ultramanCollab .wrap1ColInner dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ultramanCollab .wrap1ColInner dl dt {
  padding-right: 1em;
}

.ultramanCollab .wrap1ColInner dl dd {
  background: #eff8ff;
  width: 100%;
}

.ultramanCollab .wrap1ColInner dl dd h5 {
  background: #5caeff;
  text-align: center;
  padding: 0.5em 0;
  font-weight: bold;
  color: #fff;
}

.ultramanCollab .wrap1ColInner dl dd ul {
  padding: 1em 0 1em 1em;
  line-height: 2;
}

.ultramanCollab .wrap1ColInner dl dd ul .mb {
  margin-bottom: 1em;
}

.ultramanCollab .sbCampaign .contBox span img {
  width: 350px;
  height: auto;
  top: -20px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 999px) {
  .ultramanCollab .wrap1ColInner dl {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .ultramanCollab .wrap1ColInner dl dt {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .ultramanCollab .wrap1ColInner dl dt img {
    width: 50%;
  }
  .ultramanCollab .wrap1ColInner dl dd {
    margin-top: 1em;
  }
  .ultramanCollab .wrap1ColInner dl dd ul {
    padding: 1em;
  }
  .ultramanCollab .prizeCol small {
    font-size: 80%;
  }
  .ultramanCollab .prizeCol li {
    display: block;
    width: 100%;
  }
  .ultramanCollab .prizeCol li img {
    width: 50%;
  }
  .ultramanCollab .prizeCol:nth-of-type(1) li {
    display: block;
    margin: 10px auto 0;
  }
  .ultramanCollab .sbCampaign {
    margin: 50px auto;
  }
  .ultramanCollab .sbCampaign .contBox span img {
    position: absolute;
    width: 150px;
    height: auto;
    top: -50px;
    right: -25px;
  }
  .ultramanCollab .conditionCol {
    text-align: center;
    font-size: 200%;
    margin-top: 20px;
  }
  .ultramanCollab .conditionCol th {
    display: block;
  }
  .ultramanCollab .conditionCol td {
    display: block;
  }
}

.treasurePackCol {
  display: table;
}

.treasurePackCol .packImg {
  display: table-cell;
  width: 20%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

.treasurePackCol .lineup {
  display: table-cell;
  width: 80%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.treasurePackCol .lineup h6 {
  margin: 20px auto;
  text-align: center;
  font-size: 120%;
  font-weight: bold;
}

.treasurePackCol .lineup ul {
  letter-spacing: -.4em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.treasurePackCol .lineup ul li {
  display: inline-block;
  width: 24%;
  letter-spacing: normal;
  vertical-align: top;
  font-size: 90%;
}

.treasurePackCol .lineup ul li img {
  width: 100%;
}

.treasurePackCol .lineup ul li p {
  text-align: center;
}

.treasurePackCol .lineup ul li + li {
  margin-left: 5px;
}

.treasurePackCol .lineup ul li a:link, .treasurePackCol .lineup ul li a:active, .treasurePackCol .lineup ul li a:visited {
  color: #5f73bd;
}

.treasurePackCol .lineup ul li a:hover, .treasurePackCol .lineup ul li a:focus {
  color: #a7b2db;
}

@media screen and (max-width: 999px) {
  .treasurePackCol {
    display: block;
  }
  .treasurePackCol:nth-of-type(2) {
    margin-top: 5%;
    padding-top: 5%;
  }
  .treasurePackCol .packImg {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
  }
  .treasurePackCol .packImg img {
    width: 50%;
    height: auto;
  }
  .treasurePackCol .lineup {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .treasurePackCol .lineup h6 {
    margin: 20px auto;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
  }
  .treasurePackCol .lineup ul li {
    display: inline-block;
    width: 23%;
  }
  .treasurePackCol .lineup ul li img {
    width: 100%;
  }
  .treasurePackCol .lineup ul li p {
    text-align: center;
  }
}

#lobby #wrapCol a:not([class]):link, #lobby #wrapCol a:not([class]):active, #lobby #wrapCol a:not([class]):visited, #lobby #wrapCol .linkTxt:link, #lobby #wrapCol .linkTxt:active, #lobby #wrapCol .linkTxt:visited {
  color: #427dff;
}

#lobby #wrapCol a:not([class]):hover, #lobby #wrapCol a:not([class]):focus, #lobby #wrapCol .linkTxt:hover, #lobby #wrapCol .linkTxt:focus {
  color: #a8c3ff;
}

@media screen and (max-width: 999px) {
  #lobby .linkBtn {
    font-size: 90%;
  }
}

#lobby .mustReadCol {
  margin-top: 60px;
  padding: 20px 0 40px;
  background: #202020;
  position: relative;
}

#lobby .mustReadCol::before, #lobby .mustReadCol::after {
  content: '';
  width: 30px;
  height: 30px;
  position: absolute;
}

#lobby .mustReadCol::before {
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  top: 5px;
  left: 5px;
}

#lobby .mustReadCol::after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  bottom: 5px;
  right: 5px;
}

@media screen and (max-width: 999px) {
  #lobby .mustReadCol {
    margin-top: 10.66667vw;
    padding: 8vw 0;
  }
}

#lobby .mustReadCol dt {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #fffa8a;
}

@media screen and (max-width: 999px) {
  #lobby .mustReadCol dt {
    font-size: 4.53333vw;
  }
}

#lobby .mustReadCol dd {
  text-align: center;
  padding-top: 20px;
}

@media screen and (max-width: 999px) {
  #lobby .mustReadCol dd {
    padding-top: 2.66667vw;
  }
}

#lobby .mustReadCol dd a.link_txt {
  font-size: 20px;
  color: #FFF;
}

#lobby .mustReadCol dd a.link_txt:link, #lobby .mustReadCol dd a.link_txt:active, #lobby .mustReadCol dd a.link_txt:visited {
  color: #FFED00;
}

#lobby .mustReadCol dd a.link_txt:hover, #lobby .mustReadCol dd a.link_txt:focus {
  color: #fff466;
}

@media screen and (max-width: 999px) {
  #lobby .mustReadCol dd a.link_txt {
    margin-top: 2.66667vw;
    font-size: 4.26667vw;
  }
}

@media screen and (min-width: 1000px) {
  #lobby .mustReadCol dd a.link_txt {
    position: relative;
    display: inline-block;
    color: #FFED00;
    vertical-align: middle;
    text-decoration: none;
    text-decoration: underline;
    padding-left: 10px;
  }
  #lobby .mustReadCol dd a.link_txt::before, #lobby .mustReadCol dd a.link_txt::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }
  #lobby .mustReadCol dd a.link_txt::before {
    left: -10px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #FFED00;
    border-right: 2px solid #FFED00;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

#lobby .mustReadCol p {
  margin-top: 15px;
  font-size: 20px;
  color: #FFF;
  text-align: center;
}

@media screen and (max-width: 999px) {
  #lobby .mustReadCol p {
    margin-top: 2.66667vw;
    font-size: 4.26667vw;
  }
}

@media screen and (max-width: 999px) {
  #lobby .catchCenter {
    font-size: 100%;
  }
}

#lobby .shopItemCol {
  background: #f2f2f2;
  padding: 30px;
}

@media screen and (max-width: 999px) {
  #lobby .shopItemCol {
    padding: 5.33333vw;
  }
}

#lobby .shopItemCol dt {
  border-bottom: 1px #dddddd solid;
  font-weight: bold;
}

@media screen and (max-width: 999px) {
  #lobby .shopItemCol dt {
    font-size: 3.73333vw;
  }
}

#lobby .shopItemCol .itemName {
  font-size: 24px;
}

@media screen and (max-width: 999px) {
  #lobby .shopItemCol .itemName {
    font-size: 4.53333vw;
  }
}

#lobby .shopItemCol dd {
  padding-top: 15px;
  margin-bottom: 30px;
  font-size: 20px;
}

#lobby .shopItemCol dd:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 999px) {
  #lobby .shopItemCol dd {
    padding-top: 2.66667vw;
    margin-bottom: 4vw;
    font-size: 4.26667vw;
  }
}

#lobby .shopItemCol .note, #lobby .shopItemCol .point {
  margin-top: 15px;
  font-size: 16px;
}

@media screen and (max-width: 999px) {
  #lobby .shopItemCol .note, #lobby .shopItemCol .point {
    font-size: 3.73333vw;
  }
}

#lobby .shopItemCol .note .point {
  margin: 0;
}

#lobby .shopItemCol .noticeTxt {
  margin-top: 15px;
  color: #F00;
  font-weight: bold;
}

#lobby .available {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 140%;
  font-weight: bold;
  color: #FFF;
}

#lobby .available dt {
  width: 30%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #9e0202;
}

#lobby .available dd {
  width: 70%;
  height: 70px;
  line-height: 70px;
  text-align: center;
  background: #bc0000;
}

#lobby .available mark {
  font-size: 150%;
  background: none;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  #lobby .available {
    margin-top: 4vw;
    display: block;
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
  }
  #lobby .available dt {
    width: 100%;
    height: auto;
    padding: 2.66667vw 0;
    line-height: normal;
  }
  #lobby .available dd {
    width: 100%;
    height: auto;
    padding: 2.66667vw 0;
    line-height: normal;
  }
  #lobby .available mark {
    font-size: 110%;
    background: none;
    color: #FFF;
  }
}

#lobby .linkTxt {
  display: block;
}

#lobby .note_important {
  margin-left: 1em;
  text-indent: -0.5rem;
  font-weight: bold;
  font-size: 20px;
}

@media screen and (max-width: 999px) {
  #lobby .note_important {
    font-size: 90%;
  }
}

#lobby .note_important li + li {
  margin-top: 5px;
}

@media screen and (max-width: 999px) {
  #lobby .note_important li + li {
    margin-top: 1.33333vw;
  }
}

@media screen and (max-width: 999px) {
  #lobby .wrap1Col {
    font-size: 3.8vw;
  }
}

#lobby .shoplist a:link, #lobby .shoplist a:active, #lobby .shoplist a:visited {
  color: #ff940e;
}

#lobby .shoplist a:hover, #lobby .shoplist a:focus {
  color: #ffc174;
}

@media screen and (max-width: 999px) {
  #lobby .shoplist {
    font-size: 90%;
  }
}

#lobby .read {
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 1.6;
  color: #000;
}

@media screen and (max-width: 999px) {
  #lobby .read {
    font-size: 100%;
  }
}

#lobby .ex {
  color: #0073de;
  margin: 0 1em;
}

#lobby h4 + .btList {
  margin-top: 20px;
}

@media screen and (max-width: 999px) {
  #lobby h4 + .btList {
    margin-top: 5%;
  }
}

#lobby .btList {
  margin-top: 50px;
  margin-bottom: 20px;
  position: relative;
}

#lobby .btList dt {
  padding: 15px;
  position: relative;
  color: #fff;
  z-index: 1;
  color: #fff;
  font-size: 130%;
  font-weight: bold;
}

#lobby .btList dt::before {
  content: "";
  position: absolute;
  width: 96.7%;
  height: 100%;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#b9191c), to(#af2d00));
  background: -webkit-linear-gradient(left, #b9191c 0%, #af2d00 100%);
  background: linear-gradient(90deg, #b9191c 0%, #af2d00 100%);
  z-index: -1;
}

#lobby .btList dt::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 30px;
  border-color: transparent transparent transparent #af2d00;
}

#lobby .btList dd {
  margin-top: 10px;
}

#lobby .btList.addIcon {
  width: 88%;
  margin-left: auto;
}

#lobby .btList.addIcon dt::after {
  border-width: 31px 0 30px 26.1px;
}

#lobby .btList.addIcon .TitIco {
  position: absolute;
  top: 0;
  left: -100px;
  margin-top: 0;
}

#lobby .btList.addIcon .TitIco img {
  width: 80px;
}

@media screen and (max-width: 999px) {
  #lobby .btList {
    margin-top: 10%;
    margin-bottom: 5%;
  }
  #lobby .btList dt {
    padding: 2%;
    font-size: 100%;
    overflow: hidden;
  }
  #lobby .btList dt::before {
    width: 93%;
  }
  #lobby .btList dt::after {
    border-width: 1.3em 0 1.2em 7vw;
  }
  #lobby .btList dd {
    margin-top: 5%;
    font-size: 80%;
  }
  #lobby .btList.addIcon {
    width: 100%;
  }
  #lobby .btList.addIcon dt::after {
    border-width: 1.3em 0 1.2em 7vw;
  }
  #lobby .btList.addIcon .TitIco {
    position: static;
    margin-top: 5%;
    text-align: center;
  }
  #lobby .btList.addIcon .TitIco img {
    width: 80px;
  }
}

#lobby .impNotice.imgBox + .catchCenter.point {
  margin-top: 20px;
}

@media screen and (max-width: 999px) {
  #lobby .impNotice.imgBox + .catchCenter.point {
    margin-top: 0;
  }
}

#lobby .noticeTxt {
  font-size: 24px;
  font-weight: bold;
  color: #e1212e;
}

@media screen and (max-width: 999px) {
  #lobby .noticeTxt {
    font-size: 90%;
  }
}

@media screen and (max-width: 999px) {
  #lobby h4.ttlPriezMonth + h4 {
    margin-top: 5.33333vw;
  }
}

#lobby .boxEventDate {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px;
  background: black;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #ffc800;
}

#lobby .boxEventDate span {
  display: block;
  font-size: 25px;
  color: #ff3535;
}

@media screen and (max-width: 999px) {
  #lobby .boxEventDate {
    margin-top: 5%;
    margin-bottom: 5%;
    padding: 5%;
    font-size: 110%;
  }
  #lobby .boxEventDate span {
    font-size: 80%;
  }
}

#lobby.eva .read {
  margin-top: 40px;
}

@media screen and (max-width: 999px) {
  #lobby.eva .read {
    margin-top: 5.33333vw;
  }
}

#lobby.eva .impNotice {
  margin-top: 40px;
}

@media screen and (max-width: 999px) {
  #lobby.eva .impNotice {
    margin-top: 5.33333vw;
  }
}

#lobby.eva .noticeTxt {
  margin-top: 40px;
}

@media screen and (max-width: 999px) {
  #lobby.eva .noticeTxt {
    margin-top: 5.33333vw;
  }
}

@media screen and (max-width: 999px) {
  #lobby.kaiho-sai .read.spLeft {
    text-align: left;
  }
}

#lobby.kaiho-sai .btnGoods {
  padding: 20px 0;
  background: #ff9337;
  -webkit-box-shadow: 0px 4px 0px 0px #c36c22;
  box-shadow: 0px 4px 0px 0px #c36c22;
}

#lobby.kaiho-sai .btnGoods:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

@media screen and (max-width: 999px) {
  #lobby.kaiho-sai .btnGoods {
    padding: 5.33333vw 0;
  }
}

/* ====================
//表
======================= */
.decktableCol table {
  width: 96%;
  margin-top: 40px;
  font-size: 80%;
  border: 1px #666 solid;
}

.decktableCol table th, .decktableCol table td {
  padding: 8px;
}

.decktableCol table th {
  text-align: center;
  background: #666;
  color: #FFF;
  font-weight: bold;
}

.decktableCol table tr {
  border-bottom: 1px #666 dotted;
}

.decktableCol table td {
  position: relative;
}

.decktableCol table td:nth-of-type(1) {
  width: 20%;
  background: #888;
  color: #FFF;
  text-align: center;
}

.decktableCol table td:nth-of-type(1).cms {
  background: #FFF;
  color: #202020;
  padding: 12px 8px;
}

.decktableCol table td:nth-of-type(2) {
  width: 55%;
  background: #FFF;
}

.decktableCol table td:nth-of-type(3) {
  width: 15%;
  background: #CCC;
  text-align: center;
}

.decktableCol table td:nth-of-type(4) {
  width: 10%;
  background: #EEE;
  text-align: center;
}

.decktableCol table td span {
  position: absolute;
  display: inline-block;
  padding: 3px 5px;
  background: #c1111d;
  text-align: center;
  color: #FFF;
  font-size: 80%;
  top: 5px;
  left: -6px;
}

.decktableCol table td span::before {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  content: ' ';
  border: 3px solid transparent;
  border-top: 3px solid #63090f;
  border-right: 3px solid #63090f;
}

@media screen and (max-width: 999px) {
  .decktableCol table {
    margin: 20px auto;
  }
  .decktableCol table th {
    font-size: x-small;
  }
  .decktableCol table td span {
    position: static;
    margin-bottom: 3px;
    padding: 2px 5px;
    font-size: x-small;
  }
  .decktableCol table td span::before {
    border: none;
  }
}

h5.subTitle {
  width: 80%;
  height: 40px;
  margin: auto;
  line-height: 40px;
  background: #fd7878;
  text-align: center;
  color: #fff;
  border-radius: 40px;
}

@media screen and (max-width: 999px) {
  h5.subTitle {
    height: 8vw;
    line-height: 8vw;
    border-radius: 8vw;
  }
}

.item_ttl {
  text-align: center;
  font-weight: bold;
}

.eventEndCol {
  position: relative;
}

.eventEndCol .endTxt {
  width: 100%;
  font-size: 180%;
  position: absolute;
  font-weight: bold;
  text-align: center;
  top: 180px;
  text-shadow: 3px 2px 3px #d4d4d4;
  z-index: 4;
}

.eventEndCol .endCol {
  opacity: 0.2;
}

.eventEndCol.wrap1Col .endTxt {
  width: calc(100% - 100px);
}

@media screen and (max-width: 999px) {
  .eventEndCol.wrap1Col .endTxt {
    width: calc(100% - 10px);
  }
}

.csNavi {
  width: 100%;
  display: table;
  margin: 20px auto;
}

.csNavi li {
  width: 16%;
  display: table-cell;
  vertical-align: middle;
  padding: 5px;
  position: relative;
}

.csNavi li a {
  background: #66c8f7;
  color: #FFF;
  display: block;
  font-size: 110%;
}

.csNavi li a.none {
  color: #d4d4d4;
}

.csNavi li a.none:hover {
  background: #fff;
  color: #d4d4d4;
}

.csNavi li.current a {
  background: #FFAE00;
  color: #FFF;
}

.csNavi li a:hover {
  background: #FFAE00;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .wrap1Col {
    padding: 0 3vw;
  }
}

#kaihousai2022 h5.subTitle {
  font-size: 18px;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 h5.subTitle {
    font-size: 4.2vw;
  }
}

#kaihousai2022 .noticeBox {
  color: #202020;
}

#kaihousai2022 .noticeBox.line-r {
  border-color: #e15a63;
}

#kaihousai2022 .eventShopCol li.item1col {
  margin: 0;
}

#kaihousai2022 .eventShopCol .imgBox img {
  width: 100%;
}

#kaihousai2022 .eventShopCol .price {
  background: #e7f7ff;
  padding: 10px;
  font-size: 120%;
  text-align: center;
  color: #202020;
}

#kaihousai2022 .noticeBox ul {
  margin-top: 0;
}

#kaihousai2022 .mvCol + div.txtItemCatch {
  margin-top: 0;
}

#kaihousai2022 .txtItemCatch {
  padding: 20px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #202020;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .txtItemCatch {
    padding: 2.66667vw;
    font-size: 4.53333vw;
  }
}

#kaihousai2022 .detailBg {
  padding: 30px;
  background: #000;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .detailBg {
    padding: 5.33333vw;
  }
}

#kaihousai2022 .detailBg h4 {
  margin-top: 40px;
  margin-bottom: 30px;
  background: url(../../images/common/conts_sttl_line-w.png) no-repeat bottom center;
  background-size: contain;
  color: #FFF;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .detailBg h4 {
    margin-top: 8vw;
    margin-bottom: 5.33333vw;
  }
}

#kaihousai2022 .detailBg .decktableCol table {
  width: 100%;
  margin: 0 auto;
  font-size: 80%;
  border: 1px #666 solid;
}

@media screen and (max-width: 999px) {
  #kaihousai2022 .detailBg .decktableCol table {
    width: 100%;
  }
}

.eventShopCol li {
  background: #86cef1;
  padding: 10px;
  margin: 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}

.eventShopCol li figure.wide {
  position: relative;
}

.eventShopCol li figure.wide::before {
  content: "";
  position: absolute;
  background: url(../../images/capture/common/ico_wide.png) no-repeat;
  bottom: 60px;
  left: 10px;
  width: 31px;
  height: 38px;
}

.eventShopCol li.soldout {
  background: #e8f7ff;
}

.eventShopCol li.soldout .txtSoldout {
  position: absolute;
  color: #000;
  text-align: center;
  font-weight: bold;
  font-size: 120%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 200px;
  height: 200px;
  text-shadow: 3px 2px 3px #d4d4d4;
}

.eventShopCol li.soldout figure {
  opacity: 0.2;
}

.eventShopCol li.new:before {
  content: '';
  position: absolute;
  border: 6px solid transparent;
  border-right-color: #ffb859;
  border-bottom-color: #ffb859;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 6px;
  left: 42px;
}

.eventShopCol li.new:after {
  content: '新登場!!';
  position: absolute;
  top: -5px;
  left: 10px;
  background: #ffb859;
  width: 80px;
  color: #fff;
  text-align: center;
  font-size: 90%;
}

.eventShopCol li.item1col {
  width: 900px;
}

.eventShopCol li.item1col .cardlistCol {
  width: 94%;
  margin: 0 auto;
}

.eventShopCol li.item1col .cardlistCol li {
  display: inline-block;
  width: 186px;
  vertical-align: top;
  letter-spacing: normal;
  margin: 10px 5px;
  background: none;
  padding: 0;
}

.eventShopCol li.item1col .cardlistCol li img {
  width: 100%;
}

.eventShopCol li.item2col {
  width: 442px;
}

.eventShopCol li.item2col:nth-child(even) {
  margin-left: 10px;
}

.eventShopCol li h5 {
  font-size: 120%;
  color: #fff;
  font-weight: bold;
  padding: 12px 10px;
}

.eventShopCol li figure {
  background: #fff;
  margin: 0;
}

.eventShopCol li figure .noteWrap {
  background: #e7f7ff;
}

.eventShopCol li figure .note {
  font-size: 90%;
  padding-bottom: 20px;
}

.eventShopCol li figure .note li {
  display: block;
  background: none;
  margin: 0 0 0 1em;
  text-indent: -1em;
  padding: 0;
}

.eventShopCol li figure.pack {
  display: table;
  width: 100%;
}

.eventShopCol li figure.pack img {
  display: table-cell;
}

.eventShopCol li figure.pack .packInfoCol {
  display: table-cell;
  padding: 0 30px;
  vertical-align: middle;
  text-align: left;
  background: #e7f7ff;
}

.eventShopCol li figure.pack .packInfoCol .info {
  padding: 10px 0;
  font-size: 120%;
  text-align: left;
}

.eventShopCol li figure img {
  padding: 10px;
  display: block;
  margin: 0 auto;
}

.eventShopCol li figure figcaption {
  background: #e7f7ff;
  padding: 10px;
  font-size: 120%;
  text-align: center;
}

.eventShopCol li p {
  padding: 10px 10px 0 10px;
  color: #fff;
  font-size: 95%;
}

.eventShopCol li dl {
  background: #fff;
}

.eventShopCol li dl dt {
  background: #e47f7f;
  color: #fff;
  padding: 5px;
  text-align: center;
}

.eventShopCol li dl dd {
  padding: 10px;
}

.eventShopCol li dl dd .subHead {
  color: #868686;
  font-size: 100%;
  padding: 5px;
}

.eventShopCol li dl dd .subHead + ul {
  margin-top: 0;
}

@media screen and (max-width: 999px) {
  .eventShopCol li.item1col {
    width: 100%;
  }
  .eventShopCol li.item1col .cardlistCol li {
    width: 22%;
    margin: 10px 2px;
  }
  .eventShopCol li.item2col {
    width: 100%;
  }
  .eventShopCol li.item2col + .item2col {
    margin-left: 0;
  }
  .eventShopCol li h5 {
    font-size: 100%;
  }
  .eventShopCol li figure.pack .packInfoCol {
    width: 60%;
    padding: 10px;
    font-size: 70%;
  }
  .eventShopCol li figure.pack .packInfoCol .info {
    padding: 0;
  }
  .eventShopCol li figure img {
    width: 80%;
  }
  .eventShopCol li p {
    padding: 10px 10px 0 10px;
    color: #fff;
    font-size: 95%;
  }
}

.box_announce {
  margin: 20px 40px;
  padding: 30px;
  color: #797979;
  font-size: 20px;
  border: 3px solid #DDD;
  text-align: center;
}

@media screen and (max-width: 999px) {
  .box_announce {
    margin: 4vw 6vw;
    padding: 6vw;
    color: #797979;
    font-size: 4vw;
    border: 3px solid #DDD;
    text-align: center;
  }
}

@media screen and (max-width: 999px) {
  #gf23-24 .prizeCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }
  #gf23-24 .prizeCol.line2 li {
    width: 40%;
  }
  #gf23-24 .prizeCol li {
    width: 80%;
  }
  #gf23-24 .prizeCol li img {
    width: 100%;
  }
}