@charset "utf-8";
html * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
  font-family: 'UD新ゴ R', sans-serif;
  line-height: 1.6
}

@media screen and (min-width:0) and (max-width:750px) {
  body {
    font-size: 12px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  body {
    font-size: 13px
  }
}

@media screen and (min-width:980px) {
  body {
    font-size: 13px
  }
}

dl, ul, ol, dt, dd {
  padding: 0;
  margin: 0;
  list-style: none
}


/* text change */

.large {
  font-size: 1.36em;
}

.small {
  font-size: 0.86em;
}

.red {
  color: #c9151e;
}
.purple {
  color: #ff00d2;
}
.blue {
  color: #09a7e2;
}
.yellow {
  color: #efe200;
}
.orange {
  color: #ff7c30;
}
.green {
  color: #54ad47;
}
.brown {
  color: #7e4305;
}
.bold {
  font-weight: bold;
}



[class^="anp-icon--"], [class*="anp-icon--"] {
  display: inline-block;
  position: relative;
  line-height: 1
}

[class^="anp-icon--"]:before, [class*="anp-icon--"]:before {
  display: inline-block;
  content: '';
  background-size: contain
}

.anp-icon--linkCircle:before {
  background-image: url('/anime/anipara/assets/img/icon_linkcircle_01.png');
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

.anp-icon--nav01:before, .anp-icon--nav02:before, .anp-icon--nav03:before, .anp-icon--nav04:before, .anp-icon--nav05:before {
  width: 30px;
  height: 30px;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -1px;
  bottom: 0;
  margin: auto;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-icon--nav01:before {
  background-image: url('/anime/anipara/assets/img/icon_home_01.png')
}

@media screen and (min-width:992px) {
  .anp-icon--nav01:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_home_01-2.png');
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-icon--nav02:before {
  background-image: url('/anime/anipara/assets/img/icon_feel_01.png')
}

@media screen and (min-width:992px) {
  .anp-icon--nav02:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_feel_01-2.png');
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-relation__list .anp-icon--nav02:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_feel_01-3.png')
  }
}

.anp-icon--nav03:before {
  background-image: url('/anime/anipara/assets/img/icon_genre_01.png')
}

@media screen and (min-width:992px) {
  .anp-icon--nav03:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_genre_01-2.png');
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-relation__list .anp-icon--nav03:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_genre_01-3.png')
  }
}

.anp-icon--nav04:before {
  background-image: url('/anime/anipara/assets/img/icon_ranking_01.png')
}

@media screen and (min-width:992px) {
  .anp-icon--nav04:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_ranking_01-2.png');
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-relation__list .anp-icon--nav04:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_ranking_01-3.png')
  }
}

.anp-icon--nav05:before {
  background-image: url('/anime/anipara/assets/img/icon_schedule_01.png')
}

@media screen and (min-width:992px) {
  .anp-icon--nav05:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_schedule_01-2.png');
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-relation__list .anp-icon--nav05:hover:before {
    background-image: url('/anime/anipara/assets/img/icon_schedule_01-3.png')
  }
}

.anp-icon--arrowR:before {
  background: url('/anime/anipara/assets/img/icon_arrow_l_01.png');
  background-size: contain;
  font-size: 100%;
  content: '';
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-right: .25em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.anp-icon--arrowL:before {
  background: url('/anime/anipara/assets/img/icon_arrow_l_01.png');
  background-size: contain;
  font-size: 100%;
  content: '';
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-right: .25em
}

.anp-icon--arrowD:before {
  vertical-align: middle;
  font-size: 100%;
  content: '>';
  width: 1em;
  height: 1em;
  line-height: 1;
  margin-right: .25em;
  -webkit-transform: rotate(90deg) scale(.75, 1.25);
  transform: rotate(90deg) scale(.75, 1.25)
}

.anp-icon--blank:before {
  vertical-align: bottom;
  font-size: 100%;
  content: '';
  background-image: url('/anime/anipara/assets/img/icon_blank_01.png');
  background-repeat: no-repeat;
  width: 1em;
  height: 1em;
  line-height: 1
}

.anp-icon--prev {
  width: 22px;
  height: 33px
}

.anp-icon--prev:before {
  content: '';
  width: 22px;
  height: 33px;
  background-position: 0 -33px;
  line-height: 1;
  display: block;
  opacity: 1
}

.anp-icon--prev:hover:before {
  opacity: .7
}

.anp-icon--next {
  width: 22px;
  height: 33px
}

.anp-icon--next:before {
  content: '';
  width: 22px;
  height: 33px;
  background-position: 0 -33px;
  line-height: 1;
  display: block;
  opacity: 1;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.anp-icon--next:hover:before {
  opacity: .7
}

a, a:focus, *:focus, a img {
  outline: none
}

a {
  text-decoration: none
}

img {
  vertical-align: top
}

html {
  overflow: auto;
  height: 100%
}

body {
  margin: 0;
  padding: 0
}

body.js-menuOpen {
  overflow: hidden;
  height: 100%
}

body.js-menuClosing {
  overflow: hidden;
  height: 100%
}

.anp-wrapper {
  -webkit-transition: -webkit-transform .5s cubic-bezier(.43, .2, .53, 1);
  transition: -webkit-transform .5s cubic-bezier(.43, .2, .53, 1);
  transition: transform .5s cubic-bezier(.43, .2, .53, 1);
  transition: transform .5s cubic-bezier(.43, .2, .53, 1), -webkit-transform .5s cubic-bezier(.43, .2, .53, 1)
}

.anp-wrapper__bg {
  width: 0;
  height: 0;
  background: rgba(0, 0, 0, 0);
  position: fixed;
  z-index: 990;
  left: 0;
  top: 0;
  -webkit-transition: background-color .5s ease-out, width .01s .5s, height .01s 1s;
  transition: background-color .5s ease-out, width .01s .5s, height .01s 1s
}

.is-menuOpen .anp-wrapper__bg {
  content: '';
  width: 110%;
  height: 110%;
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  z-index: 990;
  left: 0;
  top: 0;
  -webkit-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out
}

.anp-header {
  position: absolute;
  z-index: 400;
  left: 0;
  top: 0;
  width: 100%
}

.anp-header__innr {
  zoom: 1
}

.anp-header__innr:before, .anp-header__innr:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-header__innr:after {
  clear: both
}

.anp-header__logo {
  float: left;
  margin: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-header__logo {
    width: 46px;
    height: 53px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-header__logo {
    width: 46px;
    height: 53px
  }
}

@media screen and (min-width:980px) {
  .anp-header__logo {
    width: 91px;
    height: 105px
  }
}

.anp-header__logo a, .anp-header__logo>div {
  display: block;
  background: url('/anime/anipara/assets/img/logo_nhk_white.png') no-repeat;
  background-size: contain;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-header__logo a, .anp-header__logo>div {
    width: 46px;
    height: 53px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-header__logo a, .anp-header__logo>div {
    width: 46px;
    height: 53px
  }
}

@media screen and (min-width:980px) {
  .anp-header__logo a, .anp-header__logo>div {
    width: 91px;
    height: 105px
  }
}

.anp-header__logo a>span, .anp-header__logo>div>span {
  display: none
}

.anp-header__btn {
  cursor: pointer;
  float: right
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-header__btn {
    width: 44px;
    height: 44px;
    background: url('/anime/anipara/assets/img/menu_open_sp.png') no-repeat;
    background-size: contain
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-header__btn {
    width: 44px;
    height: 44px;
    background: url('/anime/anipara/assets/img/menu_open_sp.png') no-repeat;
    background-size: contain
  }
}

@media screen and (min-width:980px) {
  .anp-header__btn {
    width: 58px;
    height: 58px;
    background: url('/anime/anipara/assets/img/menu_open_pc.png') no-repeat;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
  .anp-header__btn:hover {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
}

.anp-header__btnEx {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 45px;
  height: 45px;
  cursor: pointer;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.js-menuExOpen .anp-header__btnEx {
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media screen and (min-width:980px) {
  .anp-header__btnEx {
    left: 14px
  }
}

.anp-header__btnEx:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
  background-image: url('/anime/anipara/assets/img/icon_btnex_open.png');
  background-size: contain
}

@media screen and (min-width:980px) {
  .anp-header__btnEx:before {
    width: 36px;
    height: 36px;
    background-image: url('/anime/anipara/assets/img/icon_btnex_open.png');
    background-size: contain
  }
}

@media screen and (min-width:980px) {
  .anp-header__btnEx:hover:before {
    background-position: 0 -36px
  }
}

.anp-header--child .anp-header__innr {
  padding: 0
}

@media screen and (min-width:980px) {
  .anp-header--child .anp-header__innr {
    height: 78px;
    padding: 25px 0 24px
  }
}

.anp-header--child .anp-header__logo {
  display: block;
  padding: 13px 0 12px
}

@media screen and (min-width:980px) {
  .anp-header--child .anp-header__logo {
    display: block;
    padding: 0
  }
}

@media screen and (min-width:980px) {
  .anp-header--child .anp-header__link {
    display: none
  }
}

.anp-header__link {
  margin: 0 auto
}

.anp-header__link>span {
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  display: none
}

.anp-header__link .anp-icon--arrowL {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 40px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  display: block
}

.anp-header__link .anp-icon--arrowL:before {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: .934em;
  height: .934em
}

.anp-header__link--feel:before, .anp-header__link--genre:before, .anp-header__link--ranking:before, .anp-header__link--schedule:before {
  content: '';
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 40px;
  top: 0;
  bottom: 0;
  margin: auto
}

@media screen and (max-width:320px) {
  .anp-header__link--feel:before, .anp-header__link--genre:before, .anp-header__link--ranking:before, .anp-header__link--schedule:before {
    left: 36px;
    width: 24px;
    height: 24px
  }
}

.anp-header__link--feel:before {
  background-image: url('/anime/anipara/assets/img/icon_feel_01-3.png')
}

.anp-header__link--genre:before {
  background-image: url('/anime/anipara/assets/img/icon_genre_01-3.png')
}

.anp-header__link--ranking:before {
  background-image: url('/anime/anipara/assets/img/icon_ranking_01-3.png')
}

.anp-header__link--schedule:before {
  background-image: url('/anime/anipara/assets/img/icon_schedule_01-3.png')
}

.anp-floatNav {
  color: #fff;
  overflow-y: auto;
  position: absolute;
  z-index: 401;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  -webkit-transition: opacity .3s ease .4s;
  transition: opacity .3s ease .4s;
  overflow: hidden
}

.is-menuOpen .anp-floatNav {
  height: auto;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.is-menuClosing .anp-floatNav {
  height: auto;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-floatNav__innr {
  padding: 54px 4% 0
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__innr {
    padding: 54px 8% 0
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__innr {
    padding: 150px 0 0;
    width: 980px;
    margin: 0 auto
  }
}

.anp-floatNav a {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-floatNav a:hover {
  opacity: .8;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-floatNav__close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__close {
    width: 44px;
    height: 44px;
    background: url('/anime/anipara/assets/img/menu_close_sp.png') no-repeat;
    background-size: contain
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__close {
    width: 44px;
    height: 44px;
    background: url('/anime/anipara/assets/img/menu_close_sp.png') no-repeat;
    background-size: contain
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__close {
    width: 58px;
    height: 58px;
    background: url('/anime/anipara/assets/img/menu_close_pc.png') no-repeat;
    background-size: contain;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
  .anp-floatNav__close:hover {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
}

.anp-floatNav__mainList {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 15px
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList {
    font-size: 18px
  }
}

.anp-floatNav__mainList a {
  display: block
}

.anp-floatNav__mainList a>span {
  display: none
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList01 {
    background: url('/anime/anipara/assets/img/fnav_top_sp.png') no-repeat;
    background-size: contain
  }
  .anp-floatNav__mainList01:before {
    content: '';
    display: block;
    padding-bottom: 17.68115942%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList01 {
    background: url('/anime/anipara/assets/img/fnav_top_sp.png') no-repeat;
    background-size: contain
  }
  .anp-floatNav__mainList01:before {
    content: '';
    display: block;
    padding-bottom: 17.68115942%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList01 {
    background: url('/anime/anipara/assets/img/fnav_top_pc.png') no-repeat;
    height: 102px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList02 {
    background: url('/anime/anipara/assets/img/detail01/fnav_01_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList02:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList02 {
    background: url('/anime/anipara/assets/img/detail01/fnav_01_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList02:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList02 {
    background: url('/anime/anipara/assets/img/detail01/fnav_01_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList03 {
    background: url('/anime/anipara/assets/img/detail02/fnav_02_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList03:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList03 {
    background: url('/anime/anipara/assets/img/detail02/fnav_02_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList03:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList03 {
    background: url('/anime/anipara/assets/img/detail02/fnav_02_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList04 {
    background: url('/anime/anipara/assets/img/detail03/fnav_03_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList04:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList04 {
    background: url('/anime/anipara/assets/img/detail03/fnav_03_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList04:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList04 {
    background: url('/anime/anipara/assets/img/detail03/fnav_03_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList05 {
    background: url('/anime/anipara/assets/img/detail04/fnav_04_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList05:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList05 {
    background: url('/anime/anipara/assets/img/detail04/fnav_04_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList05:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList05 {
    background: url('/anime/anipara/assets/img/detail04/fnav_04_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList06 {
    background: url('/anime/anipara/assets/img/detail05/fnav_05_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList06:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList06 {
    background: url('/anime/anipara/assets/img/detail05/fnav_05_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList06:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList06 {
    background: url('/anime/anipara/assets/img/detail05/fnav_05_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList07 {
    background: url('/anime/anipara/assets/img/detail06/fnav_06_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList07:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList07 {
    background: url('/anime/anipara/assets/img/detail06/fnav_06_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList07:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList07 {
    background: url('/anime/anipara/assets/img/detail06/fnav_06_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList08 {
    background: url('/anime/anipara/assets/img/detail07/fnav_07_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList08:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList08 {
    background: url('/anime/anipara/assets/img/detail07/fnav_07_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList08:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList08 {
    background: url('/anime/anipara/assets/img/detail07/fnav_07_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList09 {
    background: url('/anime/anipara/assets/img/detail08/fnav_08_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList09:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList09 {
    background: url('/anime/anipara/assets/img/detail08/fnav_08_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList09:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList09 {
    background: url('/anime/anipara/assets/img/detail08/fnav_08_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList10 {
    background: url('/anime/anipara/assets/img/detail09/fnav_09_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList10:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList10 {
    background: url('/anime/anipara/assets/img/detail09/fnav_09_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList10:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList10 {
    background: url('/anime/anipara/assets/img/detail09/fnav_09_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList11 {
    background: url('/anime/anipara/assets/img/detail10/fnav_10_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList11:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList11 {
    background: url('/anime/anipara/assets/img/detail10/fnav_10_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList11:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList11 {
    background: url('/anime/anipara/assets/img/detail10/fnav_10_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList12 {
    background: url('/anime/anipara/assets/img/detail11/fnav_11_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList12:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList12 {
    background: url('/anime/anipara/assets/img/detail11/fnav_11_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList12:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList12 {
    background: url('/anime/anipara/assets/img/detail11/fnav_11_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList13 {
    background: url('/anime/anipara/assets/img/detail12/fnav_12_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList13:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList13 {
    background: url('/anime/anipara/assets/img/detail12/fnav_12_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList13:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList13 {
    background: url('/anime/anipara/assets/img/detail12/fnav_12_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList14 {
    background: url('/anime/anipara/assets/img/detail13/fnav_13_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList14:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList14 {
    background: url('/anime/anipara/assets/img/detail13/fnav_13_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList14:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList14 {
    background: url('/anime/anipara/assets/img/detail13/fnav_13_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList15 {
    background: url('/anime/anipara/assets/img/detail14/fnav_14_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList15:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList15 {
    background: url('/anime/anipara/assets/img/detail14/fnav_14_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList15:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList15 {
    background: url('/anime/anipara/assets/img/detail14/fnav_14_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList16 {
    background: url('/anime/anipara/assets/img/detail15/fnav_15_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList16:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList16 {
    background: url('/anime/anipara/assets/img/detail15/fnav_15_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList16:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList16 {
    background: url('/anime/anipara/assets/img/detail15/fnav_15_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList17 {
    background: url('/anime/anipara/assets/img/detail16/fnav_16_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList17:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList17 {
    background: url('/anime/anipara/assets/img/detail16/fnav_16_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList17:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList17 {
    background: url('/anime/anipara/assets/img/detail16/fnav_16_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList18 {
    background: url('/anime/anipara/assets/img/detail17/fnav_17_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList18:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList18 {
    background: url('/anime/anipara/assets/img/detail17/fnav_17_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList18:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList18 {
    background: url('/anime/anipara/assets/img/detail17/fnav_17_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList19 {
    background: url('/anime/anipara/assets/img/detail18/fnav_18_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList19:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList19 {
    background: url('/anime/anipara/assets/img/detail18/fnav_18_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList19:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList19 {
    background: url('/anime/anipara/assets/img/detail18/fnav_18_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList20 {
    background: url('/anime/anipara/assets/img/detail19/fnav_19_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList20:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList20 {
    background: url('/anime/anipara/assets/img/detail19/fnav_19_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList20:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList20 {
    background: url('/anime/anipara/assets/img/detail19/fnav_19_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-floatNav__mainList21 {
    background: url('/anime/anipara/assets/img/detail20/fnav_20_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList21:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-floatNav__mainList21 {
    background: url('/anime/anipara/assets/img/detail20/fnav_20_sp.png') no-repeat;
    background-size: contain;
    margin-top: 15px
  }
  .anp-floatNav__mainList21:before {
    content: '';
    display: block;
    padding-bottom: 26.66666667%
  }
}

@media screen and (min-width:980px) {
  .anp-floatNav__mainList21 {
    background: url('/anime/anipara/assets/img/detail20/fnav_20_pc.png') no-repeat;
    height: 102px;
    margin-top: 15px
  }
}

.anp-floatNav__snsList {
  overflow: hidden;
  list-style: none;
  margin: 50px 0 0 0;
  height: 83px;
  padding: 0 0;
  color: #000;
  text-align: center;
  border: solid 5px #000
}

.anp-floatNav__snsList .nhksns-google {
  display: none !important
}

.anp-floatNav__snsList .program-sns {
  margin-top: 20px
}

.anp-floatNav__snsList .nhksns-facebook {
  margin-right: 10px
}

.anp-floatNav__snsList .nhksns-twitter {
  margin-right: 10px
}

.anp-floatNav__snsList .nhksns-line {
  margin-right: 10px
}

.anp-floatNav__snsList .nhksns-guide {
  margin-right: -100px
}

.anp-floatNav__text {
  background: #008e32;
  padding: 0 10px 80px;
  font-size: 10px;
  text-align: center
}

@media screen and (min-width:980px) {
  .anp-floatNav__text {
    font-size: 12px;
    padding: 0 10px 40px
  }
}

.anp-floatNav__text p {
  text-align: left;
  display: inline-block
}

.anp-floatNav__logo {
  display: block;
  background: url('/anime/anipara/assets/img/logo_etele_01.png') no-repeat;
  background-size: contain;
  width: 140px;
  height: 20px;
  margin: 12px 0 12px 7px;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media screen and (min-width:980px) {
  .anp-floatNav__logo {
    width: 189px;
    height: 27px;
    margin: 11px 0 12px 5px
  }
}

.anp-floatNav__logo>span {
  display: none
}

.anp-breadCrumb__list {
  line-height: 1.5;
  zoom: 1
}

.anp-breadCrumb__list:before, .anp-breadCrumb__list:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-breadCrumb__list:after {
  clear: both
}

.anp-breadCrumb__list>li {
  float: left;
  font-size: 10px
}

.anp-breadCrumb__list>li a, .anp-breadCrumb__list>li span {
  display: inline-block;
  position: relative;
  font-size: 10px;
  color: #3c3c3c;
  padding: 13px 2em 12px 0
}

.anp-breadCrumb__list>li a:after, .anp-breadCrumb__list>li span:after {
  content: '>';
  position: absolute;
  z-index: 1;
  right: .5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 1em;
  height: 1em;
  line-height: 1
}

.anp-breadCrumb__list>li:last-child a:after, .anp-breadCrumb__list>li:last-child span:after {
  content: none
}

.footer-nhk {
  z-index: 401;
  position: relative
}

@media screen and (min-width:980px) {
  .anp-onlySP {
    display: none !important
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-onlyPC {
    display: none !important
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-onlyPC {
    display: none !important
  }
}

@media screen and (min-width:980px) {
  .anp-onlyPC {
    display: block
  }
}

.anp-red {
  color: #c9151e
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-innr {
    padding-left: 4%;
    padding-right: 4%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-innr {
    padding-left: 4%;
    padding-right: 4%
  }
}

@media screen and (min-width:980px) {
  .anp-innr {
    width: 980px;
    margin: 0 auto
  }
}

.anp-main {
  display: block;
  position: relative
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-main {
    padding-bottom: 170px
  }
}

@media screen and (min-width:980px) {
  .anp-main {
    padding-bottom: 165px
  }
}

.anp-main__bg {
  position: fixed;
  z-index: 401;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.is-menuOpen .anp-main__bg {
  position: fixed;
  z-index: 401;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.is-menuClosing .anp-main__bg {
  position: fixed;
  z-index: 401;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-main figure {
  margin: 0;
  padding: 0
}

.anp-main img {
  width: 100%
}

.anp-main p {
  margin-bottom: 0
}

img.is-loaded {
  height: auto
}

.anp-contents {
  position: relative
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-mainvisualPC {
    display: none
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-mainvisualPC {
    display: none
  }
}

@media screen and (min-width:980px) {
  .anp-mainvisualPC {
    display: block
  }
}

.anp-mainvisualPC__slide {
  margin-bottom: 25px
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-mainvisualSP {
    display: block
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-mainvisualSP {
    display: block
  }
}

@media screen and (min-width:980px) {
  .anp-mainvisualSP {
    display: none
  }
}

.anp-mainvisualSP__title {
  position: relative;
  z-index: 2
}

.anp-mainvisualSP__floatbanner {
  margin: 0 4% 4%;
}
.anp-mainvisualPC__floatbanner {
  position: absolute;
  bottom: 22px;
  right: 5px;
  width: 285px;
  transition: all 0.15s;
}
.anp-mainvisualPC__floatbanner:hover {
  padding-bottom: 6px;
}

.anp-mainvisualSP__lowerTitle {
  position: relative
}

.anp-mainSlide {
  position: relative
}

.anp-mainSlide__block {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.anp-mainSlide__chara {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 1%;
  width: 11.25%;
  margin-left: 11.91666667%
}

.anp-bullet {
  position: relative;
  background: #c9151e
}

@media screen and (min-width:980px) {
  .anp-bullet {
    max-height: 148px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bullet__innr {
    zoom: 1;
    padding-top: 15px;
    padding-bottom: 20px
  }
  .anp-bullet__innr:before, .anp-bullet__innr:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-bullet__innr:after {
    clear: both
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bullet__innr {
    zoom: 1;
    padding-top: 15px;
    padding-bottom: 20px
  }
  .anp-bullet__innr:before, .anp-bullet__innr:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-bullet__innr:after {
    clear: both
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__innr {
    display: table;
    table-layout: fixed
  }
}

@media screen and (min-width:1080px) {
  .anp-bullet__innr {
    width: 70%;
    min-width: 1080px;
    margin: 0 auto
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bullet__left {
    float: left;
    width: 47.82608696%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bullet__left {
    float: left;
    width: 47.82608696%
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__left {
    display: table-cell;
    vertical-align: top;
    width: 231px;
    height: 148px
  }
}

.anp-bullet__left a {
  display: block;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-bullet__left a:hover {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bullet__center {
    display: none
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bullet__center {
    display: none
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__center {
    display: table-cell;
    vertical-align: middle;
    text-align: center
  }
  .anp-bullet__center img {
    width: 456px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bullet__right {
    float: right;
    width: 47.82608696%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bullet__right {
    float: right;
    width: 47.82608696%
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__right {
    display: table-cell;
    vertical-align: top;
    width: 231px
  }
}

.anp-bullet__thumb {
  position: relative
}

@media screen and (min-width:980px) {
  .anp-bullet__thumb {
    width: 231px;
    margin: -90px auto 0
  }
}

.anp-bullet__num {
  width: 62px;
  margin: 0 auto
}

@media screen and (min-width:980px) {
  .anp-bullet__num {
    position: absolute;
    width: 91px;
    height: 91px
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__left .anp-bullet__num {
    right: -65px;
    top: -20px
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__right .anp-bullet__num {
    left: -65px;
    top: -20px
  }
}

.anp-bullet__text {
  margin: 0 auto;
  padding: 10px 0 0;
  max-width: 330px
}

@media screen and (min-width:980px) {
  .anp-bullet__text {
    padding: 15px 0
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__left .anp-bullet__text {
    width: 205px
  }
}

@media screen and (min-width:980px) {
  .anp-bullet__right .anp-bullet__text {
    width: 224px
  }
}

.anp-aboutsoccer {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer {
    padding: 70px 0 98px
  }
}

.anp-aboutsoccer__bg--top {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 83.46666667%
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer__bg--top {
    width: 703px;
    height: 148px
  }
}

.anp-aboutsoccer__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 92.26666667%
}

.anp-aboutsoccer__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer__bg--bottom {
    width: 779px;
    height: 148px
  }
}

.anp-aboutsoccer>.anp-innr {
  position: relative;
  z-index: 2
}

.anp-aboutsoccer__title {
  width: 43.47826087%;
  margin: 0 auto
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer__title {
    width: 209px;
    height: 33px
  }
}

.anp-aboutsoccer__label {
  width: 15.79710145%;
  margin: 10px auto 0
}

@media screen and (min-width:980px) {
  .anp-aboutsoccer__label {
    width: 80px;
    height: 24px
  }
}

.anp-aboutsoccer__text {
  margin: 35px auto 10px
}

.anp-aboutoriginal {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal {
    padding: 70px 0 98px
  }
}

.anp-aboutoriginal__bg--top {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 83.46666667%
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal__bg--top {
    width: 703px;
    height: 148px
  }
}

.anp-aboutoriginal__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 92.26666667%
}

.anp-aboutoriginal__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal__bg--bottom {
    width: 779px;
    height: 148px
  }
}

.anp-aboutoriginal>.anp-innr {
  position: relative;
  z-index: 2
}

.anp-aboutoriginal__title {
  width: 42.75362319%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutoriginal__title {
    max-width: 203px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutoriginal__title {
    max-width: 203px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal__title {
    width: 203px
  }
}

.anp-aboutoriginal__label {
  width: 17.82608696%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutoriginal__label {
    max-width: 123px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutoriginal__label {
    max-width: 89px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutoriginal__label {
    width: 89px
  }
}

.anp-aboutoriginal__text {
  margin: 35px auto 10px
}


/* anp-news */
.anp-news {
  position: relative;
  padding: 9.73333033% 0 17.6%;
}
.anp-news.detail {
  padding: 9.73333033% 0 10%;
}
@media screen and (min-width:980px) {
  .anp-news {
    padding: 70px 0 98px;
  }
  .anp-news.detail {
    padding: 70px 0 76px;
  }
}


.anp-news__bg--top {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 83.46666667%
}

.anp-news__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 44.26666667%
}

@media screen and (min-width:980px) {
  .anp-news__bg--bottom {
    width: 373px;
    height: 148px
  }
}

.anp-news>.anp-innr {
  position: relative;
  z-index: 2
}

.anp-news__title {
  width: 27.53623188%;
  margin: 0 auto
}

@media screen and (min-width:980px) {
  .anp-news__title {
    width: 133px
  }
}

.anp-news__label {
  width: 14.20289855%;
  margin: 10px auto 0
}

@media screen and (min-width:980px) {
  .anp-news__label {
    width: 71px
  }
}

.anp-news__text {
  margin: 35px auto 10px;
  position: relative;
  z-index: 2
}

.anp-news__btn {
  margin: 30px auto 10px
}

@media screen and (min-width:980px) {
  .anp-news__btn .anp-btn--more {
    width: 82px;
    height: 40px;
    padding: 10px;
    background: transparent;
    margin: 0 auto
  }
  .anp-news__btn img {
    width: 62px;
    height: 20px
  }
}

.anp-newsList {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #d3d3d4;
  padding-bottom: 10px;
  margin: 0 0 10px
}

.anp-newsList:first-of-type {
  border-top: 1px solid #d3d3d4;
  padding-top: 10px
}

.anp-newsList>dt, .anp-newsList>dd {
  display: table-cell;
  vertical-align: top
}

.anp-newsList>dt {
  width: 7em;
  font-size: 11px
}

@media screen and (min-width:980px) {
  .anp-newsList>dt {
    font-size: 14px
  }
}

.anp-newsList>dt>span {
  display: inline-block;
  background: #000;
  padding: .43em .75em;
  line-height: 1;
  color: #fff;
  width: 7em;
  text-align: center;
  font-size: 11px
}

@media screen and (min-width:980px) {
  .anp-newsList>dt>span {
    font-size: 14px
  }
}

.anp-newsList>dd {
  padding-left: 2em;
  font-size: 13px;
  line-height: 1.66667
}

@media screen and (min-width:980px) {
  .anp-newsList>dd {
    font-size: 18px
  }
}

.anp-newsList a {
  color: #c9151e;
  text-decoration: underline
}

.anp-newsList a:hover {
  text-decoration: none
}



/* anp-author */

.anp-author {
  display: none;
}
.anp-author.text_only .anp-author__left {
  display: none;
}
@media screen and (min-width:980px) {
  .anp-author {
    position: relative;
    background: #c9151e;
    display: block
  }
  .anp-author img {
    width: auto
  }

  .anp-author__innr {
    width: 930px;
    margin: 0 auto;
    zoom: 1
  }
  .anp-author__innr:before, .anp-author__innr:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-author__innr:after {
    clear: both
  }

  .anp-author__left {
    float: left;
    width: 325px;
    height: 118px;
    text-align: left
  }
  .anp-author__left img {
    margin-top: -103px
  }
  .is-detail02 .anp-author__left img {
    margin-top: -67px
  }

  .anp-author__right {
    float: right;
    width: 605px;
    height: 118px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
  }
  .anp-author.text_only .anp-author__right {
    float: none;
    width: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
  }
}






.anp-explain {
  position: relative;
  padding: 10px 0 4%;
}
@media screen and (min-width:751px) {
  .anp-explain {
    padding: 20px 0;
  }
}
@media screen and (min-width:980px) {
  .anp-explain {
    padding: 0 0 30px;
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-explain__btn {
    margin: 0 auto;
    margin-top: 9.73333033vw
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-explain__btn {
    margin: 0 auto;
    margin-top: 9.73333033vw
  }
}

@media screen and (min-width:980px) {
  .anp-explain__btn {
    width: 359px;
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 35px;
    margin: auto
  }
  .is-detail02 .anp-explain__btn {
    width: 309px
  }
}

.anp-explain__btn a {
  display: block;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media screen and (min-width:0) and (max-width:979px) {
  .anp-explain__btn a {
    background: #f4f4f4;
    padding: 15px 0
  }
  .anp-explain__btn a span {
    display: block;
    width: 87.53623188%;
    margin: 0 auto;
    max-width: 450px
  }
  .is-detail02 .anp-explain__btn a span {
    width: 69.94202899%
  }
}

@media screen and (min-width:980px) {
  .anp-explain__btn a:hover {
    opacity: .6;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-pickup {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-pickup {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-pickup {
    padding-bottom: 45px
  }
}

.anp-pickup__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  /*width: 96%*/
  width: 58.73333333%
}

.anp-pickup__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-pickup__bg--bottom {
    /*width: 1032px;
    height: 145px*/
    width: 522px;
    height: 150px
  }
}

.anp-pickup>.anp-innr {
  position: relative;
  z-index: 2
}

.anp-pickup__title {
  /*width: 68.48484848%;*/
  width: 83.1884058%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickup__title {
    /*max-width: 312px*/
    max-width: 400px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickup__title {
    /*max-width: 312px*/
    max-width: 400px
  }
}

@media screen and (min-width:980px) {
  .anp-pickup__title {
    /*max-width: 312px*/
    max-width: 400px
  }
}

.anp-pickup__label {
  /*width: 31.96969697%;*/
  width: 14.34782609%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickup__label {
    /*max-width: 152px*/
    max-width: 73px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickup__label {
    /*max-width: 152px*/
    max-width: 73px
  }
}

@media screen and (min-width:980px) {
  .anp-pickup__label {
    /*max-width: 152px*/
    max-width: 73px
  }
}

.anp-pickup__text {
  margin: 20px auto 10px
}

.anp-pickup__btn {
  margin: 30px auto 10px
}

@media screen and (max-width:979px) {
  .anp-pickup__btn {
    display: none
  }
}

@media screen and (min-width:980px) {
  .anp-pickup__btn {
    visibility: hidden
  }
  .anp-pickup__btn .anp-btn--more {
    width: 82px;
    height: 40px;
    padding: 10px;
    background: transparent;
    margin: 80px auto 0
  }
  .anp-pickup__btn img {
    width: 62px;
    height: 20px
  }
}

.anp-pickupList {
  list-style: none;
  padding: 0;
  margin: 20px 0 0 0;
  zoom: 1
}

@media screen and (min-width:980px) {
  .anp-pickupList {
    margin: 52px 0 0 0
  }
}

.anp-pickupList:before, .anp-pickupList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-pickupList:after {
  clear: both
}

.anp-pickupList__li {
  float: left
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickupList__li {
    float: left;
    width: 48.55072464%;
    margin-top: 20px
  }
  .anp-pickupList__li:nth-child(1) {
    margin-top: 0;
    width: 100%
  }
  .anp-pickupList__li:nth-child(2) {
    float: right;
    width: 100%
  }
  .anp-pickupList__li:nth-child(2n+3) {
    clear: both;
    float: left
  }
  .anp-pickupList__li:nth-child(2n+4) {
    float: right
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickupList__li {
    width: 23.55%;
    float: left;
    margin-left: 1.5%;
    margin-top: 20px
  }
  .anp-pickupList__li:nth-child(1) {
    width: 48.55072464%;
    margin: 0
  }
  .anp-pickupList__li:nth-child(2) {
    float: right;
    width: 48.55072464%;
    margin: 0
  }
  .anp-pickupList__li:nth-child(4n+3) {
    width: 23.55%;
    clear: both;
    margin-left: 0
  }
  .anp-pickupList__li:nth-child(4n+5) {
    margin-left: 2.8%
  }
}

@media screen and (min-width:980px) {
  .anp-pickupList__li {
    width: 230px;
    margin-left: 20px;
    margin-top: 30px;
    float: left
  }
  .anp-pickupList__li:nth-child(1) {
    width: 480px;
    margin: 0
  }
  .anp-pickupList__li:nth-child(2) {
    float: right;
    width: 480px;
    margin: 0
  }
  .anp-pickupList__li:nth-child(4n+3) {
    clear: both;
    margin-left: 0
  }
}

.anp-pickupBlock {
  display: block;
  color: #333
}

a.anp-pickupBlock {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

a.anp-pickupBlock:hover {
  opacity: .8;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-pickupBlock__thumb {
  position: relative;
  border: 2.5px solid #000;
  background: #000
}

@media screen and (min-width:980px) {
  .anp-pickupBlock__thumb {
    border: 4px solid #000
  }
}

.anp-pickupBlock__thumb__mov {
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: url('/anime/anipara/assets/img/icon_playmov_white.png');
  background-size: contain
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickupBlock__thumb__mov {
    width: 60px;
    height: 60px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickupBlock__thumb__mov {
    width: 60px;
    height: 60px
  }
}

@media screen and (min-width:980px) {
  .anp-pickupBlock__thumb__mov {
    width: 80px;
    height: 80px
  }
}

.anp-pickupBlock__thumb__new {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  background-image: url('/anime/anipara/assets/img/badge_new_red.png');
  background-size: contain
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickupBlock__thumb__new {
    width: 35px;
    height: 35px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickupBlock__thumb__new {
    width: 35px;
    height: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-pickupBlock__thumb__new {
    width: 49px;
    height: 49px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickupBlock__text {
    margin-top: 9px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickupBlock__text {
    margin-top: 9px
  }
}

@media screen and (min-width:980px) {
  .anp-pickupBlock__text {
    margin-top: 9px;
    font-size: 14px;
    line-height: 1.8
  }
}

.anp-pickupBlock__text+.anp-pickupBlock__text {
  margin-top: 5px
}

.anp-pickupBlock__date {
  display: inline-block;
  color: #fff;
  background: #000
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-pickupBlock__date {
    font-size: 10px;
    padding: 1px 4px;
    margin-bottom: 4px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-pickupBlock__date {
    font-size: 11px;
    padding: 1px 4px;
    margin-bottom: 4px
  }
}

@media screen and (min-width:980px) {
  .anp-pickupBlock__date {
    font-size: 12px;
    padding: 1px 4px
  }
}

.anp-voice {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-voice {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-voice {
    padding-bottom: 188px
  }
}

.anp-voice__title {
  width: 83.1884058%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-voice__title {
    max-width: 400px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voice__title {
    max-width: 400px
  }
}

@media screen and (min-width:980px) {
  .anp-voice__title {
    width: 400px
  }
}

.anp-voice__label {
  width: 14.34782609%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-voice__label {
    max-width: 73px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voice__label {
    max-width: 73px
  }
}

@media screen and (min-width:980px) {
  .anp-voice__label {
    width: 73px
  }
}

.anp-voice__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 39.4%
}

.anp-voice__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-voice__bg--bottom {
    width: 358px;
    height: 148px
  }
}

.anp-voice__caution {
  margin-top: 1.5em;
  text-align: left;
  font-size: 12px;
  line-height: 1.64285714
}

@media screen and (min-width:980px) {
  .anp-voice__caution {
    font-size: 14px
  }
}

.anp-voice__caution a {
  display: inline-block;
  color: #c9151e;
  text-decoration: underline
}

.anp-voice__caution a:hover {
  text-decoration: none
}

.anp-voiceBlock {
  position: relative;
  margin: 20px 0 0 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock {
    border: 2.5px solid #000
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock {
    border: 2.5px solid #000
  }
}

@media screen and (min-width:980px) {
  .anp-voiceBlock {
    border: 5px solid #000;
    margin: 52px 0 0 0
  }
}

.anp-voiceBlock__badge {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__badge {
    width: 40px;
    height: 40px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__badge {
    width: 60px;
    height: 60px
  }
}

@media screen and (min-width:980px) {
  .anp-voiceBlock__badge {
    width: 80px;
    height: 80px
  }
}

.anp-voiceBlock__bg--bottom {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: 0;
  width: 74.70588235%
}

.anp-voiceBlock__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-voiceBlock__bg--bottom {
    width: 499px;
    height: 97px
  }
}

.anp-voiceBlock__bg--bottom2 {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 91.5942029%
}

.anp-voiceBlock__bg--bottom2 img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-voiceBlock__bg--bottom2 {
    width: 632px;
    height: 96px
  }
}


/* anp-voiceBlock__head */

.anp-voiceBlock__head {
  position: relative
}
.anp-voiceBlock__head a {
  position: relative;
  display: block;
  color: #000000;
  padding-bottom: 20px;
}
.anp-voiceBlock__head a:hover {
  text-decoration: none;
}
.anp-voiceBlock__head .more {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 110px;
}
@media screen and (min-width:751px) {
  .anp-voiceBlock__head a {
    padding-bottom: 0;
  }
  .anp-voiceBlock__head a:hover .anp-voiceBlock__head__title {
    text-decoration: underline;
  }
  .anp-voiceBlock__head a .more {
    right: 12px;
    width: 162px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .anp-voiceBlock__head a:hover .more {
    right: 2px;
  }
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__head {
    padding: 6px
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__head {
    padding: 6px
  }
}
@media screen and (min-width:980px) {
  .anp-voiceBlock__head {
    padding: 10px
  }
}
.anp-voiceBlock__head__innr {
  position: relative;
  z-index: 1;
  display: table;
  table-layout: fixed;
  width: 100%
}
.anp-voiceBlock__head__left {
  display: table-cell;
  vertical-align: middle
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__head__left {
    width: 135px
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__head__left {
    width: 200px
  }
}
@media screen and (min-width:980px) {
  .anp-voiceBlock__head__left {
    width: 270px
  }
}
.anp-voiceBlock__head__right {
  display: table-cell;
  vertical-align: middle
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__head__right {
    padding: 0 0 0 10px
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
    .anp-voiceBlock__head__right {
    padding: 0 65px 0 25px
  }
  /* version view more */
  #mind .anp-voiceBlock__head__right {
    padding: 0 25px
  }

  .anp-voiceBlock__head__right.anp-onlyPC {
    display: table-cell !important
  }
  .anp-voiceBlock__head__right.anp-onlySP {
    display: none !important
  }
}
@media screen and (min-width:751px) {
  /* version view more */
  #mind .anp-voiceBlock__head__right {
    position: relative;
    padding-bottom: 30px;
  }
}
@media screen and (min-width:980px) {
  .anp-voiceBlock__head__right {
    padding: 0 90px 0 45px
  }
  /* version view more */
  #mind .anp-voiceBlock__head__right {
    padding: 0 30px 0 45px
  }

  .anp-voiceBlock__head__right.anp-onlyPC {
    display: table-cell !important
  }
}


.anp-voiceBlock__head__bottom {
  position: relative
}
.anp-voiceBlock__head__bottom.anp-onlySP {
  z-index: 1;
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__head__bottom {
    padding-top: 10px;
    font-size: 20px
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__head__bottom.anp-onlySP {
    display: none !important
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__head__subtitle {
    font-size: 16px
  }
}
@media screen and (min-width:980px) {
  .anp-voiceBlock__head__subtitle {
    font-size: 16px
  }
}
.anp-voiceBlock__head__title {
  display: block;
  line-height: 1.4;
  margin-top: .5em
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__head__title {
    padding-right: 33px
  }
  /* version view more */
  #mind .anp-voiceBlock__head__title {
    padding: 0 15px 10px;
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__head__title {
    font-size: 22px
  }
}
@media screen and (min-width:980px) {
  .anp-voiceBlock__head__title {
    font-size: 28px
  }
}


.anp-voiceBlock__content {
  background: #fff;
  display: none;
  border-top: 1px dotted #333
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__content {
    padding: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-voiceBlock__content {
    padding: 62px 0
  }
}

.anp-voiceBlock__btn {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 33px;
  height: 33px;
  background-image: url('/anime/anipara/assets/img/btn_ac-open_black.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-voiceBlock__btn:hover {
  opacity: .6;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.is-open .anp-voiceBlock__btn {
  background-image: url('/anime/anipara/assets/img/btn_ac-close_black.png')
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-voiceBlock__btn {
    top: 10px;
    right: 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-voiceBlock__btn {
    right: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-voiceBlock__btn {
    right: 20px;
    width: 66px;
    height: 66px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock {
    padding: 15px 15px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock {
    zoom: 1
  }
  .anp-interviewBlock:before, .anp-interviewBlock:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-interviewBlock:after {
    clear: both
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock {
    width: 830px;
    margin: 0 auto;
    zoom: 1
  }
  .anp-interviewBlock:before, .anp-interviewBlock:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-interviewBlock:after {
    clear: both
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock+.anp-interviewBlock {
    margin-top: 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock+.anp-interviewBlock {
    margin-top: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock+.anp-interviewBlock {
    margin-top: 60px
  }
}

.anp-interviewBlock__fulltext {
  margin-top: 1em
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__fulltext:first-child {
    margin-top: 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__fulltext {
    float: left;
    width: 100%
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__fulltext {
    float: left;
    width: 100%
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__text {
    margin-top: 1em
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__text {
    float: left;
    width: 100%;
    margin-right: -200px;
    padding-right: 220px
  }
  .is-reverse .anp-interviewBlock__text {
    float: right;
    margin-left: -200px;
    padding-left: 220px;
    margin-right: 0;
    padding-right: 0
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__text {
    float: left;
    width: 440px
  }
  .is-reverse .anp-interviewBlock__text {
    float: right
  }
}

.anp-interviewBlock__text__title {
  position: relative;
  padding-bottom: .75em;
  line-height: 1.4
}

.anp-interviewBlock__text__title:before {
  content: '';
  position: absolute;
  top: .65em;
  height: 0;
  border-top: 1px solid #333
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__text__title:before {
    left: -13px;
    width: 10px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__text__title:before {
    left: -31px;
    width: 25px
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__text__title:before {
    left: -51px;
    width: 45px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__text__title {
    font-size: 16px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__text__title {
    font-size: 18px
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__text__title {
    font-size: 20px
  }
}

.anp-interviewBlock__text__text {
  line-height: 1.78571429
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__text__text {
    font-size: 14px
  }
}

.anp-interviewBlock__text__text+.anp-interviewBlock__text__text {
  padding-top: 1em
}

.anp-interviewBlock__thumb {
  text-align: center
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__thumb {
    padding: 1em 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__thumb {
    float: right;
    width: 200px;
    position: relative;
    z-index: 1
  }
  .is-reverse .anp-interviewBlock__thumb {
    float: left
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__thumb {
    float: right;
    width: 340px
  }
  .is-reverse .anp-interviewBlock__thumb {
    float: left
  }
}

.anp-interviewBlock__fulltext+.anp-interviewBlock__fullthumb {
  padding-top: 30px
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-interviewBlock__fulltext+.anp-interviewBlock__fullthumb {
    padding-top: 15px
  }
}

.anp-interviewBlock__fullthumb {
  clear: both;
  text-align: center
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-interviewBlock__fullthumb {
    max-width: 442px;
    margin: 0 auto
  }
}

@media screen and (min-width:980px) {
  .anp-interviewBlock__fullthumb {
    max-width: 442px;
    margin: 0 auto
  }
}

.anp-interviewBlock .anp-bold {
  display: block
}

.anp-profile {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-profile {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-profile {
    padding-bottom: 180px
  }
}

.anp-profile__title {
  width: 42.75362319%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profile__title {
    max-width: 203px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profile__title {
    max-width: 203px
  }
}

@media screen and (min-width:980px) {
  .anp-profile__title {
    width: 203px
  }
}

.anp-profile__label {
  width: 17.82608696%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profile__label {
    max-width: 123px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profile__label {
    max-width: 89px
  }
}

@media screen and (min-width:980px) {
  .anp-profile__label {
    width: 89px
  }
}

.anp-profile__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 58.73333333%
}

.anp-profile__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-profile__bg--bottom {
    width: 522px;
    height: 150px
  }
}

.anp-profileList {
  position: relative;
  margin: 20px 0 0 0;
  background: #fff
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileList {
    border: 2.5px solid #000;
    padding: 0 5px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileList {
    border: 2.5px solid #000;
    padding: 10px 20px
  }
}

@media screen and (min-width:980px) {
  .anp-profileList {
    border: 5px solid #000;
    margin: 52px 0 0 0;
    padding: 10px 40px
  }
}

.anp-profileBlock {
  position: relative
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock {
    padding: 20px 10px 0;
    zoom: 1
  }
  .anp-profileBlock:before, .anp-profileBlock:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-profileBlock:after {
    clear: both
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileBlock {
    min-height: 160px;
    padding: 20px 0
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock {
    min-height: 219px;
    padding: 30px 0
  }
}

.anp-profileBlock+.anp-profileBlock {
  border-top: 1px dotted #333
}

.anp-profileBlock__head {
  position: relative;
  z-index: 2;
  display: table;
  table-layout: fixed;
  width: 100%
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileBlock__head {
    padding-right: 130px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__head {
    padding-right: 190px
  }
}

.anp-profileBlock__head__title {
  display: table-cell;
  vertical-align: middle
}

.anp-profileBlock__head__title small {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}

.anp-profileBlock__head__title small>span {
  color: #fff;
  display: inline-block;
  padding: .1em .5em;
  background: #000;
  vertical-align: middle
}
.anp-profileBlock__head__title .other {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__head__title {
    font-size: 29px
  }
  .anp-profileBlock__head__title>span {
    display: block
  }
  .anp-profileBlock__head__title small {
    display: block;
    font-size: 11px;
    margin-left: 0
  }
  .anp-profileBlock__head__title .other {
    font-size: 18px;
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileBlock__head__title {
    display: block;
    font-size: 32px
  }
  .anp-profileBlock__head__title small {
    font-size: 12px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__head__title {
    display: block;
    font-size: 36px
  }
  .anp-profileBlock__head__title small {
    font-size: 14px
  }
}


.anp-profileBlock__head__thumb {
  display: table-cell;
  vertical-align: middle;
  width: 92px;
  overflow: hidden;
  border-radius: 46px
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileBlock__head__thumb {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    width: 120px;
    overflow: hidden;
    border-radius: 60px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__head__thumb {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    width: 159px;
    height: 159px;
    overflow: hidden;
    border-radius: 79.5px
  }
}



/* anp-profileBlock__text */

.anp-profileBlock__text {
  position: relative;
  z-index: 2
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__text {
    margin-top: 10px
  }
}
@media screen and (min-width:751px) {
  .anp-profileBlock__text {
    min-height: 58px;
  }
}
@media screen and (min-width:751px) and (max-width:979px) {
  .anp-profileBlock__text {
    font-size: 13px;
    padding-right: 130px;
    margin-top: 10px
  }
}
@media screen and (min-width:980px) {
  .anp-profileBlock__text {
    font-size: 14px;
    padding-right: 190px;
    margin-top: 10px;
    min-height: 94px;
  }
}



.anp-profileBlock__bg--author {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 57.57575758%
}

.anp-profileBlock__bg--author img {
  vertical-align: bottom
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__bg--author {
    position: static;
    float: right;
    margin-right: -15px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__bg--author {
    width: 366px;
    height: 97px;
    right: -40px
  }
}

.anp-profileBlock__bg--music {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 95.45454545%
}

.anp-profileBlock__bg--music img {
  vertical-align: bottom
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__bg--music {
    position: static;
    float: right;
    margin-right: -15px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__bg--music {
    width: 607px;
    height: 97px;
    right: -40px
  }
}

.anp-profileBlock__bg--voiceact {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 89.54545455%
}

.anp-profileBlock__bg--voiceact img {
  vertical-align: bottom
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__bg--voiceact {
    position: static;
    float: right;
    margin-right: -15px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__bg--voiceact {
    width: 565px;
    height: 97px;
    right: -40px
  }
}

.anp-profileBlock__bg--director {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 66.21212121%
}

.anp-profileBlock__bg--director img {
  vertical-align: bottom
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-profileBlock__bg--director {
    position: static;
    float: right;
    margin-right: -15px
  }
}

@media screen and (min-width:980px) {
  .anp-profileBlock__bg--director {
    width: 415px;
    height: 97px;
    right: -40px;
    bottom: -10px
  }
}


.anp-profileBlock__other {
  padding-bottom: 20px;
  margin-top: 5px;
}
.anp-profileBlock__other li {
  border-bottom: dotted 1px #333;
  padding: 14px 0;
}
.anp-profileBlock__other li .name {
  font-size: 16px;
  line-height: 1.3;
  letter-spacing: : 0.04em;
  font-weight: bold;
}
.anp-profileBlock__other li .part {
  margin-top: 6px;
  font-size: 12px;
  line-height: 21px;
  letter-spacing: : 0.04em;
}
.anp-profileBlock__other li .role {
  display: inline-block;
  color: #fff;
  background: #000;
  padding: 0 0.6em;
  margin-right: 1em;
}
.anp-profileBlock__other li:first-child {
  border-top: dotted 1px #333;
}
@media screen and (min-width:751px) {
  .anp-profileBlock__other {
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .anp-profileBlock__other li {
    width: 49%;
    padding: 16px 0;
  }
  .anp-profileBlock__other li .name {

  }
  .anp-profileBlock__other li .part {
    margin-top: 8px;
  }

  .anp-profileBlock__other li:nth-child(2) {
    border-top: dotted 1px #333;
  }
}


.anp-characters {
  position: relative;
  padding: 9.73333033% 0 17.6%
}

@media screen and (min-width:980px) {
  .anp-characters {
    padding-top: 70px
  }
}

@media screen and (min-width:980px) {
  .anp-characters {
    padding-bottom: 180px
  }
}

.anp-characters__title {
  width: 28.4057971%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-characters__title {
    max-width: 134px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-characters__title {
    max-width: 134px
  }
}

@media screen and (min-width:980px) {
  .anp-characters__title {
    width: 134px
  }
}

.anp-characters__label {
  width: 30.5797102%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-characters__label {
    max-width: 152px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-characters__label {
    max-width: 152px
  }
}

@media screen and (min-width:980px) {
  .anp-characters__label {
    width: 152px
  }
}

.anp-characters__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 92.0532051%
}

.anp-characters__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-characters__bg--bottom {
    width: 815px;
    height: 150px
  }
}

.anp-charactersList {
  position: relative;
  margin: 20px 0 0 0;
  background: #fff
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-charactersList {
    border: 2.5px solid #000;
    padding: 0 5px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersList {
    border: 2.5px solid #000;
    padding: 10px 20px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersList {
    border: 5px solid #000;
    margin: 52px 0 0 0;
    padding: 10px 40px
  }
}

.anp-charactersBlock {
  position: relative
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-charactersBlock {
    padding: 20px 10px 0;
    zoom: 1
  }
  .anp-charactersBlock:before, .anp-charactersBlock:after {
    display: block;
    height: 0;
    visibility: hidden;
    content: "\0020"
  }
  .anp-charactersBlock:after {
    clear: both
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersBlock {
    min-height: 160px;
    padding: 20px 0
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock {
    min-height: 219px;
    padding: 30px 0
  }
}

.anp-charactersBlock+.anp-charactersBlock {
  border-top: 1px dotted #333
}

.anp-charactersBlock__head {
  position: relative;
  z-index: 2;
  display: table;
  table-layout: fixed;
  width: 100%
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersBlock__head {
    padding-right: 130px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__head {
    padding-right: 190px
  }
}

.anp-charactersBlock__head__title {
  display: table-cell;
  vertical-align: middle
}

.anp-charactersBlock__head__title small {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px
}

.anp-charactersBlock__head__title small>span {
  color: #fff;
  display: inline-block;
  padding: .1em .5em;
  background: #000;
  vertical-align: middle
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-charactersBlock__head__title {
    font-size: 29px
  }
  .anp-charactersBlock__head__title>span {
    display: block
  }
  .anp-charactersBlock__head__title small {
    display: block;
    font-size: 11px;
    margin-left: 0
  }
  .anp-charactersBlock__head__title .kana {
    display: block;
    font-size: 11px;
    margin-bottom: 10px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersBlock__head__title {
    display: block;
    font-size: 32px
  }
  .anp-charactersBlock__head__title small,
  .anp-charactersBlock__head__title .kana {
    font-size: 12px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__head__title {
    display: block;
    font-size: 36px
  }
  .anp-charactersBlock__head__title small,
  .anp-charactersBlock__head__title .kana {
    font-size: 14px
  }
}

.anp-charactersBlock__head__thumb {
  display: table-cell;
  vertical-align: middle;
  width: 92px;
  overflow: hidden;
  border-radius: 46px
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersBlock__head__thumb {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    width: 120px;
    overflow: hidden;
    border-radius: 60px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__head__thumb {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 8px;
    width: 159px;
    height: 159px;
    overflow: hidden;
    border-radius: 79.5px
  }
}

.anp-charactersBlock__text {
  position: relative;
  z-index: 2
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-charactersBlock__text {
    margin-top: 10px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-charactersBlock__text {
    font-size: 13px;
    padding-right: 130px;
    margin-top: 10px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__text {
    font-size: 14px;
    padding-right: 190px;
    margin-top: 10px
  }
}

.anp-charactersBlock__bg--character,
.anp-charactersBlock__bg--characterEnd {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 84.2409639%
}

.anp-charactersBlock__bg--character img,
.anp-charactersBlock__bg--characterEnd img {
  vertical-align: bottom
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-charactersBlock__bg--character,
  .anp-charactersBlock__bg--characterEnd {
    position: static;
    float: right;
    margin-right: -15px
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__bg--character {
    width: 528px;
    height: 97px;
    right: -40px;
  }
}

@media screen and (min-width:980px) {
  .anp-charactersBlock__bg--characterEnd {
    width: 528px;
    height: 97px;
    right: -40px;
    bottom: -10px
  }
}

.anp-about {
  position: relative;
  padding: 9.73333033% 0 17.6%;
  padding-bottom: 20px;
  -webkit-transition: padding .2s linear;
  transition: padding .2s linear
}

@media screen and (min-width:980px) {
  .anp-about {
    padding-top: 70px
  }
}

.anp-about.is-open {
  padding-bottom: 23.6%;
  -webkit-transition: padding .2s linear;
  transition: padding .2s linear
}

@media screen and (min-width:980px) {
  .anp-about.is-open {
    padding-bottom: 188px
  }
}

.anp-about__titleWrap {
  position: relative;
  z-index: 3
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-about__titleWrap {
    padding-bottom: 20px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-about__titleWrap {
    padding-bottom: 20px
  }
}

@media screen and (min-width:980px) {
  .anp-about__titleWrap {
    padding-bottom: 52px
  }
}

.anp-about__title {
  width: 64.49275362%;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-about__title {
    max-width: 300px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-about__title {
    max-width: 300px
  }
}

@media screen and (min-width:980px) {
  .anp-about__title {
    width: 378px
  }
}

.is-detail02 .anp-about__title {
  width: 63.18181818%
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail02 .anp-about__title {
    max-width: 288px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail02 .anp-about__title {
    max-width: 288px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-about__title {
    width: 288px
  }
}

.anp-about__label {
  width: 11.44927536%;
  margin: 10px auto 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-about__label {
    max-width: 79px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-about__label {
    max-width: 79px
  }
}

@media screen and (min-width:980px) {
  .anp-about__label {
    width: 79px
  }
}

.anp-about__bg--bottom {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 51.06666667%
}

.anp-about__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-about__bg--bottom {
    width: 431px;
    height: 148px
  }
}

.anp-about__btn {
  position: absolute;
  z-index: 2;
  top: -50px;
  bottom: 0;
  margin: auto;
  width: 33px;
  height: 33px;
  background-image: url('/anime/anipara/assets/img/btn_ac-open_black.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-about__btn:hover {
  opacity: .6;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.is-open .anp-about__btn {
  background-image: url('/anime/anipara/assets/img/btn_ac-close_black.png')
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-about__btn {
    right: 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-about__btn {
    right: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-about__btn {
    right: 20px;
    width: 66px;
    height: 66px
  }
}

.anp-aboutCaution {
  text-align: right
}

.anp-aboutBlock {
  position: relative;
  margin: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock {
    border: 2.5px solid #000;
    padding-bottom: 20px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock {
    border: 2.5px solid #000;
    padding-bottom: 20px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock {
    border: 5px solid #000;
    padding-bottom: 70px
  }
}

.anp-aboutBlock__badge {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__badge {
    width: 40px;
    height: 40px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__badge {
    width: 60px;
    height: 60px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__badge {
    width: 80px;
    height: 80px
  }
}

.anp-aboutBlock__bg--bottom {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  width: 44.26666667%
}

.anp-aboutBlock__bg--bottom img {
  vertical-align: bottom
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__bg--bottom {
    width: 499px;
    height: 97px
  }
}

.anp-aboutBlock__head {
  position: relative
}

.anp-aboutBlock__head__thumb {
  background: #000
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__head__text {
    padding: 20px 20px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__head__text {
    padding: 20px 20px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__head__text {
    padding: 35px 70px
  }
}

.anp-aboutBlock__subtitle {
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__subtitle {
    width: 79.41176471%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__subtitle {
    width: 79.41176471%
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__subtitle {
    width: 721px
  }
}

.anp-aboutBlock__feature {
  position: relative;
  background: #f4f4f4;
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature {
    width: auto;
    margin: 0 20px;
    padding: 30px 20px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature {
    width: auto;
    margin: 0 20px;
    padding: 30px 20px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature {
    width: 830px;
    padding: 45px 85px 70px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__full {
    margin-left: -40px;
    margin-right: -40px
  }
}

.anp-aboutBlock__feature__badge {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature__badge {
    width: 55px;
    height: 55px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature__badge {
    width: 55px;
    height: 55px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__badge {
    width: 80px;
    height: 80px
  }
}

.anp-aboutBlock__feature__title {
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature__title {
    width: 79.65517241%;
    max-width: 332px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature__title {
    width: 79.65517241%;
    max-width: 332px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__title {
    width: 332px
  }
}

.is-detail02 .anp-aboutBlock__feature__title {
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail02 .anp-aboutBlock__feature__title {
    width: 30%;
    max-width: 113px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail02 .anp-aboutBlock__feature__title {
    width: 30%;
    max-width: 113px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__feature__title {
    width: 113px
  }
}

.anp-aboutBlock__feature__link {
  text-align: center;
  margin-top: .5em
}

.anp-aboutBlock__feature__link a {
  color: #c9151e
}

.anp-aboutBlock__feature__link a span {
  display: inline-block
}

.anp-aboutBlock__feature__title2 {
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail02 .anp-aboutBlock__feature__title2 {
    width: 107%;
    margin-top: 30px;
    margin-left: -3.5%;
    max-width: 400px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail02 .anp-aboutBlock__feature__title2 {
    width: 107%;
    margin-top: 45px;
    max-width: 400px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__feature__title2 {
    margin-top: 60px;
    width: 400px
  }
}

.anp-aboutBlock__feature__title3 {
  margin: 0 auto
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail02 .anp-aboutBlock__feature__title3 {
    width: 91.34615385%;
    margin-top: 30px;
    max-width: 400px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail02 .anp-aboutBlock__feature__title3 {
    width: 91.34615385%;
    margin-top: 45px;
    max-width: 400px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__feature__title3 {
    margin-top: 60px;
    width: 620px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature__full {
    margin-top: 20px;
    margin-left: -20px;
    margin-right: -20px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature__full {
    margin-top: 30px;
    margin-left: -20px;
    margin-right: -20px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__full {
    margin-top: 42px
  }
}

.anp-aboutBlock__feature__subtitle {
  text-align: center;
  color: #fff;
  background: #000
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature__subtitle {
    margin-top: 20px;
    font-size: 13px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature__subtitle {
    margin-top: 45px;
    font-size: 14px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__subtitle {
    margin-top: 45px;
    font-size: 16px
  }
}

.anp-aboutBlock__feature__subtext {
  margin-top: 1em
}

.anp-aboutBlock__feature__subtext small {
  display: block;
  text-align: left;
  color: #6e6e6e
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__feature__subtext small {
    font-size: 10px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__feature__subtext small {
    font-size: 11px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__feature__subtext small {
    font-size: 12px
  }
}

.anp-aboutBlock__btn {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 33px;
  height: 33px;
  background-image: url('/anime/anipara/assets/img/btn_ac-open_black.png');
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer
}

.is-open .anp-aboutBlock__btn {
  background-image: url('/anime/anipara/assets/img/btn_ac-close_black.png')
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-aboutBlock__btn {
    top: 10px;
    right: 0
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-aboutBlock__btn {
    right: 35px
  }
}

@media screen and (min-width:980px) {
  .anp-aboutBlock__btn {
    right: 20px;
    width: 66px;
    height: 66px
  }
}

.anp-aboutBlock__featureList {
  list-style: none;
  padding: 0;
  margin: 0;
  zoom: 1
}

.anp-aboutBlock__featureList:before, .anp-aboutBlock__featureList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-aboutBlock__featureList:after {
  clear: both
}

.is-detail01 .anp-aboutBlock__featureList>li {
  padding: 0;
  margin: 65px 0 0 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail01 .anp-aboutBlock__featureList>li {
    margin-top: 30px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail01 .anp-aboutBlock__featureList>li {
    margin-top: 30px
  }
}

@media screen and (min-width:980px) {
  .is-detail01 .anp-aboutBlock__featureList>li:nth-child(2n+2) {
    float: left;
    width: 316px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail01 .anp-aboutBlock__featureList>li:first-child {
    margin-top: 30px
  }
}

@media screen and (min-width:980px) {
  .is-detail01 .anp-aboutBlock__featureList>li:first-child {
    margin-top: 45px
  }
}

@media screen and (min-width:980px) {
  .is-detail01 .anp-aboutBlock__featureList>li:nth-child(2n+3) {
    float: right;
    width: 316px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .is-detail02 .anp-aboutBlock__featureList>li {
    margin-top: 30px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .is-detail02 .anp-aboutBlock__featureList>li {
    margin-top: 30px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__featureList>li {
    margin-top: 40px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__featureList>li:nth-child(2n+1) {
    float: left;
    width: 316px
  }
}

@media screen and (min-width:980px) {
  .is-detail02 .anp-aboutBlock__featureList>li:nth-child(2n+2) {
    float: right;
    width: 316px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-featureBlock__text {
    padding-top: 12px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-featureBlock__text {
    padding-top: 12px
  }
}

@media screen and (min-width:980px) {
  .anp-featureBlock__text {
    padding-top: 12px
  }
}

.anp-featureBlock__text .anp-featureBlock__title+p {
  margin-top: .5em
}

.anp-featureBlock__title {
  border-bottom: 1px dotted #000
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-featureBlock__title {
    font-size: 15px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-featureBlock__title {
    font-size: 17px
  }
}

@media screen and (min-width:980px) {
  .anp-featureBlock__title {
    font-size: 20px
  }
}

.anp-featureBlock__label {
  padding-bottom: 6px
}

.anp-featureBlock__label span {
  display: inline-block;
  background: #000;
  color: #fff
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-featureBlock__label span {
    font-size: 10px;
    padding: 1px 4px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-featureBlock__label span {
    font-size: 11px;
    padding: 1px 4px 0
  }
}

@media screen and (min-width:980px) {
  .anp-featureBlock__label span {
    font-size: 12px;
    padding: 2px 4px 0
  }
}

.anp-featureBlock__label i {
  display: inline-block
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-featureBlock__label i img {
    width: auto;
    height: 14px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-featureBlock__label i img {
    width: auto;
    height: 14px
  }
}

@media screen and (min-width:980px) {
  .anp-featureBlock__label i img {
    width: auto;
    height: 26px
  }
}




/* anp-bnrArea */

.anp-bnrArea__cp {
  text-align: right;
  font-size: 12px;
  color: #666;
  padding-bottom: 20px;
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bnrArea__cp {
    font-size: 11px;
    text-align: center
  }
}

.anp-bnrList {
  list-style: none;
  padding: 8.53333333vw 0;
  margin: 0;
  zoom: 1
}
#addBnr {
  display: none;
  overflow: hidden;
}
#addBnr .anp-bnrList {
  padding: 7vw 0;
}
@media screen and (min-width:751px) {
  #addBnr .anp-bnrList {
    padding: 20px 0 80px;
  }
}
@media screen and (min-width:980px) {
  .anp-bnrList {
    padding: 50px 0;
  }
  #addBnr .anp-bnrList {
    padding: 30px 0 100px;
  }
}

.anp-bnrList:before, .anp-bnrList:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-bnrList:after {
  clear: both
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bnrList__li--L {
    margin-top: 10px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bnrList__li--L {
    margin-top: 10px;
    width: 48.55072464%;
    float: left
  }
  .anp-bnrList__li--L:nth-of-type(2n+2) {
    float: right
  }
}

@media screen and (min-width:980px) {
  .anp-bnrList__li--L {
    margin-top: 25px
  }
}

.anp-bnrList__li--M img {
  vertical-align: top;
}
@media screen and (min-width:0) and (max-width:750px) {
  .anp-bnrList__li--M {
    float: none;
    margin-top: 10px
  }
  .anp-bnrList__li--M:nth-of-type(3) {
    margin-top: 30px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bnrList__li--M {
    margin-top: 10px;
    width: 48.55072464%;
    float: left
  }
  .anp-bnrList__li--M:nth-of-type(2n+2) {
    float: right
  }
  .anp-bnrList__li--M:nth-of-type(1) {
    margin-top: 10px
  }
}

@media screen and (min-width:980px) {
  .anp-bnrList__li--M {
    margin-top: 25px;
    width: 480px;
    float: left
  }
  .anp-bnrList__li--M:nth-of-type(2n+2) {
    float: right
  }
  .anp-bnrList__li--M:nth-of-type(1) {
    margin-top: 20px
  }
}

@media screen and (min-width:0) and (max-width:750px) {
  .anp-bnrList__li--S {
    float: left;
    margin-top: 10px;
    width: 48.55072464%
  }
  .anp-bnrList__li--S:nth-of-type(2n+1) {
    margin-left: 0
  }
  .anp-bnrList__li--S:nth-of-type(2n+2) {
    float: right
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .anp-bnrList__li--S {
    float: left;
    margin-top: 10px;
    width: 23.55%;
    margin-left: 1.5%
  }
  .anp-bnrList__li--S:nth-of-type(4n+1) {
    margin-left: 0
  }
  .anp-bnrList__li--S:nth-of-type(4n+3) {
    float: right
  }
  .anp-bnrList__li--S:nth-of-type(4n+4) {
    float: right
  }
}

@media screen and (min-width:980px) {
  .anp-bnrList__li--S {
    float: left;
    margin-top: 20px;
    width: 230px;
    margin-left: 20px
  }
  .anp-bnrList__li--S.noMgn {
    margin-left: 0
  }
}

@media screen and (min-width:980px) {
  .anp-bnrList a {
    display: block;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
  .anp-bnrList a:hover {
    opacity: .8;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
}






.anp-detail+.anp-section .anp-programSection {
  padding-bottom: 20px
}

.anp-section__title {
  font-size: 15px;
  margin: 0;
  background: #008e32;
  position: relative;
  color: #fff
}

@media screen and (min-width:992px) {
  .anp-section__title {
    font-size: 18px
  }
}

.anp-section__title a, .anp-section__title>span, .anp-section__title .anp-onlySP>span {
  color: #fff;
  display: block;
  text-align: center;
  line-height: 1;
  padding: 15px 0
}

.anp-section__title a:hover {
  text-decoration: none
}

.anp-section__title .anp-onlyPC {
  padding: 15px 25px;
  zoom: 1
}

.anp-section__title .anp-onlyPC:before, .anp-section__title .anp-onlyPC:after {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}

.anp-section__title .anp-onlyPC:after {
  clear: both
}

.anp-section__title .anp-onlyPC span {
  float: left;
  padding: 0 0 0 50px
}

.anp-section--news .anp-section__title .anp-onlyPC span {
  float: none;
  padding-left: 0
}

.anp-section__title .anp-onlyPC a {
  font-size: 14px;
  line-height: 18px;
  float: right;
  padding: 0 36px 0 0;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-section__title .anp-onlyPC a:hover {
  text-decoration: underline;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-section__title .anp-onlyPC a:hover.anp-icon--linkCircle:before {
  background-image: url('/anime/anipara/assets/img/icon_linkcircle_02.png');
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-section__title .anp-onlyPC .anp-icon--linkCircle:before {
  right: 0
}

.anp-section__title:before {
  content: '';
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto
}

@media screen and (min-width:992px) {
  .anp-section__title:before {
    left: 25px
  }
}

.anp-section--feel .anp-section__title:before {
  background-image: url('/anime/anipara/assets/img/icon_feel_01-2.png')
}

.anp-section--genre .anp-section__title:before {
  background-image: url('/anime/anipara/assets/img/icon_genre_01-2.png')
}

.anp-section--ranking .anp-section__title:before {
  background-image: url('/anime/anipara/assets/img/icon_ranking_01-2.png')
}

.anp-section--schedule .anp-section__title:before {
  background-image: url('/anime/anipara/assets/img/icon_schedule_01-2.png')
}

.anp-section--light .anp-section__title {
  background: #008e32
}

.anp-section--dark .anp-section__title {
  background: #007e2d
}

.anp-section--henshuchou .anp-section__title {
  background: #666
}

.anp-section--henshuchou .anp-section__title:before {
  background-image: url('/anime/anipara/assets/img/icon_other_01.png')
}

.anp-section--news .anp-section__title {
  background: #fff;
  color: #008e32;
  text-align: center
}

@media screen and (min-width:0) and (max-width:767px) {
  .anp-section--news .anp-section__title:before {
    background-image: url('/anime/anipara/assets/img/icon_news_01.png')
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .anp-section--news .anp-section__title:before {
    background-image: url('/anime/anipara/assets/img/icon_news_01.png')
  }
}

@media screen and (min-width:992px) {
  .anp-section--news .anp-section__title:before {
    background-image: url('/anime/anipara/assets/img/icon_news_01.png')
  }
}

.anp-section--news .anp-section__title a, .anp-section--news .anp-section__title span {
  color: #008e32
}

.anp-section--news .anp-section__title .anp-onlyPC span {
  display: inline-block;
  vertical-align: middle;
  font-size: 21px
}

.anp-section__categoryTitle {
  display: inline-block;
  font-size: 15px;
  margin: 0;
  position: relative;
  color: #fff;
  text-align: center
}

.anp-section__categoryTitleWrap {
  background: #009e38;
  text-align: center;
  display: block
}

@media screen and (min-width:992px) {
  .anp-section__categoryTitleWrap {
    display: block
  }
}

@media screen and (min-width:992px) {
  .anp-section__categoryTitle {
    font-size: 18px
  }
}

.anp-section__categoryTitle>span {
  position: relative;
  display: inline-block;
  padding: 15px 0 15px 0
}

.anp-section__categoryTitle:before {
  content: '';
  background-size: contain;
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

@media screen and (min-width:992px) {
  .anp-section__categoryTitle:before {
    left: 0
  }
}

.anp-section--feel .anp-section__categoryTitle:before {
  background-image: url('/anime/anipara/assets/img/icon_feel_01.png')
}

.anp-section--genre .anp-section__categoryTitle:before {
  background-image: url('/anime/anipara/assets/img/icon_genre_01.png')
}

.anp-section--ranking .anp-section__categoryTitle:before {
  background-image: url('/anime/anipara/assets/img/icon_ranking_01.png')
}

.anp-section--schedule .anp-section__categoryTitle:before {
  background-image: url('/anime/anipara/assets/img/icon_schedule_01.png')
}

.anp-section--news {
  padding-bottom: 10px
}

.anp-btn {
  position: relative;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  padding: .75em 0
}

@media screen and (min-width:992px) {
  .anp-btn {
    font-size: 16px;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-btn--green {
  color: #fff;
  background-color: #009e38;
  border-radius: 3em
}

.anp-btn--green:hover, .anp-btn--green:focus {
  color: #fff;
  text-decoration: none;
  background: #008e32;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-btn--ene {
  cursor: pointer;
  color: #333;
  text-align: left;
  line-height: 1.2;
  padding: 0 0 0 38px;
  min-height: 42px;
  line-height: 42px
}

.anp-btn--ene:hover, .anp-btn--ene:focus {
  color: #333;
  text-decoration: none
}

@media screen and (min-width:992px) {
  .anp-btn--ene:hover, .anp-btn--ene:focus {
    text-decoration: underline;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-btn--ene:hover:before, .anp-btn--ene:focus:before {
    background: url('/anime/anipara/assets/img/icon_ene_01-2.png') no-repeat;
    background-size: contain;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-btn--ene span {
  vertical-align: middle
}

.anp-btn--ene:before {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: '';
  width: 30px;
  height: 30px;
  display: block;
  background: url('/anime/anipara/assets/img/icon_ene_01.png') no-repeat;
  background-size: contain;
  margin-right: 6px;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media screen and (min-width:992px) {
  .anp-btn--ene.active:hover, .anp-btn--ene.active:focus {
    text-decoration: none
  }
}

.anp-btn--ene.active:before {
  background: url('/anime/anipara/assets/img/icon_ene_01-3.png') no-repeat;
  background-size: contain
}

.anp-btn--share {
  background-color: #009e38;
  color: #fff;
  border-radius: 3em;
  text-align: left;
  line-height: 1.2;
  font-size: 12px;
  padding: 10px 10px 10px 38px
}

@media screen and (min-width:992px) {
  .anp-btn--share {
    font-size: 16px;
    padding: 8px 10px 7px 38px
  }
  .anp-btn--share:hover, .anp-btn--share:focus {
    text-decoration: underline;
    background: #008e32;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-btn--share:hover, .anp-btn--share:focus {
  color: #fff;
  text-decoration: none
}

@media screen and (min-width:992px) {
  .anp-btn--share:hover, .anp-btn--share:focus {
    text-decoration: underline;
    background: #008e32;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
  .anp-btn--share:hover:before, .anp-btn--share:focus:before {
    background: url('/anime/anipara/assets/img/icon_share_02.png') no-repeat;
    background-size: contain;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-btn--share:before {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto;
  content: '';
  width: 30px;
  height: 30px;
  display: block;
  vertical-align: middle;
  background: url('/anime/anipara/assets/img/icon_share_01.png') no-repeat;
  background-size: contain;
  margin-right: 6px;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-btn--share.active .anp-btn--share__bg {
  position: fixed;
  z-index: 4;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2)
}

.anp-btn--more {
  cursor: pointer;
  background: #fff;
  text-align: center;
  padding: 16px;
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-btn--more:hover {
  opacity: .6;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.anp-btn--more img {
  width: auto;
  height: 18px;
  display: block;
  margin: 0 auto
}

.js-accordion__trg {
  display: none
}

.is-open .js-accordion__trg {
  display: block
}

.anp-programSlideWrap {
  padding-bottom: 10px;
  min-height: 35.26570048vw
}

@media screen and (min-width:481px) and (max-width:767px) {
  .anp-programSlideWrap {
    min-height: 24.16666667vw
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .anp-programSlideWrap {
    min-height: 16.015625vw
  }
}

@media screen and (min-width:992px) {
  .anp-programSlideWrap {
    min-height: 11.9vw
  }
}

.anp-programSlide__block {
  padding-right: 10px
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(-n+10) .anp-programSlide__link:before {
  background-image: url('/anime/anipara/assets/img/icon_ranking_02.png');
  background-size: contain;
  width: 29px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  display: inline-block;
  position: absolute;
  z-index: 3;
  left: 10px;
  top: 5px
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(1) .anp-programSlide__link:before {
  content: '1'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(2) .anp-programSlide__link:before {
  content: '2'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(3) .anp-programSlide__link:before {
  content: '3'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(4) .anp-programSlide__link:before {
  content: '4'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(5) .anp-programSlide__link:before {
  content: '5'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(6) .anp-programSlide__link:before {
  content: '6'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(7) .anp-programSlide__link:before {
  content: '7'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(8) .anp-programSlide__link:before {
  content: '8'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(9) .anp-programSlide__link:before {
  content: '9'
}

.anp-section--ranking .anp-programSlide__block:nth-of-type(10) .anp-programSlide__link:before {
  content: '10'
}

.anp-programSlide .slick-list {
  padding-left: 10px
}

.anp-programSlide__link {
  background: #fff;
  position: relative;
  display: block;
  padding: 0;
  margin: 0;
  border-radius: 6px;
  overflow: hidden;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

@media screen and (min-width:992px) {
  .anp-programSlide__link {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
}

@media screen and (min-width:992px) {
  .anp-section--news a.anp-programSlide__link:hover .anp-programSlide__link__catch, .anp-section--news a.anp-programSlide__link:hover .anp-programSlide__link__title {
    color: #008e32;
    text-decoration: none
  }
}

.anp-programSlide__link img {
  width: 100%;
  height: auto;
  vertical-align: bottom
}

.anp-programSlide__link:after {
  content: '';
  width: 100%;
  height: auto;
  background: url('/anime/anipara/assets/img/loading.gif') no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto
}

.anp-programSlide__link.anp-loaded {
  background: transparent;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.anp-programSlide__link.anp-loaded:after {
  opacity: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

.anp-programSlide__link.anp-loaded:hover {
  text-decoration: none
}

.anp-programSlide__link.anp-loadedError {
  background: transparent;
  -webkit-transition: background-color .3s ease;
  transition: background-color .3s ease
}

.anp-programSlide__link.anp-loadedError:after {
  background: url('/anime/anipara/assets/img/noimage_01.jpg') no-repeat;
  background-size: cover;
  height: 100%;
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media screen and (min-width:992px) {
  .anp-section--henshuchou .anp-programSlide__link:hover {
    opacity: .8;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

.anp-programSlide__link--mov {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.162%
}

.anp-programSlide__link--mov figure {
  -webkit-transform-origin: left top;
  transform-origin: left top;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 400px;
  height: 225px;
  background-size: cover
}

.anp-programSlide__link--mov>img {
  display: none
}

.anp-loaded .anp-programSlide__link__logoIcon, .anp-loadedError .anp-programSlide__link__logoIcon {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
  display: none
}

.anp-programSlide__link__logoIcon {
  display: none;
  opacity: 0;
  display: block;
  position: absolute;
  z-index: 3;
  left: 5px;
  bottom: 5px;
  width: 15.5%;
  height: 0;
  padding-bottom: 15.5%;
  border-radius: 6px;
  overflow: hidden
}

.anp-programSlide__link__logoIcon img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0
}

.anp-section--news .anp-programSlide__link__logoIcon {
  display: none
}

.anp-section--news .anp-programSlide__link__title {
  font-size: 18px;
  opacity: 1;
  position: static;
  display: block;
  color: #333;
  background: #fff;
  padding: 0;
  text-align: left;
  line-height: 1.71;
  padding: .35em .25em 0;
  font-weight: bold;
  line-height: 1.66666667
}

@media screen and (min-width:0) and (max-width:767px) {
  .anp-section--news .anp-programSlide__link__title {
    font-size: 15px
  }
}

@media screen and (min-width:768px) and (max-width:991px) {
  .anp-section--news .anp-programSlide__link__title {
    font-size: 15px
  }
}

.anp-programSlide__link__catch {
  opacity: 0;
  position: absolute;
  z-index: 5;
  width: 100%;
  left: 0;
  bottom: -1px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
  font-weight: bold;
  padding: 1.75em 1em .75em;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
  -webkit-transition: .3s ease;
  transition: .3s ease
}

@media screen and (min-width:992px) {
  a.anp-programSlide__link:hover .anp-programSlide__link__catch {
    opacity: 1;
    -webkit-transition: .3s ease;
    transition: .3s ease
  }
}

@media screen and (min-width:992px) {
  .anp-programSlide__link__catch {
    display: block
  }
}

.anp-section--news .anp-programSlide__link__catch {
  font-size: 12px;
  opacity: 1;
  position: static;
  display: block;
  color: #333;
  background: #fff;
  padding: 0;
  text-align: left;
  line-height: 1.71;
  padding: .2em .5em .5em;
  font-weight: normal
}

.anp-programSlide__link__thumb {
  display: block;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background: #009e38
}

.anp-programSlide__link__thumb:before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 56.16438356%
}

.anp-programSlide__link__thumb img {
  max-height: 100.5%;
  max-width: 100.5%;
  width: auto;
  height: auto;
  position: absolute;
  left: -0.25%;
  right: -0.25%;
  top: -0.25%;
  bottom: -0.25%;
  margin: auto;
  border-radius: 0
}

.anp-wrapper .slick-dots {
  bottom: -18px
}

.anp-wrapper .slick-dots li {
  height: 10px;
  width: 10px
}

.anp-wrapper .slick-dots li button {
  border-radius: 10px;
  background: #000;
  width: 10px;
  height: 10px
}

.anp-wrapper .slick-dots li button:before {
  content: none
}

.anp-wrapper .slick-dots li button:hover {
  opacity: .25
}

.anp-wrapper .slick-dots li.slick-active button {
  background: #c9151e
}

.anp-wrapper .slick-dots li.slick-active button:hover {
  opacity: 1
}

.anp-bold {
  font-weight: bold
}

html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}

.remodal, [data-remodal-id] {
  display: none
}

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none
}

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""
}

.remodal-overlay, .remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}

.remodal-is-initialized {
  display: inline-block
}

.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}

.remodal-overlay {
  background: rgba(255, 255, 255, 0.9)
}

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}

.remodal-wrapper {
  padding: 10px 10px 0
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff
}

.remodal.remodal-is-opening, .remodal.remodal-is-closing {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}

.remodal, .remodal-wrapper:after {
  vertical-align: middle
}

.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .2s;
  transition: color .2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent
}

.remodal-close:hover, .remodal-close:focus {
  color: #2b2e38
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center
}

.remodal-confirm, .remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background .2s;
  transition: background .2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}

.remodal-confirm {
  color: #fff;
  background: #81c784
}

.remodal-confirm:hover, .remodal-confirm:focus {
  background: #66bb6a
}

.remodal-cancel {
  color: #fff;
  background: #e57373
}

.remodal-cancel:hover, .remodal-cancel:focus {
  background: #ef5350
}

.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0
}

@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(.95);
    transform: scale(.95);
    opacity: 0
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}

.lt-ie9 .remodal-overlay {
  background: #fff
}

.lt-ie9 .remodal {
  width: 950px
}

.remodal {
  border: 2.5px solid #000;
  padding: 55px 0
}

@media screen and (min-width:0) and (max-width:750px) {
  .remodal {
    padding: 35px 4%
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .remodal {
    padding: 35px 4%
  }
}

@media screen and (min-width:980px) {
  .remodal {
    border: 5px solid #000
  }
}

@media only screen and (min-width:751px) {
  .remodal {
    max-width: 950px
  }
}

.remodal__innr {
  max-width: 750px;
  margin: 0 auto
}

.remodal__title {
  text-align: center;
  margin-top: 1em
}

@media screen and (min-width:0) and (max-width:750px) {
  .remodal__title {
    font-size: 18px
  }
}

@media screen and (min-width:751px) and (max-width:979px) {
  .remodal__title {
    font-size: 22px
  }
}

@media screen and (min-width:980px) {
  .remodal__title {
    font-size: 26px
  }
}

.remodal__text {
  text-align: left;
  margin-top: 1em
}

.remodal .remodal-close {
  left: auto;
  right: 0;
  top: 0
}

.anp-MovieWrap {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden
}
.anp-MovieWrap.square {
  padding-top: 100%;
}
@media screen and (min-width:521px) {
  .anp-MovieWrap.square {
    margin: 0 auto;
    width: 70%;
    padding-top: 70%;
  }
}
@media screen and (min-width:751px) {
  .anp-MovieWrap.square {
    width: 56.25%;
    padding-top: 56.25%;
  }
}

.anp-MovieWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.anp-Movie {
  width: 100%;
  height: auto
}

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tanp-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-loading .slick-list {
  background: #fff url('/anime/anipara/assets/img/ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
  position: absolute;
  z-index: 2;
  display: block;
  height: 33px;
  width: 22px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}

.slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}

.slick-prev:hover:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-next:focus:before {
  opacity: .75
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: .25
}

@media screen and (min-width:992px) {
  .slick-prev, .slick-next {
    width: 36px;
    height: 36px
  }
}

.slick-prev:before, .slick-next:before {
  content: '';
  width: 22px;
  height: 33px;
  line-height: 1;
  display: block;
  opacity: 1
}

@media screen and (min-width:992px) {
  .slick-prev:before, .slick-next:before {
    width: 36px;
    height: 36px;
    background-size: auto
  }
}

.slick-prev {
  left: 13px
}

.slick-prev[dir="rtl"] {
  left: auto;
  right: -25px
}

.slick-prev:before {
  background-position: 0 0
}

@media screen and (min-width:992px) {
  .slick-prev:before {
    background-position: 0 0
  }
}

@media screen and (min-width:992px) {
  .slick-prev:hover:before {
    opacity: 1;
    background-position: 0 -36px
  }
}

@media screen and (min-width:992px) {
  .slick-prev.slick-disabled:before {
    opacity: .25;
    background-position: 0 0
  }
}

.slick-next {
  right: 25px
}

.slick-next[dir="rtl"] {
  left: -25px;
  right: auto
}

.slick-next:before {
  background-position: 0 -72px
}

@media screen and (min-width:992px) {
  .slick-next:before {
    background-position: 0 -72px
  }
}

@media screen and (min-width:992px) {
  .slick-next:hover:before {
    opacity: 1;
    background-position: 0 -108px
  }
}

@media screen and (min-width:992px) {
  .slick-next.slick-disabled:before {
    opacity: .25;
    background-position: 0 -72px
  }
}

.slick-dotted .slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: 5px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: .75
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: #000;
  opacity: .25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
  color: #fff;
  opacity: 1
}



/* ******************************************************* */

@media screen and (min-width: 751px) {
  .forPC {
    display: block;
  }
  .forSP {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .forPC {
    display: none;
  }
  .forSP {
    display: block;
  }
}

.bg_gray {
  background: #f4f4f4!important;
}
.bg_White {
  background: #ffffff!important;
}


/* anp-mainvisual */
.anp-mainvisual {
  position: relative;
}
.anp-mainvisual.solo .double {
  display: none;
}
.anp-mainvisual.double .solo {
  display: none;
}
.anp-mainvisual #siteTitle {
  position: absolute;
  top: 50.933vw;
  left: 50%;
  width: 37.2vw;
  margin: 0 0 0 -18.6vw;
}
.anp-mainvisual .channel {
  position: absolute;
  top: 92vw;
  left: 50%;
  width: 32.8vw;
  margin: 0 0 0 -16.4vw;
}
@media screen and (min-width: 751px) {
  .anp-mainvisual #siteTitle {
    top: 12.1875vw;
    width: 25.3125vw;
    margin: 0 0 0 -12.65625vw;
  }
  .anp-mainvisual .channel {
    top: 39.5vw;
    width: 19.25vw;
    margin: 0 0 0 -9.625vw;
  }
  .anp-mainvisual .double {
    overflow: hidden;
  }
  .anp-mainvisual .double li {
    width: 50%;
    float: left;
  }
}


/* pickup_inside */
#pickup_inside {
  padding: 20px 4%;
}
#pickup_inside a {
  display: block;
  margin-top: 10px;
}
#pickup_inside a:first-child {
  margin-top: 0;
}
@media screen and (min-width: 751px) {
  #pickup_inside {
    padding: 0;
    position: absolute;
    /*bottom: 8.3vw;*/
    top: 50vw;
    right: 0.83vw;
  }
  #pickup_inside.bg_white,
  #pickup_inside.bg_gray {
    background: transparent!important;
  }
  .is-top #pickup_inside {
    top: 30vw;
  }
  #pickup_inside a {
    margin-top: 0;
  }
  #pickup_inside img {
    width: 26.5vw;
    max-width: 318px;
    padding: 10px 0 0;
  }
  #pickup_inside a img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  #pickup_inside a:hover img {
    padding: 0 0 10px;
  }
}
@media screen and (min-width: 981px) {
  #pickup_inside {
    top: 32vw;
  }
  .is-top #pickup_inside {
    top: 26vw;
  }
}


/* pickup_outside */
#pickup_outside {
  padding: 8vw 0 10vw;
}
#pickup_outside h2 {
  font-size: 0;
}
#pickup_outside h2 img {
  width: 39.46vw;
}
#pickup_outside .column {
  margin-top: 40px;
}
#pickup_outside .column.first {
  margin-top: 0;
}
#pickup_outside a {
  color: #000000;
  text-decoration: none;
}
#pickup_outside h3 {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  letter-spacing: 0.04em;
  color: #c9151e;
}
#pickup_outside h3 .date {
  display: block;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.07em;
  margin-bottom: 0.8em;
}
#pickup_outside .text {
    margin: 10px 0 0;
    font-size: 13px;
    line-height: 1.7;
    letter-spacing: 0.04em;
  }
@media screen and (min-width: 751px) {
  #pickup_outside {
    padding: 40px 0;
  }
  #pickup_outside h2 {
    margin-bottom: 5px;
  }
  #pickup_outside h2 img {
    width: 422px;
  }
  #pickup_outside .column {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #pickup_outside .column.imgRight {
    flex-direction: row-reverse;
  }
  #pickup_outside .image {
    width: 53.2%;
  }
  #pickup_outside .wrap {
    width: 44.5%;
  }
  #pickup_outside h3 {
    font-size: 20px;
  }
  #pickup_outside .column.imgRight h3 {
    margin-top: 0;
  }
  #pickup_outside h3 .date {
    font-size: 12px;
  }
  #pickup_outside .text {
    margin: 12px 0 0;
    line-height: 2.4;
  }
}
@media screen and (min-width: 992px) {
  #pickup_outside .column {
    margin-left: 11.22%;
  }
  #pickup_outside .image {
    width: 42.5%;
  }
  #pickup_outside .wrap {
    width: 55.2%;
  }
}

/* link_btn */
.link_btn {
  text-align: center;
  margin: 20px 0 0 0;
}
.link_btn a {
  display: inline-block;
  color: #ffffff!important;
  background: #c9151e;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 0.8em 2em;
  border-radius: 3em;
}
.link_btn a span {
  position: relative;
  display: inline-block;
  padding-left: 1em;
}
.link_btn a span::before {
  position: absolute;
  top: 0.2em;
  left: 0;
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border: 6px solid transparent;
  border-left: 6px solid #ffffff;
}
@media screen and (min-width: 751px) {
  .link_btn {
    margin: 35px 0 0 0;
  }
  .link_btn a {
    font-size: 16px;
  }
}


/* anp_bullet */
@media screen and (max-width: 980px) {
  .bulletPC {
    display: none;
  }
  .bulletSP {
    display: inline-block;
  }
}
@media screen and (min-width: 981px) {
  .bulletPC {
    display: inline-block;
  }
  .bulletSP {
    display: none;
  }
}

#anp_bullet .column {
  margin: 4vw 4% 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#anp_bullet .column a {
  color: #000000;
  display: block;
}
#anp_bullet .column a:hover {
  text-decoration: none;
}
#anp_bullet .left,
#anp_bullet .right {
  width: 48%;
}
#anp_bullet .image {
  background: #ffffff;
}
#anp_bullet .image img {
  width: auto;
  max-width: 100%;
}

#anp_bullet .cat {
  display: inline-block;
  color: #ffffff;
  background: #c9151e;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: italic;
  padding: 6px 6px 4px 4px;
}
#anp_bullet .title {
  color: #00000;
  font-size: 12px;
  line-height: 1.7;
  font-weight: normal;
  margin: 8px 0;
}
#anp_bullet .title span {
  display: inline-block;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width:751px) {
  #anp_bullet .column {
    margin: 20px 30px 0;
  }
  #anp_bullet .cat {
    font-size: 24px;
    padding: 4px 8px 2px 4px;
  }
  #anp_bullet .title {
    margin: 8px 0 14px;
  }
}
@media screen and (min-width:981px) {
  #anp_bullet {
    margin: 20px 0 0 0;
    height: 172px;
    box-sizing: border-box;
    position: relative;
    background: #c9151e;
  }
  #anp_bullet .column {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 980px;
    height: 172px;
    box-sizing: border-box;
  }
  #anp_bullet .column a {
    color: #ffffff;
  }
  #anp_bullet .column a img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  #anp_bullet .column a:hover img {
    opacity: 0.85;
  }
  #anp_bullet .left,
  #anp_bullet .right {
    width: 218px;
    position: absolute;
    bottom: 0;
  }
  #anp_bullet .left {
    left: 0;
  }
  #anp_bullet .right {
    right: 0;
  }
  #anp_bullet .title {
    color: #ffffff;
    font-size: 11px;
    margin: 8px 0;
  }
  #anp_bullet .title span {
    color: #c9151e;
    background: #ffffff;
    padding: 2px 6px;
    margin-bottom: 4px;
    font-weight: normal;
  }
}


/* #anp_bullet .centerr */
#anp_bullet .center {
  margin-top: 10px;
  text-align: center;
  background: #c9151e;
}
#anp_bullet .center img {
  width: 100%;
  max-width: 456px
}
@media screen and (min-width:751px) {
  #anp_bullet .center {
    margin-top: 0px;
  }
}
@media screen and (min-width:981px) {
  #anp_bullet .center {
    margin-top: 0;
    padding-top: 30px;
    background: transparent;
  }
}


/* sns_block */
#sns_block {
  padding-top: 10px;
  text-align: center;
}
#sns_block .nhk-snsbtn {
  display: inline-block;
}
@media screen and (min-width:751px) {
  #sns_block {
    padding-top: 30px;
  }
}
@media screen and (min-width:981px) {
  #sns_block {
    padding-top: 24px;
  }
}


/* profile comment */
.anp-profile .comment {
  position: relative;
  z-index: 2;
  border: solid 1px #dcdcdc;
}
.anp-profile .comment .title {
  display: block;
  font-size: 1.28em;
  margin-bottom: 0.3em;
}

@media screen and (max-width:750px) {
  .anp-profile .comment {
    margin-top: 20px;
    padding: 15px;
  }
}
@media screen and (min-width:751px) {
  .anp-profile .comment {
    font-size: 13px;
    margin-top: 20px;
    padding: 20px;
  }
}
@media screen and (min-width:980px) {
  .anp-profile .comment {
    font-size: 14px;
  }
}



/* anp_update */

#anp_update .column {
  margin: 4vw 4% 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#anp_update .column.solo {
  justify-content: center;
}
#anp_update .column a {
  color: #000000;
  display: block;
}
#anp_update .column a:hover {
  text-decoration: none;
}
#anp_update .left,
#anp_update .right {
  width: 48%;
}

#anp_update .column.solo .left,
#anp_update .column.solo .right {
  width: 100%;
  max-width: 310px;
  text-align: center;
}
#anp_update .column.solo .left a,
#anp_update .column.solo .right a {
  display: inline-block;
  text-align: left;
}

#anp_update .image {
  background: #ffffff;
}
#anp_update .image img {
  width: auto;
  max-width: 100%;
}

#anp_update .cat {
  display: inline-block;
  color: #ffffff;
  background: #c9151e;
  font-size: 16px;
  line-height: 1;
  font-weight: normal;
  font-style: italic;
  padding: 6px 6px 4px 4px;
}
#anp_update .title {
  color: #00000;
  font-size: 12px;
  line-height: 1.7;
  font-weight: normal;
  margin: 8px 0;
}
#anp_update .title span {
  display: inline-block;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.05em;
}
@media screen and (min-width:751px) {
  #anp_update .column {
    margin: 20px 30px 0;
  }
  #anp_update .cat {
    font-size: 24px;
    padding: 4px 8px 2px 4px;
  }
  #anp_update .title {
    margin: 8px 0 14px;
  }
}
@media screen and (min-width:981px) {
  #anp_update {
    margin: 0;
    height: auto;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #anp_update .column {
    position: static;
    display: block;
    margin: 0 auto;
    max-width: 980px;
    height: auto;
    box-sizing: border-box;
  }
  #anp_update .column a {
    background: #ffffff;
    padding: 10px;
    color: #000000;
  }
  #anp_update .column a img {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  #anp_update .column a:hover img {
    opacity: 0.85;
  }
  #anp_update .left,
  #anp_update .right,
  #anp_update .column.solo .left,
  #anp_update .column.solo .right {
    width: 15.57vw;
    max-width: 218px;
    position: absolute;
    top: 0;
  }
  #anp_update .left {
    /*left: 0;
    margin: 10px 0 0 10px;*/
    right: 0;
    margin: 70px 10px 0 0;
  }
  #anp_update .right {
    right: 0;
    margin: 320px 10px 0 0;
    /*margin: 10px 10px 0 0;*/
  }
  #anp_update .cat {
    font-size: 18px;
  }
  #anp_update .title {
    font-size: 11px;
    margin: 8px 0 0;
  }
  #anp_update .title span {
    padding: 0;
    margin-bottom: 2px;
    font-weight: normal;
  }
}
@media screen and (min-width:1401px) {
  #anp_update .left,
  #anp_update .right {
    width: 218px;
  }
}



/* anp-anchor */

.anp-anchor {
  background: #f4f4f4;
  padding: 5px 0 15px;
}
.anp-anchor ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.anp-anchor li {
  width: 45%;
  margin-top: 10px;
  border: solid 1px #000000;
}
.anp-anchor li a {
  display: block;
  height: 100%;
  color: #000000;
  background: #faffff;
  font-size: 12px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  padding: 1.2em 0.5em;
  box-sizing: border-box;
}
.anp-anchor li a:hover {
  text-decoration: none;
}

@media screen and (min-width:751px) {
  .anp-anchor li a {
    padding: 1em 0.5em;
    font-size: 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .anp-anchor li a:hover {
    color: #ffffff;
    background: #000000;
  }
}
@media screen and (min-width:981px) {
  .anp-anchor {
    padding: 20px 0 30px;
  }
  .anp-anchor ul {
    display: block;
    letter-spacing: -.40em;
    text-align: center;
    width: 102.5%;
    margin-left: -2.5%;
    overflow: hidden;
  }
  .anp-anchor li {
    display: inline-block;
    letter-spacing: normal;
    width: 22.5%;
    margin-left: 2.5%;
  }
  .anp-anchor li a {
    padding: 1.2em 0.5em;
  }
}


/* anp-detail-head */

.anp-detail-head {
  background: #000000;
  padding: 60px 0 10px;
}
.anp-detail-head .anp-innr {
  position: relative;
  min-height: 60px;
}
.anp-detail-head .thumb {
  width: 100px;
  position: absolute;
  top: 0;
  left: 4%;
}
.anp-detail-head .wrap {
  padding: 5px 0 0 110px;
  color: #ffffff;
}
.anp-detail-head .anime {
  font-size: 12px;
  line-height: 1.3;
}
.anp-detail-head .anime span {
  display: inline-block;
  color: #000000;
  background: #ffffff;
  padding: 0.2em;
  margin-right: 0.4em;
}
.anp-detail-head .title {
  font-size: 14px;
  line-height: 1.3;
  margin-top: 0.5em;
}
@media screen and (min-width:421px) {
  .anp-detail-head {
    padding: 12px 0 10px 40px;
  }
  .anp-detail-head .wrap {
    padding: 5px 40px 0 110px;
  }
}
@media screen and (min-width:751px) {
  .anp-detail-head {
    padding: 20px 0 12px 40px;
  }
  .anp-detail-head .anp-innr {
    min-height: 100px;
  }
  .anp-detail-head .thumb {
    width: 160px;
  }
  .anp-detail-head .wrap {
    padding: 18px 40px 0 190px;
  }
  .anp-detail-head .anime {
    font-size: 14px;
    letter-spacing: 0.02em;
  }
  .anp-detail-head .anime span {
    padding: 0.2em 0.5em;
  }
  .anp-detail-head .title {
    font-size: 20px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width:981px) {
  .anp-detail-head {
    padding: 20px 0 12px 110px;
  }
  .anp-detail-head .thumb {
    left: 0;
  }
}
@media screen and (min-width:1191px) {
  .anp-detail-head {
    padding: 20px 0 12px;
  }
}


/* anp-detail-title */

.anp-detail-title {
  color: #ffffff;
  background: #c9151e;
  padding: 15px 0;
}
.anp-detail-title .sub {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}
.anp-detail-title h1 {
  font-size: 20px;
  line-height: 1.5em;
  font-weight: bold;
  margin: 7px 0 0 0;
}
@media screen and (min-width:751px) {
  .anp-detail-title {
    padding: 20px 0;
  }
  .anp-detail-title .sub {
    font-size: 18px;
  }
  .anp-detail-title h1 {
    font-size: 24px;
  }
}
@media screen and (min-width:981px) {
  .anp-detail-title {
    padding: 40px 0;
  }
  .anp-detail-title .sub {
    font-size: 20px;
    letter-spacing: 0.05em;
  }
  .anp-detail-title h1 {
    font-size: 28px;
    letter-spacing: 0.05em;
  }
}


/* anp-return */

.anp-return {
  background: #d0d0d0;
  padding: 12px 0 8px;
}
.anp-return a {
  display: inline-block;
  color: #000000;
  font-size: 12px;
  line-height: 1.3;
  position: relative;
  padding-left: 26px;
  vertical-align: top;
}
.anp-return a::before,
.anp-return a::after {
  position: absolute;
  top: -2px;
  left: 0;
  display: block;
  content: '';
}
.anp-return a::before {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  border: solid 1px #000000;
}
.anp-return a::after {
  width: 5px;
  height: 5px;
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: 6px 0 0 7px;
}
@media screen and (min-width:751px) {
  .anp-return a {
    font-size: 13px;
  }
  .anp-return a::after {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .anp-return a:hover::after {
    margin: 6px 0 0 4px;
  }
}


/* anp-detail-voice */

.anp-detail-voice {
  padding-bottom: 40px;
}
.anp-detail-voice .soloWrap {
  display: inline-block;
}
.anp-detail-voice .title {
  margin: 0;
  margin-top: 25px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
  padding-bottom: 0.7em;
  border-bottom: solid 1px #000000;
}
.anp-detail-voice .title:first-child {
  margin-top: 30px;
}
.anp-detail-voice .block {
  padding: 20px 0 5px;
  text-align: center;
}
.anp-detail-voice .text {
  font-size: 14px;
  line-height: 1.857;
  margin-top: 1em;
  text-align: left;
}
.anp-detail-voice .text .name {
  display: inline-block;
  color: #c9151e;
  margin-right: 1.3em;
}
.anp-detail-voice .text:first-child {
  margin-top: 0;
}
.anp-detail-voice .text.center {
  text-align: center;
}
.anp-detail-voice .imageMin {
  max-width: 680px;
  margin: 0 auto;
}
.anp-detail-voice .column .image {
  margin-top: 15px;
}
.anp-detail-voice .caption {
  display: block;
  /*font-size: 11px;*/
  font-size: 14px;
  line-height: 1.3;
  margin-top: 3px;
  margin-bottom: 2px;
  text-align: left;
}
.anp-detail-voice .caption.left {
  text-align: left;
}
.anp-detail-voice .caption.right {
  text-align: right;
}
.anp-detail-voice .caption.center {
  text-align: center;
}
.anp-detail-voice .column2,
.anp-detail-voice .column3,
.anp-detail-voice .column4 {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.anp-detail-voice .column2 li,
.anp-detail-voice .column4 li {
  width: 49%;
  margin-top: 1.5%;
  margin-left: 0;
}
.anp-detail-voice .column2 li:nth-child(1),
.anp-detail-voice .column2 li:nth-child(2),
.anp-detail-voice .column4 li:nth-child(1),
.anp-detail-voice .column4 li:nth-child(2) {
  margin-top: 0;
}
.anp-detail-voice .column3 li {
  width: 32%;
  margin-top: 1.5%;
  margin-left: 0;
}
.anp-detail-voice .column3 li:nth-child(1),
.anp-detail-voice .column3 li:nth-child(2),
.anp-detail-voice .column3 li:nth-child(3) {
  margin-top: 0;
}
.anp-detail-voice .column3::after {
  content: '';
  display: block;
  width: 32%;
}

.anp-detail-voice .anp-pickupBlock,
.anp-detail-voice .anp-pickupBlock__thumb {
  display: inline-block;
  max-width: 100%;
  width: auto;
  text-align: center;
  margin: 0 auto;
}
.anp-detail-voice .anp-pickupBlock__thumb img {
  display: inline;
}

@media screen and (min-width:751px) {
  .anp-detail-voice {
    padding-bottom: 80px;
  }
  .anp-detail-voice .title {
    margin-top: 40px;
    font-size: 20px;
    letter-spacing: 0.04em;
  }
  .anp-detail-voice .title:first-child {
    margin-top: 50px;
  }
  .anp-detail-voice .block {
    padding: 30px 0 10px;
  }
  .anp-detail-voice .text {
    font-size: 14px;
    letter-spacing: 0.04em;
  }
  .anp-detail-voice .column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .anp-detail-voice .column.imgLeft {
    flex-direction: row-reverse;
  }
  .anp-detail-voice .column .wrap {
    width: 55%;
  }
  .anp-detail-voice .column .image {
    margin-top: 0;
    width: 40%;
  }
  .anp-detail-voice .caption {
    /*font-size: 12px;*/
    font-size: 14px;
    line-height: 1.4;
    margin-top: 8px;
    letter-spacing: 0.05em;
  }
  .anp-detail-voice .column4 li {
    width: 23.5%;
  }
  .anp-detail-voice .column4 li:nth-child(3),
  .anp-detail-voice .column4 li:nth-child(4) {
    margin-top: 0;
  }
  .anp-detail-voice .column4::before,
  .anp-detail-voice .column4::after {
    content: '';
    display: block;
    width: 23.5%;
  }
  .anp-detail-voice .column4::before {
    order:1;
  }
}


/* anp-movieSolo */

.anp-movieSolo {
  display: block;
  position: relative;
}
.anp-movieSolo.min {
  max-width: 680px;
  margin: 0 auto;
}
.anp-movieSolo::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.anp-movieSolo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



/* anp-relation */

.anp-relation {
  padding: 9.73333033% 0;
}
.anp-relation .list {
  padding-top: 10px;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.anp-relation .list li {
  width: 49%;
  margin-top: 30px;
  margin-left: 0;
}
.anp-relation .list li a {
  display: block;
  color: #000000;
}
.anp-relation .list li a:hover {
  text-decoration: none;
}
.anp-relation .list h3 {
  margin: 0.6em 3px 0 3px;
  font-size: 14px;
  line-height: 1.57;
  font-weight: bold;
}
.anp-relation .list .text {
  margin: 0.6em 3px 0 3px;
  font-size: 12px;
  line-height: 1.57;
}
@media screen and (min-width:751px) {
  .anp-relation {
    padding: 80px 0;
  }
  .anp-relation .list li {
    margin-top: 50px;
    width: 23.5%;
  }
  .anp-relation .list::before,
  .anp-relation .list::after {
    content: '';
    display: block;
    width: 23.5%;
  }
  .anp-relation .list::before {
    order:1;
  }
  .anp-relation .list h3,
  .anp-relation .list .text {
    letter-spacing: 0.04em;
  }
  .anp-relation .list li a img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .anp-relation .list li a:hover img {
    opacity: 0.8;
  }
}


.anp-relation__title {
  width: 32.2%;
  max-width: 144px;
  margin: 0 auto
}

@media screen and (min-width:751px) {
  .anp-relation__title {
    width: 144px
  }
}

.anp-relation__label {
  width: 14.20289855%;
  margin: 10px auto 0
}
@media screen and (min-width:751px) {
  .anp-relation__label {
    width: 71px
  }
}


/* real index */

@media screen and (min-width:980px) {
  #real.anp-pickup.index {
    padding-bottom: 17.6%;
  }
}


/* anp-detail-movei */

.anp-detail-movei {
  padding: 30px 0 20px;
  overflow-x: hidden;
}
.anp-detail-movei .text {
  margin-top: 20px;
}
.anp-detail-movei .text.center {
  text-align: center;
}
.anp-detail-movei .text p {
  margin-top: 1em;
  font-size: 14px;
  line-height: 2;
}
.anp-detail-movei .text p:first-child {
  margin-top: 0;
}
@media screen and (min-width:751px) {
  .anp-detail-movei {
    padding: 60px 0 70px;
  }
  .anp-detail-movei .text {
    margin-top: 35px;
  }
  .anp-detail-movei .text p {
    font-size: 16px;
    letter-spacing: 0.04em;
  }
}
/* real return */
#real .return,
.anp-detail-movei .return {
  text-align: center;
  /*margin-top: 30px;*/
  margin: 10px 0 10px 0;
}
#real .return a,
.anp-detail-movei .return a {
  display: inline-block;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: bold;
  padding: 1.1em;
  color: #000000;
  border: solid 1px #000000;
  width: 100%;
  max-width: 480px;
  box-sizing: border-box;
}
#real .return a:hover,
.anp-detail-movei .return a:hover {
  text-decoration: none;
}
@media screen and (min-width:751px) {
  #real .return,
  .anp-detail-movei .return {
    /*margin-top: 60px;*/
    margin: 20px 0 20px 0;
  }
  #real .return a,
  .anp-detail-movei .return a {
    font-size: 16px;
    padding: 1.4em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #real .return a:hover,
  .anp-detail-movei .return a:hover {
    color: #ffffff;
    background: #000000;
  }
}

.anp-detail-movei .anp-movieSolo {
  position: relative;
}
.anp-detail-movei .anp-movieSolo .pagePrev,
.anp-detail-movei .anp-movieSolo .pageNext {
  position: absolute;
  top: 50%;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  border: solid 1px #d0323a;
}
.anp-detail-movei .anp-movieSolo .pagePrev {
  left: 0;
  border-width: 1px 0 0 1px;
    -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin: -10px 0 0 -3%;
}
.anp-detail-movei .anp-movieSolo .pageNext {
  right: 0;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: -10px -3% 0 0;
}
@media screen and (min-width:751px) {
  .anp-detail-movei .anp-movieSolo .pagePrev,
  .anp-detail-movei .anp-movieSolo .pageNext {
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .anp-detail-movei .anp-movieSolo .pagePrev {
    margin: -20px 0 0 -25px;
  }
  .anp-detail-movei .anp-movieSolo .pageNext {
    margin: -20px -25px 0 0;
  }
  .anp-detail-movei .anp-movieSolo .pagePrev:hover {
    margin: -20px 0 0 -30px;
  }
  .anp-detail-movei .anp-movieSolo .pageNext:hover {
    margin: -20px -30px 0 0;
  }
}
@media screen and (min-width:981px) {
  .anp-detail-movei .anp-movieSolo .pagePrev {
    margin: -20px 0 0 -50px;
  }
  .anp-detail-movei .anp-movieSolo .pageNext {
    margin: -20px -50px 0 0;
  }
  .anp-detail-movei .anp-movieSolo .pagePrev:hover {
    margin: -20px 0 0 -55px;
  }
  .anp-detail-movei .anp-movieSolo .pageNext:hover {
    margin: -20px -55px 0 0;
  }
}


/* anp-bnrAreaEx */

.anp-bnrAreaEx {
  padding: 45px 0 55px;
}
.anp-bnrListEx li,
.anp-bnrListExHalf li {
  margin-top: 10px;
}
.anp-bnrListExHalf {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width:751px) {
  .anp-bnrAreaEx {
    padding: 65px 0 85px;
  }
  .anp-bnrAreaEx a img {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
  }
  .anp-bnrAreaEx a:hover img {
    opacity: 0.8;
  }
  .anp-bnrListEx li,
  .anp-bnrListExHalf li {
    margin-top: 20px;
  }
  .anp-bnrListExHalf li {
    width: 48.55072464%;
  }
}





/*----------------------------------------------------
2019/03-04 改修
----------------------------------------------------*/



/* innerTop */

.innerTop,
.innerTopSP {
  text-align: center;
  padding: 0 3.33333%;
  width: 100%;
  box-sizing: border-box;
}
.innerTopPC {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 751px) {
  .innerTop,
  .innerTopPC {
    margin: 0 auto;
    padding: 0 68px;
  }
  .innerTopSP {
    padding: 0;
  }
}
@media screen and (min-width: 1136px) {
  .innerTop,
  .innerTopPC {
    width: 1000px;
    padding: 0;
  }
}


/* floatNav */

#floatNav {
  position: absolute;
  top: 90px;
  left: -200vw;
  width: 100%;
  text-align: center;
  z-index: 499;
}
body.is-menuOpen #floatNav {
  left: 0;
}

#floatNav .head {
  position: relative;
  background: #ffffff;
  padding: 2%;
}
#floatNav .head img {
  width: 100%;
}
#floatNav .head .logo {
  width: 25%;
}
#floatNav .head .return {
  position: absolute;
  top: 50%;
  right: 2%;
  width: 20%;
  margin-top: -2%;
}

#floatNav .detailThumb li {
  width: 70%;
  margin: 10px auto 0;
}
#floatNav .detailThumb li img {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .anp-floatNav__innr {
    padding: 60px 0 0;
  }
  #floatNav .head {
    padding: 10px;
  }
  #floatNav .head .logo {
    width: 95px;
  }
  #floatNav .head .return {
    right: 10px;
    width: 86px;
    margin-top: -8px;
  }
  #floatNav .detailThumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #floatNav .detailThumb li {
    width: 32.6%;
    margin-top: 0.7333%;
  }
}

.is-menuOpen .anp-main__bg {
  background: rgba(0, 0, 0, 0.81);
}


/* detailThumb */

.detailThumb li {
  background: #ffffff;
}
.detailThumb li a {
  position: relative;
  display: block;
}
.detailThumb li a p {
  position: absolute;
  bottom: 2.6vw;
  left: 0;
  display: inline-block;
  color: #ffffff;
  font-size: 3.2vw;
  line-height: 1.3;
  padding: 0.3em 0.3em 0.3em 2em;
  background: #C7161E url('../img/top/icon_thumb_link.png') no-repeat 1.5vw 1.25vw;
  background-size: 3.26vw auto;
}
@media screen and (min-width: 751px) {
  .detailThumb li a {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .detailThumb li a:hover {
    opacity: 0.85;
  }
  .detailThumb li a p {
    bottom: 15px;
    font-size: 13px;
    background-position: 4px 4px;
    background-size: 16px auto;
  }
}


/* anp-bnrArea */

.anp-bnrArea {
	padding-top: 6%;
}
@media screen and (min-width: 751px) {
	.anp-bnrArea {
		padding-top: 40px;
	}
}


/*----------------------------------------------------
lineupList
----------------------------------------------------*/

#lineupList li {
  margin: 40px 0 0;
}
#lineupList li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
#lineupList li h2 {
  color: #ffffff;
  background: #c7161e;
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  width: calc(100% - 3.33333%);
  margin: 0;
  padding: 0.6em;
  box-sizing: border-box;
}

@media screen and (max-width: 750px) {
  #lineupList li:first-child {
    margin-top: 30px;
  }
  #lineupList li .column {
    margin: 20px 3.33333% 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #lineupList li .thumb {
    width: 47%;
  }
  #lineupList li .text {
    width: 50%;
    font-size: 14px;
    line-height: 1.346;
    text-align: left;
  }
  #lineupList li:first-child {
    margin-top
  }
  #lineupList li:first-child .column {
    display: block;
  }
  #lineupList li:first-child .thumb {
    width: 100%;
  }
  #lineupList li:first-child .text {
    width: 100%;
    margin-top: 0.8em;
  }
}
@media screen and (min-width: 751px) {
  #lineupList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #lineupList::after{
    content: '';
    display: block;
    width: 31.2%;
  }
  #lineupList li {
    width: 31.2%;
    margin: 75px 0 0;
  }
  #lineupList li:nth-child(1),
  #lineupList li:nth-child(2),
  #lineupList li:nth-child(3) {
    margin-top: 45px;
  }
  #lineupList li h2 {
    width: 100%;
    font-size: 14px;
    font-weight: normal;
    padding: 1em 0.4em;
    background: transparent;
  }
  #lineupList li .thumb {
    border: solid 2px #000000;
    border-width: 2px 2px 0;
  }
  #lineupList li .text {
    margin-top: 0.6em;
    font-size: 14px;
    line-height: 1.43;
    text-align: left;
  }
  #lineupList li a h2,
  #lineupList li a .thumb {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #lineupList li a:hover h2 {
    background: #c7161e;
  }
  #lineupList li a:hover .thumb {
    border-color: #c7161e;
  }
}

/* icon */
#lineupList li a .icon {
  position: relative;
}
#lineupList li a .icon::before,
#lineupList li a .icon::after {
  position: absolute;
  bottom: 6px;
  left: 6px;
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  opacity: 0.7;
}
#lineupList li a .icon::before {
  background: #ffffff;
  border-radius: 50%;
}
#lineupList li a .icon::after {
  box-sizing: border-box;
  width: 13px;
  height: 8px;
  border: 8px solid transparent;
  border-left: 13px solid #c7161e;
  margin: 0 0 7px 11px;
}
@media screen and (min-width: 751px) {
  #lineupList li a .icon::before,
  #lineupList li a .icon::after {
    bottom: 10px;
    left: 14px;
    width: 40px;
    height: 40px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #lineupList li a .icon::after {
    width: 15px;
    height: 12px;
    border: 12px solid transparent;
    border-left: 15px solid #c7161e;
    margin: 0 0 9px 16px;
  }
  #lineupList li a:hover .icon::before,
  #lineupList li a:hover .icon::after {
    opacity: 1;
  }
}

/* more */
.lineuoMore {
  margin-top: 40px;
  text-align: center;
}
.lineuoMore span {
  display: inline-block;
  color: #ffffff;
  font-size: 13px;
  line-height: 40px;
  letter-spacing: 0.05em;
  padding: 0 3em;
  border: solid 1px #c7161e;
  background: transparent;
  cursor: pointer;
}
@media screen and (min-width: 751px) {
  .lineuoMore {
    margin-top: 80px;
  }
  .lineuoMore span {
    font-size: 14px;
    padding: 0 4em;
    line-height: 60px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .lineuoMore span:hover {
    background: #c7161e;
  }
}

/* detail */
.bg_white #lineupList li a,
.bg_gray #lineupList li a {
  color: #333333;
}
.bg_white .lineuoMore span,
.bg_gray .lineuoMore span {
  color: #333333;
  border-color: #000000;
}
@media screen and (min-width: 751px) {
  .bg_white #lineupList li h2,
  .bg_gray #lineupList li h2 {
    color: #333333;
  }
  .bg_white #lineupList li .thumb,
  .bg_gray #lineupList li .thumb {
    border-color: transparent;
  }
  .bg_white #lineupList li a h2,
  .bg_gray #lineupList li a h2 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .bg_white #lineupList li a:hover h2 ,
  .bg_gray #lineupList li a:hover h2 {
    color: #ffffff;
  }
  .bg_white .lineuoMore span:hover,
  .bg_gray .lineuoMore span:hover {
    color: #ffffff;
    background: #000000;
  }
}




/*----------------------------------------------------
anp-banner
----------------------------------------------------*/

.anp-banner {
  position: relative;
  padding: 9.73333033% 0 17.6%;
}
@media screen and (min-width:980px) {
  .anp-banner {
    padding: 70px 0 98px;
  }
}
.anp-banner__img {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.anp-banner__img li {
  width: 49%;
  margin: 0 2% 4% 0;
}
.anp-banner__img li:nth-child(2n) {
  margin-right: 0;
}
.anp-banner__img li:last-child {
  margin: 0;
}
@media screen and (max-width:750px) {
  .anp-banner__img li {
    width: 100%;
    margin: 0 4% 4%;
  }
  .anp-banner__img li:nth-child(2n) {
    margin-right: 4%;
  }
  .anp-banner__img li:last-child {
    margin: 0 4%;
  }
}
.anp-banner__img li a:hover {
  opacity: .8;
}



/*----------------------------------------------------
aniMember
----------------------------------------------------*/
#aniMember{
  padding-top:25px;
}
#aniMember .aniTitle{
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
#aniMember .aniTitle em{
  color:#C7161E;
  font-weight: 800;
  text-align: center;
}
#aniMember .inner>.text{
  margin-top: 20px;
}
#aniMember .naviCate{
  background:#fff;
  padding:5px;
  text-align: center;
  color:#000;
  font-weight: bold;
  box-sizing: border-box;
  border: 2px solid #000;
}
@media all and (max-width: 750px){
  #aniMember .naviCate{
    height: 30px;
  }
}
#aniMember .navList{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}
#aniMember .navList li{
  width: 49%;
  margin-bottom: 10px;
}
#aniMember .navList a{
  display: block;
  width: 100%;
  height: 100%;
  border-width: 2px;
  padding:10px 5px;
  text-align: center;
  box-sizing: border-box;
  font-size: 10px;
  font-weight: bold;
  border-width: 2px;
  border-style: solid;
}
.navListWrap{
  margin-top: 25px;
}
#aniMember .navList a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

@media screen and (min-width: 751px){
  #aniMember{
    padding: 20px 0 30px;
  }
  #aniMember .aniTitle{
    font-size: 30px;
  }
  #aniMember .inner>.text{
    margin-top: 40px;
    margin-bottom: 70px;
  }
  #aniMember .navListWrap{
    display: flex;
  }
  #aniMember .naviCate{
    margin-bottom: 10px;
    font-size: 12px;
    width: 130px;
    margin-right: 10px;
  }
  #aniMember .navList{
    margin-top: 0;
    width: calc(100% - 140px);
  }
  #aniMember .navList::after{
    content:"";
    display: block;
    width: 32%;
  }
  #aniMember .navList li{
    width: 32%;
  }
  #aniMember .navList a{
    font-size: 12px;
  }
}
@media screen and (min-width: 981px){
  #aniMember .navList li{
    width: 24%;
  }
  #aniMember .navList::after{
    content:"";
    display: block;
    width: 24%;
  }
  #aniMember .navList::before{
    content:"";
    display: block;
    width: 24%;
    order: 1;
  }
}

.colorAniBdr{
  border-color: rgba(199,22,30,1);
}
@media screen and (min-width: 981px) {
  .colorAniBdr.hvr{
    transition: all 0.3s;
  }
  .colorAniBdr:hover{
    background-color: rgba(199,22,30,0.1);
  }
}
/*----------------------------------------------------
textVCenter
----------------------------------------------------*/
.textVCenter{
  position: relative;
}
.textVCenter span{
  position: absolute;
  display: inline-block;
  width: 100%;
  top:50%;
  left: 50%;
  transform:translate(-50%,-50%);
}