@-webkit-keyframes btnhovermov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes btnhovermov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes btnhoverpush {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes btnhoverpush {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@media print, screen and (min-width: 768px) {
  .content-inner.has-wavecnt {
    padding-bottom: 30px;
  }
}

.content-inner.no-movie {
  padding-bottom: 30px;
}

@media print, screen and (min-width: 768px) {
  .content-inner.no-movie {
    padding-bottom: 30px;
  }
}

.u-character-box {
  margin: 0 -15px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box {
    margin: 45px 0 0;
  }
}

.u-character-box .box-precure {
  position: relative;
  margin-bottom: 10px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure {
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 0;
  }
}

.u-character-box .box-precure:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: characterbg 3.5s linear infinite;
          animation: characterbg 3.5s linear infinite;
}

.u-character-box .box-precure .precure-slide .slide-pagination {
  position: absolute;
  right: 15px;
  top: 30vw;
  left: auto;
  bottom: auto;
  width: 20vw;
  max-width: 98px;
  z-index: +1;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-slide .slide-pagination {
    right: 0px;
    top: 70px;
    width: 160px;
    max-width: 160px;
  }
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn {
  display: block;
  margin: 0;
  background: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: relative;
  outline: none;
  border-radius: 0;
  width: auto;
  height: auto;
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn + .pager-btn {
  margin-top: 12px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-slide .slide-pagination .pager-btn + .pager-btn {
    margin-top: 20px;
  }
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn button {
  display: inline-block;
  width: 26vw;
  max-width: 98px;
  height: 10.6vw;
  max-height: 40px;
  border: none;
  padding: 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-slide .slide-pagination .pager-btn button {
    width: 160px;
    max-width: 160px;
    height: 66px;
    max-height: 66px;
  }
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn button:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.3s ease;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-slide .slide-pagination .pager-btn button:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.swiper-pagination-bullet-active button:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-01 button {
  background-image: url(../../images/character/b_01_style05.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-01 button:after {
  background-image: url(../../images/character/b_01_style05_on.png);
}



.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-02 button {
  background-image: url(../../images/character/b_01_style01.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-02 button:after {
  background-image: url(../../images/character/b_01_style01_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-03 button {
  background-image: url(../../images/character/b_01_style02.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-03 button:after {
  background-image: url(../../images/character/b_01_style02_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-04 button {
  background-image: url(../../images/character/b_01_style03.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-04 button:after {
  background-image: url(../../images/character/b_01_style03_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-05 button {
  background-image: url(../../images/character/b_01_style04.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.grace-05 button:after {
  background-image: url(../../images/character/b_01_style04_on.png);
}






.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-01 button {
  background-image: url(../../images/character/b_02_style05.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-01 button:after {
  background-image: url(../../images/character/b_02_style05_on.png);
}


.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-02 button {
  background-image: url(../../images/character/b_02_style01.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-02 button:after {
  background-image: url(../../images/character/b_02_style01_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-03 button {
  background-image: url(../../images/character/b_02_style02.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-03 button:after {
  background-image: url(../../images/character/b_02_style02_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-04 button {
  background-image: url(../../images/character/b_02_style03.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-04 button:after {
  background-image: url(../../images/character/b_02_style03_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-05 button {
  background-image: url(../../images/character/b_02_style04.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.fontaine-05 button:after {
  background-image: url(../../images/character/b_02_style04_on.png);
}









.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-01 button {
  background-image: url(../../images/character/b_03_style05.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-01 button:after {
  background-image: url(../../images/character/b_03_style05_on.png);
}



.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-02 button {
  background-image: url(../../images/character/b_03_style01.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-02 button:after {
  background-image: url(../../images/character/b_03_style01_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-03 button {
  background-image: url(../../images/character/b_03_style02.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-03 button:after {
  background-image: url(../../images/character/b_03_style02_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-04 button {
  background-image: url(../../images/character/b_03_style03.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-04 button:after {
  background-image: url(../../images/character/b_03_style03_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-05 button {
  background-image: url(../../images/character/b_03_style04.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.sparkle-05 button:after {
  background-image: url(../../images/character/b_03_style04_on.png);
}



.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-01 button {
  background-image: url(../../images/character/b_09_style04.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-01 button:after {
  background-image: url(../../images/character/b_09_style04_on.png);
}


.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-02 button {
  background-image: url(../../images/character/b_09_style01.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-02 button:after {
  background-image: url(../../images/character/b_09_style01_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-03 button {
  background-image: url(../../images/character/b_09_style02.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-03 button:after {
  background-image: url(../../images/character/b_09_style02_on.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-04 button {
  background-image: url(../../images/character/b_09_style03.png);
}

.u-character-box .box-precure .precure-slide .slide-pagination .pager-btn.earth-04 button:after {
  background-image: url(../../images/character/b_09_style03_on.png);
}








.u-character-box .box-enemy .enemy-slide .slide-pagination {
  position: absolute;
  right: 15px;
  top: 0vw;
  left: auto;
  bottom: auto;
  width: 26vw;
  max-width: 98px;
  z-index: +1;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy .enemy-slide .slide-pagination {
    right: 0px;
    top: 150px;
    width: 160px;
    max-width: 160px;
  }
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn {
  display: block;
  margin: 0;
  background: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: relative;
  outline: none;
  border-radius: 0;
  width: auto;
  height: auto;
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn + .pager-btn {
  margin-top: 12px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn + .pager-btn {
    margin-top: 20px;
  }
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn button {
  display: inline-block;
  width: 26vw;
  max-width: 98px;
  height: 10.6vw;
  max-height: 40px;
  border: none;
  padding: 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn button {
    width: 160px;
    max-width: 160px;
    height: 66px;
    max-height: 66px;
  }
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn button:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.3s ease;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn button:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.swiper-pagination-bullet-active button:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}


.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-01 button {
  background-image: url(../../images/character/b_10_style03.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-01 button:after {
  background-image: url(../../images/character/b_10_style03_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-02 button {
  background-image: url(../../images/character/b_10_style02.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-02 button:after {
  background-image: url(../../images/character/b_10_style01_on.png);
}


.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-03 button {
  background-image: url(../../images/character/b_10_style01.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_02-03 button:after {
  background-image: url(../../images/character/b_10_style01_on.png);
}




.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-01 button {
  background-image: url(../../images/character/b_11_style03.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-01 button:after {
  background-image: url(../../images/character/b_11_style03_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-02 button {
  background-image: url(../../images/character/b_11_style02.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-02 button:after {
  background-image: url(../../images/character/b_11_style02_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-03 button {
  background-image: url(../../images/character/b_11_style01.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_03-03 button:after {
  background-image: url(../../images/character/b_11_style01_on.png);
}


.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-01 button {
  background-image: url(../../images/character/b_12_style03.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-01 button:after {
  background-image: url(../../images/character/b_12_style03_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-02 button {
  background-image: url(../../images/character/b_12_style02.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-02 button:after {
  background-image: url(../../images/character/b_12_style02_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-03 button {
  background-image: url(../../images/character/b_12_style01.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_04-03 button:after {
  background-image: url(../../images/character/b_12_style01_on.png);
}



.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-01 button {
  background-image: url(../../images/character/b_13_style02.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-01 button:after {
  background-image: url(../../images/character/b_13_style02_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-02 button {
  background-image: url(../../images/character/b_13_style01.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-02 button:after {
  background-image: url(../../images/character/b_13_style01_on.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-03 button {
  background-image: url(../../images/character/b_13_style01.png);
}

.u-character-box .box-enemy .enemy-slide .slide-pagination .pager-btn.enemy_05-03 button:after {
  background-image: url(../../images/character/b_13_style01_on.png);
}





.u-character-box .box-precure .precure-animal {
    position: absolute;
    right: 21VW;
    width: 22VW;
    max-width: 99px;
    z-index: +1;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-animal {
    width: 138px;
    max-width: 138px;
    right: 12px;
  }
}

.u-character-box .box-precure .precure-animal a {
  display: inline-block;
  transition: all 0.3s ease;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure .precure-animal a:hover {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.grace {
    background-image: url(../../images/character/heart_01_pc.png);
  }
}

.u-character-box .box-precure.grace:before {
  background-image: url(../../images/character/bg_01_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.grace:before {
    background-image: url(../../images/character/bg_01_pc.png);
  }
}

.u-character-box .box-precure.grace .precure-animal {
  bottom: 2.5%;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.grace .precure-animal {
    bottom: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.fontaine {
    background-image: url(../../images/character/heart_02_pc.png);
  }
}

.u-character-box .box-precure.fontaine:before {
  background-image: url(../../images/character/bg_02_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.fontaine:before {
    background-image: url(../../images/character/bg_02_pc.png);
  }
}

.u-character-box .box-precure.fontaine .precure-animal {
  bottom: 5%;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.fontaine .precure-animal {
    bottom: 10px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.sparkle {
    background-image: url(../../images/character/heart_03_pc.png);
  }
}

.u-character-box .box-precure.sparkle:before {
  background-image: url(../../images/character/bg_03_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.sparkle:before {
    background-image: url(../../images/character/bg_03_pc.png);
  }
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.earth {
    background-image: url(../../images/character/heart_09_pc.png);
  }
}

.u-character-box .box-precure.earth:before {
  background-image: url(../../images/character/bg_09_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.earth:before {
    background-image: url(../../images/character/bg_09_pc.png);
  }
}

.u-character-box .box-precure.earth .precure-animal {
  bottom: 1.5%;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.earth .precure-animal {
    bottom: 10px;
  }
}




.u-character-box .box-precure.sparkle .precure-animal {
  bottom: 5%;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure.sparkle .precure-animal {
    bottom: 10px;
  }
}

.u-character-box .box-precure + .box-info {
  margin-top: -15px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-precure + .box-info {
    margin-top: 0;
  }
}

.u-character-box .box-animal {
  margin: 15px 15px 0;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal {
    margin: 0;
  }
}









.u-character-box .box-animal:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: characterbg 3.5s linear infinite;
          animation: characterbg 3.5s linear infinite;
}

.u-character-box .box-animal .animal-slide .slide-pagination {
  position: absolute;
  right: 0px;
  top: 10%;
  left: auto;
  bottom: auto;
  width: 26vw;
  max-width: 98px;
  z-index: +1;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-slide .slide-pagination {
    width: 160px;
    max-width: 160px;
    top: 200px;
  }
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn {
  display: block;
  margin: 0;
  background: transparent;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  position: relative;
  outline: none;
  border-radius: 0;
  width: auto;
  height: auto;
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn + .pager-btn {
  margin-top: 12px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-slide .slide-pagination .pager-btn + .pager-btn {
    margin-top: 20px;
  }
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn button {
  display: inline-block;
  width: 26vw;
  max-width: 98px;
  height: 10.6vw;
  max-height: 40px;
  border: none;
  padding: 0;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-slide .slide-pagination .pager-btn button {
    width: 160px;
    max-width: 160px;
    height: 66px;
    max-height: 66px;
  }
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn button:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: all 0.3s ease;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-slide .slide-pagination .pager-btn button:hover:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.swiper-pagination-bullet-active button:after {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-01 button {
  background-image: url(../../images/character/b_04_style01.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-01 button:after {
  background-image: url(../../images/character/b_04_style01_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-02 button {
  background-image: url(../../images/character/b_04_style02.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-02 button:after {
  background-image: url(../../images/character/b_04_style02_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-03 button {
  background-image: url(../../images/character/b_04_style03.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.grace-03 button:after {
  background-image: url(../../images/character/b_04_style03_on.png);
}



.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-01 button {
  background-image: url(../../images/character/b_05_style01.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-01 button:after {
  background-image: url(../../images/character/b_05_style01_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-02 button {
  background-image: url(../../images/character/b_05_style02.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-02 button:after {
  background-image: url(../../images/character/b_05_style02_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-03 button {
  background-image: url(../../images/character/b_05_style03.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.fontaine-03 button:after {
  background-image: url(../../images/character/b_05_style03_on.png);
}


.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-01 button {
  background-image: url(../../images/character/b_06_style01.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-01 button:after {
  background-image: url(../../images/character/b_06_style01_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-02 button {
  background-image: url(../../images/character/b_06_style02.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-02 button:after {
  background-image: url(../../images/character/b_06_style02_on.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-03 button {
  background-image: url(../../images/character/b_06_style03.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.sparkle-03 button:after {
  background-image: url(../../images/character/b_06_style03_on.png);
}



.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.latte-01 button {
  background-image: url(../../images/character/b_07_style01.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.latte-01 button:after {
  background-image: url(../../images/character/b_07_style01_on.png);
}



.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.latte-02 button {
  background-image: url(../../images/character/b_07_style02.png);
}

.u-character-box .box-animal .animal-slide .slide-pagination .pager-btn.latte-02 button:after {
  background-image: url(../../images/character/b_07_style02_on.png);
}




@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.grace {
    background-image: url(../../images/character/heart_01_pc.png);
  }
}

.u-character-box .box-animal.grace:before {
  background-image: url(../../images/character/bg_04_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.grace:before {
    background-image: url(../../images/character/bg_01_pc.png);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.fontaine {
    background-image: url(../../images/character/heart_02_pc.png);
  }
}

.u-character-box .box-animal.fontaine:before {
  background-image: url(../../images/character/bg_05_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.fontaine:before {
    background-image: url(../../images/character/bg_02_pc.png);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.sparkle {
    background-image: url(../../images/character/heart_03_pc.png);
  }
}

.u-character-box .box-animal.sparkle:before {
  background-image: url(../../images/character/bg_06_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.sparkle:before {
    background-image: url(../../images/character/bg_03_pc.png);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.latte {
    background-image: url(../../images/character/heart_07_pc.png);
  }
}

.u-character-box .box-animal.latte:before {
  background-image: url(../../images/character/bg_07_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.latte:before {
    background-image: url(../../images/character/bg_07_pc.png);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.teataine {
    background-image: url(../../images/character/heart_08_pc.png);
  }
}

.u-character-box .box-animal.teataine:before {
  background-image: url(../../images/character/bg_08_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.teataine:before {
    background-image: url(../../images/character/bg_08_pc.png);
  }
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.leion {
    background-image: url(../../images/character/heart_10_pc.png);
  }
}

.u-character-box .box-animal.leion:before {
  background-image: url(../../images/character/bg_10_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.leion:before {
    background-image: url(../../images/character/bg_10_pc.png);
  }
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.torain {
    background-image: url(../../images/character/heart_11_pc.png);
  }
}

.u-character-box .box-animal.torain:before {
  background-image: url(../../images/character/bg_11_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.torain:before {
    background-image: url(../../images/character/bg_11_pc.png);
  }
}



@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.saruro {
    background-image: url(../../images/character/heart_12_pc.png);
  }
}


.u-character-box .box-animal.saruro:before {
  background-image: url(../../images/character/bg_12_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.saruro:before {
    background-image: url(../../images/character/bg_12_pc.png);
  }
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.chun {
    background-image: url(../../images/character/heart_13_pc.png);
  }
}


.u-character-box .box-animal.chun:before {
  background-image: url(../../images/character/bg_13_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.chun:before {
    background-image: url(../../images/character/bg_13_pc.png);
  }
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.momo {
    background-image: url(../../images/character/bg_14_sp.png);
  }
}



@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.momo{
    background-image: url(../../images/character/heart_14_pc.png);
  }
}


.u-character-box .box-animal.momo:before {
  background-image: url(../../images/character/bg_14_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.momo:before {
    background-image: url(../../images/character/bg_14_pc.png);
  }
}





@media print, screen and (min-width: 768px) {
	.u-character-box .box-animal.ferr {
	  background-image: url(../../images/character/heart_15_pc.png);
	}
}

  .u-character-box .box-animal.ferr:before{
    background-image: url(../../images/character/bg_15_sp.png);
  }

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.ferr:before {
    background-image: url(../../images/character/bg_15_pc.png);
  }
}

@media print, screen and (min-width: 768px) {
	.u-character-box .box-animal.ham {
	  background-image: url(../../images/character/heart_16_pc.png);
	}
}


.u-character-box .box-animal.ham:before {
  background-image: url(../../images/character/bg_16_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal.ham:before {
    background-image: url(../../images/character/bg_16_pc.png);
  }
}




.u-character-box .box-animal .animal-img {
  text-align: center;
  position: relative;
}

.u-character-box .box-animal .animal-precure {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 26.4%;
  max-width: 99px;
  z-index: +1;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-precure {
    width: 138px;
    max-width: 138px;
    right: 12px;
    bottom: 10px;
  }
}

.u-character-box .box-animal .animal-precure a {
  display: inline-block;
  transition: all 0.3s ease;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal .animal-precure a:hover {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-animal + .box-info {
    margin-top: 0;
  }
}

.u-character-box .box-enemy {
  margin: 15px 15px 0;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy {
    margin: 0;
  }
}

.u-character-box .box-enemy:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  -webkit-animation: characterbg 3.5s linear infinite;
          animation: characterbg 3.5s linear infinite;
  background-image: url(../../images/character/bg_enemy_sp.png);
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-enemy:before {
    background-image: url(../../images/character/bg_enemy_pc.png);
    
    background-size: 90%;
    background-position: 10%;
  }
}

.u-character-box .box-enemy .enemy-img {
  text-align: center;
  position: relative;
}



.u-character-box .box-info {
  margin: 15px 15px 0;
}


.u-character-box .box-enemy .enemy-img {
  text-align: center;
  position: relative;
}

.cahra-img-auto{width:95% !important;overflow:hidden;margin-top:-50px;}
.cahra-img-auto .hide-pc{max-width:unset !important;width:320%;}

@media print, screen and (min-width: 768px) {

.cahra-img-auto{width:1040px !important;overflow:auto;}
.cahra-img-auto .hide-sp{max-width:unset !important;}


  .u-character-box .box-info {
    margin: 15px 0 0;
  }
}

.u-character-box .box-info .info-name {
  text-align: center;
}

.u-character-box .box-info .info-name img {
  width: 100%;
  max-width: 325px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-info .info-name img {
    width: auto;
    max-width: 100%;
  }
}

.u-character-box .box-info .info-name.size-s img {
  max-width: 167px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-info .info-name.size-s img {
    max-width: 100%;
  }
}

.u-character-box .box-info .info-cv {
  margin-top: 5px;
  text-align: center;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-info .info-cv {
    margin-top: 10px;
    font-size: 2.8rem;
  }
}

.u-character-box .box-info .info-cv.color-pk {
  color: #F76697;
}

.u-character-box .box-info .info-cv.color-bl {
  color: #3ab4ee;
}

.u-character-box .box-info .info-cv.color-yw {
  color: #fa8e00;
}

.u-character-box .box-info .info-cv.color-pr {
  color: #eca2ff;
}

.u-character-box .box-info .info-cv.color-lp {
  color: #d6bdff;
}

.u-character-box .box-info .info-cv.color-rd {
  color: #b1384c;
}


.u-character-box .box-info .info-cv.color-br {
  color: #c95200;
}


@media print, screen and (min-width: 768px) {
  .u-character-box .box-info .info-cv .cv-kana {
    font-size: 1.8rem;
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-info .info-txt {
    margin-top: 20px;
  }
}

.u-character-box .box-item {
  margin: 30px 15px 0;
  background: #FEF2F8;
  padding: 15px;
  border-radius: 10px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-item {
    margin: 50px 0 0;
    padding: 45px 50px 50px;
  }
}

.u-character-box .box-item:before {
  content: '';
  display: inline-block;
  width: 50px;
  height: 20px;
  background: url(../../images/character/deco_item.png) center no-repeat;
  background-size: 50px 20px;
  position: absolute;
  top: 15px;
  right: 15px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-item:before {
    width: 100px;
    height: 40px;
    background-size: 100px 40px;
    top: 30px;
    right: 30px;
  }
}

.u-character-box .box-item .item-subt img {
  width: 59px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-item .item-subt img {
    width: 118px;
  }
}

.u-character-box .box-item .item-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -10px;
}

.u-character-box .box-item .item-list li,.u-character-box .box-item .item-list li.pt2 {
  margin-top: 15px;
  width: 50%;
  padding: 0 10px;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-item .item-list li {
    margin: 15px 0 25px;
    width: 25%;
  }
  .u-character-box .box-item .item-list li.pt2 {
    margin-top: 15px;
    width: 25%;

  }
  
}

.u-character-box .box-item .item-list li .list-img img {
  max-width:126px ;
}

.u-character-box .box-item .item-list li.pt2  .list-img img {
  width: 90%;
  max-width:187px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-item .item-list li .list-img img {
    max-width: 150px;
  }
  .u-character-box .box-item .item-list li.pt2 .list-img img {
    max-width: 220px;
  }
}

.u-character-box .box-item .item-list li .list-name {
  margin-top: 10px;
  font-weight: bold;
}

.u-character-box .box-other {
  margin: 15px 5px 0;
  padding-top: 10px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other {
    margin: 15px -10px 0;
    padding-top: 0;
  }
}

.u-character-box .box-other:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0px;
  left: -5px;
  right: -5px;
  bottom: 0px;
  background: url(../../images/character/bg_other_sp.png) top center repeat-y;
  background-size: 100% auto;
  -webkit-animation: characterbg 3.5s linear infinite;
          animation: characterbg 3.5s linear infinite;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other:before {
    background: url(../../images/character/bg_other_pc.png) center 10px repeat-y;
  }
}

.u-character-box .box-other .other-item {
  width: 50%;
  padding: 0 10px;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item {
    width: 25%;
  }
}

.u-character-box .box-other .other-item:nth-child(n + 3) {
  margin-top: 30px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item:nth-child(n + 5) {
    margin-top: 55px;
  }
}

.u-character-box .box-other .other-item .item-img {
  text-align: center;
}

.u-character-box .box-other .other-item .item-img img {
  width: 168px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item .item-img img {
    width: auto;
  }
}

.u-character-box .box-other .other-item .item-other {
  margin-top: 10px;
  text-align: center;
  line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item .item-other {
    margin-top: 15px;
  }
}

.u-character-box .box-other .other-item .item-other .other-name {
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item .item-other .other-name {
    font-size: 2.4rem;
  }
}

.u-character-box .box-other .other-item .item-other .other-cv {
  font-weight: bold;
}

.u-character-box .box-other .other-item .item-other .other-element img {
  width: 157px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other .other-item .item-other .other-element img {
    width: auto;
  }
}

.u-character-box .box-other.element {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.u-character-box .box-other.element.is-show {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.u-character-box .box-other.element .other-item .item-img {
  -webkit-animation: btnhovermov 3s linear infinite normal;
          animation: btnhovermov 3s linear infinite normal;
}

.u-character-box .box-other.element .other-item:nth-child(even) {
  padding-top: 45px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other.element .other-item:nth-child(even) {
    padding-top: 75px;
  }
}

.u-character-box .box-other.element .other-item:nth-child(even) .item-img {
  -webkit-animation: btnhovermov 3s linear infinite reverse;
          animation: btnhovermov 3s linear infinite reverse;
}

.u-character-box .box-other.element .other-item:nth-child(n + 3) {
  margin-top: 15px;
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other.element .other-item:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .u-character-box .box-other.element .other-item:nth-child(n + 5) {
    margin-top: 10px;
  }
}

@-webkit-keyframes characterbg {
  0% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  20% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  55% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  75% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}

@keyframes characterbg {
  0% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  20% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  55% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
  75% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="4" /></filter></svg>#filter');
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
}

.u-nav-preure {
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  z-index: +2;
}

@media print, screen and (min-width: 768px) {
  .u-nav-preure {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}

.u-nav-preure .preure-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-nav-preure .preure-list li {
  margin: 0 5px;
  font-size: 10px;
  font-size: 1.0rem;
}

@media print, screen and (min-width: 768px) {
  .u-nav-preure .preure-list li {
    margin: 0 10px;
    font-size: 1.6rem;
  }
}

.u-nav-preure .preure-list li .list-link {
  display: block;
}

.u-nav-preure .preure-list li .list-link2 {
  display: block;
}

.u-nav-preure .preure-list li .list-link .link-img {
  width: 60px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.u-nav-preure .preure-list li .list-link2 .link-img {
  width: 60px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-nav-preure .preure-list li .list-link .link-img {
    width: 110px;
    padding: 10px;
  }
  
  .u-nav-preure .preure-list li .list-link2 .link-img {
    width: 110px;
    padding: 10px;
  }
  
}

.u-nav-preure .preure-list li .list-link .link-img:after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
}

.u-nav-preure .preure-list li .list-link2 .link-img:after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
}


@media print, screen and (min-width: 768px) {
  .u-nav-preure .preure-list li .list-link .link-img:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }
  
  .u-nav-preure .preure-list li .list-link2 .link-img:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }
}

.u-nav-preure .preure-list li .list-link .link-name {
  display: block;
  font-weight: bold;
  text-align: center;
}
.u-nav-preure .preure-list li .list-link2 .link-name {
  display: block;
  font-weight: bold;
  text-align: center;
}


@media print, screen and (min-width: 768px) {
  .u-nav-preure .preure-list li .list-link .link-name {
    margin-top: 3px;
  }
  
  .u-nav-preure .preure-list li .list-link2 .link-name {
    margin-top: 3px;
  }
  
}

.u-nav-preure .preure-list li .list-link.is-current .link-img:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.u-nav-preure .preure-list li .list-link2.is-current .link-img:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.is-current .link-img img {
  filter: grayscale(0%) !important;
  opacity:1.0;
}


.u-nav-preure .preure-list li .list-link.link01 {
  color: #F76697;
}

.u-nav-preure .preure-list li .list-link.link01 .link-img:after {
  background: #F76697;
}

.u-nav-preure .preure-list li .list-link.link01.is-current .link-img {
  background: #fcc7da;
}

.u-nav-preure .preure-list li .list-link.link02 {
  color: #3ab4ee;
}

.u-nav-preure .preure-list li .list-link.link02 .link-img:after {
  background: #3ab4ee;
}

.u-nav-preure .preure-list li .list-link.link02.is-current .link-img {
  background: #cdecfa;
}

.u-nav-preure .preure-list li .list-link.link03 {
  color: #fa8e00;
}

.u-nav-preure .preure-list li .list-link.link03 .link-img:after {
  background: #fa8e00;
}

.u-nav-preure .preure-list li .list-link.link03.is-current .link-img {
  background: #fdf4cc;
}



.u-nav-preure .preure-list li .list-link.link04 {
  color: #b052c2;
}

.u-nav-preure .preure-list li .list-link.link04 .link-img:after {
  background: #b052c2;
}

.u-nav-preure .preure-list li .list-link.link04.is-current .link-img {
  background: #d6bdff;
}





@media print, screen and (min-width: 768px) {
  .u-nav-preure .preure-list li .list-link:hover {
    text-decoration: none;
  }
  .u-nav-preure .preure-list li .list-link:hover .link-img {
    -webkit-animation: btnhoverpush 0.3s linear;
            animation: btnhoverpush 0.3s linear;
  }
  .u-nav-preure .preure-list li .list-link:hover .link-img:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .u-nav-preure .preure-list li .list-link2:hover {
    text-decoration: none;
  }
  .u-nav-preure .preure-list li .list-link2:hover .link-img {
    -webkit-animation: btnhoverpush 0.3s linear;
            animation: btnhoverpush 0.3s linear;
            opacity:1.0;
  }
  .u-nav-preure .preure-list li .list-link2:hover .link-img:after {
    opacity: 0;
        filter: grayscale(0%) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .link05:hover img,.link06:hover img,.link07:hover img, {
        filter: grayscale(0%) !important;
  }
}

.u-nav-animal {
  margin: 5px 15px 0;
}

@media print, screen and (min-width: 768px) {
  .u-nav-animal {
    margin: 0;
  }
}

.u-nav-animal .animal-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list {
    width: 650px;
  }
}

.u-nav-animal .animal-list li {
  margin: 10px 5px 0;
  font-size: 10px;
  font-size: 1.0rem;
  
}



@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list li {
    margin: 0 10px;
    font-size: 1.6rem;
  }
  

  
}

.u-nav-animal .animal-list li .list-link {
  display: block;
}

.u-nav-animal .animal-list li .list-link .link-img {
  width: 60px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list li .list-link .link-img {
    width: 110px;
    padding: 10px;
  }
}

.u-nav-animal .animal-list li .list-link .link-img:after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
}

@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list li .list-link .link-img:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }
}

.u-nav-animal .animal-list li .list-link .link-name {
  display: block;
  font-weight: bold;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list li .list-link .link-name {
    margin-top: 3px;
  }
}

.u-nav-animal .animal-list li .list-link.is-current .link-img:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.u-nav-animal .animal-list li .list-link.link01 {
  color: #F76697;
}

.u-nav-animal .animal-list li .list-link.link01 .link-img:after {
  background: #F76697;
}

.u-nav-animal .animal-list li .list-link.link01.is-current .link-img {
  background: #fcc7da;
}

.u-nav-animal .animal-list li .list-link.link02 {
  color: #3ab4ee;
}

.u-nav-animal .animal-list li .list-link.link02 .link-img:after {
  background: #3ab4ee;
}

.u-nav-animal .animal-list li .list-link.link02.is-current .link-img {
  background: #cdecfa;
}

.u-nav-animal .animal-list li .list-link.link03 {
  color: #fa8e00;
}

.u-nav-animal .animal-list li .list-link.link03 .link-img:after {
  background: #fa8e00;
}

.u-nav-animal .animal-list li .list-link.link03.is-current .link-img {
  background: #fdf4cc;
}

.u-nav-animal .animal-list li .list-link.link04 {
  color: #eca2ff;
}

.u-nav-animal .animal-list li .list-link.link04 .link-img:after {
  background: #eca2ff;
}

.u-nav-animal .animal-list li .list-link.link04.is-current .link-img {
  background: #f5d0ff;
}

.u-nav-animal .animal-list li .list-link.link05 {
  color: #d6bdff;
}

.u-nav-animal .animal-list li .list-link.link05 .link-img:after {
  background: #d6bdff;
}

.u-nav-animal .animal-list li .list-link.link05.is-current .link-img {
  background: #eadeff;
}


.u-nav-animal .animal-list li .list-link.link06 {
  color: #c95200;
}

.u-nav-animal .animal-list li .list-link.link06 .link-img:after {
  background: #ffc69e;
}

.u-nav-animal .animal-list li .list-link.link06.is-current .link-img {
  background: #ffc69e;
}


.u-nav-animal .animal-list li .list-link.link07 {
  color: #c95200;
}

.u-nav-animal .animal-list li .list-link.link07 .link-img:after {
  background: #ffc69e;
}

.u-nav-animal .animal-list li .list-link.link07.is-current .link-img {
  background: #ffc69e;
}


.u-nav-animal .animal-list li .list-link.link08 {
  color: #74707e;
}

.u-nav-animal .animal-list li .list-link.link08 .link-img:after {
  background: #9a9a9a;
}

.u-nav-animal .animal-list li .list-link.link08.is-current .link-img {
  background: #d4d4d4;
}


.u-nav-animal .animal-list li .list-link.link09 {
  color: #d08d58;
}

.u-nav-animal .animal-list li .list-link.link09 .link-img:after {
  background: #e4a46f;
}

.u-nav-animal .animal-list li .list-link.link09.is-current .link-img {
  background: #e7d2c1;
}



.u-nav-animal .animal-list li .list-link.link10 {
  color: #d05b6c;
}

.u-nav-animal .animal-list li .list-link.link10 .link-img:after {
  background: #f2788a;
}

.u-nav-animal .animal-list li .list-link.link10.is-current .link-img {
  background: #efcacf;
}



.u-nav-animal .animal-list li .list-link.link11 {
  color: #aa8e75;
}

.u-nav-animal .animal-list li .list-link.link11 .link-img:after {
  background: #c1a784;
}

.u-nav-animal .animal-list li .list-link.link11.is-current .link-img {
  background: #e0d2c5;
}



.u-nav-animal .animal-list li .list-link.link12 {
  color: #8f7099;
}

.u-nav-animal .animal-list li .list-link.link12 .link-img:after {
  background: #e2b3f2;
}

.u-nav-animal .animal-list li .list-link.link12.is-current .link-img {
  background: #d5cbd9;
}



.col-chara08 {color: #74707e;}

.col-chara09 {color: #d08d58;}

.col-chara10 {color: #d05b6c;}

.col-chara11 { color: #aa8e75;}

.col-chara12 {color: #8f7099;}



@media print, screen and (min-width: 768px) {
  .u-nav-animal .animal-list li .list-link:hover {
    text-decoration: none;
  }
  .u-nav-animal .animal-list li .list-link:hover .link-img {
    -webkit-animation: btnhoverpush 0.3s linear;
            animation: btnhoverpush 0.3s linear;
  }
  .u-nav-animal .animal-list li .list-link:hover .link-img:after {
    opacity: 0;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.u-nav-enemy {
  margin: 5px 15px 0;
}

@media print, screen and (min-width: 768px) {
  .u-nav-enemy {
    margin: 0;
  }
}

.u-nav-enemy .enemy-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list {
    width: auto;
  }
}

.u-nav-enemy .enemy-list li {
  margin: 10px 5px 0;
  font-size: 10px;
  font-size: 1.0rem;
}

@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li {
    margin: 0 10px;
    font-size: 1.6rem;
  }
}

.u-nav-enemy .enemy-list li .list-link {
  display: block;
  color: #b1384c;
}

.u-nav-enemy .enemy-list li .list-link2 {
  display: block;
  color: #b1384c;
}

.u-nav-enemy .enemy-list li .list-link .link-img {
  width: 60px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.u-nav-enemy .enemy-list li .list-link2 .link-img {
  width: 60px;
  padding: 5px;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  position: relative;
  opacity:0.8;
}


@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link .link-img {
    width: 110px;
    padding: 10px;
  }
  
  .u-nav-enemy .enemy-list li .list-link2 .link-img {
    width: 110px;
    padding: 10px;
    opacity:0.8;
  }
  
}

.u-nav-enemy .enemy-list li .list-link .link-img:after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  background: #b1384c;
}

.u-nav-enemy .enemy-list li .list-link2 .link-img:after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  transition: all 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -22px 0 0 -22px;
  background: #b1384c;
  opacity:0.2;
}

.u-nav-enemy .enemy-list li .list-link2 .link-img img {
  filter: grayscale(100%);opacity:1.0;
}



@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link .link-img:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link2 .link-img:after {
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
  }
}

.u-nav-enemy .enemy-list li .list-link .link-name {
  display: block;
  font-weight: bold;
  text-align: center;
}

.u-nav-enemy .enemy-list li .list-link2 .link-name {
  display: block;
  font-weight: bold;
  text-align: center;
}


@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link .link-name {
    margin-top: 3px;
  }
}


@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link2 .link-name {
    margin-top: 3px;
  }
}

.u-nav-enemy .enemy-list li .list-link.is-current .link-img {
  background: #d89ba5;
}

.u-nav-enemy .enemy-list li .list-link2.is-current .link-img {
  background: #d89ba5;
  opacity:1.0;
}



.u-nav-enemy .enemy-list li .list-link.is-current .link-img:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.u-nav-enemy .enemy-list li .list-link2.is-current .link-img:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}




@media print, screen and (min-width: 768px) {
  .u-nav-enemy .enemy-list li .list-link:hover {
    text-decoration: none;
  }
  .u-nav-enemy .enemy-list li .list-link:hover .link-img {
    -webkit-animation: btnhoverpush 0.3s linear;
            animation: btnhoverpush 0.3s linear;
  }
  .u-nav-enemy .enemy-list li .list-link:hover .link-img:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .u-nav-enemy .enemy-list li .list-link2:hover {
    text-decoration: none;
  }
  .u-nav-enemy .enemy-list li .list-link2:hover .link-img {
    -webkit-animation: btnhoverpush 0.3s linear;
            animation: btnhoverpush 0.3s linear;
            opacity:1.0;
  }
  .u-nav-enemy .enemy-list li .list-link2:hover .link-img:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  
  .u-nav-preure .preure-list li .list-link2:hover img{
        filter: grayscale(0%) !important;
  }


  .link05:hover img,.link06:hover img,.link07:hover img  {
        filter: grayscale(0%) !important;
        
  }
  
}

.u-character-mov {
  position: relative;
  padding: 25px 0 30px;
}

@media print, screen and (min-width: 768px) {
  .u-character-mov {
    padding: 10px 60px;
  }
}

.u-character-mov .content-wave {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.u-character-mov .mov-area .mov-list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -7px;
}

@media print, screen and (min-width: 768px) {
  .u-character-mov .mov-area .mov-list {
    margin: 0 -15px;
  }
}

.u-character-mov .mov-area .mov-list li {
  width: 100%;
  padding: 0 7px;
}

/* “®‰æ2‚ÂŽž
.u-character-mov .mov-area .mov-list li {
  width: 50%;
  padding: 0 7px;
}
*/

@media print, screen and (min-width: 768px) {
  .u-character-mov .mov-area .mov-list li {
    padding: 0 15px;
  }
}

.u-character-mov .mov-area .mov-list li h3 {
  text-align: center;
  font-weight: bold;
  color: #F76697;
      font-size: 2.5rem;
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

@media print, screen and (min-width: 768px) {
  .u-character-mov .mov-area .mov-list li h3 {
    font-size: 4.4rem;
  }
}

.u-character-mov .mov-area .mov-list li .list-movie {
  margin-top: 10px;
  border: 2px solid #e5bb75;
  border-radius: 10px;
  background: #fff;
  padding: 2px;
  line-height: 0.1;
}

@media print, screen and (min-width: 768px) {
  .u-character-mov .mov-area .mov-list li .list-movie {
    margin-top: 20px;
    border: 3px solid #e5bb75;
    padding: 3px;
    border-radius: 20px;
  }
}

.u-character-mov .mov-area .mov-list li .list-movie .movie-ifrmae {
  border-radius: 8px;
  overflow: hidden;
  z-index: 1;
  position: relative;
}

@media print, screen and (min-width: 768px) {
  .u-character-mov .mov-area .mov-list li .list-movie .movie-ifrmae {
    border-radius: 18px;
  }
}

.u-character-mov .mov-area .mov-list li .list-movie .movie-ifrmae:before {
  content: '';
  display: block;
  padding-top: 56.5%;
}

.u-character-mov .mov-area .mov-list li .list-movie .movie-ifrmae iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: auto;
  min-height: 100%;
}