@charset "UTF-8";
/*---------------------------------------------------*/
.wrap {
  position: relative;
  width: 96%;
  margin: 0 auto;
  padding: 0;
  z-index: 10;
}
/*-----------------------------------------------PC用ページ用設定*/
/*------------------------------------------------------------*/
/*表示・非表示*/
.imgPC {
  display: block;
}
.imgSP {
  display: none;
}
/*-----------------------------------------------------------*/
/*表示・非表示*/
.pc {
  display: block;
}
.sp {
  display: none;
}
/*-----------------------------------------------------------*/
/*画像基本*/
img {
  max-width: 100%;
  height: auto;
}
/*-----------------------------------------------------------*/
/*リンク画像オンマウス*/
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: “alpha(opacity=80)”;
}
/*-----------------------------------------------------------*/
/*うえッス*/
#page-top {
  position: fixed;
  bottom: 20px;
  right: 40px;
  z-index: 97;
}
/*うえッス ドロップシャドウ*/
#page-top img {
  filter: drop-shadow(0px 0px 5px rgba(15, 82, 109, 0.4));
}
/*-----------------------------------------------------------*/
/*ページローダー*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: url("../../_img/bg_blue.gif") center top;
  z-index: 10000000000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 120px;
  height: 120px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 10000000001;
}
/*-----------------------------------------------------------*/
body {
  animation: bodyFadeIn 2s ease 0s 1 normal;
  -webkit-animation: bodyFadeIn 2s ease 0s 1 normal;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow-x: hidden;
}
/*-----------------------------------------------------------*/
/*フェードイン*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 300ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*-----------------------------------------------------------*/
/*トップページ背景（ヘッダーと星）*/
body#top {
  background: url("../../_img/bg.gif") center top;
  display: block;
  z-index: -1;
  width: 100%;
  background-attachment: fixed;
}
/*-----------------------------------------------------------*/
/*下層背景（ヘッダーと星）背景が薄いブルーにnews.htmlのみで使用
廃止予定*/
body#other {
  display: block;
  z-index: -1;
  width: 100%;
  background: url("../../_img/bg_news.gif") center top;
  background-attachment: fixed;
}
/*-----------------------------------------------------------*/
/*2期キービジュアル*/
/*-----------------------------------------------------------*/
dl.keyvisual {
  width: 1240px;
  margin: 0 auto;
}
dl.keyvisual dt {
  width: 360px;
  margin: 0 auto;
  float: left;
}
dl.keyvisual dt ul.keynav {
  width: 88%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
dl.keyvisual dt ul.keynav li {
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  border-bottom: 1px dashed #3389ca;
  font-size: 0;
}
dl.keyvisual dt ul.keynav li:last-child {
  margin-bottom: 16px;
  border: none;
}
header#top dl.keyvisual dt .h1 {
  width: 96%;
  margin: 0 auto;
  padding: 26px 0 12px 0;
}
header#top dl.keyvisual dt .h1 img.day {
  width: 90%;
  margin: 12px auto 0;
}
header#top dl.keyvisual dt ul.keynav li a img {
  height: 37px;
  width: auto;
}
dl.keyvisual dt ul.sns {
  margin: 0 auto;
  padding: 0;
  font-size: 0;
  text-align: center;
}
dl.keyvisual dt ul.sns li {
  display: inline-block;
  margin: 36px auto 0;
  padding: 6px;
  font-size: 0;
  box-sizing: border-box;
}
dl.keyvisual dd {
  width: 840px;
  margin: 0 auto;
  float: right;
}
/*---------------------------------------------------*/
/*キービジュアル：レイアウト*/
/*---------------------------------------------------*/
header#top {
  width: 1200px;
  height: 1220px;
  position: relative;
  margin: 0 auto;
  z-index: 2;
}
header#top h1 {
  font-size: 0;
}
header#top img {
  width: auto;
  height: auto;
}
/*---------------------------------------------------*/
/*  TOPバナー部分 */
/*---------------------------------------------------*/
ul.bannerTop {
  width: 1240px;
  margin: 0 auto 24px;
  font-size: 0;
  text-align: center;
}
ul.bannerTop li {
  display: inline-block;
  padding: 0 2px;
  font-size: 0;
}
ul.bannerTop li img {
  height: 170px;
}

ul.bannerTop.foot li img {
  height: 140px;
}
/*---------------------------------------------------*/
/* 最新ニュース部分 */
/*---------------------------------------------------*/
section#newsBlock {
  position: relative;
  width: 100%;
  margin: 0px auto;
  padding: 0;
  /*薄青の背景色：基本*/
  background-color: rgba(75, 165, 203, 0.2);
  border-radius: 12px;
  z-index: 10;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#newsBlock .inner {
  width: 1050px;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*ニュースの枠*/
#news {
  width: 500px;
  float: left;
}
/*---------------------------------------------------*/
/*ニュース：タイトル*/
#news h2 {
  width: 180px;
  height: 46px; /*2期の高さを46pxに設定*/
  background: url('../../_img/h2_news.svg')no-repeat center top/auto 46px;
  margin: 0 0 18px 0;
  font-size: 0;
}
/*---------------------------------------------------*/
/*ニュース更新日付の設定*/
#news span {
  display: block;
  font-size: 14px;
  margin-right: 1em;
}
/*---------------------------------------------------*/
/*ニューステキスト:レイアウト*/
/*---------------------------------------------------*/
#news ul.newsList {
  width: 480px;
  /*フォントサイズ基本:18px*/
  font-size: 18px;
  /*フォントカラー基本*/
  color: #3389ca;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
