* {
  -webkit-transform: translate3d(0);
  transform: translate3d(0);
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

#image-carousel .splide__pagination {
  bottom: -22px;
}
#image-carousel .splide__pagination__page {
  width: 6px;
  height: 6px;
}
#image-carousel .splide__pagination__page.is-active {
  -webkit-transform: scale(1);
  transform: scale(1);
}
#image-carousel .splide__arrow {
  width: 1.5em;
}
#image-carousel .splide__arrow.splide__arrow--prev {
  left: -1em;
}
#image-carousel .splide__arrow.splide__arrow--next {
  right: -1em;
}
#image-carousel .splide__slide img {
  width: 100%;
}

#connecting {
  width: 100%;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
}
#connecting span {
  width: 72px;
  height: 72px;
  position: absolute;
  left: calc(50% - 36px);
  top: calc(50% - 36px);
}
#connecting span img {
  width: 100%;
  height: 100%;
}
#connecting.show {
  display: block;
}
#connecting.show span {
  -webkit-animation-name: smooth-fadein-out;
  animation-name: smooth-fadein-out;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

@-webkit-keyframes smooth-fadein-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes smooth-fadein-out {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.debugArea {
  background: rgba(255, 0, 0, 0.3);
}

ruby.rubySmall > rt {
  zoom: 0.5;
  font-size: 100%;
}

/*Firefox表示用のCSS*/
@-moz-document url-prefix() {
  ruby.rubySmall > rt {
    font-size: 50%;
  }
}
/* Safari表示用のCSS　*/
_::-webkit-full-page-media,
_:future,
:root ruby.rubySmall > rt {
  zoom: 1;
  font-size: -webkit-ruby-text;
}

input {
  height: 35px;
  padding: 0 1em;
  line-height: 35px;
  text-align: center;
  border: none;
  border-radius: 17px;
}

body * {
  -webkit-box-sizing: border-box;
}

.menuWrap {
  width: 100%;
  height: calc(100vh - 30px);
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 998;
}
.menuWrap:before {
  width: 270px;
  height: 165px;
  background: url("/montedio/img/menu/img_mascot.png") left top no-repeat;
  background-size: 270px 165px;
  position: absolute;
  right: -15px;
  bottom: 20px;
  content: "";
  z-index: 1000;
}
.menuWrap.show {
  display: block;
}
.menuWrap .menuBg {
  width: 265px;
  height: 100dvh;
  padding-top: 45px;
  position: absolute;
  top: 0;
  right: -10px;
  z-index: 10;
}
.menuWrap .menuBlackBg {
  width: 100%;
  height: calc(100vh - 30px);
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1;
}
.menuWrap .popupBtn {
  width: 215px;
  height: 35px;
  margin: 0 0 10px 20px;
  display: block;
}
.menuWrap .popupBtn img {
  width: 100%;
  height: 100%;
}

@supports (-webkit-touch-callout: none) {
  /* iPhoneの表示のみ指定を上書き */
  .menuWrap {
    height: calc(100dvh - 30px);
  }
}
nav {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
nav .linkWrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
nav .linkWrap a,
nav .linkWrap .footerMenu {
  height: 100%;
  margin: 0 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
nav .linkWrap a img,
nav .linkWrap .footerMenu img {
  height: 43.5px;
  height: 43.5px;
}

footer {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
footer .logo {
  height: 30px;
  display: block;
}
footer .topBtn {
  width: 47px;
  height: 50px;
  position: absolute;
  top: calc(50% - 25px);
  right: 10px;
}
footer .topBtn a {
  display: block;
}
footer .topBtn a img {
  width: 100%;
  height: 100%;
}

#topWrap {
  min-height: calc(100vh - 128px);
}

.btnTypeA {
  background: url("/montedio/img/btn/btn_bingo_red.png") left top no-repeat;
  background-size: contain;
  display: inline-block;
  font-family: var(--font-seurat), sans-serif;
  font-weight: bold;
  text-align: center;
}

.btnTypeB {
  background: url("/montedio/img/icon_bingo_number.png") left top no-repeat;
  background-size: contain;
  display: inline-block;
  font-family: var(--font-seurat), sans-serif;
  font-weight: bold;
  text-align: center;
}

.stripeWrap {
  width: 100%;
  padding-bottom: 10px;
}
.stripeBlue,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle,
#fullPopupOuter .popupContent.full > .titlePopup,
#popupOuter .popupContent.full > .titlePopup,
#fullPopupOuter .popupContent.full > .title,
#popupOuter .popupContent.full > .title,
.headerWrap,
.menuWrap .menuBg,
nav,
footer {
  background-image: linear-gradient(135deg, #21217f 25%, #1a1a7c 25%, #1a1a7c 50%, #21217f 50%, #21217f 75%, #1a1a7c 75%, #1a1a7c 100%);
  background-size: 12px 12px;
}

.stripeSkyBlue,
#fullPopupOuter .popupContent.commonWrapBlue .popupPosition,
#fullPopupOuter .popupContent.helpWrap .popupPosition,
#fullPopupOuter .popupContent.infoWrap .popupPosition,
#popupOuter .popupContent.commonWrapBlue .popupPosition,
#popupOuter .popupContent.helpWrap .popupPosition,
#popupOuter .popupContent.infoWrap .popupPosition,
#fullPopupOuter .popupContent.commonWrapBlue .profile .profileTitle,
#fullPopupOuter .popupContent.helpWrap .profile .profileTitle,
#fullPopupOuter .popupContent.infoWrap .profile .profileTitle,
#popupOuter .popupContent.commonWrapBlue .profile .profileTitle,
#popupOuter .popupContent.helpWrap .profile .profileTitle,
#popupOuter .popupContent.infoWrap .profile .profileTitle,
.stats .gaugeWrap .homeGauge,
.commonWrapBlue .title,
.helpWrap .title,
.infoWrap .title {
  background-image: linear-gradient(135deg, #88d0ff 25%, #7dcbff 25%, #7dcbff 50%, #88d0ff 50%, #88d0ff 75%, #7dcbff 75%, #7dcbff 100%);
  background-size: 12px 12px;
}

.stripeWhite,
#fullPopupOuter .popupContent.full,
#popupOuter .popupContent.full,
.stripeWrap .stripeInner {
  background-image: linear-gradient(135deg, #ffffff 25%, #eeeeee 25%, #eeeeee 50%, #ffffff 50%, #ffffff 75%, #eeeeee 75%, #eeeeee 100%);
  background-size: 12px 12px;
}

.stripeYellow,
#fullPopupOuter .popupContent.commonWrapYellow .popupPosition,
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .popupPosition,
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .popupPosition,
#popupOuter .popupContent.commonWrapYellow .popupPosition,
#popupOuter .popupContent.helpWrap:nth-child(odd) .popupPosition,
#popupOuter .popupContent.infoWrap:nth-child(odd) .popupPosition,
#fullPopupOuter .popupContent.commonWrapYellow .profile .profileTitle,
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileTitle,
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileTitle,
#popupOuter .popupContent.commonWrapYellow .profile .profileTitle,
#popupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileTitle,
#popupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileTitle,
.newsWrap .stadiumWrap .stadiumData .stadiumTitle,
.commonWrapYellow .title,
.helpWrap:nth-child(odd) .title,
.infoWrap:nth-child(odd) .title,
.stripeWrap {
  background-image: linear-gradient(135deg, #ffe53f 25%, #ffde31 25%, #ffde31 50%, #ffe53f 50%, #ffe53f 75%, #ffde31 75%, #ffde31 100%);
  background-size: 12px 12px;
}

.stripeGray {
  background-image: linear-gradient(135deg, #808080 25%, #727272 25%, #727272 50%, #808080 50%, #808080 75%, #727272 75%, #727272 100%);
  background-size: 12px 12px;
}

.fontDeepBlue,
.helpWrap .helpTitle,
.infoWrap .infoTitle,
.infoWrap .infoTime,
#fullPopupOuter .popupContent .popupProfileWrap .profile .profileTitle,
#popupOuter .popupContent .popupProfileWrap .profile .profileTitle,
#fullPopupOuter .popupContent,
#popupOuter .popupContent,
#subPage.schedule .scheduleWrap .teamWrap,
#subPage.schedule .scheduleWrap .scheduleText,
#subPage .fullPopupContentInner .naviTitle,
#top .naviTitle,
#subPage .fullPopupContentInner .cautionText,
#top .cautionText,
.tabBtnWrap .tabBtn,
.bingoCheckAll,
.newsUpdateTime,
.stats .teamNameWrap,
.newsWrap .stadiumWrap .stadiumData .stadiumTitle,
.newsWrap .stadiumWrap .stadiumData,
.newsWrap .teamWrap,
.newsWrap .changeWrap .innerWrap p,
.commonWrapBlue .title3,
.helpWrap .title3,
.infoWrap .title3,
.commonWrapBlue .title2,
.helpWrap .title2,
.infoWrap .title2,
.commonWrapBlue .title,
.helpWrap .title,
.infoWrap .title,
.commonWrapYellow .title3,
.commonWrapYellow .title2,
.commonWrapYellow .title {
  color: #24249f;
}

.fontBlue,
#fullPopupOuter .popupContent.commonWrapBlue .contactWrap .caution,
#fullPopupOuter .popupContent.helpWrap .contactWrap .caution,
#fullPopupOuter .popupContent.infoWrap .contactWrap .caution,
#popupOuter .popupContent.commonWrapBlue .contactWrap .caution,
#popupOuter .popupContent.helpWrap .contactWrap .caution,
#popupOuter .popupContent.infoWrap .contactWrap .caution {
  color: #2b2bc9;
}

.fontYellow,
.missionWrap .btnTypeB {
  color: #ffe53f;
}

.fontBlack,
.infoWrap .infoContent,
#fullPopupOuter .popupContent .popupProfileWrap .profile,
#popupOuter .popupContent .popupProfileWrap .profile,
#fullPopupOuter .popupContent .popupNameWrap .popupPlayerNameKana,
#popupOuter .popupContent .popupNameWrap .popupPlayerNameKana,
#fullPopupOuter .popupContent .popupNameWrap .popupPlayerName,
#popupOuter .popupContent .popupNameWrap .popupPlayerName,
#fullPopupOuter .popupContent.commonWrapBlue .contactWrap,
#fullPopupOuter .popupContent.helpWrap .contactWrap,
#fullPopupOuter .popupContent.infoWrap .contactWrap,
#popupOuter .popupContent.commonWrapBlue .contactWrap,
#popupOuter .popupContent.helpWrap .contactWrap,
#popupOuter .popupContent.infoWrap .contactWrap,
#fullPopupOuter .popupContent.missionPopupContent .missionWrap .missionText,
#popupOuter .popupContent.missionPopupContent .missionWrap .missionText,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#subPage .fullPopupContentInner .bingoCard .bingoNum .number,
#top .bingoCard .bingoNum .number,
.stats .flexBox,
.newsWrap .stadiumWrap .stadiumData .stadiumContent,
.newsWrap .progressWrap .content .progress .homePlayerName,
.newsWrap .progressWrap .content .progress .awayPlayerName,
.newsWrap .progressWrap .content .progress .time,
.missionWrap .missionText {
  color: #000000;
}

.fontWhite,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle,
#fullPopupOuter .popupContent.full > .titlePopup,
#popupOuter .popupContent.full > .titlePopup,
#fullPopupOuter .popupContent.full > .title,
#popupOuter .popupContent.full > .title,
#subPage .fullPopupContentInner .bingoCard .bingoNum .number.hit,
#top .bingoCard .bingoNum .number.hit,
#subPage .fullPopupContentInner .bingoCard .pageText,
#subPage .fullPopupContentInner .lotteryWrap .pageText,
#top .bingoCard .pageText,
#top .lotteryWrap .pageText,
#subPage .fullPopupContentInner .bingoCard .idText,
#subPage .fullPopupContentInner .lotteryWrap .idText,
#top .bingoCard .idText,
#top .lotteryWrap .idText,
.headerWrap,
#connecting,
.btnTypeA,
.btnTypeB {
  color: #ffffff;
}

.fontRed,
#fullPopupOuter .popupContent .inputBingoIdWrapper .cautionTextRed,
#popupOuter .popupContent .inputBingoIdWrapper .cautionTextRed,
#fullPopupOuter .popupContent .removeBingoCardWrapper p span,
#popupOuter .popupContent .removeBingoCardWrapper p span,
.newsWrap .commonWrapYellow .SHOOT.content .eventTypeText,
.newsWrap .commonWrapYellow .GOAL.content .eventTypeText,
.newsWrap .commonWrapYellow .SAVE.content .eventTypeText,
.newsWrap .commonWrapYellow .OWN_GOAL.content .eventTypeText,
.newsWrap .commonWrapBlue .SHOOT.content .eventTypeText,
.newsWrap .helpWrap .SHOOT.content .eventTypeText,
.newsWrap .infoWrap .SHOOT.content .eventTypeText,
.newsWrap .commonWrapBlue .GOAL.content .eventTypeText,
.newsWrap .helpWrap .GOAL.content .eventTypeText,
.newsWrap .infoWrap .GOAL.content .eventTypeText,
.newsWrap .commonWrapBlue .SAVE.content .eventTypeText,
.newsWrap .helpWrap .SAVE.content .eventTypeText,
.newsWrap .infoWrap .SAVE.content .eventTypeText,
.newsWrap .commonWrapBlue .OWN_GOAL.content .eventTypeText,
.newsWrap .helpWrap .OWN_GOAL.content .eventTypeText,
.newsWrap .infoWrap .OWN_GOAL.content .eventTypeText {
  color: #dc3806;
}

.commonWrap,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap,
.commonWrapBlue,
.helpWrap,
.infoWrap,
.commonWrapYellow,
.helpWrap:nth-child(odd),
.infoWrap:nth-child(odd) {
  min-height: 180px;
  padding-bottom: 10px;
  border-radius: 20px;
}
.commonWrap .title,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .title,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .title,
.commonWrapBlue .title,
.helpWrap .title,
.infoWrap .title,
.commonWrapYellow .title {
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  border-radius: 18px 18px 0 0;
}
.commonWrap .title2,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .title2,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .title2,
.commonWrapBlue .title2,
.helpWrap .title2,
.infoWrap .title2,
.commonWrapYellow .title2 {
  width: 185px;
  height: 35px;
  position: absolute;
  top: -22px;
  left: calc(50% - 92.5px);
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 35px;
  text-align: center;
}
.commonWrap .title3,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .title3,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .title3,
.commonWrapBlue .title3,
.helpWrap .title3,
.infoWrap .title3,
.commonWrapYellow .title3 {
  width: 222px;
  height: 37px;
  position: absolute;
  top: -23px;
  left: calc(50% - 111px);
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
}

.commonWrapYellow,
.helpWrap:nth-child(odd),
.infoWrap:nth-child(odd) {
  border: 2px solid #ffcd1c;
}
.commonWrapYellow .title2,
.helpWrap:nth-child(odd) .title2,
.infoWrap:nth-child(odd) .title2 {
  background: url("/montedio/img/label_y.png") left center no-repeat;
  background-size: 185px auto;
}
.commonWrapYellow .title3,
.helpWrap:nth-child(odd) .title3,
.infoWrap:nth-child(odd) .title3 {
  background: url("/montedio/img/label/label_ribbon_y_large.png") left center no-repeat;
  background-size: 222px auto;
}

.commonWrapBlue,
.helpWrap,
.infoWrap {
  border: 2px solid #52a4e2;
}
.commonWrapBlue .title2,
.helpWrap .title2,
.infoWrap .title2 {
  background: url("/montedio/img/label_b.png") left center no-repeat;
  background-size: 185px auto;
}
.commonWrapBlue .title3,
.helpWrap .title3,
.infoWrap .title3 {
  background: url("/montedio/img/label/label_ribbon_b_large.png") left center no-repeat;
  background-size: 222px auto;
}

.bgcYellowA {
  background-color: #ffcd1c;
}

.bgcYellowB,
.helpWrap:nth-child(odd) .helpContent,
.infoWrap:nth-child(odd) .infoTime p,
#fullPopupOuter .popupContent.commonWrapYellow .popupNameWrap,
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .popupNameWrap,
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .popupNameWrap,
#popupOuter .popupContent.commonWrapYellow .popupNameWrap,
#popupOuter .popupContent.helpWrap:nth-child(odd) .popupNameWrap,
#popupOuter .popupContent.infoWrap:nth-child(odd) .popupNameWrap,
#fullPopupOuter .popupContent.commonWrapYellow .profile,
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .profile,
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .profile,
#popupOuter .popupContent.commonWrapYellow .profile,
#popupOuter .popupContent.helpWrap:nth-child(odd) .profile,
#popupOuter .popupContent.infoWrap:nth-child(odd) .profile,
#subPage.schedule .scheduleWrap.commonWrapYellow .homeLabel,
#subPage.schedule .scheduleWrap.helpWrap:nth-child(odd) .homeLabel,
#subPage.schedule .scheduleWrap.infoWrap:nth-child(odd) .homeLabel,
#subPage.schedule .scheduleWrap.commonWrapYellow .awayLabel,
#subPage.schedule .scheduleWrap.helpWrap:nth-child(odd) .awayLabel,
#subPage.schedule .scheduleWrap.infoWrap:nth-child(odd) .awayLabel,
#subPage.schedule .scheduleWrap.commonWrapYellow .scheduleText,
#subPage.schedule .scheduleWrap.helpWrap:nth-child(odd) .scheduleText,
#subPage.schedule .scheduleWrap.infoWrap:nth-child(odd) .scheduleText,
.newsWrap .commonWrapYellow .progressWrap .time,
.newsWrap .helpWrap:nth-child(odd) .progressWrap .time,
.newsWrap .infoWrap:nth-child(odd) .progressWrap .time {
  background-color: #ffecbd;
}

.bgcYellowC,
.newsWrap .stadiumWrap .stadiumData,
.newsWrap .commonWrapYellow .progressWrap,
.newsWrap .helpWrap:nth-child(odd) .progressWrap,
.newsWrap .infoWrap:nth-child(odd) .progressWrap {
  background-color: #fff5d9;
}

.bgcYellowD,
.commonWrapYellow,
.helpWrap:nth-child(odd),
.infoWrap:nth-child(odd) {
  background-color: #fffaf0;
}

.bgcBlueA {
  background-color: #52a4e2;
}

.bgcBlueB,
.helpWrap .helpContent,
.infoWrap .infoTime p,
#fullPopupOuter .popupContent.commonWrapBlue .popupNameWrap,
#fullPopupOuter .popupContent.helpWrap .popupNameWrap,
#fullPopupOuter .popupContent.infoWrap .popupNameWrap,
#popupOuter .popupContent.commonWrapBlue .popupNameWrap,
#popupOuter .popupContent.helpWrap .popupNameWrap,
#popupOuter .popupContent.infoWrap .popupNameWrap,
#fullPopupOuter .popupContent.commonWrapBlue .profile,
#fullPopupOuter .popupContent.helpWrap .profile,
#fullPopupOuter .popupContent.infoWrap .profile,
#popupOuter .popupContent.commonWrapBlue .profile,
#popupOuter .popupContent.helpWrap .profile,
#popupOuter .popupContent.infoWrap .profile,
#fullPopupOuter .popupContent.full .fullPopupContent .gift .giftText2,
#popupOuter .popupContent.full .fullPopupContent .gift .giftText2,
#subPage.schedule .scheduleWrap.commonWrapBlue .homeLabel,
#subPage.schedule .scheduleWrap.helpWrap .homeLabel,
#subPage.schedule .scheduleWrap.infoWrap .homeLabel,
#subPage.schedule .scheduleWrap.commonWrapBlue .awayLabel,
#subPage.schedule .scheduleWrap.helpWrap .awayLabel,
#subPage.schedule .scheduleWrap.infoWrap .awayLabel,
#subPage.schedule .scheduleWrap.commonWrapBlue .scheduleText,
#subPage.schedule .scheduleWrap.helpWrap .scheduleText,
#subPage.schedule .scheduleWrap.infoWrap .scheduleText,
#subPage .fullPopupContentInner .cautionText,
#top .cautionText,
.stats:nth-child(odd),
.newsWrap .commonWrapBlue .progressWrap .time,
.newsWrap .helpWrap .progressWrap .time,
.newsWrap .infoWrap .progressWrap .time,
input {
  background-color: #c5ecff;
}

.bgcBlueC,
.newsWrap .commonWrapBlue .formationWrap,
.newsWrap .helpWrap .formationWrap,
.newsWrap .infoWrap .formationWrap,
.newsWrap .commonWrapBlue .progressWrap,
.newsWrap .helpWrap .progressWrap,
.newsWrap .infoWrap .progressWrap {
  background-color: #def1ff;
}

.bgcBlueD,
.commonWrapBlue,
.helpWrap,
.infoWrap {
  background-color: #f2f9ff;
}

.bgcGauge {
  background-color: #adc4d2;
}

.missionWrap {
  width: 260px;
  margin: 10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12.5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.missionWrap .missionText {
  width: 230px;
  font-size: 12px;
}
.missionWrap .btnTypeB {
  width: 25px;
  height: 26px;
  margin: 0 5px 0 0;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}

.newsWrap {
  width: 100%;
  margin: 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.newsWrap .newsEmptyImg {
  width: 195px;
  height: 150px;
  margin: 20px auto;
  display: block;
}
.newsWrap .prmWrap {
  display: none;
}
.newsWrap .changeWrap .innerWrap {
  margin: 10px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .changeWrap .innerWrap > div {
  text-align: center;
}
.newsWrap .changeWrap .innerWrap .playerIcon {
  width: 90px;
  height: 90px;
  display: block;
}
.newsWrap .changeWrap .innerWrap .changeIcon {
  width: 30px;
  margin: 0 20px;
  display: block;
}
.newsWrap .changeWrap .innerWrap p {
  margin: 0 0 5px;
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 14px;
}
.newsWrap .changeWrap .innerWrap .changeLabel {
  width: 48px;
  margin: 0 auto 5px;
  display: block;
}
.newsWrap .progressWrap {
  width: 266px;
  margin: 10px auto 0;
  overflow: hidden;
  border-radius: 18px;
}
.newsWrap .progressWrap .title {
  height: 34px;
  font-size: 14px;
  line-height: 42px;
}
.newsWrap .progressWrap .content {
  font-size: 12px;
}
.newsWrap .progressWrap .content .progress {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.newsWrap .progressWrap .content .progress .CHANGE.in {
  padding-bottom: 0px;
}
.newsWrap .progressWrap .content .progress .CHANGE.in:before {
  background: url("/montedio/img/icon_player_in.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .progressWrap .content .progress .CHANGE.out {
  padding-top: 0;
  color: #666666;
  font-size: 10px;
}
.newsWrap .progressWrap .content .progress .CHANGE.out:before {
  background: url("/montedio/img/icon_player_out.png") left top no-repeat;
  background-size: contain;
  top: -3px;
}
.newsWrap .progressWrap .content .progress .YELLOW1:before {
  background: url("/montedio/img/icon_yellow_card.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .progressWrap .content .progress .YELLOW2:before {
  background: url("/montedio/img/icon_yellowred_card.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .progressWrap .content .progress .GOAL:before {
  background: url("/montedio/img/icon_goal.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .progressWrap .content .progress .RED:before {
  background: url("/montedio/img/icon_red_card.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .progressWrap .content .progress .time {
  width: 25px;
  text-align: center;
}
.newsWrap .progressWrap .content .progress .homePlayerName {
  padding-right: 16px;
  text-align: right;
}
.newsWrap .progressWrap .content .progress .homePlayerName:before {
  right: 0;
}
.newsWrap .progressWrap .content .progress .awayPlayerName {
  padding-left: 16px;
  text-align: left;
}
.newsWrap .progressWrap .content .progress .awayPlayerName:before {
  left: 0;
}
.newsWrap .progressWrap .content .progress .homePlayerName,
.newsWrap .progressWrap .content .progress .awayPlayerName {
  width: 120.5px;
}
.newsWrap .progressWrap .content .progress .homePlayerName:before,
.newsWrap .progressWrap .content .progress .awayPlayerName:before {
  width: 17px;
  height: 17px;
  background-size: contain;
  position: absolute;
  top: 4px;
  content: "";
}
.newsWrap .progressWrap .content .progress .time,
.newsWrap .progressWrap .content .progress .homePlayerName,
.newsWrap .progressWrap .content .progress .awayPlayerName {
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
}
.newsWrap .teamWrap {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .teamWrap .team {
  position: relative;
}
.newsWrap .teamWrap .team p {
  width: 50px;
  margin: 0;
  font-size: 12px;
  text-align: center;
}
.newsWrap .teamWrap .team .teamIcon {
  width: 50px;
  height: 50px;
}
.newsWrap .teamWrap .team .teamIcon img {
  width: 100%;
  height: 100%;
}
.newsWrap .teamWrap .pointWrap {
  margin: 0 -5px;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .teamWrap .pointWrap .point {
  font-size: 18px;
}
.newsWrap .teamWrap .pointWrap .teamPoint {
  margin: 0 8px;
  font-size: 50px;
}
.newsWrap .teamWrap .halfPointWrap {
  height: 24px;
  margin: 4px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .teamWrap .halfPointWrap p {
  margin: 0 4px;
  font-size: 10px;
}
.newsWrap .stadiumWrap {
  width: 270px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.newsWrap .stadiumWrap .stadiumData {
  width: 130px;
  height: 70px;
  font-size: 12px;
  text-align: center;
  border-radius: 15px;
}
.newsWrap .stadiumWrap .stadiumData:nth-child(1),
.newsWrap .stadiumWrap .stadiumData:nth-child(2) {
  margin: 10px 0;
}
.newsWrap .stadiumWrap .stadiumData .stadiumTitle {
  height: 30px;
  font-size: 12px;
  line-height: 38px;
  border-radius: 15px 15px 0 0;
}
.newsWrap .stadiumWrap .stadiumData .stadiumContent {
  height: 40px;
  line-height: 40px;
}
.newsWrap .statsWrap {
  padding-bottom: 5px;
  overflow: hidden;
}
.newsWrap .topImage {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.newsWrap .commonWrap,
.newsWrap #fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#fullPopupOuter .popupContent.full .fullPopupContent .newsWrap .bingoListWrap,
.newsWrap #popupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#popupOuter .popupContent.full .fullPopupContent .newsWrap .bingoListWrap,
.newsWrap .commonWrapYellow,
.newsWrap .helpWrap:nth-child(odd),
.newsWrap .infoWrap:nth-child(odd),
.newsWrap .commonWrapBlue,
.newsWrap .helpWrap,
.newsWrap .infoWrap {
  width: 290px;
  margin: 0 auto;
}
.newsWrap .commonWrap:not(:first-child),
.newsWrap #fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap:not(:first-child),
#fullPopupOuter .popupContent.full .fullPopupContent .newsWrap .bingoListWrap:not(:first-child),
.newsWrap #popupOuter .popupContent.full .fullPopupContent .bingoListWrap:not(:first-child),
#popupOuter .popupContent.full .fullPopupContent .newsWrap .bingoListWrap:not(:first-child),
.newsWrap .commonWrapYellow:not(:first-child),
.newsWrap .commonWrapBlue:not(:first-child),
.newsWrap .helpWrap:not(:first-child),
.newsWrap .infoWrap:not(:first-child) {
  margin-bottom: 20px;
}
.newsWrap .stripeInner {
  padding-top: 0;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.newsWrap .formationWrap {
  margin: 10px;
  padding: 5px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 15px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .formationWrap.list5 {
  padding: 5px 10px;
}
.newsWrap .formationWrap img {
  width: 62px;
  margin: 0px 2px;
}
.newsWrap .noClearMissionTitle {
  width: 100%;
  margin: 20px 0 5px;
}
.newsWrap .noClearMissionTitle img {
  width: 210px;
  margin: 0 auto;
  display: block;
}
.newsWrap .clearMissionTextWrap .clearMissionTitle {
  width: 100%;
  margin: 25px 0 10px;
}
.newsWrap .clearMissionTextWrap .clearMissionTitle img {
  width: 170px;
  margin: 0 auto;
  display: block;
}
.newsWrap .clearMissionTextWrap .missionTextWrap .clearMission {
  width: 290px;
  height: auto;
}
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.first {
  display: none;
}
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.second {
  display: none;
}
.newsWrap .commonWrapYellow .SHOOT.content,
.newsWrap .helpWrap:nth-child(odd) .SHOOT.content,
.newsWrap .infoWrap:nth-child(odd) .SHOOT.content,
.newsWrap .commonWrapYellow .GOAL.content,
.newsWrap .helpWrap:nth-child(odd) .GOAL.content,
.newsWrap .infoWrap:nth-child(odd) .GOAL.content,
.newsWrap .commonWrapYellow .SAVE.content,
.newsWrap .helpWrap:nth-child(odd) .SAVE.content,
.newsWrap .infoWrap:nth-child(odd) .SAVE.content,
.newsWrap .commonWrapYellow .OWN_GOAL.content,
.newsWrap .helpWrap:nth-child(odd) .OWN_GOAL.content,
.newsWrap .infoWrap:nth-child(odd) .OWN_GOAL.content,
.newsWrap .commonWrapBlue .SHOOT.content,
.newsWrap .helpWrap .SHOOT.content,
.newsWrap .infoWrap .SHOOT.content,
.newsWrap .commonWrapBlue .GOAL.content,
.newsWrap .helpWrap .GOAL.content,
.newsWrap .infoWrap .GOAL.content,
.newsWrap .commonWrapBlue .SAVE.content,
.newsWrap .helpWrap .SAVE.content,
.newsWrap .infoWrap .SAVE.content,
.newsWrap .commonWrapBlue .OWN_GOAL.content,
.newsWrap .helpWrap .OWN_GOAL.content,
.newsWrap .infoWrap .OWN_GOAL.content {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum,
.newsWrap .helpWrap .GOAL.content .halfTotalNum,
.newsWrap .infoWrap .GOAL.content .halfTotalNum,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum,
.newsWrap .helpWrap .SAVE.content .halfTotalNum,
.newsWrap .infoWrap .SAVE.content .halfTotalNum,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum {
  width: 81.5px;
  height: 82.5px;
  position: absolute;
  top: -50px;
  right: -15px;
  color: #ffffff;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  font-size: 35px;
  line-height: 82.5px;
  text-align: center;
  -webkit-transform: rotate(350deg);
  transform: rotate(350deg);
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum.first,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum.first,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum.first,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum.first,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum.first,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum.first,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum.first,
.newsWrap .helpWrap .GOAL.content .halfTotalNum.first,
.newsWrap .infoWrap .GOAL.content .halfTotalNum.first,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum.first,
.newsWrap .helpWrap .SAVE.content .halfTotalNum.first,
.newsWrap .infoWrap .SAVE.content .halfTotalNum.first,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.first,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.first {
  background: url("/montedio/img/badge_countup_1.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum.second,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum.second,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum.second,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum.second,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum.second,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum.second,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum.second,
.newsWrap .helpWrap .GOAL.content .halfTotalNum.second,
.newsWrap .infoWrap .GOAL.content .halfTotalNum.second,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum.second,
.newsWrap .helpWrap .SAVE.content .halfTotalNum.second,
.newsWrap .infoWrap .SAVE.content .halfTotalNum.second,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.second,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.second {
  background: url("/montedio/img/badge_countup_2.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum.shoot,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum.shoot,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum.shoot,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.shoot,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum.shoot,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum.shoot,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum.shoot,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum.shoot,
.newsWrap .helpWrap .GOAL.content .halfTotalNum.shoot,
.newsWrap .infoWrap .GOAL.content .halfTotalNum.shoot,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum.shoot,
.newsWrap .helpWrap .SAVE.content .halfTotalNum.shoot,
.newsWrap .infoWrap .SAVE.content .halfTotalNum.shoot,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.shoot,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.shoot,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.shoot {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg);
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum.shoot.first,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum.shoot.first,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum.shoot.first,
.newsWrap .helpWrap .GOAL.content .halfTotalNum.shoot.first,
.newsWrap .infoWrap .GOAL.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum.shoot.first,
.newsWrap .helpWrap .SAVE.content .halfTotalNum.shoot.first,
.newsWrap .infoWrap .SAVE.content .halfTotalNum.shoot.first,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.shoot.first,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.shoot.first,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.shoot.first {
  background: url("/montedio/img/badge_countup_3.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .commonWrapYellow .SHOOT.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapYellow .GOAL.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapYellow .SAVE.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapYellow .OWN_GOAL.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapBlue .SHOOT.content .halfTotalNum.shoot.second,
.newsWrap .helpWrap .SHOOT.content .halfTotalNum.shoot.second,
.newsWrap .infoWrap .SHOOT.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapBlue .GOAL.content .halfTotalNum.shoot.second,
.newsWrap .helpWrap .GOAL.content .halfTotalNum.shoot.second,
.newsWrap .infoWrap .GOAL.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapBlue .SAVE.content .halfTotalNum.shoot.second,
.newsWrap .helpWrap .SAVE.content .halfTotalNum.shoot.second,
.newsWrap .infoWrap .SAVE.content .halfTotalNum.shoot.second,
.newsWrap .commonWrapBlue .OWN_GOAL.content .halfTotalNum.shoot.second,
.newsWrap .helpWrap .OWN_GOAL.content .halfTotalNum.shoot.second,
.newsWrap .infoWrap .OWN_GOAL.content .halfTotalNum.shoot.second {
  background: url("/montedio/img/badge_countup_4.png") left top no-repeat;
  background-size: contain;
}
.newsWrap .commonWrapYellow .SHOOT.content .eventTypeText,
.newsWrap .commonWrapYellow .GOAL.content .eventTypeText,
.newsWrap .commonWrapYellow .SAVE.content .eventTypeText,
.newsWrap .commonWrapYellow .OWN_GOAL.content .eventTypeText,
.newsWrap .commonWrapBlue .SHOOT.content .eventTypeText,
.newsWrap .helpWrap .SHOOT.content .eventTypeText,
.newsWrap .infoWrap .SHOOT.content .eventTypeText,
.newsWrap .commonWrapBlue .GOAL.content .eventTypeText,
.newsWrap .helpWrap .GOAL.content .eventTypeText,
.newsWrap .infoWrap .GOAL.content .eventTypeText,
.newsWrap .commonWrapBlue .SAVE.content .eventTypeText,
.newsWrap .helpWrap .SAVE.content .eventTypeText,
.newsWrap .infoWrap .SAVE.content .eventTypeText,
.newsWrap .commonWrapBlue .OWN_GOAL.content .eventTypeText,
.newsWrap .helpWrap .OWN_GOAL.content .eventTypeText,
.newsWrap .infoWrap .OWN_GOAL.content .eventTypeText {
  width: 125px;
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
}
.newsWrap .commonWrapYellow .SHOOT.content .playerIcon,
.newsWrap .commonWrapYellow .GOAL.content .playerIcon,
.newsWrap .commonWrapYellow .SAVE.content .playerIcon,
.newsWrap .commonWrapYellow .OWN_GOAL.content .playerIcon,
.newsWrap .commonWrapBlue .SHOOT.content .playerIcon,
.newsWrap .helpWrap .SHOOT.content .playerIcon,
.newsWrap .infoWrap .SHOOT.content .playerIcon,
.newsWrap .commonWrapBlue .GOAL.content .playerIcon,
.newsWrap .helpWrap .GOAL.content .playerIcon,
.newsWrap .infoWrap .GOAL.content .playerIcon,
.newsWrap .commonWrapBlue .SAVE.content .playerIcon,
.newsWrap .helpWrap .SAVE.content .playerIcon,
.newsWrap .infoWrap .SAVE.content .playerIcon,
.newsWrap .commonWrapBlue .OWN_GOAL.content .playerIcon,
.newsWrap .helpWrap .OWN_GOAL.content .playerIcon,
.newsWrap .infoWrap .OWN_GOAL.content .playerIcon {
  width: 90px;
  height: 90px;
  margin: 0 10px 0 0;
  display: block;
}

.stats {
  width: 100%;
  height: 54px;
}
.stats .teamNameWrap {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stats .teamNameWrap div {
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.stats .teamNameWrap .teamIcon {
  height: 30px;
}
.stats .statsTitle {
  padding-top: 14px;
  font-size: 12px;
  text-align: center;
}
.stats .flexBox {
  width: 255px;
  margin: 0 auto 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.stats .gaugeWrap {
  width: 255px;
  height: 6px;
  margin: 0 auto;
  background-color: #c6d8e5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.stats .gaugeWrap .inner {
  width: 126.5px;
  height: 100%;
  position: relative;
}
.stats .gaugeWrap .separate {
  width: 2px;
  height: 100%;
  background-color: #ddf0ff;
  position: relative;
}
.stats .gaugeWrap .homeGauge {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
  z-index: 100;
}
.stats .gaugeWrap .awayGauge {
  background-color: #666666;
  left: 0;
  border-radius: 0 3px 3px 0;
  z-index: 10;
}
.stats .homeGauge,
.stats .awayGauge {
  height: 6px;
}
.stats .homeStats {
  text-align: left;
}
.stats .awayStats {
  text-align: right;
}
.stats .homeStats,
.stats .awayStats {
  width: 26px;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  font-size: 12px;
}

.newsUpdateTime {
  width: 100%;
  margin: 0 auto 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.newsUpdateTime .reloadBtn {
  width: 28px;
  height: 29px;
  margin-left: 5px;
  background: url("/montedio/img/btn_update.png") left top no-repeat;
  background-size: contain;
}
.newsUpdateTime .reloadBtn:active {
  background: url("/montedio/img/btn_update_active.png") left top no-repeat;
  background-size: contain;
}
.newsUpdateTime .sortOrderAscBtn {
  width: 60px;
  height: 29px;
  margin-left: 25px;
  background: url("/montedio/img/btn/btn_ascend.png") left top no-repeat;
  background-size: contain;
}
.newsUpdateTime .sortOrderDescBtn {
  width: 60px;
  height: 29px;
  margin-left: 25px;
  background: url("/montedio/img/btn/btn_descend.png") left top no-repeat;
  background-size: contain;
}

.bingoCheckAll {
  width: 100%;
  margin: 0 auto 6px;
  padding-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bingoCheckAll .bingoCheckText {
  width: 254px;
  height: 50px;
  margin-left: 0px;
  background: url("/montedio/img/img_check.png") left top no-repeat;
  background-size: contain;
}
.bingoCheckAll .bingoCheckBtn {
  width: 48px;
  height: 48px;
  margin-left: -40px;
  margin-top: -7px;
  background: url("/montedio/img/btn/btn_check.png") left top no-repeat;
  background-size: contain;
}
.bingoCheckAll .bingoCheckBtn:active {
  background: url("/montedio/img/btn/btn_check_active.png") left top no-repeat;
  background-size: contain;
}

.headerWrap {
  width: 100%;
  height: 94px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 997;
}
.headerWrap .logo {
  width: 160px;
  margin: 8px auto 0;
  display: block;
}
.headerWrap > p {
  margin: 0;
  padding: 18px 0 0;
  font-size: 12px;
  text-align: center;
}
.headerWrap .teamWrap {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerWrap .teamWrap .gameDate {
  margin: 2px 10px;
  display: block;
  font-size: 14px;
  text-align: center;
}
.headerWrap .teamWrap .team {
  width: 50px;
  position: relative;
}
.headerWrap .teamWrap .team .homeLabel,
.headerWrap .teamWrap .team .awayLabel {
  width: 40px;
  margin: 0 auto 5px;
}
.headerWrap .teamWrap .team .homeLabel img,
.headerWrap .teamWrap .team .awayLabel img {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.headerWrap .teamWrap .team p {
  margin: 0;
  font-size: 10px;
  text-align: center;
}
.headerWrap .teamWrap .teamIcon {
  width: 50px;
  height: 50px;
}
.headerWrap .teamWrap .teamIcon img {
  width: 100%;
  height: 100%;
}
.headerWrap .teamWrap .pointWrap {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerWrap .teamWrap .pointWrap .point {
  font-size: 14px;
}
.headerWrap .teamWrap .pointWrap .teamPoint {
  margin: 0 4px;
  font-size: 44px;
}
.headerWrap .teamWrap .halfPointWrap {
  height: 24px;
  margin: -6px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.headerWrap .teamWrap .halfPointWrap p {
  margin: 0 4px;
  font-size: 8px;
}

.tabBtnWrap {
  width: 277.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 103px;
  left: calc(50% - 138px);
  z-index: 997;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tabBtnWrap .tabBtn {
  width: 92.5px;
  height: 28.5px;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
}
.tabBtnWrap .left {
  padding-left: 5px;
  background: url("/montedio/img/btn/tab_main_left.png") left top no-repeat;
  background-size: contain;
}
.tabBtnWrap .left.on,
.tabBtnWrap .left:active {
  background: url("/montedio/img/btn/tab_main_left_current.png") left top no-repeat;
  background-size: contain;
}
.tabBtnWrap .center {
  background: url("/montedio/img/btn/tab_main_center.png") left top no-repeat;
  background-size: contain;
}
.tabBtnWrap .center.on,
.tabBtnWrap .center:active {
  background: url("/montedio/img/btn/tab_main_center_current.png") left top no-repeat;
  background-size: contain;
}
.tabBtnWrap .right {
  padding-right: 5px;
  background: url("/montedio/img/btn/tab_main_right.png") left top no-repeat;
  background-size: contain;
}
.tabBtnWrap .right.on,
.tabBtnWrap .right:active {
  background: url("/montedio/img/btn/tab_main_right_current.png") left top no-repeat;
  background-size: contain;
}

#subPage .fullPopupContentInner .cautionText,
#top .cautionText {
  width: 310px;
  margin: 0 auto 20px;
  padding: 8px;
  font-size: 10px;
  text-align: center;
  border-radius: 14px;
}
#subPage .fullPopupContentInner .contentWrap,
#top .contentWrap {
  display: none;
}
#subPage .fullPopupContentInner .contentWrap.show,
#top .contentWrap.show {
  padding-bottom: 40px;
  display: block;
}
#subPage .fullPopupContentInner #topWrap,
#top #topWrap {
  padding-top: 140px;
}
#subPage .fullPopupContentInner .stripeInner,
#top .stripeInner {
  padding-top: 85px;
}
#subPage .fullPopupContentInner .missionListBtn,
#top .missionListBtn {
  width: 90px;
  height: 20px;
  position: fixed;
  bottom: 60px;
  left: 10px;
  z-index: 100;
}
#subPage .fullPopupContentInner .missionListBtn img,
#top .missionListBtn img {
  width: 100%;
  height: 100%;
}
#subPage .fullPopupContentInner .missionListWrap,
#top .missionListWrap {
  width: 290px;
  min-height: auto;
  margin: 30px auto 0;
  padding: 25px 0 10px;
  position: relative;
}
#subPage .fullPopupContentInner .missionListWrap .titleImg,
#top .missionListWrap .titleImg {
  width: 221.5px;
  height: 37px;
  position: absolute;
  top: -23px;
  left: calc(50% - 110px);
  z-index: 100;
}
#subPage .fullPopupContentInner .missionListWrap .titleImg img,
#top .missionListWrap .titleImg img {
  width: 100%;
  height: 100%;
}
#subPage .fullPopupContentInner .missionListWrap .emptyImg,
#top .missionListWrap .emptyImg {
  width: 195px;
  height: 150px;
  margin: 20px auto;
  display: block;
}
#subPage .fullPopupContentInner .missionListWrap .missionBtnWrap,
#top .missionListWrap .missionBtnWrap {
  width: 270px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 10;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
}
#subPage .fullPopupContentInner .missionListWrap .btnTypeA,
#top .missionListWrap .btnTypeA {
  width: 32.5px;
  height: 36px;
  margin: 3px 6px;
  font-size: 16px;
  line-height: 36px;
  text-align: center;
}
#subPage .fullPopupContentInner .missionListWrap .missionSerif,
#top .missionListWrap .missionSerif {
  width: 100%;
  margin: 0 0 -5px;
}
#subPage .fullPopupContentInner .btnWrap,
#top .btnWrap {
  width: 320px;
  height: 130px;
  margin: 0 auto;
  padding: 74px 0 0;
  background: url("/montedio/img/img_top_3.png") left top no-repeat;
  background-size: 320px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#subPage .fullPopupContentInner .btnWrap .ruleBtn,
#top .btnWrap .ruleBtn {
  width: 135px;
  height: 35px;
}
#subPage .fullPopupContentInner .btnWrap .ruleBtn img,
#top .btnWrap .ruleBtn img {
  width: 100%;
  height: 100%;
}
#subPage .fullPopupContentInner .btnWrap .giftBtn,
#top .btnWrap .giftBtn {
  width: 121px;
  height: 35px;
}
#subPage .fullPopupContentInner .btnWrap .giftBtn img,
#top .btnWrap .giftBtn img {
  width: 100%;
  height: 100%;
}
#subPage .fullPopupContentInner .topImage,
#top .topImage {
  width: 100%;
}
#subPage .fullPopupContentInner .bingoListPopupBtn,
#top .bingoListPopupBtn {
  width: 70px;
  height: 20px;
  background: url("/montedio/img/btn/btn_hit_list.png") left top no-repeat;
  background-size: contain;
  position: fixed;
  bottom: 60px;
  left: calc(50% - 145px);
  z-index: 997;
}
#subPage .fullPopupContentInner .bingoListPopupBtn:active,
#top .bingoListPopupBtn:active {
  background: url("/montedio/img/btn/btn_hit_list_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCardRegistPopupBtn,
#top .bingoCardRegistPopupBtn {
  width: 55px;
  height: 45px;
  background: url("/montedio/img/btn/btn_card_signup.png") left top no-repeat;
  background-size: contain;
  position: fixed;
  right: calc(50% - 145px);
  bottom: 60px;
  z-index: 997;
}
#subPage .fullPopupContentInner .bingoCardRegistPopupBtn:active,
#top .bingoCardRegistPopupBtn:active {
  background: url("/montedio/img/btn/btn_card_signup_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .naviTitle,
#top .naviTitle {
  width: 222px;
  height: 37px;
  margin: 0 auto 15px;
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  background: url("/montedio/img/label/label_ribbon_y_large.png") left center no-repeat;
  background-size: 222px auto;
}
#subPage .fullPopupContentInner .naviImg,
#top .naviImg {
  width: 275px;
  margin: 0 auto 15px;
  display: block;
}
#subPage .fullPopupContentInner .naviImg:last-child,
#top .naviImg:last-child {
  margin-bottom: 30px;
}
#subPage .fullPopupContentInner .bingoCard,
#subPage .fullPopupContentInner .lotteryWrap,
#top .bingoCard,
#top .lotteryWrap {
  width: 260.5px;
  height: 304.5px;
  margin: 0 auto 10px;
}
#subPage .fullPopupContentInner .bingoCard .idText,
#subPage .fullPopupContentInner .lotteryWrap .idText,
#top .bingoCard .idText,
#top .lotteryWrap .idText {
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
}
#subPage .fullPopupContentInner .bingoCard .pageText,
#subPage .fullPopupContentInner .lotteryWrap .pageText,
#top .bingoCard .pageText,
#top .lotteryWrap .pageText {
  width: 100%;
  position: absolute;
  bottom: 1px;
  left: 0;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
#subPage .fullPopupContentInner .bingoCard .bingoBg,
#subPage .fullPopupContentInner .lotteryWrap .bingoBg,
#top .bingoCard .bingoBg,
#top .lotteryWrap .bingoBg {
  width: 320px;
  height: 260px;
  background: url("/montedio/img/bingo_card/img_confetti.png") center center no-repeat;
  background-size: 320px 260px;
  position: absolute;
  top: 7px;
  left: -34.75px;
  pointer-events: none;
  z-index: 1;
}
#subPage .fullPopupContentInner .bingoCardWrap .lotteryResultImg,
#top .bingoCardWrap .lotteryResultImg {
  width: 210px;
  display: block;
  position: absolute;
  bottom: 19px;
  left: 25px;
}
#subPage .fullPopupContentInner .bingoCardWrap .lotteryResultLoseImg,
#top .bingoCardWrap .lotteryResultLoseImg {
  width: 210px;
  display: block;
  position: absolute;
  bottom: 19px;
  left: 25px;
}
#subPage .fullPopupContentInner .lotteryWrap,
#top .lotteryWrap {
  background: url("/montedio/img/bingo_card/img_bingocard_ura.png") left top no-repeat;
  background-size: contain;
  display: block;
  position: relative;
}
#subPage .fullPopupContentInner .lotteryWrap.hit,
#top .lotteryWrap.hit {
  background: url("/montedio/img/bingo_card/img_bingocard_ura_hit.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .lotteryWrap .lotteryResultImg,
#top .lotteryWrap .lotteryResultImg {
  width: 240px;
  height: 160px;
  display: block;
  position: absolute;
  top: 45px;
  left: calc(50% - 120px);
}
#subPage .fullPopupContentInner .lotteryWrap .canLotteryImg,
#top .lotteryWrap .canLotteryImg {
  width: 176px;
  height: 136px;
  display: block;
  position: absolute;
  top: calc(50% - 78px);
  left: calc(50% - 88px);
}
#subPage .fullPopupContentInner .lotteryWrap .canLotteryImgForFan,
#top .lotteryWrap .canLotteryImgForFan {
  width: 176px;
  height: 136px;
  display: block;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 88px);
}
#subPage .fullPopupContentInner .lotteryWrap .lotteryBtn,
#top .lotteryWrap .lotteryBtn {
  width: 108px;
  height: 35px;
  background: url("/montedio/img/btn/btn_lottery.png") left top no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 32px;
  left: calc(50% - 54px);
  z-index: 500;
}
#subPage .fullPopupContentInner .lotteryWrap .lotteryBtn.off,
#top .lotteryWrap .lotteryBtn.off {
  background: url("/montedio/img/btn/btn_lottery_disable.png") left top no-repeat;
  background-size: contain;
  pointer-events: none;
}
#subPage .fullPopupContentInner .lotteryWrap .lotteryBtn:active,
#top .lotteryWrap .lotteryBtn:active {
  background: url("/montedio/img/btn/btn_lottery_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .lotteryWrap .bingoConfirmBtn,
#top .lotteryWrap .bingoConfirmBtn {
  width: 48px;
  height: 32px;
  background: url("/montedio/img/btn/btn_confirm_bingo.png") center center no-repeat;
  background-size: 48px 32px;
  position: absolute;
  bottom: -2px;
  right: -23px;
  z-index: 500;
}
#subPage .fullPopupContentInner .lotteryWrap .bingoConfirmBtn:active,
#top .lotteryWrap .bingoConfirmBtn:active {
  background: url("/montedio/img/btn/btn_confirm_bingo_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .lotteryWrap .bingoTweetBtn,
#top .lotteryWrap .bingoTweetBtn {
  width: 39px;
  height: 32px;
  background: url("/montedio/img/btn/btn_share_twitter.png") center center no-repeat;
  background-size: 39px 32px;
  position: absolute;
  top: 37px;
  right: -18px;
  z-index: 500;
}
#subPage .fullPopupContentInner .lotteryWrap .bingoTweetBtn:active,
#top .lotteryWrap .bingoTweetBtn:active {
  background: url("/montedio/img/btn/btn_share_twitter_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .resultLink,
#top .resultLink {
  color: #52a4e2;
  text-decoration: underline;
  text-align: center;
  font-size: 14px;
  margin: 10px 0 0;
  line-height: 1.3;
}
#subPage .fullPopupContentInner .resultLink a,
#top .resultLink a {
  color: #52a4e2;
  text-decoration: none;
}
#subPage .fullPopupContentInner .contactPopup,
#top .contactPopup {
  color: #dc3806;
  text-decoration: underline;
  text-align: center;
  font-size: 14px;
  margin: 20px 0 0;
  line-height: 1.3;
}
#subPage .fullPopupContentInner .bingoHowtoPlayPopup,
#top .bingoHowtoPlayPopup {
  color: #52a4e2;
  text-decoration: underline;
  text-align: center;
  font-size: 14px;
  margin: 10px 0 100px;
  line-height: 1.3;
}
#subPage .fullPopupContentInner .bingoCard,
#top .bingoCard {
  background: url("/montedio/img/bingo_card/img_bingocard.png") left top no-repeat;
  background-size: contain;
  display: block;
  position: relative;
}
#subPage .fullPopupContentInner .bingoCard.hit,
#top .bingoCard.hit {
  background: url("/montedio/img/bingo_card/img_bingocard_hit.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard.forFan,
#top .bingoCard.forFan {
  background: url("/montedio/img/bingo_card/img_bingocard_a.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard.forFan.hit,
#top .bingoCard.forFan.hit {
  background: url("/montedio/img/bingo_card/img_bingocard_hit_a.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard .deleteBtn,
#top .bingoCard .deleteBtn {
  width: 26px;
  height: 32px;
  background: url("/montedio/img/btn/btn_card_delete.png") left top no-repeat;
  background-size: 26px 32px;
  position: absolute;
  top: -2px;
  left: -10px;
  z-index: 500;
}
#subPage .fullPopupContentInner .bingoCard .deleteBtn:active,
#top .bingoCard .deleteBtn:active {
  background: url("/montedio/img/btn/btn_card_delete_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard .checkBtn,
#top .bingoCard .checkBtn {
  width: 135px;
  height: 30px;
  background: url("/montedio/img/btn/btn_card_check.png") left top no-repeat;
  background-size: 135px;
  position: absolute;
  bottom: 15px;
  left: 63px;
  z-index: 500;
}
#subPage .fullPopupContentInner .bingoCard .checkBtn:active,
#top .bingoCard .checkBtn:active {
  background: url("/montedio/img/btn/btn_card_check_active.png") right bottom no-repeat;
  background-size: 135px;
}
#subPage .fullPopupContentInner .bingoCard .lotteryBtn,
#top .bingoCard .lotteryBtn {
  width: 178px;
  height: 31px;
  background: url("/montedio/img/btn/btn_lottery.png") left top no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 17px;
  left: 40px;
  z-index: 500;
}
#subPage .fullPopupContentInner .bingoCard .lotteryBtn.off,
#top .bingoCard .lotteryBtn.off {
  background: url("/montedio/img/btn/btn_lottery_disable.png") left top no-repeat;
  background-size: contain;
  pointer-events: none;
}
#subPage .fullPopupContentInner .bingoCard .lotteryBtn:active,
#top .bingoCard .lotteryBtn:active {
  background: url("/montedio/img/btn/btn_lottery_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine,
#top .bingoCard .bingoLine {
  width: 225px;
  height: 202px;
  position: absolute;
  bottom: 53px;
  left: 18px;
  z-index: 8;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine1,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine2,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine3,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine4,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine5,
#top .bingoCard .bingoLine .hLine1,
#top .bingoCard .bingoLine .hLine2,
#top .bingoCard .bingoLine .hLine3,
#top .bingoCard .bingoLine .hLine4,
#top .bingoCard .bingoLine .hLine5 {
  width: 215.5px;
  height: 19px;
  background: url("/montedio/img/bingo_card/bingo_line_1.png") center center no-repeat;
  background-size: contain;
  display: none;
  position: absolute;
  left: 5px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine1.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine2.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine3.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine4.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine5.bingo,
#top .bingoCard .bingoLine .hLine1.bingo,
#top .bingoCard .bingoLine .hLine2.bingo,
#top .bingoCard .bingoLine .hLine3.bingo,
#top .bingoCard .bingoLine .hLine4.bingo,
#top .bingoCard .bingoLine .hLine5.bingo {
  display: block;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine1,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine2,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine3,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine4,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine5,
#top .bingoCard .bingoLine .vLine1,
#top .bingoCard .bingoLine .vLine2,
#top .bingoCard .bingoLine .vLine3,
#top .bingoCard .bingoLine .vLine4,
#top .bingoCard .bingoLine .vLine5 {
  width: 18.5px;
  height: 197px;
  background: url("/montedio/img/bingo_card/bingo_line_2.png") center center no-repeat;
  background-size: contain;
  display: none;
  position: absolute;
  top: 2px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine1.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine2.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine3.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine4.bingo,
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine5.bingo,
#top .bingoCard .bingoLine .vLine1.bingo,
#top .bingoCard .bingoLine .vLine2.bingo,
#top .bingoCard .bingoLine .vLine3.bingo,
#top .bingoCard .bingoLine .vLine4.bingo,
#top .bingoCard .bingoLine .vLine5.bingo {
  display: block;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .oLine1,
#top .bingoCard .bingoLine .oLine1 {
  width: 212.5px;
  height: 193px;
  background: url("/montedio/img/bingo_card/bingo_line_3.png") center center no-repeat;
  background-size: contain;
  display: none;
  position: absolute;
  top: 4px;
  left: 7px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .oLine1.bingo,
#top .bingoCard .bingoLine .oLine1.bingo {
  display: block;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .oLine2,
#top .bingoCard .bingoLine .oLine2 {
  width: 212.5px;
  height: 193px;
  background: url("/montedio/img/bingo_card/bingo_line_4.png") center center no-repeat;
  background-size: contain;
  display: none;
  position: absolute;
  top: 4px;
  left: 7px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .oLine2.bingo,
#top .bingoCard .bingoLine .oLine2.bingo {
  display: block;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine1,
#top .bingoCard .bingoLine .hLine1 {
  top: 11px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine2,
#top .bingoCard .bingoLine .hLine2 {
  top: 51px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine3,
#top .bingoCard .bingoLine .hLine3 {
  top: 91px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine4,
#top .bingoCard .bingoLine .hLine4 {
  top: 131px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .hLine5,
#top .bingoCard .bingoLine .hLine5 {
  top: 171px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine1,
#top .bingoCard .bingoLine .vLine1 {
  left: 13px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine2,
#top .bingoCard .bingoLine .vLine2 {
  left: 58px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine3,
#top .bingoCard .bingoLine .vLine3 {
  left: 103px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine4,
#top .bingoCard .bingoLine .vLine4 {
  left: 148px;
}
#subPage .fullPopupContentInner .bingoCard .bingoLine .vLine5,
#top .bingoCard .bingoLine .vLine5 {
  left: 193px;
}
#subPage .fullPopupContentInner .bingoCard .lotteryConfirmBtn,
#top .bingoCard .lotteryConfirmBtn {
  width: 42px;
  height: 32px;
  background: url("/montedio/img/btn/btn_confirm_lottery.png") center center no-repeat;
  background-size: 42px 32px;
  position: absolute;
  top: -2px;
  right: -20px;
  z-index: 500;
}
#subPage .fullPopupContentInner .bingoCard .lotteryConfirmBtn:active,
#top .bingoCard .lotteryConfirmBtn:active {
  background: url("/montedio/img/btn/btn_confirm_lottery_active.png") left top no-repeat;
  background-size: contain;
}
#subPage .fullPopupContentInner .bingoCard .bingoNum,
#top .bingoCard .bingoNum {
  width: 225px;
  height: 202px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 53px;
  left: 18px;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  font-size: 12px;
  z-index: 10;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#subPage .fullPopupContentInner .bingoCard .bingoNum .number,
