@charset "UTF-8";
/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	line-height: 1.6;
	}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure, figcaption
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img, object {
	max-width : 100%;border:none;
	height: auto;
}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ outline: none; }
input, textarea
{ border-radius: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }
input[type="button"],input[type="submit"]
{ -webkit-appearance: none; background: none; border: none; padding: 0; cursor: pointer;}
abbr, acronym
{ border: 0;}
*
{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll; width: 100%; background-color:#000;}
body { text-align: center;width: 100%; background-image:url(../images/bg.png);
}
@media print {
	html,
	html body { *zoom: 0.65;}
}
.wrap {	overflow: hidden;}

/* ======================================== */


a:link { color: #9e59d6; text-decoration:none;}
a:visited { color: #5e527b; }
a:hover { color: #959796; }
a:active { color: #000; }

a.top-news { color: #ff0015; text-decoration:none;}
a.top-news:visited { color: #f0ed87; }
a.top-news:hover { color: #9d53d1; }
a.top-news:active { color: #000; }

.fzS  { font-size: 80%;}
.fzSS  { font-size: 60%;}
.fwB { font-weight: bold;}
.fzL  { font-size:  120%;}
.fzLL { font-size:  180%;}

.cnt{
	margin:0 auto;
}
.align-right{
	float:right;}
.align-left{
	float:left;}
.mt-20{ margin-top:20px;
}

/* !wrapper
---------------------------------------------------------- */
#wrapper {  text-align:center;width:100%;
     position: relative;
     height:auto !important; /*IE6???*/
     height: 100%; /*IE6???*/
     min-height:100%;
}

/* !contents
---------------------------------------------------------- */
#contents {	
	margin: 0 auto;
	width: 100%;
	padding:0px;
	text-align: left;
}

#contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


#head{ margin:auto; padding:0; position:relative;
	width:100%; height:66px;
display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;

	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;

	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}

<!--　menu　-->
.nav { margin:0; padding:0;
  width:100%;
  position: absolute;
  z-index:990;
}

.nav-in { margin:0px;
  width: 100%;
  top: 0;position:fixed; 
  left: 0; display:block;
}
#menu{  width: 100%; margin:0; top:0; padding:8px 0 5px 0; height:auto;
 color:#fff;background-color:#000; background-image:url(../images/top_menu_bg.jpg);
 border-bottom: 4px #4b494a solid;

    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;

    justify-content:space-around;
	
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
}



#menu li.logo{ padding:0px 0  0  0; text-align:center; bottom:0;
	 width:auto;height:auto; display:inline;
}
#menu li{ padding: 0px 0 0px 0; text-align:center; color:#FFF;
	 width:17%;height:auto; display:inline;
	-webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    -o-align-self:center;
    align-self:center;
}

#menu li:hover{     
-webkit-filter:opacity(0.5);
    -moz-filter:opacity(0.5);
    -ms-filter:opacity(0.5);
    filter:opacity(0.5);
}
#menu li.logo:hover{ -webkit-filter:opacity(1);
    -moz-filter:opacity(1);
    -ms-filter:opacity(1);
    filter:opacity(1); cursor:default;
}

nav.nav,.menu-mob  {top: 0;position:fixed; z-index:999;}

.menu-mob { cursor:pointer; width: 100%;

}

.menu-icon{ width:100%; height:auto;
}

#main-top {
	margin: 0 auto; padding:0; margin-top:79px; position:relative;
	width: 1000px; height:auto; position:relative;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
	-webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
	
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -moz-box-align:start;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    align-items:flex-start;
}

#main-top:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

#main {
	margin: 0 auto; padding:40px 70px 20px 70px;
	width: 1000px; height:auto; position:relative; background-color:#FFF;
	
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
	-webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
	
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -moz-box-align:start;
    -webkit-align-items:flex-start;
    -moz-align-items:flex-start;
    align-items:flex-start;
}

#main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


#sub-tit{ margin:40px 0 20px 0;
}

ul#sub-nav { width:80%; margin:20px 0;
font-size:80%;

    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}

ul#sub-nav li{ line-height:2; padding:0 5px; text-align:center; margin-left:-6px;
}

ul#sub-nav li:before {
content: url(../images/icon_01.jpg); 
}

ul#sub-nav li a{ color:#43446e;
}



/* トップページ */

#catch{ position:absolute; top:20px; left:440px;
}


#news-tit{  margin: 0 auto;
text-align:left; width:934px; height:46px;
}


#news-box{ position:absolute; top:1109px; left:0;
	width:100%; height:360px; margin: 0 auto; padding:40px 20px;
	background-image: url(../images/news-bg.png);
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
	}
#top-box{overflow:auto; overflow-y:scroll !important; overflow-x:hidden;
height:330px; width:90%; margin:0 auto;
}
	
dl.top-news{ float:left; padding:10px 0; margin:0 auto;
	width:100%; height:auto; line-height:1.8;color:#fff;
	border-bottom: 1px #14345b solid;
}
dl.top-news dt{ margin:0px; padding:8px;
	float:left;width:15%; font-size:70%; font-weight:bold;
}
dl.top-news dd{ margin:0px; padding:8px;
	float:left;	width:85%;
}



/* インフォメーション　*/

#info-illust{ position:absolute; top:40px; left:800px;
}
#info-illust02{ position:absolute; top:2700px; left:800px;
}

dl.info{float:left; clear:both; padding:0 0 15px 0;
	width:800px; line-height:1.8;border-bottom: 1px #d9d9d9 solid;
}
dl.info dt{ clear:both; margin:0px; padding:10px 20px;
	float:left;width:100%; min-height:43px; color:#fff; background-image:url(../images/news_tit_bg.jpg); background-repeat:no-repeat;
	background-color:#000;
	font-weight:bold; font-size:100%;
}
dl.info dd{ margin:0px; padding:2px 0 10px 0;
	float:left;	width:100%; font-size:80%;
}