/*---------------------------------------------------*/
/*ニュース区切り線*/
#news ul.newsList li {
  border-bottom: 1px solid #3389ca;
  padding: 10px;
}
/*最後は下線を削除*/
#news ul.newsList li:last-child {
  border: none;
}
/*---------------------------------------------------*/
#news ul.newsList li a {
  color: #3389ca;
  text-decoration: none;
}
#news ul.newsList li a:hover {
  color: #15517f;
  text-decoration: none;
}
/*---------------------------------------------------*/
/* ツイッター部分 */
/*---------------------------------------------------*/
#twitter {
  width: 520px;
  float: left;
  margin-left: 30px;
}
/*---------------------------------------------------*/
/*タイトル*/
#twitter h2 {
  width: 190px;
  height: 46px;
  margin: 0 0 18px 0;
  background: url('../../_img/h2_twitter.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/* スクロールバー */
/*---------------------------------------------------*/
#scroll {
  position: relative;
  width: 500px;
  height: 360px;
}
.ps__rail-x, .ps__rail-y {
  opacity: 0.6 !important;
}
/*---------------------------------------------------*/
/* PV部分 */
/*---------------------------------------------------*/
section#pv {
  position: relative;
  width: 100%;
  margin: 24px auto;
  padding: 0;
  /*薄白背景の基本*/
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  z-index: 10;
  text-align: center;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#pv .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*タイトル*/
section#pv h2 {
  width: 293px;
  height: 46px;
  margin: 0 auto 24px;
  background: url('../../_img/h2_game2.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/* 動画スライド部分 */
/*---------------------------------------------------*/
/*スライダーの幅*/
section#pv .inner .swiper-container_mov {
  width: 1200px;
  padding: 0;
  box-sizing: border-box;
}
section#pv .inner .swiper-container_mov center {
  display: block;
  padding-top: 12px;
  /*フォントサイズ基本:18px;*/
  font-size: 18px;
  /*フォントカラー基本:#3389ca;*/
  color: #3389ca;
  line-height: 1.4;
  letter-spacing: 0.1em;
  /*テキストに白いフチをつける*/
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
.swiper-button-next_mov, .swiper-button-prev_mov {
  position: absolute;
  top: 50%;
  width: 68px;
  height: 65px;
  margin-top: -10px;
  z-index: 100;
  cursor: pointer;
  background-size: 68px 65px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev_mov, .swiper-container-rtl .swiper-button-next_mov {
  background-image: url("../../_img/chara_left.png");
  left: -30px;
  right: auto
}
.swiper-button-next_mov, .swiper-container-rtl .swiper-button-prev_mov {
  background-image: url("../../_img/chara_right.png");
  right: -30px;
  left: auto
}
/*---------------------------------------------------*/
/* イントロダクション部分 */
/*---------------------------------------------------*/
section#intro {
  position: relative;
  width: 100%;
  margin: 24px auto;
  padding: 0;
  /*薄白背景の基本*/
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  z-index: 10;
  text-align: center;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#intro .inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*タイトル*/
section#intro h2 {
  width: 337px;
  height: 46px;
  margin: 0 auto 24px;
  background: url('../../_img/h2_intro.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/*イントロ画像第1期*/
section#intro .ph {
  width: 1200px;
  height: 740px;
  background: url('../../_img/intro.png') center top no-repeat;
  margin: 0 auto;
  font-size: 0;
}
/*イントロ画像第2期*/
section#intro .ph_s2 {
  width: 1200px;
  height: 800px;
  background: url('../../_img/intro_s2.png') center top no-repeat;
  margin: 0 auto;
  font-size: 0;
}
/*---------------------------------------------------*/
/* キャラクター紹介部分 */
/*---------------------------------------------------*/
section#chara {
  position: relative;
  width: 100%;
  margin: 24px auto;
  padding: 0;
  /*薄青の背景色：基本*/
  background-color: rgba(75, 165, 203, 0.2);
  border-radius: 12px;
  z-index: 10;
  text-align: center;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#chara .inner {
  position: relative;
  width: 1144px;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*タイトル*/
