@charset "UTF-8";

/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input,select{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1,h2,h3,h4,h5,h6,h7,p{margin:0;padding:0;line-height:1;}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button:-moz-focusring,input:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}

/* -----------------------------------------------------------
	Basic Settings
----------------------------------------------------------- */
body{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background:#000;
}
img{
  vertical-align:top;
}

.rollover a img{
  -webkit-transition-duration:0.7s;
  -moz-transition-duration:0.7s;
  transition-duration:0.7s;
}


/* rollover */
.rollover a img:hover{
	filter: alpha (opacity=80);
	-moz-opacity: 0.80;
	-webkit-opacity: 0.80;
	opacity: 0.80;
}

/* Clearfix */
.clearfix:after,
#header:after,
#main:after,
.vol01 .photo:after,
.cast_vol01:after,
.cast_vol02_01:after,
.cast_vol02_02:after,
.cast_vol02_03:after,
.cast_vol02_04:after{
	display: block;
	height: 0;
	clear: both;
	content: "";
}


a{
  color:#f3ae7c;
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}



/* -----------------------------------------------------------
	Header
----------------------------------------------------------- */
#header{
  width: 960px;
  height:186px;
  margin:0 auto;
  background:url(../img/bg_header.png) center no-repeat;
}
#header .colabo{
  padding-top:55px;
  float:left;
}
#logo{
  margin-left: 45px;
  padding-top: 15px;
  float:left;
}
#header ul{
  float:left;
  padding:35px 0 0 0;
  margin:0 0 0 57px;
  list-style:none;
}
#header li{
  float:left;
}

/* -----------------------------------------------------------
	Main
----------------------------------------------------------- */
#main{
  width:960px;
  padding:0 0 70px 0;
  margin:0 auto;
}
#contents{
  width:640px;
  padding:20px;
  float: right;
  background:#270000;
  border-radius:8px;
}
#main .inner{
  width:640px;
  margin:0 auto;
}
#story h2{
  margin-bottom: 20px;
}
#story .bg{
  padding-top: 15px;
  height:169px;
  background:url(../img/bg_story.jpg) no-repeat;
}
#story h3{
  margin-bottom: 10px;
}
#story p{
  font-size: 12px;
  line-height:22px;
  color:#fff;
}
.movie{
  width:100%;
  margin:20px auto 10px;
}
.movie iframe{
  width:100%;
  box-shadow:0 0 10px #fff;
}
.movie .comingsoon{
  height:362px;
  box-shadow:0 0 10px #fff;
  background:url(../img/movie_coming.jpg) no-repeat;
}
.movie .comingsoon p{padding-top: 157px;
  text-align:center;
  line-height:24px;
  color:#270000;
}