#top .bingoCard .bingoNum .number {
  width: 45px;
  height: 40.4px;
  background: rgba(255, 255, 255, 0.3);
  background: url("/montedio/img/btn/btn_bingo_white.png") center center no-repeat;
  background-size: 37px 37px;
  font-size: 15px;
  line-height: 37px;
  text-align: center;
}
#subPage .fullPopupContentInner .bingoCard .bingoNum .number:nth-of-type(odd),
#top .bingoCard .bingoNum .number:nth-of-type(odd) {
  background: url("/montedio/img/btn/btn_bingo_blue.png") center center no-repeat;
  background-size: 37px 37px;
}
#subPage .fullPopupContentInner .bingoCard .bingoNum .number.hit,
#top .bingoCard .bingoNum .number.hit {
  background: url("/montedio/img/btn/btn_bingo_red.png") center center no-repeat;
  background-size: 37px 37px;
}
#subPage .fullPopupContentInner .bingoCard .bingoNum .number.free,
#top .bingoCard .bingoNum .number.free {
  background: url("/montedio/img/bingo_card/img_free.png") center center no-repeat;
  background-size: 44px 44px;
}
#subPage .fullPopupContentInner .bingoCard .idText,
#top .bingoCard .idText {
  width: 100%;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 16px;
  line-height: 27px;
  text-align: center;
}
#subPage .fullPopupContentInner .bingoCard .pageText,
#top .bingoCard .pageText {
  width: 100%;
  position: absolute;
  bottom: 1px;
  padding-right: 30px;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
}
#subPage .fullPopupContentInner .bingoCard.empty,
#top .bingoCard.empty {
  background: url("/montedio/img/bingo_card/img_bingocard_none.png") left top no-repeat;
  background-size: contain;
}

