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

body{
	background-color:#000000;
	font-family: 'Noto Sans Japanese', serif;
	font-weight:200;
	font-size:11pt;
}

a:link { color: #bf0707; font-weight:bold; }
a:visited { color: #bf0707; }
a:hover { color: #bf0707; }
a:active { color: #bf0707; }

#wapper{
	width:1100px;
	margin:0px auto;
}
ul, ol {
  list-style: none; /* マーカーを消す */
}
/* 共有
---------------------------------------------------------------------- */
h1 {
	width:1100px;
	height:44px;
	line-height:100em;
	margin:0;
	padding:0;
	overflow:hidden;
}

.off{
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

/* topicon
---------------------------------------------------------------------- */
#topiconbox {
	width:122px;
	height:63px;
	position:fixed;
	top:0;
	background-image:url(../images/top/BG_topicon.png);
	z-index:100;
}
#topiconbox img{
	margin-top:4px;
}

/* navi
---------------------------------------------------------------------- */
#navibox {
	width:1100px;
	height:58px;
	position:fixed;
	bottom:18px;
	z-index:100;
	background-image:url(../images/menu/BG_navi.png);
}
#navibox li {
	width:133px;
	float:left;
	margin-left:57px;
}

#navibox .inner {
	width:1100px;
	margin:0 auto;
}

.comingsoon{
	 color: #5F5F5F;
	 font-weight:bold;
}

/*--- navi --- */
#navibox .inner .navi {
	width: auto;
	margin-left: 437px;
	padding: 28px 0 0 0;
	list-style:none;
}

.inner ul li {
  list-style: none;
  margin:0;
  padding:0;
  font-size:12px;
  float: left;
  position: relative;
  height: 30px;/*サブメニューの高さと同じにする*/
  line-height: 30px;
  text-align:center;
}
.inner ul li ul {
  position: absolute;
  top: -62px;/*ヘッダーの高さと同じにする*/
  margin-left:-57px;
  width: 125px;
  z-index: 20;
}
.inner ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 125px;/*サブメニューの幅*/
  height: 0;
  background: rgba(0,0,0,0.8);/*サブメニューの背景色*/
  border-top: 1px solid #333;
}
.inner ul li ul li a {
  color: #fff;
  display: block;
  text-decoration: none;
  letter-spacing: 2px;
}
.inner ul li ul li:hover, .inner ul li ul li a:hover {
  background: rgba(120,0,0,0.6);/*ホバー時のサブメニューの背景色*/
}
.inner ul li:hover ul li, .inner ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:30px;/*サブメニューの高さ*/
  z-index: 10;
}

.inner * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}




/* 更新情報
---------------------------------------------------------------------- */
#infobox {
	width:1100px;
	height:620px;
	position:relative;
	background-image:url(../images/info/BG_info.jpg);
}
#newsbox {
	width:548px;
	height:251px;
	position:absolute;
	background-image:url(../images/info/BG_news.png);
	left:75px;
	top:54px;
}
#newsbox dl {
	margin-left:55px;
	margin-top:90px;
	line-height:1.2em;
	height:108px;
	width:450px;
	overflow-y:scroll;	
	text-shadow: 0px 0px 6px #f1cb1a;
}
#newsbox dt {
	float:left;
	width:85px;
}
#newsbox dd {
	float:left;
	width:375px;
	padding-bottom:2px;
}
#listbut {
	float:right;
	margin-right:45px;
}
#twitterbox {
	width:514px;
	height:266px;
	position:absolute;
	left:93px;
	top:319px;
	color:#000;
}
#goodsbox {
	width:369px;
	height:519px;
	position:absolute;
	left:650px;
	top:65px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
#goodsbox img {
	box-shadow:rgba(50, 29, 29, 0.5) 0px 0px 6px 1px;
}


/* top
---------------------------------------------------------------------- */
#topbox {
	width:1100px;
	height:900px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

#title {
	position:absolute;
	width:365px;
	height:848px;
	z-index:2;
	left:0;
	top:100px;
	opacity:0;
}
#cast {
	position: absolute;
	width: 229px;
	height: 155px;
	z-index: 3;
	left: 815px;
	top: 490px;
}
#vol2 {
	position:absolute;
	width:229px;
	height:155px;
	z-index:3;
	left:335px;
	top:460px;
}
#shokai {
	position: absolute;
	width: 270px;
	height: 190px;
	z-index: 4;
	left: 785px;
	top: 625px;
}
#dummymic {
	position:absolute;
	width:322px;
	height:81px;
	z-index:3;
	left:176px;
	top:787px;
}
#release {
	position:absolute;
	width:571px;
	height:97px;
	z-index:3;
	left:500px;
	top:779px;
}



/* about
---------------------------------------------------------------------- */
#aboutbox {
	width:1100px;
	height:870px;
	position:relative;
	z-index:1;
	background-image:url(../images/about/BG_about.jpg);
}
#aboutbox h1 {background-image:url(../images/h1_about.png);}

/* character
---------------------------------------------------------------------- */
#chara1box {
	width:1100px;
	height:1904px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_chara1a.jpg);
}
#chara1box_plus {
	width:1100px;
	height:50px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_plus.jpg);
}
#chara1box h1 {background-image:url(../images/h1_chara.png);}

