BODY {

	background:url('../dng/img/back06_rmr20150817.png') repeat;

	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 17px;
	color:#999;
	padding-top: 0px;
	line-height: 25px;
} 

A {
	color: #999;
}
A:hover {
	color: #fa9;
}
a[target=_new]
{
    cursor: alias !important;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

.noborder  {
	border-style: none;
}

.nounder a {
	text-decoration: none;
}

dt {
	margin:10px 0 0 0;
}

dd {
text-align:left;
margin-left: 1em;
}

.ban {
	font-weight: bold;
	font-size: 100%;
	color:#359;
	background:#f77;
}

ul {
list-style-type: none;
}
.caption1 {
	font-size: 80%;
}

.caption2 {
	width:270px;
	margin:5px 0 0 0;
	font-size: 100%;
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	text-align:left;
	text-decoration: none;
/*	background:#999; */

}

.caption3 {
	margin: 0px auto;
	padding: 0px;
	font-weight: bold;
	font-size: 130%;
	font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#5a5;
	text-align: left;
}
.capition4 {/*親div*/
  position: relative;
　　text-shadow: 0 2px 0 black, 0 -2px 0 black, 2px 0 0 black, -2px 0 0 black;    }

.capition5 {/*メニューリンク*/
  text-align: center;
  font-family: "Meiryo UI", "MS UI Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.caption5 p{
  text-align: center;
  color: #333;
  font-size: 30px;
}

.capition5 a:link{
  color: #333;
}

.caption5 a:hover{
  color: #833;
}

.caption5 a:visited{
 color: #159;
}

.font_8 {
    font: normal normal normal 16px/1.4e didot-w01-italic,serif;
    color: #333;
}

.font_9 {
	height:20px;
    font: normal normal bold 18px/1.4em didot-w01,serif;line-height:15x;
    color: #333;
}

.font_10 {
	height:30px;
    font: normal normal bold 18px/1.4em didot-w01,serif;line-height:15x;
    color: #333;
}

.outline
{	
	text-shadow:
	 0 1px 0 #0f0,
	 0 -1px 0 #ff0,
	 1px 0 0 #0ff,
	-1px 0 0 #0a0;
	color: #333;
}

.round_border
{
	border-radius:6px;
	-moz-border-radius:6px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:6px; /* Safari */
}

.textShadow
{
	text-shadow: 2px 2px #333;
}

.boxShadow
{
	-webkit-box-shadow: 1px 1px 3px gray, -1px -1px gray;
	-moz-box-shadow: 1px 1px 3px gray,-1px -1px gray;
	box-shadow: 1px 1px 3px gray, -1px -1px gray;
}

.auto-style1 { border-width: 0px;
}

.auto-style2 { margin-left: 0px;
}

.auto-style3 {
 margin-top: 5px;
 margin-left: 5px;
 font-family: "Meiryo UI";
 font-size: 12px;
}

.auto-style4 {
 font-style: normal;
 font-variant: normal;
 font-weight: normal;
 font-size: 16px;
 line-height: 1.4em;
 font-family: didot-w01-italic, serif;
 color: #FFFFFF;
 text-align: right;
}

.auto-style13 {
 position: relative;
 margin: 0 auto;
 text-align:center;
 font-family: "Meiryo UI";
 font-size: 10px;
 line-height:12px;
 color:#333;
}


.contentsindexbox {
  position: relative;
  }

.contentsindexbox p {
  position: absolute;
  top: 5px;/*画像の左上に配置*/
  left: 5px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background: aqua;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }

.contentsindexbox img {
  width: 100%;
  }
  
.yoyakubox {
  text-align:center;
  }

.yoyakubox p {
  top: 5px;/*画像の左上に配置*/
  left: 5px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background:#CCFF66;/*背景色*/
  font-size: 15px;
  line-height: 1.5;/*行高は1.5に*/
  padding: 5px 5px;/*文字周りの余白*/
  }
  
.yoyakubox2 {
  text-align:center;
  margin-top:-10px;
}

.yoyakubox2 p {
  top: 5px;/*画像の左上に配置*/
  left: 5px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background:#FF6600;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 5px;/*文字周りの余白*/
  }

.buybox {
  text-align:center;
  }

.buybox p {
  top: 5px;/*画像の左上に配置*/
  left: 5px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  background:orange;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
  }


/*　アポロン　（横一弾抜き用　キャプション）　*/
.caranamebox {
  position: relative;
  background:rgba(0,0,0,0.6);/*背景色*/  }

.caranamebox p {
  position: relative;
  top: 5px;/*画像の左上に配置*/
  left: 5px;
  margin: 0; /*余計な隙間を除く*/
  color: white;/*文字を白に*/
  line-height: 1.45;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
	font-family: "Meiryo UI";
  }


#ct {
	width: 1366px;
	margin: 0 auto;
	text-align:center;
/*	background:url(img/back07_rmr_01.png)  repeat; */
}