.latest_title{
  height:13px;
  background:url(../img/line_latest.jpg) no-repeat 0 3px;
  text-align:center;
  line-height:1;
  margin-bottom: 20px;
}
.latest_title span{
  font-size: 12px;
  color:#fff;
}
.latest_arrow{
  font-size: 12px;
  margin-bottom: 85px;
  text-align:right;
}
.latest_arrow a{
  padding-left: 10px;
  background:url(../img/arrow.png) left 50% no-repeat;
}
.chapter{
  margin-bottom: 30px;
}
.tl_vol01{
  margin-bottom: 35px;
}
.vol01{
  padding-top: 30px;
}
.vol01 h2{
  margin-bottom: 20px;
}
.vol01 .desc{
  width:640px;
  margin-bottom: 70px;
}
.vol01 .desc h3{
  padding-top:25px;
  margin-bottom: 15px;
}
.vol01 .photo{
  width:100%;
  margin-bottom: 20px;
}
.vol01 .left{
  float:left;
}
.vol01 .right{
  float:right;
}
.vol01 .desc p{
  font-size: 12px;
  line-height:22px;
  color:#fdf4e5;
}
.tl_notice_vol01_second{
  padding:0px 0 100px ;
}
.tl_cast_vol01{
  margin-bottom: 30px;
}
.cast_vol01{
  width:640px;
  padding:0;
  margin:0 auto 40px;
  list-style:none;
  color:#fff;
}
.cast_vol01 li{
  width:200px;
  float:left;
  text-align:center;
}
.cast_vol01 img{
  width:100%;
  height:auto;
}
.cast_vol01 .miku,
.cast_vol01 .yakuo{
  margin-left: 20px;
}
.cast_vol01 p{
  line-height:20px;
  margin-bottom: 5px;
}
.cast_vol01 span{
  font-size: 12px;
}
.cast_vol01 .photo{
  margin-bottom: 10px;
}
.cast_vol01_np{
  color:#fff;
  margin-bottom: 110px;
}
.cast_vol01_np p{
  margin-bottom: 7px;
  line-height:28px;
  text-align:center;
}
.cast_vol01_np span{
  font-size: 12px;
}
.tl_staff{
  margin-bottom: 40px;
}
.staff p{
  color:#fff;
  line-height:28px;
  margin-bottom: 1em;
  text-align:center;
}
.staff span{
  font-size: 12px;
}
.cast_vol02_01{
  width:640px;
  padding:0;
  margin:0 auto 50px;
  list-style:none;
  color:#fff;
}
.cast_vol02_01 li{
  width:200px;
  float:left;
  text-align:center;
}
.cast_vol02_01 img{
  width:100%;
  height:auto;
}
.cast_vol02_01 p{
  line-height:20px;
  margin-bottom: 5px;
}
.cast_vol02_01 span{
  font-size: 12px;
}
.cast_vol02_01 .photo{
  margin-bottom: 10px;
}
.cast_vol02_01 .osoreyama,
.cast_vol02_01 .noroi{
  margin-left: 20px;
}
.tl_chapter02_regular{
  margin-bottom: 20px;
}
.tl_chapter_regular{
  margin-bottom: 20px;
}
.cast_vol02_02{
  width:420px;
  padding:0;
  margin:0 auto 50px;
  list-style:none;
  color:#fff;
}
.cast_vol02_02 li{
  width:200px;
  float:left;
  text-align:center;
}
.cast_vol02_02 .miku{
  margin-left: 20px;
}
.cast_vol02_02 img{
  width:100%;
  height:auto;
}
.cast_vol02_02 p{
  line-height:20px;
  margin-bottom: 5px;
}
.cast_vol02_02 span{
  font-size: 12px;
}
.cast_vol02_02 .photo{
  margin-bottom: 10px;
}
.cast_vol02_03{
  width:600px;
  padding:0;
  margin:0 auto 10px;
  list-style:none;
  color:#fff;
}
.cast_vol02_03 .yakuo{
  width:150px;
  float:left;
}
.cast_vol02_03 .nishimura{
  width:410px;
  text-align:center;
  float:right;
}
.cast_vol02_04{
  width:600px;
  padding:0;
  margin:0 auto 50px;
  list-style:none;
  color:#fff;
}
.cast_vol02_04 .yakuo{
  width:150px;
  float: left;
}
.cast_vol02_04 .nishimura{
  width:140px;
  margin-left: 10px;
  float: left;
}
.cast_vol02_04 .inoue,
.cast_vol02_04 .kajiwara{
  width:150px;
  float: left;
}
.cast_vol02_04 p{
  line-height:20px;
  text-align:center;
  margin-bottom: 5px;
}
.cast_vol02_04 span{
  font-size: 12px;
}

#sidebar{
  width: 260px;
  float: left;
}
#sidebar ul{
  margin:0 0 50px 0;
  padding:0;
  list-style:none;
}
#sidebar li{
  margin-bottom: 10px;
  background:#fff;
}
#sidebar h3{
  margin-bottom: 20px;
}
/* -----------------------------------------------------------
	Footer
----------------------------------------------------------- */
footer{
  padding:30px 0 50px 0;
  text-align:center;
}
@media (max-width: 670px) {
}