@charset "utf-8";
/* CSS Document */

/*==================================================
	
 
==================================================*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,700,900');

/*--------------------------------------------------
  ○ story
--------------------------------------------------*/

#storyscroll{
	width:100%;
	height:auto;
	clear:both;
}

.story_achv{}

.story_achv li{
	display:block;
	width:100%;
	height:45px;
	line-height:0;
	font-size:0px;
	background:url(../../../story/images/season01/ttb_btmbg.gif) no-repeat right bottom;
	margin-bottom:32px;
}

.story_achv li a{
	display:block;
	width:100%;
}

.story_subnavi{
	padding:20px 0px;
}

.story_subnavi li{
	margin-bottom:18px;
	background:url(../../images/2nd/character/list_bg.gif) no-repeat left center;
	line-height:0;
	font-size:0px;
}

.#nav5 a{
	position:relative;
}


/*************SEASON1**********************/

#bg_toka{
	background:url(../../images/2nd/character/character_tohka_bg.jpg) no-repeat right top;
}

#bg_shido{
	background:url(../../images/2nd/character/character_shido_bg.jpg) no-repeat right top;
}

#bg_kotori{
	background:url(../../images/2nd/character/character_kotori_bg.jpg) no-repeat right top;
}

#bg_miku{
	background:url(../../images/2nd/character/character_miku_bg.jpg) no-repeat right top;
}

#bg_kaguya{
	background:url(../../images/2nd/character/character_kaguya_bg.jpg) no-repeat right top;
}

#bg_yuzuru{
	background:url(../../images/2nd/character/character_yuzuru_bg.jpg) no-repeat right top;
}

#bg_elen{
	background:url(../../images/2nd/character/character_elen_bg.jpg) no-repeat right top;
}

#bg_origami{
	background:url(../../images/2nd/character/character_origami_bg.jpg) no-repeat right top;
}

#bg_yoshino{
	background:url(../../images/2nd/character/character_yoshino_bg.jpg) no-repeat right top;
}

#bg_kurumi{
	background:url(../../images/2nd/character/character_kurumi_bg.jpg) no-repeat right top;
}

#bg_reine{
	background:url(../../images/2nd/character/character_reine_bg.jpg) no-repeat right top;
}

#bg_mana{
	background:url(../../images/2nd/character/character_mana_bg.jpg) no-repeat right top;
}

#bg_issac{
	background:url(../../images/2nd/character/character_issac_bg.jpg) no-repeat right top;
}

#bg_natsumi{
	background:url(../../images/2nd/character/character_natsumi_bg.jpg) no-repeat right top;
}



#storymainbox{
	width:674px;
	height:auto;
	padding:120px 0px 0px 0px;
	clear:both;
}

.topthumbox{
	width:674px;
	height:auto;
	padding:0px 0px 34px 0px;
	clear:both;
	line-height:0;
	font-size:0px;
}

.thumvisual{
	width:674px;
	height:auto;
	padding:0px 0px 3px 0px;
	clear:both;
	overflow:hidden;
}

.thumvisual li{
	float:left;
	padding:0px 4px 0px 0px;
}

.thumvisual li.liend{
	float:left;
	padding:0px 0px 0px 0px;
}

.thumlines{
	width:674px;
	height:5px;
	border-bottom:1px solid #8d579f;
	position:relative;
	line-height:0;
	font-size:0px;
}

.allowbox{
	width:9px;
	height:5px;
	line-height:0;
	font-size:0px;
	position:absolute;
	left:19px;
}

.storydescription{
	width:674px;
	height:auto;
	clear:both;
	margin:0px auto;
}

.storydescription h4{
	width:674px;
	height:auto;
	clear:both;
	padding:0px 0px 24px 0px;
}

.onairleadbox{
	width:674px;
	height:auto;
	clear:both;
	padding:0px 0px 20px 0px;
}

.onairleadbox dl{
	display:block;
	width:674px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding:0px 0px 5px 0px;
}
.onairleadbox dt{
	display:block;
	width:150px;
	height:auto;
	float:left;
}
.onairleadbox dd{
	display:block;
	width:524px;
	height:auto;
	float:left;
}

.main_vbox{
	width:552px;
	height:305px;
	line-height:0px;
	font-size:0px;
	margin:0px auto;
	padding:12px;
	background:url(../../images/story/story_mainvisual_bg.png) no-repeat left top;
}

.vthumbox{
	width:352px;
	height:auto;
	line-height:0;
	font-size:0px;
	overflow:hidden;
	margin:0px auto;
}

.vthumbox li{
	float:left;
	padding:0px 3px;
	cursor:pointer;
}

.vthumbox li img{
	border:1px solid #999;
}

.storyleadbox{
	width:576px;
	height:auto;
	padding:30px 0px 55px 0px;
	clear:both;
	margin:0px auto;
	color:#444;
}

.storyleadbox p{
	padding:0px 0px 18px 0px;
	font-size:13px;
	line-height:1.4;
}

.storyleadbox p.staffs{
	padding:0px 0px 18px 0px;
	color:#2406bc;
	font-size:12px;
}

.storyleadbox p.inter_btn{
	padding:15px 0px 10px 0px;
	color:#2406bc;
	font-size:12px;
	text-align:right;
}

.nextdatebox{
	width:674px;
	height:auto;
	clear:both;
	margin:0px auto;
}

.nextdatebox h4{
	width:674px;
	height:auto;
	clear:both;
	padding:0px 0px 24px 0px;
}

.nextdate_yt{
	width:558px;
	height:auto;
	clear:both;
	margin:0px auto;
}

.storyleadbox2{
	width:576px;
	height:auto;
	padding:20px 0px 55px 0px;
	clear:both;
	margin:0px auto;
	color:#444;
}

.storyleadbox2 p{
	padding:0px 0px 14px 0px;
	font-size:13px;
	line-height:1.4;
}

.storyleadbox2 p.title{
	padding:0px 0px 12px 0px;
	font-weight:bold;
}

.movepagebox{
	width:674px;
	height:auto;
	clear:both;
	overflow:hidden;
	padding-top:150px;
}

.moveprev{
	float:left;
}

.movenext{
	float:right;
}

.character_mainbox{
	clear:both;
	position:relative;
}

.chara_text{
	position:absolute;
	left:-150px;
	bottom:200px;
	font-family: 'Noto Serif JP', sans-serif;
	color:#000;
}

.chara_text_laugh{
	position:absolute;
	left:-150px;
	bottom:100px;
}

.chara_text2{
	position:absolute;
	left:-180px;
	bottom:130px;
	font-family: 'Noto Serif JP', sans-serif;
	color:#000;
}

.chara_text3{
	position:absolute;
	left:-190px;
	bottom:200px;
	font-family: 'Noto Serif JP', sans-serif;
	color:#000;
}

.namebox{
	display:inline-block;
	
}

.chara-name{
	font-size:60px;
	font-weight:bold;
	line-height:1;
	padding-bottom:5px;
}

.chara-name2{
	font-size:40px;
	font-weight:bold;
	line-height:1;
	padding-bottom:5px;
}

.chara-cv{
	text-align:right;
	padding-bottom:20px;
	font-weight:600;
}

.chara-txt{
	font-size:14px;
	font-weight:600;
}