#NEWS {margin: 5px;text-align:right;font-size:80%; }

#hd {
	position: relative;
	width: 1366px;
	height:55px;
	margin: 0 auto;
	left: 0px; top: 0px;
	text-align:left;
}

#hd h1{ display :none;}

#hd h2{
	color:#7F9;
	font-size: 120%;
	font-weight: bold;
	text-shadow:0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb;
	display: block;
}

#title {
	width: 300px;
	font-size: 80%;
	float: left;
	color:#333;
}

#title a{
	color:#333;
}



/* [Twitter] */
.twbtn {
	position:relative;
	top:15px;
	width: 130px;
	left: 0px;
	float: left;
}

/* [Facebook] */
.fb-like {
	position:relative;
	width: 69px;
	float: left;
}


.osirase {
	position:relative;
	width: 300px;
	top:13px;
	left: 100px;
	color: #333;
	font-size: 80%;
	font-weight: bold;
	text-align: center;
	background-color: rgba(0,200,0,0.5);
	float: left;
}


#mein {
	height: 768px; width:1366px;
	position: relative; left: 0px; top: 0px;
/*	background: url('../ds/img/ds-top02.jpg') no-repeat; */
	background-color: rgba(0,200,0,0.5);
	text-align: center;
}

#menu {
	position: absolute;
	z-index: auto;
	height: 675px;
	width: 240px;
	text-align: left;
	left: 0px; top: 40px;
	line-height: 1em;
/*	background: #f00;
*/
}

#menu ul {
  list-style: none;
  padding-left: 5px;
  text-align:left;
  display: table;
}

#menu li {
	margin-top: 1px;
}



#topdouga {
	position: relaitive;  z-index: auto;
	height: 768px;
	width : 1366px;
	text-align:center;
	padding: 0px 0 0 0;
	float:left;
}

#douga {
	position: relative;
	height: 768px;
	width: 1366px;
	text-align: center;
	margin :0 auto;
	background-color: rgba(256,256,210,0.80);
}


#information {
	position:relative;
	top: 10px;
	width:1366px;
	height:280px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0px 0px 0px;
/*	background: #3ff;
*/
}

#informationbox {
	position: relative;
	width:800px;
	text-align: center;
	margin: 0 auto;
}

#informationcont {
	position: relative;
	word-wrap:break-word;
	width:800px;
	text-align: left;
	margin: 0 auto;
	padding:0 0 0 0px;
	color: white;
	line-height: -1em;
	   height: 11.0em;  /* 高さを制限(※) */
   overflow: scroll; /* スクロールバーを表示(※) */
   border: 1px solid;  /* 枠線を追加 */
   background-color: rgba(0,200,100,0.5); /* 背景色を追加 */
}


#informationcont a{
	color: #fff;
}

#informationcont A:hover {
	color: #af9;
}

#informationcont A:visited{
 color: #555;
}


#story {
	top: 30px;
	width:980px;
	height: 450px ;
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
/*	background: #3ff;
*/
}

#storybox {
	width: 100%;
	height: 380px ;
	text-align: center;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.7);

}

#storycont {
	text-align: center;
	margin: 0 auto;
	padding:0px 0px 0px 0px;
	color: #333;
/*	background: #3f3;
*/
}


#world {
	top: 50px;
	width:1366px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0px 10px 0px;
/*	background: #3ff;
*/
}


#worldbox {
	text-align: center;
	margin: 0 auto;
	padding: 10px 0px 0px 25px;
    position: relative;
	background: url('../ds/img/DS_apollon_image01.png') no-repeat;
/*	background-color: rgba(0,135,200,0.5);
*/
}

.worldcont {
	text-align: left;
	margin: 0 auto;
	line-height: -1em;
	color: #333;
	background-color: rgba(250,250,250,0.00);
}

.worldcont dt{
	font-size: 25px;
	font-weight: 800;
	padding: 0.8rem 2rem;
	border-left: 8px solid #0fa;
/*	background-color: rgba(250,250,250,0.50);
*/
}