section#chara h2 {
  width: 234px;
  height: 46px;
  /*位置調整*/
  margin: 0 auto 30px;
  background: url('../../_img/h2_chara.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/*キャラクタースライド設定
/*---------------------------------------------------*/
#chara .uzaki {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara01.png")no-repeat left top /100% auto;
}
#chara .senpai {
  width: 100%;
  height: 750px;
  background: url("../../_img/2nd/chara02.png")no-repeat left top /100% auto;
}
#chara .ami {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara03.png")no-repeat left top /100% auto;
}
#chara .sakaki {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara04.png")no-repeat left top /100% auto;
}
#chara .master {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara05.png")no-repeat left top /100% auto;
}
#chara .tsuki {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara06.png")no-repeat left top /100% auto;
}
#chara .yanagi {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara07.png")no-repeat left top /100% auto;
}
#chara .kiri {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara08.png")no-repeat left top /100% auto;
}
#chara .fujio {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara09.png")no-repeat left top /100% auto;
}
#chara .shiro {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara10.png")no-repeat left top /100% auto;
}
#chara .haruko {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara11.png")no-repeat left top /100% auto;
}
#chara .cat {
  width: 1144px;
  height: 750px;
  background: url("../../_img/2nd/chara12.png")no-repeat left top /100% auto;
}
/*-----------------------------------------------------------------*/
.swiper-pagination {
  position: absolute;
  width: 504px;
  left: 170px;
  bottom: 58px;
  z-index: 20;
}
/*キャラクター一覧*/
.swiper-pagination span {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 4px 12px 0px;
  cursor: pointer;
  float: left;
  transition: all 300ms 0s ease;
}
.swiper-pagination span:nth-of-type(1) {
  background: url("../../_img/2nd/charanav01.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(1), .swiper-pagination span:nth-of-type(1):hover {
  background: url(../../_img/2nd/charanav01_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(2) {
  background: url("../../_img/2nd/charanav02.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(2), .swiper-pagination span:nth-of-type(2):hover {
  background: url(../../_img/2nd/charanav02_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(3) {
  background: url("../../_img/2nd/charanav03.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(3), .swiper-pagination span:nth-of-type(3):hover {
  background: url(../../_img/2nd/charanav03_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(4) {
  background: url("../../_img/2nd/charanav04.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(4), .swiper-pagination span:nth-of-type(4):hover {
  background: url(../../_img/2nd/charanav04_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(5) {
  background: url("../../_img/2nd/charanav05.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(5), .swiper-pagination span:nth-of-type(5):hover {
  background: url(../../_img/2nd/charanav05_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(6) {
  background: url("../../_img/2nd/charanav06.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(6), .swiper-pagination span:nth-of-type(6):hover {
  background: url(../../_img/2nd/charanav06_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(7) {
  background: url("../../_img/2nd/charanav07.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(7), .swiper-pagination span:nth-of-type(7):hover {
  background: url(../../_img/2nd/charanav07_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(8) {
  background: url("../../_img/2nd/charanav09.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(8), .swiper-pagination span:nth-of-type(8):hover {
  background: url(../../_img/2nd/charanav09_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(9) {
  background: url("../../_img/2nd/charanav08.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(9), .swiper-pagination span:nth-of-type(9):hover {
  background: url(../../_img/2nd/charanav08_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(10) {
  background: url("../../_img/2nd/charanav11.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(10), .swiper-pagination span:nth-of-type(10):hover {
  background: url(../../_img/2nd/charanav11_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(11) {
  background: url("../../_img/2nd/charanav10.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(11), .swiper-pagination span:nth-of-type(11):hover {
  background: url(../../_img/2nd/charanav10_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
.swiper-pagination span:nth-of-type(12) {
  background: url("../../_img/2nd/charanav12.png") no-repeat center bottom / 100% auto;
  padding: 0;
}
/*オンマウス*/
.swiper-pagination span.swiper-pagination-bullet-active:nth-of-type(12), .swiper-pagination span:nth-of-type(12):hover {
  background: url(../../_img/2nd/charanav12_on.png) no-repeat center bottom / 100% auto;
  padding: 0;
}
/*-----------------------------------------------------------------*/
/*左右矢印*/
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 68px;
  height: 65px;
  margin-top: -10px;
  z-index: 100;
  cursor: pointer;
  background-size: 68px 65px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("../../_img/chara_left.png");
  left: -30px;
  right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("../../_img/chara_right.png");
  right: -30px;
  left: auto
}
/*---------------------------------------------------*/
/* スタッフ＆キャスト部分 */
/*---------------------------------------------------*/
section#cast {
  position: relative;
  width: 100%;
  margin: 24px auto;
  padding: 0;
  /*薄白背景の基本*/
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 12px;
  z-index: 10;
  text-align: center;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#cast .inner {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*タイトル*/
section#cast h2 {
  width: 288px;
  height: 46px;
  margin: 0 auto 24px;
  background: url('../../_img/h2_cast.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/*スタッフ*/
section#cast h3 span.st {
  display: block;
  width: 100px;
  height: 24px;
  background: url('../../_img/h3_st.svg')no-repeat center top/100% auto;
  margin: 24px auto 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*キャスト*/
section#cast h3 span.cas {
  display: block;
  width: 100px;
  height: 24px;
  background: url('../../_img/h3_cas.svg')no-repeat center top/100% auto;
  margin: 24px auto 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*---------------------------------------------------*/
/*キャストレイアウト*/
section#cast ul {
  width: 900px;
  margin: 20px auto 0;
  justify-content: center;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
section#cast ul li {
  display: inline-block;
  margin: 0 14px 20px 0;
  font-size: 22px;
  vertical-align: top;
}
section#cast ul#castList li {
  display: inline-block;
  margin: 0 20px 20px;
  font-size: 22px;
  letter-spacing: 0.05em;
}
section#cast ul li:last-child {
  margin-right: 0px;
}
/*文字小サイズ*/
section#cast ul li span {
  display: block;
  font-size: 14px;
  padding: 0 0 4px;
}
/*原作者注釈*/
section#cast ul li i {
  font-style: normal;
  display: block;
  font-size: 12px;
}
/*---------------------------------------------------*/
/* コミックス部分 */
/*---------------------------------------------------*/
section#comics {
  position: relative;
  width: 100%;
  margin: 24px auto;
  padding: 0;
  /*薄青の背景色：基本*/
  background-color: rgba(75, 165, 203, 0.2);
  border-radius: 12px;
  z-index: 10;
  text-align: center;
}
/*---------------------------------------------------*/
/*レイアウト*/
section#comics .inner {
  position: relative;
  width: auto;
  margin: 0 auto;
  padding: 40px 0;
}
/*---------------------------------------------------*/
/*タイトル*/
section#comics h2 {
  width: 167px;
  height: 46px;
  margin: 0 auto 24px;
  background: url('../../_img/h2_comics.svg')no-repeat center top/auto 46px;
  font-size: 0;
}
/*---------------------------------------------------*/
/*絶賛発売中*/
section#comics #comicsText {
  width: 634px;
  margin: -16px auto 24px;
}
/*---------------------------------------------------*/
section#comics #comicsText2 img {
  display: block;
  width: 520px;
  margin: 12px auto 0;
}
/*---------------------------------------------------*/
/*コミックスリスト*/
section#comics ul {
  display: block;
  width: 1040px;
  margin: 0 auto;
  font-size: 0;
}
section#comics ul li {
  position: relative;
  display: inline-block;
  width: 200px;
  margin: 0 30px 24px;
  font-size: 0;
  vertical-align: top;
}
section#comics ul li:last-child {
  /* width: 400px;
  margin-right: 0px;*/
}
/*発売日星*/
section#comics ul li.new:after {
  content: '';
  display: inline-block;
  width: 170px;
  height: 159px;
  background-image: url(../../_img/comics_star8.png);
  background-size: contain;
  vertical-align: top;
  position: absolute;
  right: -126px;
  top: -26px;
}
section#comics ul li span {
  display: block;
  font-size: 80%;
}
/*巻数表記*/
section#comics ul li .comicsTitle {
  margin-top: 12px;
  font-size: 14px;
  color: #FFF;
  background: #f29b87;
  padding: 4px 8px;
  border-radius: 24px;
}
section#comics ul li .comicsTitle.yellow {
  background: #f9be02;
}
section#comics ul li .comicsTitle.green {
  background: #90c320;
}
section#comics ul li .comicsTitle.red {
  background: #ee784a;
}
section#comics ul li .comicsTitle.pink {
  background: #ed86b3;
}
section#comics ul li .comicsTitle.green {
  background: #65c097;
}
section#comics ul li .comicsTitle.blue {
  background: #38bfef;
}
/*---------------------------------------------------*/
/*  banner部分 */
/*---------------------------------------------------*/
section#banner {
  width: 100%;
  margin: 0px auto;
  padding: 20px 0;
  background-color: rgba(255, 255, 255, 0.4);
  position: relative;
  z-index: 10;
  border-radius: 12px;
  text-align: center;
}
section#banner .inner {
  padding: 0;
  text-align: center;
  font-size: 0;
}
section#banner .bn {
  width: 776px;
  margin: 0 auto
}
section#banner .bn a {
  display: inline-block;
  width: 380px;
  margin: 0 4px;
  font-size: 0;
  vertical-align: middle;
}
/*---------------------------------------------------*/
/* 下層テンプレ部分 */
/*---------------------------------------------------*/
section#temp {
  width: 800px;
  margin: 0 auto 50px;
  padding: 0px;
  background: #FFF;
  box-shadow: 0 0 6px #0f526d;
  box-sizing: border-box;
}
section#temp:before {
  content: '';
  display: inline-block;
  width: 800px;
  height: 14px;
  background-image: url(../../_img/news_header.png);
  background-size: contain;
  vertical-align: top;
}
section#temp:after {
  content: '';
  display: inline-block;
  width: 800px;
  height: 80px;
  background-image: url(../../_img/news_footer.png);
  background-size: contain;
  vertical-align: bottom;
}
section#temp .inner {
  padding: 40px;
}
section#temp .inner .note {
  background-image:
    linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 97%, #99c4e4 97%, #99c4e4 100%);
  background-size: 100% 2em;
  line-height: 2;
  padding-bottom: 6em;
  position: relative;
}
section#temp .inner .note.chara1:after {
  content: '';
  display: inline-block;
  width: 213px;
  height: 188px;
  background-image: url(../../_img/news_footer_chara1.png);
  background-size: contain;
  vertical-align: top;
  position: absolute;
  bottom: -56px;
  right: 0;
}
section#temp .inner .note.chara2:after {
  content: '';
  display: inline-block;
  width: 218px;
  height: 162px;
  background-image: url(../../_img/news_footer_chara2.png);
  background-size: contain;
  vertical-align: top;
  position: absolute;
  bottom: -40px;
  right: 0;
}
section#temp .inner .note.chara3:after {
  content: '';
  display: inline-block;
  width: 145px;
  height: 156px;
  background-image: url(../../_img/news_footer_chara3.png);
  background-size: contain;
  vertical-align: top;
  position: absolute;
  bottom: -40px;
  right: 0;
}
section#temp .inner .note p {
  margin: 0 2em 2em;
  word-break: break-all;
}
section#temp .inner .note p strong {
  color: #e74291;
  font-weight: normal;
  font-size: 120%;
  line-height: 120%;
}
section#temp .inner .note p.centerText {
  text-align: center;
}
section#temp .inner .note p span {
  font-size: 80%;
}
section#temp .inner .note .imgCenter {
  text-align: center;
  margin: 2em auto;
}
section#temp .inner .note .imgCenter img {
  border: 1px solid #3389ca;
}
.imgCenter2 {
  width: 94%;
  height: 25em;
  margin: -0.5em auto 1.5em;
  padding: 1em 0 0 0;
  border: 1px solid #3389ca;
  background: #FFF;
  box-sizing: border-box;
}
section#temp .inner .note .vaPict {
  width: 200px;
  margin-top: 5px;
}
section#temp .inner .note .vaPict img {
  border: 1px solid #3389ca;
}
section#temp .inner .note .vaBox {
  width: 100%;
  position: relative;
}
section#temp .inner .note .vaBox .vaName {
  position: absolute;
  left: 230px;
}
section#temp .inner .note .vaBox .vaText {
  padding-top: 2em;
}
section#temp .inner .note .vaBox dt {
  width: 200px;
  float: left;
}
section#temp .inner .note .vaBox dd {
  margin-left: 230px;
}
h2.newsH2 {
  font-size: 0;
  width: 180px;
  height: 46px; /*2期の高さを46pxに設定*/
  margin: 55px auto;
  background: url('../../_img/h2_news.svg') center top no-repeat;
}
h2.commentH2 {
  font-size: 0;
  width: 182px;
  height: 45px;
  margin: 55px auto;
  background: url('../../_img/h2_comment.png') center top no-repeat;
}
section#temp h2 {
  font-size: 24px;
  text-align: center;
  color: #3389ca;
  margin-bottom: 10px;
}
section#temp h2 span {
  display: block;
  font-size: 70%;
}
section#temp h2:after {
  content: '';
  display: inline-block;
  width: 34px;
  height: 30px;
  background-image: url(../../_img/new_h2_end.gif);
  background-size: contain;
  vertical-align: bottom;
}
section#temp a {
  color: #e74291;
}
ul.dl {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
ul.dl li {
  width: 50%;
  display: inline-block;
  padding: 0 2px 12px;
  text-align: center;
  font-size: 0;
  box-sizing: border-box;
}
ul.dl li .bord {
  margin: 0 0 8px;
  border: 1px solid #CCC;
}
section#temp .fig {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  box-sizing: border-box;
}
section#temp .fig li {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 4px;
  font-size: 0;
  box-sizing: border-box;
}
/*---------------------------------------------------*/
/* スペシャル部分 */
/*---------------------------------------------------*/
section#pv.special {
  padding: 0;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 0 0 60px 0;
  background-color: rgba(75, 165, 203, 0.2);
  position: relative;
  z-index: 10;
}
section#pv.special .innerSP {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0;
  text-align: left;
  font-size: 0;
}
/*タイトル*/
section#pv.special .innerSP h2 {
  font-size: 0;
  width: 184px;
  height: 39px;
  margin: 0 auto 30px;
  background: url('../../_img/h2_special.svg') center top no-repeat;
}
section#pv.special .innerSP .swiper-slide.slide {
  display: inline-block;
  width: 480px;
  padding: 24px;
  box-sizing: border-box;
  vertical-align: top;
}
section#pv.special .innerSP .swiper-slide.slide center {
  display: block;
  padding: 8px;
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
  box-sizing: border-box;
  vertical-align: top;
}
section#pv.special .innerSP .mov center {
  display: block;
  padding: 8px;
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
  box-sizing: border-box;
  vertical-align: top;
}
/*タイトル*/
section#pv.special .innerSP h3.pv {
  font-size: 0;
  width: 76px;
  height: 38px;
  margin: 36px auto 12px;
  background: url('../../_img/h3_pv.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.game {
  font-size: 0;
  width: 184px;
  height: 38px;
  margin: 36px auto 12px;
  background: url('../../_img/h3_game.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.niconico {
  font-size: 0;
  width: 376px;
  height: 38px;
  margin: 36px auto 12px;
  background: url('../../_img/h3_nico.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.castcom {
  font-size: 0;
  width: 242px;
  height: 38px;
  margin: 66px auto 12px;
  background: url('../../_img/h3_castcom.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.staffcom {
  font-size: 0;
  width: 246px;
  height: 38px;
  margin: 66px auto 12px;
  background: url('../../_img/h3_staffcom.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.takecom {
  font-size: 0;
  width: 376px;
  height: 38px;
  margin: 66px auto 12px;
  background: url('../../_img/h3_takecom.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.artcom {
  font-size: 0;
  width: 300px;
  height: 38px;
  margin: 66px auto 12px;
  background: url('../../_img/h3_artcom.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.nurie {
  font-size: 0;
  width: 384px;
  height: 38px;
  margin: 24px auto 12px;
  background: url('../../_img/h3_nurie.svg') center top no-repeat;
}
section#pv.special .innerSP h3.nurie_kekka {
  font-size: 0;
  width: 384px;
  height: 38px;
  margin: 30px auto 12px;
  background: url('../../_img/h3_nurie.svg') center top no-repeat;
}
/*タイトル*/
section#pv.special .innerSP h3.kabegami {
  font-size: 0;
  width: 376px;
  height: 38px;
  margin: 66px auto 12px;
  background: url('../../_img/h3_kabegami.svg') center top no-repeat;
}
.nicowin {
  width: 480px;
  margin: 0 auto;
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
.nicowin img {
  max-width: 100%;
}
.nicowin2 {
  width: 480px;
  margin: 0 auto;
}
.nicowin2 p {
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
.nicowin img {
  max-width: 100%;
}
/*---------------------------------------------------*/
/* スペシャル */
/*---------------------------------------------------*/
.specialbox {
  width: 760px;
  background-color: rgba(255, 255, 255, 0.7);
  margin: 0 auto 50px;
  padding: 66px 36px 36px;
  box-sizing: border-box;
  border-radius: 12px;
}
.specialbox .vaPict {
  width: 200px;
  margin-top: 5px;
}
.specialbox .vaPict img {
  border: 1px solid #3389ca;
}
.specialbox .vaBox {
  position: relative;
  margin: 0 auto 36px;
}
.specialbox .vaBox:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.specialbox .vaBox .vaName {
  position: absolute;
  left: 230px;
}
.specialbox .vaBox .vaText {
  padding-top: 2em;
}
.specialbox .vaBox dt {
  width: 200px;
  float: left;
}
.specialbox .vaBox dd {
  margin-left: 230px;
}
.specialbox p {
  width: 100%;
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
.specialbox p.read {
  margin: 0 auto 24px;
  text-align: left;
}
.specialbox p strong {
  color: #e74291;
  font-weight: normal;
  font-size: 120%;
  line-height: 120%;
}
/*ストライプボーダー*/
.box {
  background: url("../../_img/boxborder.png") repeat;
  padding: 8px;
  width: 90%;
  margin: 0 auto 24px;
}
section#pv.special .box {
  background: url("../../_img/boxborder.png") repeat;
  padding: 8px;
  width: 100%;
  margin: 0 auto 24px;
}
section#temp .inner .note .box p, section#pv.special .specialbox.newssp .box p {
  margin: 0;
  padding: 18px;
  background: rgba(255, 255, 255, 0.95);
}
section#temp .inner .note .box p strong, section#temp .inner .note .box p a, section#pv.special .specialbox.newssp .box strong, section#pv.special .specialbox.newssp .box a {
  color: #3389ca;
}
img.border {
  border: 3px solid #CCC;
}
section#pv.special .specialbox.newssp p {
  padding: 0 0 19px;
}
.sch {
  width: 656px;
  margin: 0 auto;
  padding: 0;
  font-size: 0;
}
.sch dt {
  width: 220px;
  font-size: 16px;
  color: #e74291;
  float: left;
  clear: both;
}
.sch.txt dt {
  font-size: 24px;
}
.sch.txt dd {
  font-size: 24px;
}
.cauu {
  font-size: 13px;
}
section#pv.special .specialbox p.ttt {
  font-size: 20px;
  font-weight: bold;
}
section#pv.special .specialbox .haishin a {
  display: inline-block;
  width: 46%;
  margin: 4px;
  font-size: 24px;
  color: #e74291;
  /*border: 1px solid #e74291;*/
  padding: 8px 18px;
  border-radius: 12px;
  font-weight: normal;
  text-align: center;
  box-sizing: border-box;
  vertical-align: top;
}
section#pv.special .specialbox .haishin a.fst {
  display: inline-block;
  width: 100%;
}
section#pv.special .specialbox p.ssss {
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}
section#pv.special .specialbox p.ssss span {
  font-size: 13px;
  text-align: center;
  font-weight: normal;
}
section#pv.special .specialbox p strong.dddd {
  font-size: 24px;
  text-align: center;
}
.sch dd {
  width: auto;
  margin: 0 0 0 180px;
  font-size: 16px;
  color: #e74291;
}
.sch dt a {
  color: #e74291;
}
section#pv.special .innerSP h2.music {
  width: 186px;
  height: 37px;
  margin: 0 auto 12px;
  background: url('../../_img/h2_music.svg') center top no-repeat;
}
section#pv.special .innerSP h2.schedule {
  width: 216px;
  height: 38px;
  margin: 0 auto 12px;
  background: url('../../_img/h2_schrdule.svg') center top no-repeat;
}
/*タイトル*/
section#pv .innerSP h2.dvd {
  font-size: 0;
  width: 238px;
  height: 38px;
  margin: 0 auto 30px;
  background: url('../../_img/h2_dvd.svg') center top no-repeat;
}
/*キャスト*/
section#pv h3.dvd1 {
  display: block;
  width: 211px;
  height: 36px;
  background: url('../../_img/h3_dvd1.svg') center top no-repeat /100% auto;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*キャスト*/