#subPage .headerWrap {
  height: auto;
  top: 41px;
  z-index: 10000;
}
#subPage .headerWrap .logo {
  display: none;
}
#subPage .headerWrap .gameDate {
  margin: 2px 10px;
  display: block;
  font-size: 14px;
  text-align: center;
}
#subPage .tabBtnWrap {
  top: 119px;
}
#subPage .scheduleNoneImg {
  width: 195px;
  height: 150px;
  margin: 0 auto;
  display: block;
}

#subPage .fullPopupContentInner #topWrap {
  padding-top: 100px;
}
#subPage .fullPopupContentInner #topWrap .newsUpdateTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#subPage .fullPopupContentInner #topWrap .cautionText {
  display: none;
}
#subPage .fullPopupContentInner #topWrap .bingoListPopupBtn {
  bottom: 90px;
}
#subPage .fullPopupContentInner #topWrap .bingoCardRegistPopupBtn {
  bottom: 90px;
}
#subPage .fullPopupContentInner #topWrap .bingoCard:last-child {
  margin-bottom: 100px;
}

#subPage {
  padding: 0 0 50px;
}
#subPage .topWrap {
  width: 320px;
  height: 100px;
  border-bottom: 10px solid #23239f;
}
#subPage .topWrap img {
  width: 100%;
}
#subPage .stripeInner {
  padding: 20px 0;
}
#subPage > section {
  min-height: calc(100vh - 50px);
}
#subPage > section .logo img {
  width: 100%;
}
#subPage > section .bingoCardEntry {
  width: 275px;
  height: 60px;
  margin: 0 auto;
  background: url("/montedio/img/btn/btn_bingocard_entry.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .bingoCardEntry:active {
  background: url("/montedio/img/btn/btn_bingocard_entry_active.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .checkSchedule {
  width: 275px;
  height: 60px;
  margin: 0 auto;
  background: url("/montedio/img/btn/btn_check_card.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .checkSchedule:active {
  background: url("/montedio/img/btn/btn_check_card_active.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .gift {
  width: 121px;
  height: 34px;
}
#subPage > section .gift img {
  width: 121px;
}
#subPage > section .gift {
  width: 121px;
  height: 34px;
  background: url("/montedio/img/btn/btn_check_prize.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .gift:active {
  background: url("/montedio/img/btn/btn_check_prize_active.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .howto {
  width: 121px;
  height: 34px;
  background: url("/montedio/img/btn/btn_rule.png") left top no-repeat;
  background-size: contain;
}
#subPage > section .howto:active {
  background: url("/montedio/img/btn/btn_rule_active.png") left top no-repeat;
  background-size: contain;
}
#subPage.schedule .scheduleWrap {
  width: 290px;
  min-width: auto;
  margin: 0 auto;
  position: relative;
}
#subPage.schedule .scheduleWrap .gameDetailBtn {
  width: 30px;
  height: 32px;
  background: url("/montedio/img/btn/btn_bingo.png") left top no-repeat;
  background-size: 30px 32px;
  position: absolute;
  right: 12px;
  bottom: 2px;
}
#subPage.schedule .scheduleWrap .gameDetailBtn:active {
  background: url("/montedio/img/btn/btn_bingo_active.png") left top no-repeat;
  background-size: contain;
}
#subPage.schedule .scheduleWrap:not(:last-child) {
  margin-bottom: 15px;
}
#subPage.schedule .scheduleWrap .title {
  font-size: 13px;
  word-break: keep-all;
}
#subPage.schedule .scheduleWrap.commonWrapYellow,
#subPage.schedule .scheduleWrap.helpWrap:nth-child(odd),
#subPage.schedule .scheduleWrap.infoWrap:nth-child(odd),
#subPage.schedule .scheduleWrap.commonWrapBlue,
#subPage.schedule .scheduleWrap.helpWrap,
#subPage.schedule .scheduleWrap.infoWrap {
  min-height: 0;
}
#subPage.schedule .scheduleWrap .scheduleText {
  width: 250px;
  margin: 10px auto 0;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  border-radius: 10px;
}
#subPage.schedule .scheduleWrap .teamWrap {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#subPage.schedule .scheduleWrap .teamWrap .homeLabel,
#subPage.schedule .scheduleWrap .teamWrap .awayLabel {
  width: 50px;
  margin-bottom: 2px;
  padding: 3px;
  font-size: 6px;
  text-align: center;
  border-radius: 15px;
}
#subPage.schedule .scheduleWrap .teamWrap .team {
  position: relative;
}
#subPage.schedule .scheduleWrap .teamWrap .team p {
  width: 50px;
  margin: 0;
  font-size: 12px;
  text-align: center;
}
#subPage.schedule .scheduleWrap .teamWrap .teamIcon {
  width: 50px;
  height: 50px;
  margin: 0 -8px;
}
#subPage.schedule .scheduleWrap .teamWrap .teamIcon img {
  width: 100%;
  height: 100%;
}
#subPage.schedule .scheduleWrap .teamWrap .pointWrap {
  margin: 0 -5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100px;
}
#subPage.schedule .scheduleWrap .teamWrap .pointWrap .teamPoint {
  margin: 0 4px;
  font-size: 34px;
}
#subPage.schedule .scheduleWrap .teamWrap .gameDateWrap {
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  font-size: 26px;
  text-align: center;
}
#subPage.gift .stripeInner {
  padding-top: 10px;
}
#subPage.gift .giftWrap {
  width: 290px;
  margin: 0 auto;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
