@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:0px 0px 20px 0px;
}

.story_subnavi li{
	font-size:11px;
	padding:0px 15px 15px 15px;
	background:url(../../images/2nd/bldvd/topnavi_icon.jpg) no-repeat 5px 6px;
}

.story_subnavi li a{
	color:#CCCCCC;
	font-size:12px;
	position:relative;
}

.story_subnavi li a:hover{
	color:#999999;
	text-decoration:none;
}

.story_subnavi li span{
	color:#CCCCCC;
	font-size:12px;
	position:relative;
}

.#nav5 a{
	position:relative;
}


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

#bg_toka{
	background:url(../../images/story/charabg_toka.png) no-repeat right bottom;
}

#bg_yoshino{
	background:url(../../images/story/charabg_yoshino.png) no-repeat left bottom;
}

#bg_kurumi{
	background:url(../../images/story/chara_bg.png) no-repeat left bottom;
}

#bg_kotori{
	background:url(../../images/story/charabg_kotori.png) no-repeat left bottom;
}

#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{
	text-align:center;
	color:#000;
	font-size:18px;
	font-family: 'Noto Serif JP', sans-serif;
	position: relative;
	padding: 10px 20px;
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	font-weight:bold;
	margin:10px 0px 30px 0px;
}

.storydescription h4::before,
.storydescription h4::after{
	content: '';
	position: absolute;
	top: -10px;
	width: 1px;
	height: calc(100% + 20px);
	background-color: #999;
}
.storydescription h4::before{left: 10px;}
.storydescription h4::after{right: 10px;}




.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:320px;
	line-height:0px;
	font-size:0px;
	margin:0px auto;
	padding:12px;
	/*background:url(../../images/story/story_mainvisual_bg.png) no-repeat left top;*/
	background:url(../../../story/images/story_mainvisual_bg.png) no-repeat left top;
}

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

.vthumbox ul{
	text-align:center;
	padding:20px 0px;
}
.vthumbox li{
	display:inline-block;
	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;
	font-family: 'Noto Serif JP', sans-serif;
}

.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;
}




.l_col_fix2 h4{
	padding:0px 0px 10px 0px;
}


.l_col_fix2 h4.topsubttl{
	padding:12px 0px 10px 0px;
}



.onair_tbl{
	padding-bottom:200px;
}

.onair_tbl table{
	border-collapse:collapse;
	width:100%;
	height:auto;
	font-size:18px;
	font-weight:bold;
}

.onair_tbl table th{
	padding:10px;
	border:1px solid #CCC;
	background:#000000;
	color:#eee;
}

.onair_tbl table td{
	padding:10px;
	border:1px solid #CCC;
}



.f-accent{
	color:#FFF;
	font-size:26px;
	font-family: 'Noto Serif JP', sans-serif;
}

.f-accent span{
	color:#C6C;
	font-size:32px;
	font-weight:bold;
	text-shadow:2px 2px 3px #333;
}