@charset "utf-8";
.sp{display:none;}
.pc{display:block;}


body{ color:#311313; font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:140%; background-image:url(../img/bg_black.jpg)}
h1{margin:0;}
h2,h3{ margin:1em ;}

/*----------------------------------------
	for PC
----------------------------------------*/
#header{ background-color:black; background-image:url(../img/header_pc.jpg),url(../img/bg_header.jpg); background-position:center,top;height:708px; background-repeat:no-repeat, repeat-x;}

#footer{ background-image: url(../img/footer.jpg), url(../img/footer_bg.jpg); 
			background-position: center, center; background-repeat:no-repeat, repeat-x;
			margin-top:40px; height:233px;
			
			}
#footer ul {width:946px; margin:20px auto;color:#fff; text-shadow:1px 1px 4px #C3F,-1px -1px 2px #C3F;}
#footer ul li{ float:left; margin-right:20px;}

/*#bg_chara{ width:100%; height:auto;background-image:url(../img/bg_petal.png),url(../img/bg_chara.jpg); 
background-position:center,center top;background-repeat:repeat-y,no-repeat; background-attachment:fixed,scroll;}
*/



/*#contents{	width:1000px; margin:0 auto; padding:0 72px; height:auto;
			background-image:url(../img/bg_chara.jpg),url(../img/flame_side.jpg); background-repeat: no-repeat,repeat-y;
			}*/

#contents_top{width:1000px; height:165px; margin:0 auto; background-image:url(../img/flame_top.png); background-repeat:no-repeat; background-size:cover;}

#contents{	width:856px; margin:0 auto; height:auto; padding:0 72px;
			background-image:url(../img/flame_side.jpg); background-repeat: repeat-y; background-size:contain;
			}		
p{margin-left:39px}				
p.small{ font-size:80%; color:#684d6f; }
p.stress{ color:#e0015a; font-size:140%; line-height:150%;}

p.menu{ color:#7822A5;font-size:120%; line-height:120%;}
span.menu{ color:#CCBAC9;font-size:120%; line-height:120%;}

img.flame{ display:block; width:1000px; margin:0 auto;} 
.half{ width:auto; float:left;}
.left{ width:57%;}
.clear{clear:both;}

img.flame.top{margin-top:-90px;}
img.castImg{width:auto;}

/*----------------------------------------
	for SP
----------------------------------------*/

@media screen and (max-width: 966px) {
	
.sp{display:block;}
.pc{display:none;}
h2 ,h3 {  width:96%; overflow:hidden;}
h2 img,h3 img{  width:150%;}
#header{ background-image:none; height:auto;}
#footer{margin-top:0; width:100%; padding:5px; height:auto;}
#footer ul {width:100%; margin:1em auto;}
#footer ul li{ margin-right:1em;}
#footer ul li img{ height:3em;}

#bg_chara{ background-image:none;}
#contents{width:96%;padding:0 2%; }
#contents_top{	width:100%; height:auto; margin:0 auto; background-image:url(../img/flame_top.png); background-repeat:no-repeat; background-size:cover;}
img.flame{width:100%;}
p{margin:0 5%;}	
p.stress{ color:#e0015a; font-size:110%;}
.half{ width:90%; float:none;}
.half img {display:block; margin:0 auto;}
.left{ width:90%;}
img.castImg{width:90%; margin:5% auto;}

img.flame.top{margin-top:0;}

#page-top img{width:80%;}
}