#subPage.gift .giftWrap:not(:last-child) {
  margin-bottom: 10px;
}
#subPage.gift .giftWrap img {
  width: 100%;
}
#subPage.member .positionWrap {
  width: 293px;
  margin: 0 auto;
}
#subPage.member .positionWrap:not(:last-child) {
  margin-bottom: 20px;
}
#subPage.member .positionWrap .title {
  width: 100%;
  margin: 0 0 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  line-height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#subPage.member .positionWrap .title span {
  margin-left: 5px;
  font-size: 14px;
}
#subPage.member .positionWrap .content {
  width: 255px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#subPage.member .positionWrap .content .playerIcon {
  width: 85px;
  height: 85px;
  margin: 4px 0;
}
#subPage.member .positionWrap .content .playerIcon img {
  width: 100%;
  height: 100%;
}
#subPage.member .positionWrap .content .prmWrap {
  display: none;
}

#animation {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

#animationLoop {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

#animationForGacha {
  width: 100%;
  height: 100dvh;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

#lottie {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10000;
}
#lottie .lottieDecideBtn {
  width: 108px;
  height: 35px;
  background: url("/montedio/img/btn/btn_ok.png") left top no-repeat;
  background-size: contain;
  position: absolute;
  bottom: calc(50% - 208px);
  left: calc(50% - 54px);
  z-index: 10001;
}
#lottie .lottieDecideBtn:active {
  background: url("/montedio/img/btn/btn_ok_active.png") left top no-repeat;
  background-size: contain;
}
#lottie .animationBg {
  width: 100%;
  height: 100dvh;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  z-index: 1;
}

