@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	outline:none;
	font-family: Meiryo;
}

#contents_sub {
	position: relative;
	overflow: hidden;
}

#main_title {
	position: relative;
}

.movie {
	position: relative;
	width: 100%;
	height: 38.3vw;
}

#wrapper_sub {
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -600px;
	width: 1200px;
}

.osae {
	position: relative;
	margin-top:  1vw;
}

.title_logo {
	position: absolute;
	top: -183px;
	right: 220px;
}

.schedule {
	position: relative;
}

#schedule_slide1 {
	position: absolute;
	top: 655px;
	left: 756px;
}

#schedule_slide2 {
	position: absolute;
	top: 925px;
	left: 128px;
}

#schedule_slide3 {
	position: absolute;
	top: 1205px;
	left: 756px;
}

.keshiki,.asobi {
	position: relative;
}

.keshiki span,.asobi span {
	display: block;
	width: 100%;
	height: 100%;
}

.popup_base {
	position: absolute;
	width: 310px;
	height: 310px;
}

.keshiki_1 {
	top: 871px;
	left: 100px;
}

.keshiki_2 {
	top: 871px;
	left: 445px;
}

.keshiki_3 {
	top: 871px;
	left: 789px;
}

.asobi_1 {
	top: 891px;
	left: 100px;
}

.asobi_2 {
	top: 891px;
	left: 445px;
}

.asobi_3 {
	top: 891px;
	left: 789px;
}

.asobi_4 {
	top: 1323px;
	left: 100px;
}

.space_t10m {	margin-top: 10px; }
.space_t20m {	margin-top: 20px; }
.space_t30m {	margin-top: 30px; }
.space_t40m {	margin-top: 40px; }
.space_t50m {	margin-top: 50px; }
.space_t60m {	margin-top: 60px; }
.space_t70m {	margin-top: 70px; }
.space_t80m {	margin-top: 80px; }
.space_t90m {	margin-top: 90px; }
.space_t100m {	margin-top: 100px; }

/* loading ---------------- */

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fcfbee;
  z-index: 100;
}

#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 100;
}

/* icon flash --------*/

.flash{
    animation: flash 1.5s infinite linear;
    -webkit-animation: flash 1.5s infinite linear;
    -moz-animation: flash 1.5s infinite linear;
}
@keyframes flash {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}
@-webkit-keyframes flash {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}
@-moz-keyframes flash {
    0% { opacity: 0.2; }
    50% { opacity: 1; }
    100% { opacity: 0.2; }
}