.worldcont dd{
	position: relaitive;
	margin: 0 auto;
	padding: 5px 0 0 45px;
	font-size: 20px;
/*	background-color: rgba(250,250,250,0.50);
*/
	font-family: didot-w01-italic,serif;
}



/*   キャラクター表示  */

*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 50% - 6px ) ;
    margin-right: 12px;
    margin-bottom: 12px;
}
.col_2 > *:nth-child(2n){
    margin-right: auto;
}
.col_2 > * > *{
    background: #ff0000;
    height: 400px;
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
    .col_2 > *{
        width: 100%;
        margin-right: auto;
    }
}

/*          　ここまでテスト　　　*/


#cara {
	width:1366px;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 10px 5px 5px 5px;
/*	background: #3ff;
*/
}

#carabox {
	width: 680px;
	text-align: center;
	margin: 0 auto;
	color: #333;
	background-color: rgba(255,255,255,0.5);
}

.caracont {
	position: relative;
	width:680px;
	height: 400px;
	text-align: center;
	margin :0 auto;
	background-color: rgba(256,256,256,0.80);
/*	background:url("img/ds_cara_frame01.png")  no-repeat;
*/
}

.carasetumei {
	position: relaitive;
	width : 320px;
	height: 380px;
	text-align:left;
	padding: 20px 0 0 15px;
	float:left;
}

.carasetumei dt{
	font-size: 28px;
	font-weight: 800;
	padding: 0.5rem 0.5rem;
	border-left: 8px solid #0fa;
}

.carasetumei dd{
	position: relaitive;
	margin: 0 auto;
	padding:5px 0 0 0;
/*	background-color: rgba(0,135,200,0.50);
*/
	font-family: didot-w01-italic,serif;
}


.caragazou {
	position: relaitive;
	height: 400px;
	width : 360x;
	text-align:left;
	padding: 0px 0 0 0;
	float:left;
/*	background: #5f0;
*/
}

.caragazou img{
	height: 390px; width: 360px ;
	margin: 0 auto;
}


#caracont p{
	margin: 0 auto;
}


#emblem {
		margin: 0 auto;
		position:relative;
}

.playground {
	margin: 1em 0px;
	padding: 0.5em 1em;
}

figure {
  margin: 0;
}

.audio { width: 100px; height: 30px; margin: 2px;}

.caracontboxb {
	width: 260px; height: 320px;
	text-align: left;
	margin: 0 auto;
	float:left;	}
	
.caracontboxc {
	width: 260px; height: 320px;
	text-align: left;
	margin: 0 auto;
	float:left;	}

.caracontboxd {
	width: 712px; height: 532px;
	text-align: left;
	margin: 0 auto;
}

#caracont:after {
  content: '';
  display: table;
  clear: both;
}


#prod {
	position: relative;
	top: 0px;
	width:980px;
	/*height:650px;*/
	text-align: center;
	margin: 0 auto;
	padding: 30px 0 0 0;
/*	background: #3ff;
*/
}

#prod h1{ display :none;}

.prodbox {
	position: relative;
	text-align: center;
	margin: 0 0 10px 100px;
	padding: 10px 0 10px 0;
	width:800px;
	background-color: rgba(000,135,50,0.1);
}


.prodcont {
	text-align: center;
	margin: 0 auto;
	padding:10px 10px 10px 10px;
	color: #333;
}

.proddouga {
	position: relative;
	text-align:center;
	margin:0 auto;
/*	background: #f00;
*/
}


#brightlyrics {
	position: relative;
	top: 0px;
	width:980px;
	text-align: center;
	margin: 0 auto;
	padding: 50px 0 0 0;
/*	background: #3ff;
*/
}

.brightlyricsbox {
	position: relative;
	text-align: center;
	margin: 0 0 50px 100px;
	padding: 10px 0 0px 0;
	width:800px;
	height: 1100px;
	background-color: rgba(135,135,200,0.2);
}

.brightlyricscont {
	text-align: center;
	margin: 0 auto;
	padding:10px 10px 10px 10px;
	line-height: 1.5em;
	color: #333;
}



#dramacd01 {
	position:relative；
/*	background: #f90;
*/
}

.cd01{
	position:relative；
	width: 800px;
	height: 560px;
	left: 0px;
	top: 0px;
/*	background: #f55;
*/
}

.cd02{
	position:relative；
	width: 900px;
	height: 920px;
	left: 0px;
	top: 0px;
/*	background: #f50;
*/
}

.cd03{
	position:relative；
	width: 800px;
	height: 560px;
	left: 0px;
	top: 0px;
/*	background: #f55;
*/
}