#lottieForGacha {
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10000;
}
#lottieForGacha .lottieDecideBtn {
  width: 108px;
  height: 35px;
  background: url("/montedio/img/btn/btn_ok.png") left top no-repeat;
  background-size: contain;
  display: none;
  position: absolute;
  bottom: calc(50% - 208px);
  left: calc(50% - 54px);
  z-index: 10001;
}
#lottieForGacha .lottieDecideBtn:active {
  background: url("/montedio/img/btn/btn_ok_active.png") left top no-repeat;
  background-size: contain;
}
#lottieForGacha .animationBg {
  width: 100%;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

#fullPopupOuter,
#popupOuter {
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
#fullPopupOuter.howtoplay,
#popupOuter.howtoplay {
  padding: 0 0 30px;
  overflow: scroll;
}
#fullPopupOuter.open,
#popupOuter.open {
  display: block;
}
#fullPopupOuter.open .popupContent,
#popupOuter.open .popupContent {
  -webkit-animation: popup_open 150ms linear 0s 1 forwards;
}
#fullPopupOuter.open .popupBg,
#popupOuter.open .popupBg {
  -webkit-animation: fade_in 150ms linear 0s 1 forwards;
}
#fullPopupOuter.close .popupContent,
#popupOuter.close .popupContent {
  -webkit-animation: popup_close 150ms linear 0s 1 forwards;
}
#fullPopupOuter.close .popupBg,
#popupOuter.close .popupBg {
  -webkit-animation: popup_close 150ms linear 0s 1 forwards;
}
#fullPopupOuter .popupCloseBtn:not(.full),
#popupOuter .popupCloseBtn:not(.full) {
  width: 36px;
  height: 36px;
  background: url("/montedio/img/btn_close.png") left top no-repeat;
  background-size: contain;
  position: absolute;
  top: -20px;
  right: -10px;
  z-index: 100;
}
#fullPopupOuter .popupCloseBtn:not(.full):active,
#popupOuter .popupCloseBtn:not(.full):active {
  background: url("/montedio/img/btn_close_active.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent.full,
#popupOuter .popupContent.full {
  width: 100%;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000000;
}
#fullPopupOuter .popupContent.full .popupCloseBtn,
#popupOuter .popupContent.full .popupCloseBtn {
  position: fixed;
  z-index: 100;
}
#fullPopupOuter .popupContent.full > .title,
#popupOuter .popupContent.full > .title {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0px;
  left: 0px;
  font-size: 15px;
  line-height: 46px;
  text-align: center;
  word-break: keep-all;
}
#fullPopupOuter .popupContent.full > .titlePopup,
#popupOuter .popupContent.full > .titlePopup {
  width: 100%;
  height: 45px;
  position: fixed;
  top: 0px;
  left: 0px;
  font-size: 15px;
  line-height: 20px;
  text-align: center;
  word-break: keep-all;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent.full > .titlePopup p,