#chara1st {
	width:374px;
	height:867px;
	position:absolute;
	z-index:10;
	left:721px;
	top:58px;
}
#chara1catch {
	width:38px;
	height:644px;
	position:absolute;
	z-index:15;
	left:1033px;
	top:85px;
}
#chara1detail {
	width:272px;
	height:613px;
	position:absolute;
	z-index:10;
	left:325px;
	top:102px;
}
#chara1voice {
	width: 455px;
	height: 91px;
	position: absolute;
	z-index: 10;
	left: 280px;
	top: 705px;
}
#chara1voice img{
	padding:5px;
}
#chara1story {
	width:934px;
	height:660px;
	position:absolute;
	z-index:10;
	left:100px;
	top:937px;
}

#chara2box {
	width:1100px;
	height:1904px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_chara2a.jpg);
}
#chara2box_plus {
	width:1100px;
	height:60px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_plus.jpg);
}
#chara2box h1 {background-image:url(../images/h1_chara.png);}

#chara2st {
	width:331px;
	height:877px;
	position:absolute;
	z-index:10;
	left:690px;
	top:48px;
}
#chara2catch {
	width:38px;
	height:644px;
	position:absolute;
	z-index:15;
	left:1033px;
	top:85px;
}
#chara2detail {
	width:596px;
	height:768px;
	position:absolute;
	z-index:10;
	left:8px;
	top:92px;
}
#chara2voice {
	width: 570px;
	height: 91px;
	position: absolute;
	z-index: 10;
	left: 170px;
	top: 705px;
}
#chara2voice img{
	padding:5px;
}
#chara2story {
	width:968px;
	height:653px;
	position:absolute;
	z-index:10;
	left:59px;
	top:929px;
}


#chara3box {
	width:1100px;
	height:1904px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_chara3a.jpg);
}
#chara3box_plus {
	width:1100px;
	height:50px;
	position:relative;
	z-index:1;
	background-image:url(../images/chara/BG_plus.jpg);
}
#chara3box h1 {background-image:url(../images/h1_chara.png);}

#chara3st {
	width:331px;
	height:877px;
	position:absolute;
	z-index:10;
	left:690px;
	top:48px;
}
#chara3catch {
	width:38px;
	height:644px;
	position:absolute;
	z-index:15;
	left:1033px;
	top:85px;
}
#chara3detail {
	width: 596px;
	height: 768px;
	position: absolute;
	z-index: 10;
	left: 0px;
	top: 91px;
}
#chara3voice {
	width: 455px;
	height: 91px;
	position: absolute;
	z-index: 10;
	left: 280px;
	top: 705px;
}
#chara3voice img{
	padding:5px;
}
#chara3story {
	width:968px;
	height:653px;
	position:absolute;
	z-index:10;
	left:59px;
	top:929px;
}


/* special
---------------------------------------------------------------------- */
#specialbox {
	width:1100px;
	height:3160px;
	position:relative;
	z-index:1;
	background-image:url(../images/special/BG_special.jpg);
}
#specialbox h1 {background-image:url(../images/h1_special.png);}

#twitteritem {
	width:939px;
	height:784px;
	position:absolute;
	left:78px;
	top:70px;
	background-image:url(../images/special/BG_twitteritem.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	color:#39272c;
}
#twitteritem p {
	margin-top:55px;
	margin-left:36px;
}
#itemicon {
	float:left;
	margin-left:38px;
	margin-top:18px;
}
#itemheader {
	float:left;
	margin-left:19px;
	margin-top:18px;
}

#ouenitem {
	width:939px;
	min-height:2204px;
	position:absolute;
	left:78px;
	top:880px;
	background-image:url(../images/special/BG_ouenitem.jpg);
	background-color:#FFF;
	background-repeat:no-repeat;
	color:#39272c;
	padding-bottom:10px;
}
#ouenitem p {
	margin-top:55px;
	margin-left:36px;
}
#ouenitem img {
	float:left;
	margin:10px 10px 10px 26px;
}

/* spec
---------------------------------------------------------------------- */
#specbox {
	width:1100px;
	height:1556px;
	position:relative;
	z-index:1;
	background-image:url(../images/spec/BG_spec.jpg);
}
#specbox h1 {background-image:url(../images/h1_spec.png);}

.productbox_position{
	position:absolute;
	left:78px;
	top:108px;
}
.productbox_position2{
	position:absolute;
	left:78px;
	top:558px;
}
.productbox_position3{
	position:absolute;
	left:78px;
	top:1008px;
}
#productbox {
	width:939px;
	height:425px;
	background-image:url(../images/spec/BG_productbox.jpg);
}
#productbox table {
	width:789px;
	position:absolute;
	left:74px;
	top:57px;
}
#productbox th {
	border:1px solid #2d2323;
	background-color:#2d2323;
	color:#FFF;
	padding-top:4px;
	padding-bottom:4px;
}
#productbox td {
	border:1px solid #2d2323;
	padding-top:5px;
	padding-bottom:5px;
	color:#2d2323;
	text-indent:3em;
}
#productbox b{
	font-size:9px;
	font-weight:100;
}
#productbox h5{
	margin-top:3px;
	padding-right:5px;
	font-size:9px;
	font-weight:100;
	float:left;
}
#productbox h6{
	font-size:12px;
	font-weight:100;
}
.td01 {
	width:211px;
}