section#pv h3.dvd2 {
  display: block;
  width: 286px;
  height: 36px;
  background: url('../../_img/h3_dvd2.svg') center top no-repeat /100% auto;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
/*キャスト*/
section#pv h3.dvd3 {
  display: block;
  width: 180px;
  height: 36px;
  background: url('../../_img/h3_dvd3.svg') center top no-repeat /100% auto;
  margin: 0 auto;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
section#pv .specialbox.package p {
  margin-bottom: 24px;
}
section#pv .specialbox.package strong.bl {
  display: block;
  padding: 8px 0 0 0;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  color: #3389ca;
  margin-bottom: 24px;
}
section#pv .specialbox.package strong span {
  font-size: 20px;
}
section#pv .specialbox.package p em {
  padding: 8px 0 0 0;
  font-size: 18px;
  font-weight: bold;
  color: #3389ca;
  font-style: normal;
}
section#pv .specialbox.package strong.border {
  display: block;
  padding: 8px 0;
  margin: 0 0 12px;
  font-size: 24px;
  border-bottom: 1px solid #e4e4e4;
}
section#pv .packageBox {
  display: block;
  width: 1024px;
  margin: 0 auto;
  padding: 0;
}
section#pv .packageBox dt {
  width: 254px;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 36px 10px 12px;
  box-sizing: border-box;
  border-radius: 12px;
  float: left;
  clear: both;
}
section#pv .packageBox a {
  display: block;
  margin: 0 auto 24px;
  padding: 0;
}
section#pv .packageBox a img {
  height: 30px;
}
section#pv .packageBox dd {
  display: block;
  width: 760px;
  margin: 0 0 0 264px;
  padding: 0;
}
section#pv.special .innerSP h2.movie {
  width: 186px;
  height: 37px;
  margin: 0 auto 12px;
  background: url('../../_img/h2_movie.svg') center top no-repeat;
}
ul.movieList {
  width: 840px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  box-sizing: 0;
  font-size: 0;
}
ul.movieList.mt {
  width: 840px;
  margin: 24px auto 0;
  padding: 0;
  text-align: center;
  box-sizing: 0;
  font-size: 0;
}
ul.movieList li {
  display: inline-block;
  width: 280px;
  margin: 0;
  padding: 0 16px 24px;
  font-size: 0;
  vertical-align: top;
}
ul.movieList li center {
  display: block;
  padding-top: 12px;
  font-size: 16px;
  color: #3389ca;
  letter-spacing: 0.1em;
  text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
/*---------------------------------------------------*/
/* ストーリー部分 */
/*---------------------------------------------------*/
section#story {
  position: relative;
  width: 100%;
  margin: 0 auto;
  /*background-color: rgba(75, 165, 203, 0.2);
  border-radius: 12px;*/
  z-index: 10;
}
/*レイアウト*/
section#story .inner {
  position: relative;
  width: 96%;
  background-color: rgba(75, 165, 203, 0.2);
  margin: 0 auto;
  padding: 60px 0;
  text-align: center;
  border-radius: 12px;
}
/*レイアウト*/
section#story .innerSP {
  width: 980px;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
  padding: 60px 0;
  border-radius: 32px;
}
.storyList {
  width: 900px;
  margin: 0 auto;
  font-size: 0;
}
.storyList li {
  display: inline-block;
  width: 440px;
  margin: 5px;
  font-size: 0;
}
/*基本レイアウト*/
.storyBox {
  width: 980px;
  margin: 0 auto;
}
.storyBox dt {
  width: 210px;
  float: left;
  clear: both;
  box-sizing: border-box;
}
.storyBox dd {
  position: relative;
  width: 720px;
  margin-left: 240px;
  box-sizing: border-box;
}
.swiper-container_story {
  height: 486px;
}
.swiper-container_story {
  overflow: hidden;
}
.storyBox dd .txt {
  padding: 18px 24px;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 12px;
  background-color: rgba(75, 165, 203, 0.2);
  color: #3389ca;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
  border-radius: 12px;
  text-align: left;
  box-sizing: border-box;
}
.storyBox dd .sttl {
  padding: 0 24px 8px;
  font-size: 24px;
  margin-bottom: 12px;
  color: #3389ca;
  text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
  border-radius: 12px;
  text-align: center;
  font-weight: bold;
}
/*タイトル*/
section#story h2 {
  font-size: 0;
  width: 153px;
  height: 37px;
  margin: 12px auto;
  background: url('../../_img/h2_story.svg') center top no-repeat;
}
/*-----------------------------------------------------------------*/
section#story .swiper-pagination {
  position: absolute;
  width: 708px;
  height: 63px;
  left: 50%;
  margin-left: -354px;
  top: 440px;
  z-index: 20;
}
/*キャラクター一覧*/
section#story .swiper-pagination span {
  display: block;
  width: 116px;
  height: 63px;
  margin: 0 1px;
  cursor: pointer;
  float: left;
  transition: all 300ms 0s ease;
}
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(1) {
  background: url("../../story/_img/story01_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(2) {
  background: url("../../story/_img/story01_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(3) {
  background: url("../../story/_img/story01_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(4) {
  background: url("../../story/_img/story01_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(5) {
  background: url("../../story/_img/story01_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt01 span:nth-of-type(6) {
  background: url("../../story/_img/story01_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(1) {
  background: url("../../story/_img/story02_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(2) {
  background: url("../../story/_img/story02_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(3) {
  background: url("../../story/_img/story02_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(4) {
  background: url("../../story/_img/story02_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(5) {
  background: url("../../story/_img/story02_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt02 span:nth-of-type(6) {
  background: url("../../story/_img/story02_06.png") no-repeat center bottom / 100% auto;
}
section#story .swiper-pagination.strt03 span:nth-of-type(1) {
  background: url("../../story/_img/story03_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt03 span:nth-of-type(2) {
  background: url("../../story/_img/story03_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt03 span:nth-of-type(3) {
  background: url("../../story/_img/story03_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt03 span:nth-of-type(4) {
  background: url("../../story/_img/story03_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt03 span:nth-of-type(5) {
  background: url("../../story/_img/story03_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt03 span:nth-of-type(6) {
  background: url("../../story/_img/story03_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(1) {
  background: url("../../story/_img/story04_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(2) {
  background: url("../../story/_img/story04_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(3) {
  background: url("../../story/_img/story04_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(4) {
  background: url("../../story/_img/story04_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(5) {
  background: url("../../story/_img/story04_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt04 span:nth-of-type(6) {
  background: url("../../story/_img/story04_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(1) {
  background: url("../../story/_img/story05_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(2) {
  background: url("../../story/_img/story05_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(3) {
  background: url("../../story/_img/story05_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(4) {
  background: url("../../story/_img/story05_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(5) {
  background: url("../../story/_img/story05_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt05 span:nth-of-type(6) {
  background: url("../../story/_img/story05_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(1) {
  background: url("../../story/_img/story06_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(2) {
  background: url("../../story/_img/story06_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(3) {
  background: url("../../story/_img/story06_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(4) {
  background: url("../../story/_img/story06_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(5) {
  background: url("../../story/_img/story06_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt06 span:nth-of-type(6) {
  background: url("../../story/_img/story06_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(1) {
  background: url("../../story/_img/story07_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(2) {
  background: url("../../story/_img/story07_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(3) {
  background: url("../../story/_img/story07_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(4) {
  background: url("../../story/_img/story07_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(5) {
  background: url("../../story/_img/story07_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt07 span:nth-of-type(6) {
  background: url("../../story/_img/story07_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(1) {
  background: url("../../story/_img/story08_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(2) {
  background: url("../../story/_img/story08_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(3) {
  background: url("../../story/_img/story08_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(4) {
  background: url("../../story/_img/story08_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(5) {
  background: url("../../story/_img/story08_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt08 span:nth-of-type(6) {
  background: url("../../story/_img/story08_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(1) {
  background: url("../../story/_img/story09_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(2) {
  background: url("../../story/_img/story09_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(3) {
  background: url("../../story/_img/story09_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(4) {
  background: url("../../story/_img/story09_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(5) {
  background: url("../../story/_img/story09_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt09 span:nth-of-type(6) {
  background: url("../../story/_img/story09_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(1) {
  background: url("../../story/_img/story10_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(2) {
  background: url("../../story/_img/story10_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(3) {
  background: url("../../story/_img/story10_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(4) {
  background: url("../../story/_img/story10_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(5) {
  background: url("../../story/_img/story10_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt10 span:nth-of-type(6) {
  background: url("../../story/_img/story10_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(1) {
  background: url("../../story/_img/story11_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(2) {
  background: url("../../story/_img/story11_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(3) {
  background: url("../../story/_img/story11_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(4) {
  background: url("../../story/_img/story11_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(5) {
  background: url("../../story/_img/story11_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt11 span:nth-of-type(6) {
  background: url("../../story/_img/story11_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(1) {
  background: url("../../story/_img/story12_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(2) {
  background: url("../../story/_img/story12_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(3) {
  background: url("../../story/_img/story12_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(4) {
  background: url("../../story/_img/story12_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(5) {
  background: url("../../story/_img/story12_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt12 span:nth-of-type(6) {
  background: url("../../story/_img/story12_06.png") no-repeat center bottom / 100% auto;
}
/*---------------------------------------------------------------------------ここから第2期*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(1) {
  background: url("../../story/_img/story2_01_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(2) {
  background: url("../../story/_img/story2_01_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(3) {
  background: url("../../story/_img/story2_01_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(4) {
  background: url("../../story/_img/story2_01_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(5) {
  background: url("../../story/_img/story2_01_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_01 span:nth-of-type(6) {
  background: url("../../story/_img/story2_01_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(1) {
  background: url("../../story/_img/story2_02_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(2) {
  background: url("../../story/_img/story2_02_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(3) {
  background: url("../../story/_img/story2_02_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(4) {
  background: url("../../story/_img/story2_02_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(5) {
  background: url("../../story/_img/story2_02_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_02 span:nth-of-type(6) {
  background: url("../../story/_img/story2_02_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(1) {
  background: url("../../story/_img/story2_03_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(2) {
  background: url("../../story/_img/story2_03_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(3) {
  background: url("../../story/_img/story2_03_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(4) {
  background: url("../../story/_img/story2_03_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(5) {
  background: url("../../story/_img/story2_03_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_03 span:nth-of-type(6) {
  background: url("../../story/_img/story2_03_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(1) {
  background: url("../../story/_img/story2_04_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(2) {
  background: url("../../story/_img/story2_04_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(3) {
  background: url("../../story/_img/story2_04_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(4) {
  background: url("../../story/_img/story2_04_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(5) {
  background: url("../../story/_img/story2_04_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_04 span:nth-of-type(6) {
  background: url("../../story/_img/story2_04_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(1) {
  background: url("../../story/_img/story2_05_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(2) {
  background: url("../../story/_img/story2_05_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(3) {
  background: url("../../story/_img/story2_05_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(4) {
  background: url("../../story/_img/story2_05_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(5) {
  background: url("../../story/_img/story2_05_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_05 span:nth-of-type(6) {
  background: url("../../story/_img/story2_05_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(1) {
  background: url("../../story/_img/story2_06_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(2) {
  background: url("../../story/_img/story2_06_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(3) {
  background: url("../../story/_img/story2_06_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(4) {
  background: url("../../story/_img/story2_06_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(5) {
  background: url("../../story/_img/story2_06_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_06 span:nth-of-type(6) {
  background: url("../../story/_img/story2_06_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(1) {
  background: url("../../story/_img/story2_07_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(2) {
  background: url("../../story/_img/story2_07_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(3) {
  background: url("../../story/_img/story2_07_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(4) {
  background: url("../../story/_img/story2_07_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(5) {
  background: url("../../story/_img/story2_07_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_07 span:nth-of-type(6) {
  background: url("../../story/_img/story2_07_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(1) {
  background: url("../../story/_img/story2_08_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(2) {
  background: url("../../story/_img/story2_08_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(3) {
  background: url("../../story/_img/story2_08_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(4) {
  background: url("../../story/_img/story2_08_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(5) {
  background: url("../../story/_img/story2_08_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_08 span:nth-of-type(6) {
  background: url("../../story/_img/story2_08_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(1) {
  background: url("../../story/_img/story2_09_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(2) {
  background: url("../../story/_img/story2_09_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(3) {
  background: url("../../story/_img/story2_09_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(4) {
  background: url("../../story/_img/story2_09_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(5) {
  background: url("../../story/_img/story2_09_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_09 span:nth-of-type(6) {
  background: url("../../story/_img/story2_09_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/







/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(1) {
  background: url("../../story/_img/story2_10_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(2) {
  background: url("../../story/_img/story2_10_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(3) {
  background: url("../../story/_img/story2_10_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(4) {
  background: url("../../story/_img/story2_10_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(5) {
  background: url("../../story/_img/story2_10_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_10 span:nth-of-type(6) {
  background: url("../../story/_img/story2_10_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(1) {
  background: url("../../story/_img/story2_11_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(2) {
  background: url("../../story/_img/story2_11_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(3) {
  background: url("../../story/_img/story2_11_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(4) {
  background: url("../../story/_img/story2_11_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(5) {
  background: url("../../story/_img/story2_11_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_11 span:nth-of-type(6) {
  background: url("../../story/_img/story2_11_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(1) {
  background: url("../../story/_img/story2_12_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(2) {
  background: url("../../story/_img/story2_12_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(3) {
  background: url("../../story/_img/story2_12_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(4) {
  background: url("../../story/_img/story2_12_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(5) {
  background: url("../../story/_img/story2_12_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_12 span:nth-of-type(6) {
  background: url("../../story/_img/story2_12_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/

/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(1) {
  background: url("../../story/_img/story2_13_01.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(2) {
  background: url("../../story/_img/story2_13_02.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(3) {
  background: url("../../story/_img/story2_13_03.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(4) {
  background: url("../../story/_img/story2_13_04.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(5) {
  background: url("../../story/_img/story2_13_05.png") no-repeat center bottom / 100% auto;
}
/*-----------*/
/*-----------*/
section#story .swiper-pagination.strt2_13 span:nth-of-type(6) {
  background: url("../../story/_img/story2_13_06.png") no-repeat center bottom / 100% auto;
}
/*-----------*/








/*オンマウス*/
section#story .swiper-pagination span.swiper-pagination-bullet-active, section#story .swiper-pagination span:hover {
  opacity: 0.6;
}
/*-----------*/
section#story .swiper-button-next, section#story .swiper-button-prev {
  position: absolute;
  top: 220px;
  width: 68px;
  height: 65px;
  margin-top: -10px;
  z-index: 100;
  cursor: pointer;
  background-size: 68px 65px;
  background-position: center;
  background-repeat: no-repeat
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  background-image: url("../../_img/chara_left.png");
  left: -30px;
  right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  background-image: url("../../_img/chara_right.png");
  right: -30px;
  left: auto
}
.interview p {
  width: 640px;
  margin: 0 auto 36px;
  line-height: 1.8;
}
section#pv.special .interview .box {
  width: 640px;
  margin: 0 auto;
  padding: 8px;
  line-height: 1.8;
  box-sizing: border-box;
}
.interview .box p {
  background-color: rgba(255, 255, 255, 0.94);
  width: 622px;
  margin: 0 auto;
  padding: 24px;
  line-height: 1.8;
  box-sizing: border-box;
}
.news_music {
  width: 86%;
  height: 50px;
  background: url("../../_img/news_music.svg") no-repeat center top /100% auto;
  margin: 0 auto;
}
.news_music2 {
  width: 86%;
  height: 50px;
  background: url("../../_img/news_music2.svg") no-repeat center top /100% auto;
  margin: 0 auto;
}
.news_music3 {
  width: 86%;
  height: 50px;
  background: url("../../_img/news_music3.svg") no-repeat center top /100% auto;
  margin: 12px auto;
}
.news_music4 {
  width: 86%;
  height: 50px;
  background: url("../../_img/news_music4.svg") no-repeat center top /100% auto;
  margin: 12px auto;
}
ul.musicList {
  width: 86%;
  margin: 8px auto;
  padding: 0;
  font-size: 0;
}
ul.musicList li {
  display: inline-block;
  width: 50%;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #3389ca;
  padding: 0 0 36px;
  box-sizing: border-box;
  text-align: center;
}
.kkk {
  width: 86%;
  margin: 0 auto 24px;
}
.ofk {
  font-size: 22px;
  font-weight: bold;
  color: #3389ca;
  text-align: center;
  display: block;
  padding: 0 0 36px
}
section#temp .inner .note p.mb {
  margin-bottom: 0;
}
section#temp .inner .note dl.ccc {
  margin: 0;
  padding: 0;
}
section#temp .inner .note dl.ccc::after {
  content: "";
  display: block;
  clear: both;
}
section#temp .inner .note dl.ccc dt {
  margin: 0;
  padding: 0 0 0.1em;
  width: 5em;
  float: left;
  clear: both;
}
section#temp .inner .note dl.ccc dd {
  margin: 0;
  padding: 0;
  margin-left: 5.1em;
}
.div {
  margin: 0 2em 0.5em;
}
.div b, p b {
  color: #3389ca;
}
/*---------------------------------------------------*/
/*YOUTUBE*/
.youtube {
  position: relative;
  width: 100%;
  background: #000;
  padding-bottom: calc(100%* 340/560);
  box-sizing: border-box;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.video {
  position: relative;
  width: 100%;
  background: #000;
  padding-bottom: calc(100%* 340/560);
  box-sizing: border-box;
}
.video video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*---------------------------------------------------*/
/* フッター */
footer p.copy {
  width: 100%;
  background-color: rgba(75, 165, 203, 0.2);
  margin: 0 auto;
  padding: 10px 0;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  border-radius: 12px 12px 0 0;
  z-index: 10;
}
/* clearfix */
.clearfix {
  zoom: 1;
}
.clearfix:after, ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}