.cd04{
	position:relative；
	width: 800px;
	height: 500px;
	left: 0px;
	top: 0px;
/*	background: #f55;
*/
}

#ending {
	position:relative；
}

#ost01 {
	position:relative；
}


#santoracd{
position:relative；
}


#apa01 {
	position:relative；
	height: 1200px;
/*	background: #ff3;
*/

}

#shatu01{
	position:relative；
	height: 600px;
/*	background: #ff3;
*/
}


#figure01{
position:relative；
}



#other {
	position: relative;
	text-align: center;
	margin: 0 auto;
	top: 80px;
	width: 760px;
	height: 900px;
/*	background: #3ff;
*/
}

#otherbox {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 0 0;
/*	background-color: rgba(0,135,200,0.5);
*/
}

.other1 {
	position: relative;
	text-align: center;
	margin: 0 auto;
	top: 0px;
	width: 760px;
	height: 150px;
/*	background: #3ff;
*/
}

.other2 {
	position: relative;
	text-align: center;
	margin: 0 auto;
	top: 0px;
	width: 760px;
	height: 200px;
/*	background: #3ff;
*/
}

#othercont {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	line-height: -1em;
}

.douga01box {
	text-align: center;
	margin: 0 auto;
	height: 450px;
/*	background-color: rgba(0,135,100,0.5);
*/
}

.douga01cont {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	line-height: -1em;
}


#caststaff {
	top: 50px;
	position: relative;
	height:650px;
	width:980px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 0 10px;
	position： relative;
/*	background: #3ff;
*/
}


#about {
	position: relative;
	top: 50px;
	width: 800px;
	height: 420px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0 0 10px;
/*	background: #3ff;
*/
}

#aboutbox {
	text-align: center;
	margin: 0 auto;
}

.aboutcont {
	text-align: center;
	margin: 0 auto;
	line-height: 0.5em;
	font-size: 18px; color:#333;
}


#castlink {
	height:350px;
	text-align:center;
	margin:0 auto;
	padding: 20px 50px;
/*	background-color:aqua;
*/	
}

#castlink a{
	color:#333;
}

#castlink a:hover {
	color: #838;
}

#castlink a:visited {
	color: #555;
}

#castlinkbox {
	width:600px;
	text-align:center;
	line-height:25px;
	margin:0 auto;
	color:#333;
	font-size: 18px;
/*	background-color:orange;
*/
}




#linkbana {
	position: relative;
	top: 5px;
	width:980px;
	text-align: center;
	margin: 0 auto;
/*	background: #f0f;
*/
}

#linkbanabox {
	text-align: center;
	margin: 0 auto;
	height:200px; width: 850px;
	position: relative;
	left: 0px; top: 0px;
	background-color: rgba(0,135,200,0.0);
}

#linkbanacont {
	text-align: left;
	margin: 0 auto;
	line-height: -1em;
	position:relative; top: 5px; left: 0px;
}


#botan {
width:80%;
}


hr.style-one {
    border: 0;
    height: 1px;
    background: #ddd;
    background-image: -webkit-linear-gradient(left, #333, #ddd, #333);
    background-image:    -moz-linear-gradient(left, #333, #ddd, #333);
    background-image:     -ms-linear-gradient(left, #333, #ddd, #333);
    background-image:      -o-linear-gradient(left, #333, #ddd, #333);
}

/* -- 役職用小文字　--　*/
.staffy {
font-size:80%;
}

#link {
	margin:0 auto;
	text-align:center;
	font-weight:nomal;

}

#linkbox {
	clear: both;
	margin: 0 auto;
	padding: 20px 100px;
	text-align:center;
}

/*　ブックマーク　*/

#bookmark {
	width: 980px;
	margin: 0 auto;
	padding-top:20px;
	height: 90px;
	text-align:center;
	background:#111;
}

#bookmark ul,#bookmark li {
	display:  display: inline-block;
	margin: 0 auto;
	padding: 1;
}


#fb-root {
	position:relative;
}

/*- FOOTER --*/
#footer {
	clear: both;
	width: 980px;
	margin: 0 auto;
	text-align:center;
	color:#999;
	font-size:70%;
	text-shadow:none;
	padding-top:5px;
	background:url(back04_rmr20150731.png)  repeat;
	text-align:center;
	position:relative;
}

/*　回り込み回避用　*/
    .clear { clear:both; }  
    .clear hr { display:none; }  

/* Win版IE7とMac版IE5対策 */
ul{
   display:inline-block;
}
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html ul{
   height:1px;
}

* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */