body#body{
  font-family:serif;
  position: relative;
  width:100%;
  margin: 0;
}
div.fixed_cover{
  position:fixed;
  height:100%;
  width:100%;
  opacity:1;
  background-color: white;
  z-index:11;
  color: black;
}

div.video_wrapper{
  position:relative;
  vertical-align:middle;
  width:100%;
  background-repeat: no-repeat;
  z-index:5;
}
/* span#bg_image{       */
/*   bottom:0;          */
/*   left:0;            */
/*   margin:auto;       */
/*   opacity:0;         */
/*   position:absolute; */
/*   right:0;           */
/*   top:0;             */
/*   height:100%;       */
/*   width:100%;        */
/*   z-index:5;         */
/* }                    */
img#globe_image{
  left:0;
  right:0;
  opacity:0;
  position:absolute;
  z-index:7;
}
img#title_image1{
  left:0;
  opacity:0;
  bottom:0;
  position:absolute;
  right:0;
  top:0;
  z-index:8;
}
div#contents{
  opacity:0;
  overflow:hidden;
  z-index:9;
}

@media screen and (min-width: 769px){
div#after_load{
  display:none;
}
  #contents{
	  position:relative;
  }
  #title_text{
	display:none;
  }
  h3{
	margin-top:0;
	margin-bottom:0;
	font-style: italic;
  }
  ol{
	margin-left:3em;
	margin-top:0;
  }
  ul{
	margin-left:3em;
	margin-bottom:0;
  }
  #title_image2{
	height:5em;
  }
  #title_image1{
	margin:auto;
	width:40%;
  }
  #chizu_mobile{
	display:none;
  }
  div#track_list{
	margin-left:50%;
	position:relative;
	text-align: left;
	font-family:serif;
	font-size:35px;
	color:white;
	opacity:0;
	white-space: nowrap;
  }
  div.video_wrapper{
	text-align:center;
	height:100%;
	background-image: none; 
	background-position:center center;
	background-size: cover;
  }
  div.fixed_wrapper{
	position:fixed;
	height:100%;
	width:100%;
  }
  img#globe_image{
	width:55%;
	top:0;
	bottom:0;
	margin:auto;
  }
  body#body{
	min-width:980px;
	background-color:RGB(0,0,0);
	color:white;
  }

  div.video_wrapper{
	min-width:980px;
  }
  video#trans_video{
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
	width:100%;
	margin:auto;
	position:absolute;
	z-index:7;
  }
  #copyright{
	background-color:RGB(30,30,40);
	text-align: right;
  }
}
@media screen and (max-width:768px){
  #contents{
	  position:absolute;
  }
  h3{
	margin-top:0;
	padding-top:3em;
	padding-left:2em;
	font-size: large;
	font-weight: normal;
  }
  li{
	margin:1em;
  }
  ul{
	padding-top:1em;
	padding-left:1em;
  }
  ol{
	padding-left:1em;
  }
  #title_text{
	display:none;
	font-size: xx-large;
	font-weight: bold;
  }
  div#track_list{
	position:relative;
	text-align: left;
	font-family:serif;
	font-size:large;
	white-space: nowrap;
  }
  #title_image1{
	margin-left:5%;
	width:60%;
	display:none;
  }
  body{
	background-color:RGB(30,30,40);
	color:white;
  }
  #title_image2{
	width:70%;
  }
  #chizu_mobile{
	position:absolute;
	width:100%;
	z-index:1;
  }
  div.fixed_wrapper{
	position:relative;
	width:100%;
	height:100%;
  }
  .video_wrapper{
	text-align:left;
	width:100%;
	background-size: 100% auto;

  }
  #globe_image{
	width:80%;
	margin:auto;
	margin-right: 2%;
  }
  #trans_video{
	display:none;
  }
}