.tate{
	display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
}



/* リリース　*/
#release-illust{ position:absolute; top:40px; left:809px;
}
#release-illust02{ position:absolute; top:1550px; left:809px;
}

dl.m-tit-box{ margin:20px 0 0 0; position:relative;
	 width:100%; min-height:230px; background-image:url(../images/singer_bg.png); background-repeat:no-repeat;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
}
dl.m-tit-box dt{ width:100%;
}
dl.m-tit-box dd{ width:100%;
}


dl.m-tit-box02{ margin:20px 0 0 0; position:relative;
	 width:100%; min-height:160px;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
}
dl.m-tit-box02 dt{ width:100%; font-size:200%;
}
dl.m-tit-box02 dd{ width:100%;
}

.singer{ position:absolute; top:160px; left:170px;
}
.singers{ position:absolute; width:60%; top:155px; left:320px;
}
.credit{ position:absolute; width:20%; top:65px; left:550px;
}
.sound-box{
	display:-webkit-box; width:100%;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    flex-wrap:wrap;

    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}

dl.disc-box{ width:260px; text-align:center;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
}
dl.disc-box dt{ width:260px;
}
dl.disc-box dd{ width:260px;
}

.typ-bg{ background-color:#464581; padding:0 1px; color:#FFF; width:100%; font-weight:bold; letter-spacing:0.1em;
display:inline-block;
-webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}



.music-box{ width:100%;
}

.shuroku{ margin:5px 0; padding:0 0 5px 0; width:100%; background-image:url(../images/shuroku_line.jpg); background-repeat:repeat-x;
background-position:bottom;
text-align:center; font-size:80%;
}


.shuroku_box{ width:45%; height:auto; padding:0 20px 20px 20px; margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;
		
    -webkit-box-align:end;
    -moz-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    -moz-align-items:flex-end;
    align-items:flex-end;
	}

.songs{ width:100%; margin-top:15px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
	
	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;
		
    -webkit-flex-pack:distribute;
    -moz-flex-pack:distribute;
    -ms-flex-pack:distribute;
    -webkit-justify-content:space-around;
    -moz-justify-content:space-around;
    justify-content:space-around;
}
dl.song-tit-box{ width:350px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

}
dl.song-tit-box dt{ width:90px; height:auto; padding:20px; background-color:#464581; text-align:center;
color:#FFF; font-weight:bold;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	
	    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}
dl.song-tit-box dd{ width:260px; padding:20px; background-color:#FFF; font-size:80%;
border: 1px #464581 solid; text-align:left;
}
.song-tit01{ padding:0 0 0 30px; list-style:decimal;
 text-align:left; 
}
.song-tit02{ padding:0 0 0 30px;
 text-align:left; 
}
dl.btn-box{ width:100%; margin:50px 0 80px 0; text-align:center;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
}
dl.btn-box dt{ width:50%;
}
dl.btn-box dd{ width:50%;
}

.date{ width:722px; height:35px; padding:5px 15px; background-image:url(../images/date_bg.jpg); color:#eb1929; font-weight:bold;
font-size:120%; letter-spacing:0.1em;
}

.tube-box{ width:60%; margin:auto; margin-top:50px;
padding:3px;border: 1px #ccc solid;	-moz-box-shadow: 3px 0 10px #000;
-webkit-box-shadow: 3px 0 10px #000;
}

.tube-frm {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.tube-frm iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 作品情報　*/

#prog-illust{ position:absolute; top:40px; left:760px;
}

dl.about-box{ width:90%;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;

}
dl.about-box dt{ width:30%; height:auto; padding:10px; text-align:center;

    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	
	    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}
dl.about-box dd{ width:60%; padding:0px;
 text-align:left;
     display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
	
	    -webkit-box-pack:center;
    -moz-box-pack:center;
    -webkit-flex-pack:center;
    -moz-flex-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    justify-content:center;
}


dl.staff{ width:100%;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
	-webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
}
dl.staff dt{ width:49%;
}
dl.staff dd{ width:49%; margin-left:10px;
}


dl.cast{ width:100%;
display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
	
	-webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
}
dl.cast dt{ width:30%;
}
dl.cast dd{ width:30%;
}



ul.broad-lst li{ line-height:2;
}

ul.broad-lst li:before {
content: url(../images/icon_02.jpg);
}


ul.haisin-lst{ width:80%;
}
ul.haisin-lst li{ line-height:2;
}

ul.haisin-lst li:before {
content: url(../images/icon_03.jpg);
}


ul.haisin-lst li a{ color: #2d2e45;
}



/* !footer
---------------------------------------------------------- */
#foot01{
	margin:0; padding:3% 0; color:#b4b4ba;
	width:100%; height:10%;bottom:0;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -webkit-flex-direction:column;
    -moz-flex-direction:column;
    flex-direction:column;

	-webkit-box-align:center;
    -moz-box-align:center;
    -webkit-align-items:center;
    -moz-align-items:center;
    align-items:center;
}
#foot02{ width:25%; margin-top:1%;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-direction:normal;
    -moz-box-direction:normal;
    -webkit-box-orient:horizontal;
    -moz-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-flex-direction:row;
    flex-direction:row;
	
    -webkit-flex-line-pack:center;
    -moz-flex-line-pack:center;
    -webkit-align-content:center;
    -moz-align-content:center;
    align-content:center;
}
.foot-logo{ width:45%;margin:0 1%; text-align:center;
	-webkit-align-self:center;
    -moz-align-self:center;
    -ms-align-self:center;
    -o-align-self:center;
    align-self:center;
}