#popupOuter .popupContent.full > .titlePopup p {
  width: 280px;
}
#fullPopupOuter .popupContent.full .fullPopupContent,
#popupOuter .popupContent.full .fullPopupContent {
  width: 100%;
  height: calc(100vh - 48px);
  padding: 10px 0 20px;
  position: fixed;
  top: 48px;
  left: 0px;
  overflow: scroll;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift,
#popupOuter .popupContent.full .fullPopupContent .gift {
  width: 290px;
  margin: 0 auto;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift img,
#popupOuter .popupContent.full .fullPopupContent .gift img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift #image-carousel,
#popupOuter .popupContent.full .fullPopupContent .gift #image-carousel {
  margin: 0 auto 30px;
  width: 270px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift .giftImg,
#popupOuter .popupContent.full .fullPopupContent .gift .giftImg {
  margin-bottom: 15px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift .giftText,
#popupOuter .popupContent.full .fullPopupContent .gift .giftText {
  margin: 0 auto 15px;
  font-size: 14px;
  line-height: 1.5;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift .giftText .giftName,
#popupOuter .popupContent.full .fullPopupContent .gift .giftText .giftName {
  margin: 0 0 15px;
  padding: 0 0 0 15px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .gift .giftText2,
#popupOuter .popupContent.full .fullPopupContent .gift .giftText2 {
  margin: 0 auto 100px;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 10px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .missionImg,
#popupOuter .popupContent.full .fullPopupContent .missionImg {
  width: 290px;
  margin: 0 auto 10px;
  display: block;
}
#fullPopupOuter .popupContent.full .fullPopupContent .naviImg,
#popupOuter .popupContent.full .fullPopupContent .naviImg {
  width: 275px;
  margin: 0 auto 15px;
  display: block;
}
#fullPopupOuter .popupContent.full .fullPopupContent .naviImg:last-child,
#popupOuter .popupContent.full .fullPopupContent .naviImg:last-child {
  margin-bottom: 100px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap {
  width: 290px;
  height: calc(100vh - 100px);
  margin: 0 auto;
  padding: 35px 0 0;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border: 2px solid #1a1a7c;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle {
  width: 100%;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  line-height: 35px;
  text-align: center;
  border-radius: 18px 18px 0 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle span,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoListTitle span {
  width: 50%;
  display: block;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .bingoNoneImg,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .bingoNoneImg {
  width: 195px;
  height: 150px;
  position: absolute;
  top: 60px;
  left: calc(50% - 97.5px);
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList {
  width: 50%;
  text-align: center;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList span,
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList span,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span {
  height: 34px;
  display: block;
  font-size: 14px;
  line-height: 34px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList span:nth-of-type(odd),
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span:nth-of-type(odd),
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .idList span:nth-of-type(odd),
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span:nth-of-type(odd) {
  background-color: #f5f5f7;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .line,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .line {
  width: 2px;
  height: calc(100vh - 100px);
  background-color: #1a1a7c;
  position: absolute;
  top: 0;
  left: calc(50% - 1px);
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span {
  color: #8484a5;
  font-size: 12px;
}
#fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span.election,
#popupOuter .popupContent.full .fullPopupContent .bingoListWrap .bingoList .resultList span.election {
  color: #d04040;
  font-size: 14px;
}
@supports (-webkit-touch-callout: none) {
  #fullPopupOuter .popupContent.full .fullPopupContent,
  #popupOuter .popupContent.full .fullPopupContent {
    /* iPhoneの表示のみ指定を上書き */
  }
  #fullPopupOuter .popupContent.full .fullPopupContent .bingoListWrap,
  #popupOuter .popupContent.full .fullPopupContent .bingoListWrap {
    height: calc(100dvh - 100px);
  }
}
#fullPopupOuter .popupContent,
#popupOuter .popupContent {
  width: 293px;
  height: 232px;
  position: absolute;
  top: calc(50% - 116px);
  left: calc(50% - 146.5px);
  opacity: 0;
  z-index: 100000;
}
#fullPopupOuter .popupContent.howtoplayPopup,
#popupOuter .popupContent.howtoplayPopup {
  height: 394px;
  top: calc(50% - 197px);
}
#fullPopupOuter .popupContent.howtoplayPopup #image-carousel,
#popupOuter .popupContent.howtoplayPopup #image-carousel {
  width: 240px;
  margin: 34px auto 0;
}
#fullPopupOuter .popupContent.missionPopupContent,
#popupOuter .popupContent.missionPopupContent {
  height: 84px;
  min-height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: calc(50% - 42px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent.missionPopupContent .missionWrap,
#popupOuter .popupContent.missionPopupContent .missionWrap {
  margin-top: 30px;
}
#fullPopupOuter .popupContent.contactPopupStyle,
#popupOuter .popupContent.contactPopupStyle {
  height: 308px;
  top: calc(50% - 154px);
}
#fullPopupOuter .popupContent.commonWrapYellow .profile,
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .profile,
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .profile,
#popupOuter .popupContent.commonWrapYellow .profile,
#popupOuter .popupContent.helpWrap:nth-child(odd) .profile,
#popupOuter .popupContent.infoWrap:nth-child(odd) .profile {
  border: 1px solid #ffcd1c;
}
#fullPopupOuter .popupContent.commonWrapYellow .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.commonWrapYellow .profile .profileContent:not(:last-child),
#fullPopupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileContent:not(:last-child),
#fullPopupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileContent:not(:last-child),
#popupOuter .popupContent.commonWrapYellow .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.commonWrapYellow .profile .profileContent:not(:last-child),
#popupOuter .popupContent.helpWrap:nth-child(odd) .profile .profileContent:not(:last-child),
#popupOuter .popupContent.infoWrap:nth-child(odd) .profile .profileContent:not(:last-child) {
  border-bottom: 1px solid #ffcd1c;
}
#fullPopupOuter .popupContent.commonWrapBlue .profile,
#fullPopupOuter .popupContent.helpWrap .profile,
#fullPopupOuter .popupContent.infoWrap .profile,
#popupOuter .popupContent.commonWrapBlue .profile,
#popupOuter .popupContent.helpWrap .profile,
#popupOuter .popupContent.infoWrap .profile {
  border: 1px solid #52a4e2;
}
#fullPopupOuter .popupContent.commonWrapBlue .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.helpWrap .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.infoWrap .profile .profileTitle:not(:last-child),
#fullPopupOuter .popupContent.commonWrapBlue .profile .profileContent:not(:last-child),
#fullPopupOuter .popupContent.helpWrap .profile .profileContent:not(:last-child),
#fullPopupOuter .popupContent.infoWrap .profile .profileContent:not(:last-child),
#popupOuter .popupContent.commonWrapBlue .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.helpWrap .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.infoWrap .profile .profileTitle:not(:last-child),
#popupOuter .popupContent.commonWrapBlue .profile .profileContent:not(:last-child),
#popupOuter .popupContent.helpWrap .profile .profileContent:not(:last-child),
#popupOuter .popupContent.infoWrap .profile .profileContent:not(:last-child) {
  border-bottom: 1px solid #52a4e2;
}
#fullPopupOuter .popupContent.commonWrapBlue .contactWrap,
#fullPopupOuter .popupContent.helpWrap .contactWrap,
#fullPopupOuter .popupContent.infoWrap .contactWrap,
#popupOuter .popupContent.commonWrapBlue .contactWrap,
#popupOuter .popupContent.helpWrap .contactWrap,
#popupOuter .popupContent.infoWrap .contactWrap {
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.4;
}
#fullPopupOuter .popupContent.commonWrapBlue .contactWrap .contactTitle,
#fullPopupOuter .popupContent.helpWrap .contactWrap .contactTitle,
#fullPopupOuter .popupContent.infoWrap .contactWrap .contactTitle,
#popupOuter .popupContent.commonWrapBlue .contactWrap .contactTitle,
#popupOuter .popupContent.helpWrap .contactWrap .contactTitle,
#popupOuter .popupContent.infoWrap .contactWrap .contactTitle {
  font-size: 13px;
  color: #52a4e2;
}
#fullPopupOuter .popupContent .removeBingoCardWrapper,
#popupOuter .popupContent .removeBingoCardWrapper {
  text-align: center;
}
#fullPopupOuter .popupContent .removeBingoCardWrapper p,
#popupOuter .popupContent .removeBingoCardWrapper p {
  margin: 50px 0 0;
  font-size: 14px;
  line-height: 1.3;
}
#fullPopupOuter .popupContent .inputBingoIdWrapper,
#popupOuter .popupContent .inputBingoIdWrapper {
  text-align: center;
}
#fullPopupOuter .popupContent .inputBingoIdWrapper p,
#popupOuter .popupContent .inputBingoIdWrapper p {
  margin: 5px 0 7px;
  font-size: 14px;
  line-height: 25px;
}
#fullPopupOuter .popupContent .inputBingoIdWrapper .cautionTextRed,
#popupOuter .popupContent .inputBingoIdWrapper .cautionTextRed {
  width: 100%;
  left: 0;
  font-size: 12px;
  line-height: 1;
  text-align: center;
}
#fullPopupOuter .popupContent .popupBtnWrap,
#popupOuter .popupContent .popupBtnWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 21px;
  left: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent .popupBtnWrap img,
