@charset "UTF-8";
.root-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background-image: url(/promotion/kiwami2017/assets/monogatari/img/pc/bg.jpg);
  background-position: center top;
  background-size: cover;
}

.root {
  position: relative;
  width: 320px;
}

#intro {
  position: relative;
  overflow: hidden;
  padding-top: 45px;
}
#intro h1 {
  width: 320px;
  height: 469px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/intro/h1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 469px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#intro .to-anime {
  width: 133px;
  height: 196px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/intro/to_anime.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 133px 196px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(200px, 30px);
  transform: translate(200px, 30px);
}
#intro .to-anime .txt {
  width: 51px;
  height: 87px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/intro/to_anime_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 51px 87px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  position: absolute;
  top: 16.5px;
  left: 13px;
}
#intro .to-anime .arrow {
  width: 25px;
  height: 28px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/intro/to_anime_arrow.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 25px 28px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  position: absolute;
  top: 70px;
  left: 27.5px;
}
#intro .to-anime.show {
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
  transition: transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1) 1s;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

#about h2 {
  width: 320px;
  height: 80px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/about/h2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 80px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#about .txt {
  width: 320px;
  height: 613px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/about/txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 613px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}

.akakoma {
  width: 320px;
  height: 300px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/other/akakoma.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 300px;
}

