@charset "UTF-8";
/* ==========================================================
  フォント
========================================================== */
/* ===================================================================
CSS information
 file name  :special.css
 style info :スペシャル情報ページのスタイル
=================================================================== */
@media screen and (min-width: 768px) {
  body.special:before {
    background-image: url(../img/special/bg_special_pc.jpg);
  }
}
@media screen and (max-width: 767px) {
  body.special:before {
    background-image: url(../img/special/bg_special_sp.jpg);
  }
}

@media screen and (min-width: 768px) {
  :lang(fr) .contentArea, :lang(es) .contentArea, .contentArea:lang(pt-BR), .pt-br .contentArea {
    padding: 50px 0 180px;
  }
}
@media screen and (min-width: 1921px) {
  :lang(fr) .contentArea, :lang(es) .contentArea, .contentArea:lang(pt-BR), .pt-br .contentArea {
    padding: 2vw 0 8vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(fr) .contentArea .ttlBox, :lang(es) .contentArea .ttlBox, .contentArea .ttlBox:lang(pt-BR), .pt-br .contentArea .ttlBox {
    margin: 24vw auto 8vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(en) .contentArea .ttlBox h1 .enTxt, :lang(zh-cmn-Hant) .contentArea .ttlBox h1 .enTxt, .zh-cmn-Hant .contentArea .ttlBox h1 .enTxt, :lang(zh-cmn-Hans) .contentArea .ttlBox h1 .enTxt, .zh-cmn-Hans .contentArea .ttlBox h1 .enTxt {
    height: 6.8vw;
  }
}
@media screen and (min-width: 1921px) {
  :lang(fr) .contentArea .ttlBox h1 .enTxt, :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 3.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  :lang(fr) .contentArea .ttlBox h1 .enTxt, :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 54px;
  }
}
@media screen and (max-width: 767px) {
  :lang(fr) .contentArea .ttlBox h1 .enTxt, :lang(es) .contentArea .ttlBox h1 .enTxt {
    height: 8.6vw;
  }
}
@media screen and (max-width: 767px) {
  :lang(it) .contentArea .ttlBox h1 .enTxt {
    height: 5.8vw;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 3.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 62px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .ttlBox h1 .enTxt:lang(pt-BR), .pt-br .contentArea .ttlBox h1 .enTxt {
    height: 9.6vw;
  }
}
.contentArea .sec {
  text-align: left;
  background: #fff;
  overflow: hidden;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .contentArea .sec {
    border-radius: 20px;
    width: min(96%, 1120px);
    padding-bottom: 60px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec {
    width: 60%;
    padding-bottom: 3vw;
    margin-bottom: 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .sec {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec {
    padding-bottom: 6vw;
  }
}
.contentArea .sec.simple {
  padding-bottom: 0;
}
.contentArea .sec.simple .main {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .contentArea .sec.new:before {
    top: 10px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec.new:before {
    top: 0.4vw;
    right: 0.4vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec.new:before {
    top: 2vw;
  }
}
.contentArea .sec h2 {
  font-weight: 700;
  background: #3c0d0d;
}
@media screen and (min-width: 768px) {
  .contentArea .sec h2 {
    padding: 20px 50px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec h2 {
    padding: 1vw 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .sec h2 {
    padding: 20px 2%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec h2 {
    padding: 4vw;
  }
}
.contentArea .sec h2 .in {
  border-left: solid 6px #b60000;
}
@media screen and (min-width: 768px) {
  .contentArea .sec h2 .in {
    padding-left: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec h2 .in {
    padding-left: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec h2 .in {
    padding-left: 2vw;
  }
}
.contentArea .sec h2 .in span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1em;
}
.contentArea .sec h2 .in span.flexNone {
  display: block;
}
.contentArea .sec h2 .in span.date {
  color: #fff;
}
.contentArea .sec h2 .in span.txt {
  background: -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 768px) {
  .contentArea .sec h2 .in span.txt {
    font-size: 24px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec h2 .in span.txt {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec h2 .in span.txt {
    font-size: 4.4vw;
  }
}
.contentArea .sec h2 .in span.txt .jpVer {
  display: inline-block;
  color: #7cff85;
  -webkit-text-fill-color: #7cff85;
  border-radius: 8px;
  border: 2px solid #7cff85;
  padding: 0.2em 1.2em 0.3em;
  margin-top: 0.4em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec h2 .in span.txt .jpVer {
    font-size: 14px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec h2 .in span.txt .jpVer {
    font-size: 0.8vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec h2 .in span.txt .jpVer {
    font-size: 3vw;
  }
}
.contentArea .sec h2 .in em {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contentArea .sec h2 .in em {
    font-size: 38px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec h2 .in em {
    font-size: 2vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec h2 .in em {
    font-size: 6.8vw;
  }
}
.contentArea .sec .main {
  background: #b60000;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .main {
    padding: 16px 52px;
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .main {
    padding: 1vw 2vw;
    margin-bottom: 1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .sec .main {
    padding: 16px 2%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .main {
    padding: 4vw;
    margin-bottom: 3vw;
  }
}
.contentArea .sec .inner {
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner {
    width: min(90%, 1020px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner {
    width: 94%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner {
    width: 92%;
  }
}
.contentArea .sec .inner .noteTxt {
  color: #999;
  font-weight: 700;
  text-align: right;
  margin: 1em auto;
}
.contentArea .sec .inner .txt {
  color: #000;
  font-weight: 700;
  margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .txt {
    font-size: clamp(16px, 2vw, 20px);
    width: min(100%, 880px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .txt {
    font-size: 1vw;
    width: 80%;
  }
}
:lang(pt-BR) .contentArea .sec .inner .txt, .pt-br .contentArea .sec .inner .txt {
  text-align: center;
}
.contentArea .sec .inner .movieIcon {
  position: relative;
  background: linear-gradient(60deg, #7cff85, #eaff00);
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .movieIcon {
    width: min(100%, 760px);
    margin: 40px auto;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .movieIcon {
    width: 80%;
    margin: 2vw auto;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .movieIcon {
    margin: 6vw auto;
  }
}
.contentArea .sec .inner .movieIcon:after {
  display: block;
  content: "";
  position: absolute;
  background: url(../img/shared/icn_play.png) no-repeat center center/100%;
  pointer-events: none;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 18%;
  height: 100%;
}
.contentArea .sec .inner .infoTable {
  color: #000;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable {
    width: min(100%, 880px);
    margin: 40px auto;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .infoTable {
    width: 80%;
    margin: 2vw auto;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .infoTable {
    margin: 6vw auto;
  }
}
.contentArea .sec .inner .infoTable dt {
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#0730a7), to(#049ec9));
  background: linear-gradient(90deg, #0730a7 0%, #049ec9 100%);
  border-bottom: solid 3px #fde812;
  padding: 0.5em 0;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dt {
    font-size: clamp(16px, 2vw, 20px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .infoTable dt {
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .infoTable dt {
    font-size: 4vw;
  }
}
.contentArea .sec .inner .infoTable dd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dd {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .infoTable dd {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4vw 0;
  }
}
.contentArea .sec .inner .infoTable dd .imgBox {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dd .imgBox {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .infoTable dd .imgBox {
    width: 50%;
  }
}
.contentArea .sec .inner .infoTable dd .imgBox p {
  background: #f0f1f3;
  padding: 0.4em 0 0.6em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dd .tableBox {
    width: 66%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .infoTable dd .tableBox {
    width: 100%;
  }
}
.contentArea .sec .inner .infoTable dd .tableBox table {
  border: 1px solid #ccc;
  width: 100%;
}
.contentArea .sec .inner .infoTable dd .tableBox table tr th,
.contentArea .sec .inner .infoTable dd .tableBox table tr td {
  font-weight: 700;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dd .tableBox table tr th,
  .contentArea .sec .inner .infoTable dd .tableBox table tr td {
    font-size: clamp(16px, 1.8vw, 18px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .infoTable dd .tableBox table tr th,
  .contentArea .sec .inner .infoTable dd .tableBox table tr td {
    font-size: 1vw;
  }
}
.contentArea .sec .inner .infoTable dd .tableBox table tr th {
  text-align: center;
  background: #f0f1f3;
  width: 40%;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .infoTable dd .tableBox .movieIcon {
    width: 61%;
    margin: 20px 0 0 0;
  }
}
.contentArea .sec .inner .charaList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 30px 2%;
    margin-top: 50px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .sec .inner .charaList {
    gap: 1.5vw 2%;
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .charaList {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 4vw 0;
    margin-top: 6vw;
  }
}
.contentArea .sec .inner .charaList li {
  background: #000;
  border-radius: 12px;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li {
    width: 23.5%;
    padding: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li {
    padding: 0.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea .sec .inner .charaList li {
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .charaList li {
    width: 48%;
    padding: 2vw;
  }
}
.contentArea .sec .inner .charaList li .chara {
  border-radius: 8px;
  overflow: hidden;
}
.contentArea .sec .inner .charaList li dl {
  font-weight: 900;
  text-align: center;
  padding: 1em 0;
  border-bottom: solid 1px #4e5156;
}
.contentArea .sec .inner .charaList li dl dt {
  color: #ccc;
  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;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li dl dt {
    font-size: clamp(13px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li dl dt {
    font-size: 0.9vw;
  }
}
.contentArea .sec .inner .charaList li dl dd {
  color: #e9ff0c;
  line-height: 1.2;
  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;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li dl dd {
    font-size: clamp(20px, 2.4vw, 26px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li dl dd {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .charaList li dl dd {
    font-size: 4.6vw;
  }
}
.contentArea .sec .inner .charaList li dl dd rt {
  font-weight: 700;
  ruby-align: center;
  text-align: center;
  letter-spacing: 0.1em;
  margin-bottom: 0.2em;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li dl dd rt {
    font-size: 8px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li dl dd rt {
    font-size: 0.5vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .charaList li dl dd rt {
    font-size: 1.8vw;
  }
}
.safari .contentArea .sec .inner .charaList li dl dd rt {
  translate: 0 0.5em;
}
.ff .contentArea .sec .inner .charaList li dl dd rt {
  position: relative;
  top: 0.5em;
}
.contentArea .sec .inner .charaList li .cv {
  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;
  padding-top: 1em;
}
.contentArea .sec .inner .charaList li .cv .cvImg {
  aspect-ratio: 1/1;
  background: linear-gradient(60deg, #7cff85, #eaff00);
  border-radius: 100%;
  padding: 3px;
  overflow: hidden;
  width: 38%;
}
.contentArea .sec .inner .charaList li .cv .cvImg span {
  display: block;
  border-radius: 100%;
  overflow: hidden;
}
.contentArea .sec .inner .charaList li .cv p {
  color: #ccc;
  font-weight: 900;
  width: 56%;
  overflow-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li .cv p {
    font-size: clamp(13px, 1.6vw, 16px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li .cv p {
    font-size: 0.9vw;
  }
}
.contentArea .sec .inner .charaList li .cv p span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .contentArea .sec .inner .charaList li .cv p span {
    font-size: 12px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea .sec .inner .charaList li .cv p span {
    font-size: 0.7vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea .sec .inner .charaList li .cv p span {
    font-size: 3vw;
  }
}
.contentArea .sec .inner .charaList li .cv p span.subTxt {
  position: relative;
  top: -0.4em;
}
.contentArea #endingTheme .storeInfo {
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, right top, from(#ff3f3a), to(#ffc000));
  background: linear-gradient(90deg, #ff3f3a 0%, #ffc000 100%);
  padding: 2em;
  margin: 0 auto 2em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: min(100%, 880px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #endingTheme .storeInfo {
    width: 80%;
  }
}
.contentArea #endingTheme .storeInfo h3 {
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-bottom: 2px solid #ffde00;
  background: #000;
  width: 100%;
  padding: 0.4em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo h3 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #endingTheme .storeInfo h3 {
    font-size: 4.4vw;
  }
}
.contentArea #endingTheme .storeInfo figure {
  border: 2px solid #fff;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo figure {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #endingTheme .storeInfo figure {
    width: 90%;
    margin: 1.5em auto;
  }
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo .infoBox {
    width: 54%;
  }
}
.contentArea #endingTheme .storeInfo .infoBox dl dt {
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-bottom: 2px solid #ffde00;
  background: #000;
  padding: 0.4em;
  margin-bottom: 0.8em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo .infoBox dl dt {
    font-size: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #endingTheme .storeInfo .infoBox dl dt {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #endingTheme .storeInfo .infoBox dl dt {
    display: none;
  }
}
.contentArea #endingTheme .storeInfo .infoBox dl dd table {
  border: 2px solid #ff9015;
  width: 100%;
}
.contentArea #endingTheme .storeInfo .infoBox dl dd table tr th,
.contentArea #endingTheme .storeInfo .infoBox dl dd table tr td {
  color: #000;
  font-weight: 700;
  border: 2px solid #ff9015;
  padding: 0.3em 0.5em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo .infoBox dl dd table tr th,
  .contentArea #endingTheme .storeInfo .infoBox dl dd table tr td {
    font-size: 15px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #endingTheme .storeInfo .infoBox dl dd table tr th,
  .contentArea #endingTheme .storeInfo .infoBox dl dd table tr td {
    font-size: 0.8vw;
  }
}
.contentArea #endingTheme .storeInfo .infoBox dl dd table tr th {
  text-align: center;
  background: #ffe7b3;
  width: 10em;
}
.contentArea #endingTheme .storeInfo .infoBox dl dd table tr td {
  background: #fff;
}
.contentArea #endingTheme .storeInfo .infoBox .btnG {
  display: block;
  color: #000;
  font-weight: 700;
  text-align: center;
  border-radius: 100px;
  background: url(../img/shared/bg_arrow_yellow.svg) no-repeat left 1em center/1em, -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: url(../img/shared/bg_arrow_yellow.svg) no-repeat left 1em center/1em, linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  padding: 1em 0;
  margin-top: 1.1em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .storeInfo .infoBox .btnG {
    font-size: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #endingTheme .storeInfo .infoBox .btnG {
    font-size: 1.2vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #endingTheme .storeInfo .infoBox .btnG {
    font-size: 4vw;
  }
}
.contentArea #endingTheme .cvBox {
  border-radius: 10px;
  background: #e4f6ff;
  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;
  padding: 1.5em;
  margin: 0 auto 1em;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .cvBox {
    width: min(100%, 880px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #endingTheme .cvBox {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #endingTheme .cvBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .cvBox .txt {
    width: 44%;
  }
}
.contentArea #endingTheme .cvBox .charaList {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .contentArea #endingTheme .cvBox .charaList {
    width: 54%;
  }
}
.contentArea #endingTheme .cvBox .charaList li {
  width: 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;
}
.contentArea #endingTheme .cvBox .charaList li .chara {
  width: 50%;
}
.contentArea #endingTheme .cvBox .charaList li .box {
  width: calc(50% - 1em);
}
@media screen and (min-width: 768px) {
  .contentArea #akane .wrapBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 50px 0;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #akane .wrapBox {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea #akane .wrapBox {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #akane .wrapBox {
    margin: 6vw 0;
  }
}
.contentArea #akane .wrapBox .charaList {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .contentArea #akane .wrapBox .charaList {
    width: 240px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #akane .wrapBox .charaList {
    width: 17vw;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #akane .wrapBox .charaList {
    width: 48%;
    margin: 0 auto 6vw;
  }
}
.contentArea #akane .wrapBox .charaList li {
  width: 100%;
}
.contentArea #akane .wrapBox .imgBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
}
@media screen and (min-width: 768px) {
  .contentArea #akane .wrapBox .imgBox {
    gap: 30px 0;
    width: calc(100% - 240px - 40px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #akane .wrapBox .imgBox {
    gap: 2vw 0;
    width: calc(100% - 17vw - 2vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
  .contentArea #akane .wrapBox .imgBox {
    gap: 20px 0;
    width: calc(100% - 240px - 20px);
  }
}
@media screen and (max-width: 767px) {
  .contentArea #akane .wrapBox .imgBox {
    gap: 4vw 0;
  }
}
.contentArea #akane .wrapBox .imgBox figure {
  background: linear-gradient(60deg, #7cff85, #eaff00);
  padding: 4px;
}
.contentArea #akane .img {
  background: linear-gradient(60deg, #7cff85, #eaff00);
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .contentArea #akane .img {
    width: min(100%, 760px);
    margin: 20px auto 0;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #akane .img {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #akane .img {
    margin: 6vw auto 0;
  }
}
.contentArea #tPistonz h2 {
  margin-bottom: 2em;
}
.contentArea #tPistonz .img {
  background: linear-gradient(60deg, #7cff85, #eaff00);
  padding: 4px;
}
@media screen and (min-width: 768px) {
  .contentArea #tPistonz .img {
    width: min(100%, 880px);
    margin: 50px auto;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #tPistonz .img {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #tPistonz .img {
    margin: 6vw auto;
  }
}
.contentArea #tPistonz .songList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .contentArea #tPistonz .songList {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 1em 1.6%;
    width: min(100%, 1200px);
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #tPistonz .songList {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .contentArea #tPistonz .songList {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #tPistonz .songList {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2vw 0;
  }
}
.contentArea #tPistonz .songList li {
  background: linear-gradient(120deg, rgba(0, 0, 0, 0.7) 62.79%, rgba(20, 50, 42, 0.7) 100%);
  border-radius: 16px;
  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;
  padding: 1.5em 1em;
}
@media screen and (min-width: 768px) {
  .contentArea #tPistonz .songList li {
    width: 32.26%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1080px) {
  .contentArea #tPistonz .songList li {
    width: 49%;
  }
}
@media screen and (max-width: 767px) {
  .contentArea #tPistonz .songList li {
    width: 49%;
  }
}
.contentArea #tPistonz .songList li span {
  font-weight: 700;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#7cff85), to(#eaff00));
  background: linear-gradient(90deg, #7cff85 0%, #eaff00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  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;
  gap: 0 0.6em;
}
@media screen and (min-width: 768px) {
  .contentArea #tPistonz .songList li span {
    font-size: 20px;
  }
}
@media screen and (min-width: 1921px) {
  .contentArea #tPistonz .songList li span {
    font-size: 0.9vw;
  }
}
.contentArea #tPistonz .songList li span:before {
  content: "";
  background: url(../img/shared/icn_inazuma_green.svg) no-repeat 0 0/100%;
  aspect-ratio: 17/25;
  width: 1em;
}