@charset "UTF-8";
/*
 各ページ.css（ファイル名変更可）
 本サイト各ページ用CSS
*/

#top-mainV {
	background: url(../images/common/mainBg.gif);
}
.top-mainV-area {

}
.top-mainV-inner {
  width: 100%;
  max-width: 655px;
  margin: 0 auto;
}
.top-mainV-img {
      width: 100%;
}

/* ---------------------------------
 イントロ
--------------------------------- */
#intro .d-inner {
	text-align: center;
}
.intro-area {
	background: #ecf4e9;
	    padding: 13% 0;
}

.story_thum {
	display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
    align-content: stretch;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
}

/* ---------------------------------
 ストーリー
--------------------------------- */
#story .d-inner {
	text-align: center;
}
.story-area {
	background: #f0fbff;
	    padding: 13% 0;
}

.story_thumBox1 {
	/*padding: 0 0 0 18px;*/
}
.story_thumBox2 {
	/*padding: 0 18px 0 0;*/
}
.backN-box {
	text-align: center;
	margin: 20px 0;
}


.backnumber-list-item.is-current:before {
	background-color: #999;
}

.backnumber-list .backnumber-list-item .story01 {
	background:url(../images/story/nav_back01.png)no-repeat;
	height: 21px;
}
.backnumber-list .backnumber-list-item .story02 {
	background:url(../images/story/nav_back02.png)no-repeat;
	height: 21px;
}



/* ---------------------------------
 キャスト・スタッフ
--------------------------------- */
#cast .d-inner {
	text-align: center;
}
.cast-area {
	background: #FFFFDC;
	padding: 13% 0;
}
.cast-inner img {
	vertical-align: bottom;
}
.linkBtnA {
	margin: 5% 0 0 0;
}
#staff .d-inner {
	text-align: center;
}
.staff-area {
	background: url(../images/common/staffBg.png) ;
	padding: 13% 0;
}
/* ---------------------------------
 相関図
--------------------------------- */
#chart .d-inner {
	text-align: center;
}
.chart-area {
	background: #EBE0F0;
	    padding: 13% 0;
}
/* ---------------------------------
 原作
--------------------------------- */
#original .d-inner {
	text-align: center;
}
.original-area {
	background: #F4EFE1;
	    padding: 13% 0;
}
/* ---------------------------------
 主題歌
--------------------------------- */
#music .d-inner {
	text-align: center;
}
.music-area {
	background: #D7E2C7;
	    padding: 13% 0;
}
/* ---------------------------------
 SP（〜600px）
--------------------------------- */
@media only screen and (max-width: 600px) {
	.linkBtnA {
	width: 70%!important;
}
	.intro-area {
	padding: 7% 0;
}
	.story-area {
	padding: 7% 0;
}
	.cast-area {
	padding: 7% 0;
}
	.staff-area {
	padding: 7% 0;
}
	.chart-area {
	padding: 7% 0;
}
	.original-area {
	padding: 7% 0;
}
	.music-area {
	padding: 7% 0;
}
}

/* ------------------------------------------------------------------
 SP 〜 tablet（〜992px）
------------------------------------------------------------------ */
@media screen and (max-width: 992px) {
	/*イントロ*/
	.intro-area .intro-inner img {
	width: 100%;
}
	.intro-area .intro-inner h2 img {
	width: 90%;
}
	/*ストーリー*/
	.story-area .story-inner img {
	width: 100%;
}
	.story-area .story-inner h2 img {
	width: 90%;
}
	.story-area .story_thum {
	display: block;
	}
	.story-area .story_thum img {
	width: 100%;
	}
	.backN-box {
		width: 95%;
		margin: 0 auto;
	}
	.backN-box img {
		width: 100%;
	}
	
	/*キャスト*/
	.cast-area .cast-inner img {
	width: 100%;
}
	.cast-area .cast-inner h2 img {
	width: 90%;
}
	.staff-area .staff-inner img {
	width: 100%;
}
	.staff-area .staff-inner h2 img {
	width: 90%;
}
	.linkBtnA {
	width: 70%!important;
}
	
	/*相関図*/
	.chart-area .chart-inner img {
	width: 100%;
}
	.chart-area .chart-inner h2 img {
	width: 90%;
}
	/*原作*/
	.original-area .original-inner img {
	width: 100%;
}
	.original-area .original-inner h2 img {
	width: 90%;
}
	/*主題歌*/
	.music-area .music-inner img {
	width: 100%;
}
	.music-area .music-inner h2 img {
	width: 90%;
}
}

/* ---------------------------------
 PC（993px〜）
--------------------------------- */
@media screen and (min-width: 993px) {
	.intro-area {
	padding: 7% 0;
}
	.story-area {
	padding: 7% 0 3% 0;
}
	.cast-area {
	padding: 7% 0;
}
	.staff-area {
	padding: 7% 0;
}
	.chart-area {
	padding: 7% 0;
}
	.original-area {
	padding: 7% 0;
}
	.music-area {
	padding: 7% 0;
}
	.story-inner .channel-area .channel-inner .d-box {
	width: 50%;
    margin: 0 auto;
}
	
	
	
}