#popupOuter .popupContent .popupBtnWrap img {
  height: 35px;
  margin: 0 10px;
}
#fullPopupOuter .popupContent .popupBtnWrap .removeBingoCardBtn,
#fullPopupOuter .popupContent .popupBtnWrap .addBingoCardBtn,
#fullPopupOuter .popupContent .popupBtnWrap .popupCloseBtn2,
#fullPopupOuter .popupContent .popupBtnWrap .popupDecideBtn,
#popupOuter .popupContent .popupBtnWrap .removeBingoCardBtn,
#popupOuter .popupContent .popupBtnWrap .addBingoCardBtn,
#popupOuter .popupContent .popupBtnWrap .popupCloseBtn2,
#popupOuter .popupContent .popupBtnWrap .popupDecideBtn {
  width: 108px;
  height: 35px;
  margin: 0 10px;
}
#fullPopupOuter .popupContent .popupBtnWrap .removeBingoCardBtn,
#popupOuter .popupContent .popupBtnWrap .removeBingoCardBtn {
  background: url("/montedio/img/btn/btn_ok.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .removeBingoCardBtn:active,
#popupOuter .popupContent .popupBtnWrap .removeBingoCardBtn:active {
  background: url("/montedio/img/btn/btn_ok_active.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .popupDecideBtn,
#popupOuter .popupContent .popupBtnWrap .popupDecideBtn {
  background: url("/montedio/img/btn/btn_ok.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .popupDecideBtn:active,
#popupOuter .popupContent .popupBtnWrap .popupDecideBtn:active {
  background: url("/montedio/img/btn/btn_ok_active.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .addBingoCardBtn,
#popupOuter .popupContent .popupBtnWrap .addBingoCardBtn {
  background: url("/montedio/img/btn/btn_signup.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .addBingoCardBtn:active,
#popupOuter .popupContent .popupBtnWrap .addBingoCardBtn:active {
  background: url("/montedio/img/btn/btn_signup_active.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .popupCloseBtn2,
#popupOuter .popupContent .popupBtnWrap .popupCloseBtn2 {
  background: url("/montedio/img/btn/btn_cancel.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .popupBtnWrap .popupCloseBtn2:active,
#popupOuter .popupContent .popupBtnWrap .popupCloseBtn2:active {
  background: url("/montedio/img/btn/btn_cancel_active.png") left top no-repeat;
  background-size: contain;
}
#fullPopupOuter .popupContent .sortMenuWrapper,
#popupOuter .popupContent .sortMenuWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 10px;
}
#fullPopupOuter .popupContent .sortMenuWrapper div,
#popupOuter .popupContent .sortMenuWrapper div {
  width: 130px;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 30px;
}
#fullPopupOuter .popupContent .sortMenuWrapper div input[type="radio"],
#popupOuter .popupContent .sortMenuWrapper div input[type="radio"] {
  display: none;
}
#fullPopupOuter .popupContent .sortMenuWrapper div input[type="radio"] + label:before,
#popupOuter .popupContent .sortMenuWrapper div input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: sub;
}
#fullPopupOuter .popupContent .sortMenuWrapper div input[type="radio"] + label:before,
#popupOuter .popupContent .sortMenuWrapper div input[type="radio"] + label:before {
  background-image: url("/montedio/img/btn/radio_btn_off.png");
}
#fullPopupOuter .popupContent .sortMenuWrapper div input[type="radio"]:checked + label:before,
#popupOuter .popupContent .sortMenuWrapper div input[type="radio"]:checked + label:before {
  background-image: url("/montedio/img/btn/radio_btn_on.png");
}
#fullPopupOuter .popupContent .popupNameWrap,
#popupOuter .popupContent .popupNameWrap {
  width: 270px;
  height: 58px;
  margin: 22px auto 0;
  padding: 0 7px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  border-radius: 5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent .popupNameWrap .popupPosition,
#popupOuter .popupContent .popupNameWrap .popupPosition {
  width: 32px;
  height: 32px;
  padding: 0 0 0 4px;
  font-family: var(--font-rodin), sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  letter-spacing: -0.3em;
  border-radius: 5px;
}
#fullPopupOuter .popupContent .popupNameWrap .popupPlayerNo,
#popupOuter .popupContent .popupNameWrap .popupPlayerNo {
  margin: 0 0 0 auto;
  font-family: var(--font-seurat), sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
}
#fullPopupOuter .popupContent .popupNameWrap .popupPlayerName,
#popupOuter .popupContent .popupNameWrap .popupPlayerName {
  width: 180px;
  margin: 0 0 0 8px;
  font-size: 14px;
  text-align: left;
}
#fullPopupOuter .popupContent .popupNameWrap .popupPlayerNameKana,
#popupOuter .popupContent .popupNameWrap .popupPlayerNameKana {
  width: 180px;
  margin: 0 0 0 8px;
  font-size: 10px;
  text-align: left;
}
#fullPopupOuter .popupContent .popupPlayerIcon,
#popupOuter .popupContent .popupPlayerIcon {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 85px;
  left: 8px;
}
#fullPopupOuter .popupContent .popupProfileWrap .profile,
#popupOuter .popupContent .popupProfileWrap .profile {
  width: 186px;
  margin: 10px 10px 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  font-size: 10px;
  text-align: center;
  border-radius: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#fullPopupOuter .popupContent .popupProfileWrap .profile .profileTitle,
#popupOuter .popupContent .popupProfileWrap .profile .profileTitle {
  width: 74px;
  height: 32px;
  font-size: 12px;
  line-height: 40px;
}
#fullPopupOuter .popupContent .popupProfileWrap .profile .profileContent,
#popupOuter .popupContent .popupProfileWrap .profile .profileContent {
  width: 109px;
  height: 32px;
  line-height: 32px;
}

#fullPopupOuter {
  z-index: 9999;
}

.infoWrap {
  width: 293px;
  min-height: auto;
  margin: 0 auto;
  position: relative;
}
.infoWrap:not(:last-child) {
  margin: 0 auto 15px;
}
.infoWrap:last-child {
  margin: 0 auto 100px;
}
.infoWrap .infoTime p {
  font-size: 8px;
  text-align: left;
  border-radius: 20px;
  margin: 10px 10px 0px 10px;
  padding: 4px 14px 4px 14px;
}
.infoWrap .infoTime span {
  position: absolute;
  top: -3px;
  right: 30px;
  width: 130px;
  height: 34px;
  background: url("/montedio/img/menu/img_montes.png") right top no-repeat;
  background-size: 50px auto;
}
.infoWrap .infoTitle {
  margin: 8px 14px 0px 14px;
  font-size: 16px;
  text-align: left;
}
.infoWrap .infoContent {
  margin: 8px 14px;
  padding: 0px;
  font-size: 12px;
  line-height: 1.5;
}
.infoWrap .infoContent img {
  width: 100%;
  margin: 6px auto;
  display: block;
  border-radius: 5px;
}
.infoWrap:nth-child(odd) {
  min-height: auto;
}
.infoWrap:nth-child(odd) .infoTime span {
  background: url("/montedio/img/menu/img_dio.png") right top no-repeat;
  background-size: 50px auto;
}

.helpWrap {
  width: 293px;
  min-height: auto;
  margin: 0 auto;
  padding-top: 50px;
  position: relative;
}
.helpWrap:not(:last-child) {
  margin: 0 auto 15px;
}
.helpWrap:last-child {
  margin: 0 auto 100px;
}
.helpWrap .helpTitle {
  width: 290px;
  height: 80px;
  padding: 30px 15px 0 75px;
  background: url("/montedio/img/help_fukidashi_montes.png") left top no-repeat;
  background-size: 285px auto;
  position: absolute;
  top: -9px;
  left: 3px;
  font-size: 14px;
  text-align: center;
  z-index: 1;
}
.helpWrap .helpContent {
  margin: 10px 10px 0px;
  padding: 10px 20px;
  position: relative;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 10px;
  z-index: 10;
}
.helpWrap .helpContent img {
  width: 100%;
  margin: 8px auto;
  display: block;
  border-radius: 5px;
}
.helpWrap:nth-child(odd) {
  min-height: auto;
}
.helpWrap:nth-child(odd) .helpTitle {
  padding: 30px 80px 0 12px;
  background: url("/montedio/img/help_fukidashi_dio.png") left top no-repeat;
  background-size: 285px auto;
}
.sortWrap {
  width: 160px;
  height: 30px;
  position: fixed;
  right: calc(50% - 145px);
  bottom: 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sortWrap .sortMenuBtnPosition {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_position.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnPosition:active {
  background: url("/montedio/img/btn/btn_sort_position_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnUniformNo {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_number.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnUniformNo:active {
  background: url("/montedio/img/btn/btn_sort_number_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnHeight {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_height.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnHeight:active {
  background: url("/montedio/img/btn/btn_sort_height_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnAge {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_age.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnAge:active {
  background: url("/montedio/img/btn/btn_sort_age_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnBirthday {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_birthday.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnBirthday:active {
  background: url("/montedio/img/btn/btn_sort_birthday_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnRealNameKana {
  width: 100px;
  background: url("/montedio/img/btn/btn_sort_name.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortMenuBtnRealNameKana:active {
  background: url("/montedio/img/btn/btn_sort_name_active.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortOrderAscBtn {
  width: 65px;
  margin-left: 10px;
  background: url("/montedio/img/btn/btn_ascend.png") left top no-repeat;
  background-size: contain;
}
.sortWrap .sortOrderDescBtn {
  width: 65px;
  margin-left: 10px;
  background: url("/montedio/img/btn/btn_descend.png") left top no-repeat;
  background-size: contain;
}

.sortWrapTimeLine {
  position: fixed;
  right: calc(50% - 150px);
  bottom: 95px;
  display: block;
}
.sortWrapTimeLine .sortOrderAscBtn {
  width: 65px;
  height: 30px;
  background: url("/montedio/img/btn/btn_ascend.png") left top no-repeat;
  background-size: contain;
}
.sortWrapTimeLine .sortOrderDescBtn {
  width: 65px;
  height: 30px;
  background: url("/montedio/img/btn/btn_descend.png") left top no-repeat;
  background-size: contain;
}

.popupBg {
  width: 100%;
  height: 100dvh;
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}

@-webkit-keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popup_open {
  0% {
    -webkit-transform: scale(0.7, 0.7);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes popup_open {
  0% {
    transform: scale(0.7, 0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}

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