@charset "utf-8";
/* CSS Document */
#container {
	width:98%; 
	margin:0 auto;
	padding-bottom:10px;
    background: #000 ;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif" ,"Times New Roman", Times,;
    font-family: "Times New Roman", Times, "serif";
	}
#wrapper {
	width:1300px;
	margin:0 auto; 
	padding: 0;
	background: url(images/bg.jpg) repeat-x fixed;
}
#header_area  {
  width: 100%;
	margin:10px auto;
  padding: 10px;
  text-align: center;	
  *background-color:rgba(0,0,0,1.0);

}
#g_navi {
 position: sticky;
 top: 0;
 left: 0;
}
#g_navi ul {
  display: flex;
}
ul.g_menu {
  top:0;
  width: 100%;
  height: 50px;
  margin: 0;
  background: linear-gradient( rgba(65,91,130,0.8) , rgba(192,119,255,0.8));
  font-size: 24px;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "serif" ,"Times New Roman", Times,;
  list-style:none;
  box-sizing: border-box;
  justify-content: space-around;
  z-index: 100;
  padding-top: 10px;
}
ul.g_menu li a {
 color:#fff;
 text-decoration: none;
 transition: .3s ease-in-out;
}
ul.g_menu li a:hover {
 color:yellow;
 text-shadow:-1px 1px 4px rgba(255,255,255,0.9),
              -1px 1px 4px rgba(255,255,255,0.9),
              -1px 1px 4px rgba(255,255,255,0.9);
}
.sect_head {
	width: 1260px;
	margin: 0;
	padding: 7px 20px;
	color: #fff;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	text-shadow:-1px 1px 6px rgba(0,0,0,0.45),
              -2px 2px 1px rgba(0,0,0,0.6),
              0px 0px 6px rgba(0,0,0,0.7);
}
.sect_head.h_blue {
	background-color:rgba(25,5,47,1.00);
}
#bg_white_01 {
 width: 100%;
 background:#fff;
 margin: 0;
 padding:10px 0;
}
ul.news {
 width: 100%;
 margin: 0 ;
 display:flex;
 flex-flow: wrap;
 align-items: flex-start;
 list-style:none;
 font-size: 14px;
 text-decoration: underline;
}
ul.news li{
 width: 48%;
 margin: 5px  0 5px 10px;
 text-align: left;
}
ul.news li::before {
 content: "■";
 padding-right: 2px;
 font-size: 20px;
 text-decoration: none;
}
ul.news li:nth-child(4) {
    order: 2;
  }
.movie_l {
 width: 900px;
 margin: 0;
 display: inline-block;
}
.movie_s {
 white-space: 400px;
 width: 390px;
 display: inline-block;
 margin: 5px 0 5px 5px; 
}
.item_text {
 position: absolute;
 top:20px;
 left: 220px;
 width: 1080px;
 font-size: 14px;
 text-align:left;
}
ul.nowrow {
 line-height: 1.4;
}
ul.nowrow li ul{
 text-indent: 2em;
}
.indent10 {
 text-indent: 11em;
}
.indent2{
 text-indent: -2em;
}
.indent3 {
 text-indent: 3em;
}
.indent7 {
 text-indent: 6em;
}
.indent9 {
 text-indent: 8em;
}
#bg_white_02 {
 width: 1260px;
 background: #fff;
 margin-top: -40px;
 padding: 20px;
 text-align: left;
}

ul.track {
display: inline-block;
  background: #fff;
 font-size: 14px;
 text-align:left;
 line-height: 1.4;
 margin: 0 220px
}
.character {
 width: 100%;
 height: 660px;
 padding-top: 50px;
 margin: 0 0 -50px;
 background: url(images/story.jpg) no-repeat;
}
.story {
 width: 700px;
  color: #fff;
  text-align: left;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.2;
}
.story h2 {
 margin: 50px auto;
}
ul.staff {
text-align: left;
overflow-y: scroll;
height: 200px;
margin:10px 0 10px 20px;
font-size: 14px;
}
#page_top{
	position:fixed;
	bottom:10px;
	right:20px;
	z-index:200;
    *background:url(images/top_a.png) no-repeat;
}
#page_top a{
	display:block;
  width: 174px;
  height: 180px;
    background:url(images/top_a.png) no-repeat;
  text-indent: -9999px;
  transition: .1s ease-in-out;
}
#page_top a img:hover{
  *opacity: 0;
}
#page_top a:hover{
  background:url(images/top_b.png) no-repeat;
  background-size: auto;
  opacity: 1;
}