#character {
  margin-top: -45px;
  padding-top: 45px;
}
#character .content {
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/bg.png");
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 81px 80px;
  padding-bottom: 33px;
}
#character .char-h2 {
  width: 320px;
  height: 80px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/h2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 80px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-list-h3 {
  width: 261px;
  height: 18px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/h3_list.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 261px 18px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  margin: 29px auto 0;
}
#character ul.char-list {
  width: 100%;
  margin: 14px auto 0;
  text-align: center;
}
#character ul.char-list li {
  display: inline-block;
  margin: 0 3.5px;
}
#character ul.char-list li.index-1 button {
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px;
}
#character ul.char-list li.index-2 button {
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px;
}
#character ul.char-list li.index-3 button {
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 50px 50px;
}
#character ul.char-list li.index-4 button {
  width: 48px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 48px 50px;
}
#character ul.char-list li.index-5 button {
  width: 49px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_ball.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 49px 50px;
}
#character .char-list-tap {
  width: 190px;
  height: 33px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/txt_tap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 190px 33px;
  margin: 2.5px auto 0;
}
#character .char-detail {
  position: relative;
  margin: 43px auto 0;
}
#character .char-detail .char {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#character .char-detail .char .wrap-L .char-name-img {
  width: 100%;
}
#character .char-detail .char .wrap-L .char-name-img li {
  width: 100%;
}
#character .char-detail .char .wrap-L .char-name-img li .name {
  margin: 0 auto;
}
#character .char-detail .char .wrap-L .char-name-img li .img {
  margin: 0 auto;
}
#character .char-detail .char .wrap-R .flavor-txt {
  margin: 9px auto 0;
}
#character .char-detail .char .wrap-R .char-movie {
  width: 100%;
  margin: 25px 0 0;
  text-align: center;
}
#character .char-detail .char .wrap-R .char-movie .tsukattemita {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
#character .char-detail .char .wrap-R .char-movie .tsukattemita h5 {
  width: 75px;
  height: 12px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/h4_movie_tsukattemita.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 75px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  margin: 0 auto 4px;
}
#character .char-detail .char .wrap-R .char-movie .kanren {
  display: inline-block;
  margin: 0 5px;
  vertical-align: top;
}
#character .char-detail .char .wrap-R .char-movie .kanren h5 {
  width: 47px;
  height: 12px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/h4_movie_kanren.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 47px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  margin: 0 auto 4px;
}
#character .char-detail .char .wrap-R .char-movie .thumb {
  position: relative;
  display: inline-block;
}
#character .char-detail .char .wrap-R .char-movie .thumb img {
  width: 128px;
  height: 72px;
}
#character .char-detail .char .wrap-R .char-movie .thumb:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -18px 0 0 -18px;
  width: 37px;
  height: 37px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/icon_movie.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 37px 37px;
}
#character .char-detail .char .wrap-R .char-movie .thumb.comingsoon {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/movie_thumb_comingsoon.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#character .char-detail .char .wrap-R .char-movie .thumb.comingsoon:before {
  display: none;
}
#character .char-detail .char .kanren {
  position: relative;
  width: 128px;
  height: 72px;
}
#character .char-detail .char .kanren a::after {
  text-align: center;
  content: "無料公開は\A終了しました。";
  width: 100%;
  height: 100%;
  line-height: 1.8;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  display: block;
  font-size: 1em;
  white-space: pre;
  padding: 1.7em 0;
  box-sizing: border-box;
}
#character .char-detail .char.index-1 .char-name-img .shinkamae .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_name_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-1 .char-name-img .shinkamae .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_img_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-1 .char-name-img .shinka .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_name_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-1 .char-name-img .shinka .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_img_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-1 .flavor-txt {
  width: 280px;
  height: 202px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/1_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 202px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-1 .char-movie .kanren .thumb {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#character .char-detail .char.index-2 .char-name-img .shinkamae .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_name_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .char-name-img .shinkamae .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_img_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .char-name-img .shinka .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_name_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .char-name-img .shinka .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_img_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .char-name-img .kamika .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_name_3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .char-name-img .kamika .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_img_3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-2 .flavor-txt {
  width: 280px;
  height: 202px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/2_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 202px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-3 .char-name-img .shinkamae .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_name_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-3 .char-name-img .shinkamae .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_img_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-3 .char-name-img .shinka .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_name_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-3 .char-name-img .shinka .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_img_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-3 .flavor-txt {
  width: 280px;
  height: 172px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/3_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 172px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-4 .char-name-img .shinkamae .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_name_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-4 .char-name-img .shinkamae .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_img_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-4 .char-name-img .shinka .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_name_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-4 .char-name-img .shinka .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_img_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-4 .flavor-txt {
  width: 280px;
  height: 172px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/4_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 172px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .char-name-img .shinkamae .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_name_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .char-name-img .shinkamae .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_img_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .char-name-img .shinka .name {
  width: 280px;
  height: 57px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_name_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 57px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .char-name-img .shinka .img {
  width: 280px;
  height: 253px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_img_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 253px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .flavor-txt {
  width: 280px;
  height: 172px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/char/5_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 280px 172px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .char-detail .char.index-5 .char-movie .kanren .thumb {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#character .to-detail {
  width: 62px;
  height: 11px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/to_detail.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 62px 11px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
  margin: 62px auto 0;
}

#character .slick-slider .slick-slide {
  outline: none;
}
#character .slick-slider .slick-prev {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 10px;
  margin: auto 0;
  width: 56px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/prev_shinkamae.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 56px 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .slick-slider .slick-next {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 56px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/next_shinka.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 56px 50px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#character .slick-slider.shinka .slick-prev {
  width: 56px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/prev_shinkamae.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 56px 50px;
}
#character .slick-slider.shinka .slick-next {
  width: 56px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/next_kamika.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 56px 50px;
}
#character .slick-slider.kamika .slick-prev {
  width: 56px;
  height: 50px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/character/prev_shinka.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 56px 50px;
}
#character .slick-slider.kamika .slick-next {
  display: none;
}
#character .slick-slider .slick-disabled {
  display: none !important;
}

.kurokoma {
  width: 320px;
  height: 300px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/other/kurokoma.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 300px;
}

#anime {
  margin-top: -45px;
  padding-top: 45px;
}
#anime .anime-h2 {
  width: 320px;
  height: 139px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/h2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 139px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list {
  position: relative;
  padding: 30px 0;
  background: #111;
}
#anime .wrap-list::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/bg_head_foot.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 9px 18px;
}
#anime .wrap-list::after {
  width: 100%;
  height: 18px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/bg_head_foot.png");
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: 9px 18px;
  content: " ";
  position: absolute;
  bottom: 0;
  left: 0;
}
#anime .wrap-list .anime-list {
  margin: 0 0 -22px;
  text-align: center;
}
#anime .wrap-list .anime-list li {
  display: inline-block;
  margin: 0 10px 22px;
  position: relative;
}
#anime .wrap-list .anime-list li h5 {
  margin: 0 auto 7.5px;
}
#anime .wrap-list .anime-list li a::after {
  text-align: center;
  content: "無料公開は\A終了しました。";
  width: 100%;
  height: 100%;
  line-height: 1.8;
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  display: block;
  font-size: 1em;
  white-space: pre;
  padding: 1.7em 0;
  box-sizing: border-box;
}
#anime .wrap-list .anime-list li.vol-1 h5 {
  width: 99px;
  height: 29px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/title_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 99px 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list .anime-list li.vol-1 a {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#anime .wrap-list .anime-list li.vol-2 h5 {
  width: 99px;
  height: 29px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/title_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 99px 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list .anime-list li.vol-2 a {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#anime .wrap-list .anime-list li.vol-3 h5 {
  width: 107px;
  height: 29px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/title_3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 107px 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list .anime-list li.vol-3 a {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#anime .wrap-list .anime-list li.vol-4 h5 {
  width: 107px;
  height: 29px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/title_4.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 107px 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list .anime-list li.vol-4 a {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_4.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#anime .wrap-list .anime-list li.vol-5 h5 {
  width: 106px;
  height: 29px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/title_5.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 106px 29px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 110%;
}
#anime .wrap-list .anime-list li.vol-5 a {
  width: 128px;
  height: 72px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/thumb_5.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 128px 72px;
}
#anime::after {
  width: 320px;
  height: 75px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/anime/footer.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 75px;
  content: " ";
}

#outro {
  width: 320px;
  height: 299px;
  display: block;
  background-image: url("/promotion/kiwami2017/assets/monogatari/img/sp/other/outro.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 320px 299px;
}
#outro .wrap-copyright {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-bottom: 13.5px;
  text-align: center;
  color: #fff;
}
#outro small {
  display: block;
  font-size: 0.8em;
  text-align: center;
}