@charset "utf-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}

/*----------------------------------------------------
 common
--------------------------------------------------- */
html, body {
	font-family: "游明朝体", "Yu Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
    font-size: 14px;
	line-height: 180%;
	background:#000;
	color:#FFF;
	height:100%;
	min-height:100%;
    -webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
  word-wrap:break-word;
}
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
@media only screen and (max-width: 768px) {
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
}
  img{
    width: 100%;
    height: auto;
  }


/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
	color:#000;
	text-decoration:none;
   -webkit-tap-highlight-color:transparent;
}

/*----------------------------------------------------
	#wrapper ページ全体
--------------------------------------------------- */

#main{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/top/bg.png) no-repeat center center;
	background-size:cover;
}
#main-container{
	position:relative;
	width:100%;
	height:100%;
	max-width: 960px;
	margin:0 auto;
	overflow: hidden;
}
@media only screen and (min-width: 769px) {

	#main-container{
/*		border-left: 1px #fe1f39 solid;
		border-right: 1px #fe1f39 solid;*/
	}
}

.navicaver{
	position:fixed;
	top:50%;
	right:0px;
	width:50px;
	height:300px;
	z-index:999;
	margin-top:-150px;
}

/*----------------------------------------------------
	#loading
--------------------------------------------------- */
#loading{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1013;
	background:#fe1f39;
	overflow: hidden;
}
.fb #loading{
   height : -webkit-calc(100% - 100px) ;
   height : calc(100% - 100px) ;
}

#loading .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
     -moz-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
       -o-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
#loading .new{
	display: block;
  width: 100px;
  margin: 0 auto;
 -webkit-animation: jumprotate 1.5s 0s linear infinite;
    -moz-animation: jumprotate 1.5s 0s linear infinite;
         animation: jumprotate 1.5s 0s linear infinite;
}
#loading.out{
  opacity: 0;
    -webkit-transition: all 0.7s linear;
       -moz-transition: all 0.7s linear;
        -ms-transition: all 0.7s linear;
         -o-transition: all 0.7s linear;
            transition: all 0.7s linear;
}
/*----------------------------------------------------
	#scene1
--------------------------------------------------- */
#scene1 {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#fe1f39 ;
	/*-webkit-mask:url(../img/scene02/en_mask.png);*/

}

.fb #scene1{
   height : -webkit-calc(100% - 100px) ;
   height : calc(100% - 100px) ;
}
#scene1 .cover{
	position: absolute;
	top: 70%;
	left: 0px;
	width: 100%;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,100%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,100%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,100%,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,100%,0px);
          transform: scale3d(1,1,1) translate3d(0px,100%,0px);
    -webkit-transition: all 0.9s 0s cubic-bezier(0.885, 0.020, 0.165, 0.995);
       -moz-transition: all 0.9s 0s cubic-bezier(0.885, 0.020, 0.165, 0.995);
        -ms-transition: all 0.9s 0s cubic-bezier(0.885, 0.020, 0.165, 0.995);
         -o-transition: all 0.9s 0s cubic-bezier(0.885, 0.020, 0.165, 0.995);
            transition: all 0.9s 0s cubic-bezier(0.885, 0.020, 0.165, 0.995);
}
#scene1 .cover.view{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px);
}

#scene1.up .cover{
	top: -20%;
}
#scene1 .face{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-webkit-transform: scale3d(1,1,1) translate3d(100%,100%,0px);
	   -moz-transform: scale3d(1,1,1) translate3d(100%,100%,0px);
	    -ms-transform: scale3d(1,1,1) translate3d(100%,100%,0px);
	     -o-transform: scale3d(1,1,1) translate3d(100%,100%,0px);
	        transform: scale3d(1,1,1) translate3d(100%,100%,0px);
	-webkit-transition: all 0.4s 0.4s ease;
	   -moz-transition: all 0.4s 0.4s ease;
	    -ms-transition: all 0.4s 0.4s ease;
	     -o-transition: all 0.4s 0.4s ease;
	        transition: all 0.4s 0.4s ease;
}
#scene1 .face span{
	display: block;
 -webkit-animation: faceMove 5s 0.9s ease infinite;
    -moz-animation: faceMove 5s 0.9s ease infinite;
         animation: faceMove 5s 0.9s ease infinite;
}

@media only screen and (min-width: 769px) {
	#scene1 .cover{
		position: absolute;
		top: auto;
		bottom: -950px;
	}
	#scene1.up .cover{
		top: auto;
		bottom: -1890px;
	}
	#scene1 .face{
		position: absolute;
		left: auto;
		right: 0;
		top: auto;
		bottom: 0px;
		width: 70%;
	}
}


@-webkit-keyframes faceMove {
 0% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
 1% {
 	-webkit-transform:translate3d(2%,0%,0px);
 	}
 2% {
 	-webkit-transform:translate3d(-2%,0%,0px);
 	}
 3% {
 	-webkit-transform:translate3d(1%,0%,0px);
 	}
 4% {
 	-webkit-transform:translate3d(-1%,0%,0px);
 	}
 5% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
 100% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
}
@-moz-keyframes faceMove {
 0% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
 1% {
 	-moz-transform:translate3d(2%,0%,0px);
 	}
 2% {
 	-moz-transform:translate3d(-2%,0%,0px);
 	}
 3% {
 	-moz-transform:translate3d(1%,0%,0px);
 	}
 4% {
 	-moz-transform:translate3d(-1%,0%,0px);
 	}
 5% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
 100% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
}
@keyframes faceMove {
 0% {
 	transform:translate3d(0%,0%,0px);
 	}
 1% {
 	transform:translate3d(2%,0%,0px);
 	}
 2% {
 	transform:translate3d(-2%,0%,0px);
 	}
 3% {
 	transform:translate3d(1%,0%,0px);
 	}
 4% {
 	transform:translate3d(-1%,0%,0px);
 	}
 5% {
 	transform:translate3d(0%,0%,0px);
 	}
 100% {
 	transform:translate3d(0%,0%,0px);
 	}
}
#scene1.view .face{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px);
}
#scene1 h1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-webkit-transform: scale3d(0,0,0) translate3d(0%,0%,0px);
	   -moz-transform: scale3d(0,0,0) translate3d(0%,0%,0px);
	    -ms-transform: scale3d(0,0,0) translate3d(0%,0%,0px);
	     -o-transform: scale3d(0,0,0) translate3d(0%,0%,0px);
	        transform: scale3d(0,0,0) translate3d(0%,0%,0px);
	-webkit-transition: all 0.3s 0.6s ease;
	   -moz-transition: all 0.3s 0.6s ease;
	    -ms-transition: all 0.3s 0.6s ease;
	     -o-transition: all 0.3s 0.6s ease;
	        transition: all 0.3s 0.6s ease;
}
@media only screen and (min-width: 769px) {
	#scene1 h1{
		position: absolute;
		top: 50%;
		left: 27%;
		width: 60%;
		margin-top: -370px;
	}

}
#scene1 h1 span{
	display: block;
}
#scene1.view h1{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px);
}
#scene1 .grafty{
	position: absolute;
	top: 53.35%;
	left: 0px;
	width: 100%;
	opacity: 0;
}
#scene1.view .grafty{
	opacity: 1;
	-webkit-transition: all 0.3s 0.6s ease;
	   -moz-transition: all 0.3s 0.6s ease;
	    -ms-transition: all 0.3s 0.6s ease;
	     -o-transition: all 0.3s 0.6s ease;
	        transition: all 0.3s 0.6s ease;
}
@media only screen and (min-width: 769px) {
	#scene1 .grafty{
		position: absolute;
		top: auto;
		left: 25%;
		bottom: 100px;
		width: 80%;
	}

}
#scene1 .grafty span{
	display: block;
     	      transform-origin: left center;
      -webkit-transform-origin: left center;
}
#scene1 .bg{
  position: ab;
  width: 100%;
  height: 100%;
  background: url(../img/top/patern.png) repeat-x top;
  background-size: 606px;
 -webkit-animation: bgscroll 15s linear infinite;
         animation: bgscroll 15s linear infinite;
}

@-webkit-keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -606px 0;}
}

@keyframes bgscroll {
 0% {background-position: 0 0;}
 100% {background-position: -606px 0;}
}

#scene1 .eight{
	position: absolute;
	top: 48.7%;
	left: 0px;
	width: 100%;
	opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,-20px,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,-20px,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,-20px,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,-20px,0px);
          transform: scale3d(1,1,1) translate3d(0px,-20px,0px);
}
@media only screen and (min-width: 769px) {
	#scene1 .eight{
		position: absolute;
		top: auto;
		bottom: 20px;
		left: auto;
		right: 0px;
		width: 50%;
		z-index: 2;
	}
}
#scene1.view .eight{
	opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
       -o-transform: scale3d(1,1,1) translate3d(0px,0%,0px);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px);
	-webkit-transition: all 0.3s 0.7s ease;
	   -moz-transition: all 0.3s 0.7s ease;
	    -ms-transition: all 0.3s 0.7s ease;
	     -o-transition: all 0.3s 0.7s ease;
	        transition: all 0.3s 0.7s ease;
}
#scene1 .ob01{
	position: absolute;
	top: 8.999%;
	left: 22%;
	width: 5%;
	opacity: 0;
}
@media only screen and (min-width: 769px) {
	#scene1 .ob01{
		position: absolute;
		top:auto;
		bottom: 550px;
		left: 41%;
		width: 5%;
	}
}
#scene1.view .ob01{
	opacity: 1;
	-webkit-transition: all 0.3s 0.9s ease;
	   -moz-transition: all 0.3s 0.9s ease;
	    -ms-transition: all 0.3s 0.9s ease;
	     -o-transition: all 0.3s 0.9s ease;
	        transition: all 0.3s 0.9s ease;
}
#scene1 .sit{
	position: absolute;
	top: 15.999%;
	left: 0px;
	width: 100%;
	opacity: 0;
}
@media only screen and (min-width: 769px) {
	#scene1 .sit{
		position: absolute;
		top:auto;
		bottom: 460px;
		left: 260px;
		width: 70%;
	}
}
#scene1.view .sit{
	opacity: 1;
	-webkit-transition: all 0.3s 0.9s ease;
	   -moz-transition: all 0.3s 0.9s ease;
	    -ms-transition: all 0.3s 0.9s ease;
	     -o-transition: all 0.3s 0.9s ease;
	        transition: all 0.3s 0.9s ease;
}
#scene1 .sit span{
	display: block;
 -webkit-transform:translate3d(0%,-200%,0px);
 	     transform:translate3d(0%,-200%,0px);
 -webkit-animation: sitMove1 2.9s 0.9s ease infinite;
    -moz-animation: sitMove1 2.9s 0.9s ease infinite;
         animation: sitMove1 2.9s 0.9s ease infinite;
}


@-webkit-keyframes sitMove1 {
 0% {
 	-webkit-transform:translate3d(0%,-200%,0px);
 	}
 10% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
 14% {
 	-webkit-transform:translate3d(0%,-4%,0px);
 	}
 16% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
 100% {
 	-webkit-transform:translate3d(0%,0%,0px);
 	}
}
@-moz-keyframes sitMove1 {
 0% {
 	-moz-transform:translate3d(0%,-200%,0px);
 	}
 10% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
 14% {
 	-moz-transform:translate3d(0%,-4%,0px);
 	}
 16% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
 100% {
 	-moz-transform:translate3d(0%,0%,0px);
 	}
}
@keyframes sitMove1 {
 0% {
 	transform:translate3d(0%,-200%,0px);
 	}
 10% {
 	transform:translate3d(0%,0%,0px);
 	}
 14% {
 	transform:translate3d(0%,-4%,0px);
 	}
 16% {
 	transform:translate3d(0%,0%,0px);
 	}
 100% {
 	transform:translate3d(0%,0%,0px);
 	}
}


#scene1 .sit02{
	position: absolute;
	top: 39.99%;
	left: 0px;
	width: 100%;
	opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(10%,0%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(10%,0%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(10%,0%,0px);
       -o-transform: scale3d(1,1,1) translate3d(10%,0%,0px);
          transform: scale3d(1,1,1) translate3d(10%,0%,0px);
 -webkit-animation: sitMove 2s 0.8s ease infinite;
    -moz-animation: sitMove 2s 0.8s ease infinite;
         animation: sitMove 2s 0.8s ease infinite;
}
@media only screen and (min-width: 769px) {
	#scene1 .sit02{
		position: absolute;
		top: auto;
		bottom: 300px;
		left: 180px;
		width: 100%;
	}
}
@-webkit-keyframes sitMove {
 0% {
 	opacity: 0;
 	-webkit-transform:translate3d(10%,0%,0px);
 	}
 20% {
 	opacity:1;
 	-webkit-transform:translate3d(-1%,0%,0px);
 	}
 100% {
 	opacity:1;
 	-webkit-transform:translate3d(-1%,0%,0px);
 	}
}
@-moz-keyframes sitMove {
 0% {
 	opacity: 0;
 	-moz-transform:translate3d(10%,0%,0px);
 	}
 20% {
 	opacity:1;
 	-moz-transform:translate3d(-1%,0%,0px);
 	}
 100% {
 	opacity:1;
 	-moz-transform:translate3d(-1%,0%,0px);
 	}
}

@keyframes sitMove {
 0% {
 	opacity: 0;
 	transform:translate3d(10%,0%,0px);
 	}
 20% {
 	opacity:1;
 	transform:translate3d(-1%,0%,0px);
 	}
 100% {
 	opacity:1;
 	transform:translate3d(-1%,0%,0px);
 	}
}

#scene1 .guiter{
	position: absolute;
	top: 47.42%;
	left: 18%;
	width: 13.06%;
	opacity: 0;
	-webkit-transition: all 0.3s 0.9s ease;
	   -moz-transition: all 0.3s 0.9s ease;
	    -ms-transition: all 0.3s 0.9s ease;
	     -o-transition: all 0.3s 0.9s ease;
	        transition: all 0.3s 0.9s ease;
}
@media only screen and (min-width: 769px) {
	#scene1 .guiter{
		position: absolute;
		top: auto;
		bottom: 200px;
		left: 35%;
		width: 13.06%;
	}
}
#scene1.view .guiter{
	opacity: 1;
}
#scene1 .guiter span{
	display: block;
     	      transform-origin: center bottom;
      -webkit-transform-origin: center bottom;
 -webkit-animation: guiderMove 2s 0.8s ease infinite;
    -moz-animation: guiderMove 2s 0.8s ease infinite;
         animation: guiderMove 2s 0.8s ease infinite;
}
@-webkit-keyframes guiderMove {
 0% {
 	-webkit-transform:rotate(10deg);
 	}
 20% {
 	-webkit-transform:rotate(-10deg);
 	}
 40% {
 	-webkit-transform:rotate(-10deg);
 	}
 60% {
 	-webkit-transform:rotate(10deg);
 	}
 80% {
 	-webkit-transform:rotate(-10deg);
 	}
 100% {
 	-webkit-transform:rotate(10deg);
 	}
}
@-moz-keyframes guiderMove {
 0% {
 	-moz-transform:rotate(10deg);
 	}
 20% {
 	-moz-transform:rotate(-10deg);
 	}
 40% {
 	-moz-transform:rotate(-10deg);
 	}
 60% {
 	-moz-transform:rotate(10deg);
 	}
 80% {
 	-moz-transform:rotate(-10deg);
 	}
 100% {
 	-moz-transform:rotate(10deg);
 	}
}

@keyframes guiderMove {
 0% {
 	transform:rotate(10deg);
 	}
 20% {
 	transform:rotate(-10deg);
 	}
 40% {
 	transform:rotate(-10deg);
 	}
 60% {
 	transform:rotate(10deg);
 	}
 80% {
 	transform:rotate(-10deg);
 	}
 100% {
 	transform:rotate(10deg);
 	}
}

#scene1 .kaminari{
	position: absolute;
	top: 62.42%;
	left: 0.6%;
	width: 624px;
	height:216px;
	opacity: 0;
	-webkit-transition: all 0.3s 0s ease;
	   -moz-transition: all 0.3s 0s ease;
	    -ms-transition: all 0.3s 0s ease;
	     -o-transition: all 0.3s 0s ease;
	        transition: all 0.3s 0s ease;
}
#scene1.view .kaminari{
	opacity: 1;
	-webkit-transition: all 0.3s 1.1s ease;
	   -moz-transition: all 0.3s 1.1s ease;
	    -ms-transition: all 0.3s 1.1s ease;
	     -o-transition: all 0.3s 1.1s ease;
	        transition: all 0.3s 1.1s ease;
}
@media only screen and (min-width: 769px) {
	#scene1 .kaminari{
  -webkit-transform: scale3d(1,1,1) translate3d(-10px,60px,0px);
     -moz-transform: scale3d(1,1,1) translate3d(-10px,60px,0px);
      -ms-transform: scale3d(1,1,1) translate3d(-10px,60px,0px);
       -o-transform: scale3d(1,1,1) translate3d(-10px,60px,0px);
          transform: scale3d(1,1,1) translate3d(-10px,60px,0px);
	}

}
#scene1 .kaminari div.mv{
	position: absolute;
	top: 0;
	left: -40px;
	width: 100%;
	display: block;
     	      transform-origin: 0 0;
      -webkit-transform-origin: 0 0;
  -webkit-transform: scale3d(0.5,0.5,0.5) translate3d(10%,0%,0px);
     -moz-transform: scale3d(0.5,0.5,0.5) translate3d(10%,0%,0px);
      -ms-transform: scale3d(0.5,0.5,0.5) translate3d(10%,0%,0px);
       -o-transform: scale3d(0.5,0.5,0.5) translate3d(10%,0%,0px);
          transform: scale3d(0.5,0.5,0.5) translate3d(10%,0%,0px);
}

#scene1 .run{
	opacity: 0;
	-webkit-transition: all 0.3s 0s ease;
	   -moz-transition: all 0.3s 0s ease;
	    -ms-transition: all 0.3s 0s ease;
	     -o-transition: all 0.3s 0s ease;
	        transition: all 0.3s 0s ease;
}
#scene1.view .run{
	opacity: 1;
	-webkit-transition: all 0.3s 1.1s ease;
	   -moz-transition: all 0.3s 1.1s ease;
	    -ms-transition: all 0.3s 1.1s ease;
	     -o-transition: all 0.3s 1.1s ease;
	        transition: all 0.3s 1.1s ease;
}
#scene1 .run li{
	position: absolute;
  -webkit-transform: scale3d(1,1,1) translate3d(-10px,40px,0px);
     -moz-transform: scale3d(1,1,1) translate3d(-10px,40px,0px);
      -ms-transform: scale3d(1,1,1) translate3d(-10px,40px,0px);
       -o-transform: scale3d(1,1,1) translate3d(-10px,40px,0px);
          transform: scale3d(1,1,1) translate3d(-10px,40px,0px);
}
@media only screen and (min-width: 769px) {
	#scene1 .run li{
  -webkit-transform: scale3d(1,1,1) translate3d(-120px,0%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(-120px,0%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(-120px,0%,0px);
       -o-transform: scale3d(1,1,1) translate3d(-120px,0%,0px);
          transform: scale3d(1,1,1) translate3d(-120px,0%,0px);
	}
}
#scene1 .run li.run01,
#scene1 .run li.run04{
	width: 4.5%;
}
#scene1 .run li.run02,
#scene1 .run li.run05,
#scene1 .run li.run07,
#scene1 .run li.run08{
	width: 4.4%;
}
#scene1 .run li.run03,
#scene1 .run li.run06{
	width: 6%;
}
#scene1 .run li.run01{
	left: 19.6%;
	top: 63.71%;
}

#scene1 .run li.run02{
	left: 24.0%;
	top: 63.11%;
}
#scene1 .run li.run03{
	left: 27.33%;
	top: 62.29%;
}

#scene1 .run li.run04{
	left: 31.2%;
	top: 59.9%;
}
#scene1 .run li.run05{
	left: 34.2%;
	top: 60.7%;
}
#scene1 .run li.run06{
	left: 37.4%;
	top: 60.3%;
}
#scene1 .run li.run07{
	left: 41.2%;
	top: 60.3%;
}
#scene1 .run li.run08{
	left: 44.0%;
	top: 59.5%;
}

#scene1 .run li.run01 span{
	display: block;
 -webkit-animation: run 10s 0.8s ease infinite;
    -moz-animation: run 10s 0.8s ease infinite;
         animation: run 10s 0.8s ease infinite;
}
#scene1 .run li.run02 span{
	display: block;
 -webkit-animation: run 10s 0.7s ease infinite;
    -moz-animation: run 10s 0.7s ease infinite;
         animation: run 10s 0.7s ease infinite;
}
#scene1 .run li.run03 span{
	display: block;
 -webkit-animation: run 10s 0.9s ease infinite;
    -moz-animation: run 10s 0.9s ease infinite;
         animation: run 10s 0.9s ease infinite;
}
#scene1 .run li.run04 span{
	display: block;
 -webkit-animation: run 10s 0.5s ease infinite;
    -moz-animation: run 10s 0.5s ease infinite;
         animation: run 10s 0.5s ease infinite;
}
#scene1 .run li.run05 span{
	display: block;
 -webkit-animation: run 10s 0.95s ease infinite;
    -moz-animation: run 10s 0.95s ease infinite;
         animation: run 10s 0.95s ease infinite;
}
#scene1 .run li.run06 span{
	display: block;
 -webkit-animation: run 10s 0.45s ease infinite;
    -moz-animation: run 10s 0.45s ease infinite;
         animation: run 10s 0.45s ease infinite;
}
#scene1 .run li.run07 span{
	display: block;
 -webkit-animation: run 10s 0.6s ease infinite;
    -moz-animation: run 10s 0.6s ease infinite;
         animation: run 10s 0.6s ease infinite;
}
#scene1 .run li.run08 span{
	display: block;
 -webkit-animation: run 10s 10.0s ease infinite;
    -moz-animation: run 10s 10.0s ease infinite;
         animation: run 10s 10.0s ease infinite;
}
@-webkit-keyframes run {
 0% {
 	opacity: 1;
 	}
 20% {
 	opacity: 1;
 	}
 22% {
 	opacity: 0;
 	}
 24% {
 	opacity: 1;
 	}
 60% {
 	opacity: 1;
 	}
 62% {
 	opacity: 0;
 	}
 64% {
 	opacity: 1;
 	}
 100% {
 	opacity: 1;
 	}
}
@keyframes run {
 0% {
 	opacity: 1;
 	}
 20% {
 	opacity: 1;
 	}
 22% {
 	opacity: 0;
 	}
 24% {
 	opacity: 1;
 	}
 60% {
 	opacity: 1;
 	}
 62% {
 	opacity: 0;
 	}
 64% {
 	opacity: 1;
 	}
 100% {
 	opacity: 1;
 	}
}

#scene1 .pop{
	position: absolute;
	top: -200px;
	left: -200px;
	width: 550px;
	height:550px;
	opacity: 0;
}
@media only screen and (max-width: 768px) {
	#scene1 .pop{
		display: none;
	}
}
#scene1.view .pop{
	opacity: 1;
}
#scene1 .pop .pop_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/pop.png) no-repeat;
	background-size: cover;
     	      transform-origin: center center;
      -webkit-transform-origin: center center;
 -webkit-animation: popMove 20s 0s linear infinite;
    -moz-animation: popMove 20s 0s linear infinite;
         animation: popMove 20s 0s linear infinite;
}
@-webkit-keyframes popMove {
 0% {
 	-webkit-transform:rotate(0deg);
 	}
 100% {
 	-webkit-transform:rotate(360deg);
 	}
}
#scene1 .pop .popInner{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
  -webkit-transform: translate(-20%,-20%) rotate(0deg);
     -moz-transform: translate(-20%,-20%) rotate(0deg);
      -ms-transform: translate(-20%,-20%) rotate(0deg);
       -o-transform: translate(-20%,-20%) rotate(0deg);
          transform: translate(-20%,-20%) rotate(0deg);
}
#scene1 .pop .popInner p.release{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 5px;
}
#scene1 .pop .popInner p.t1{
	font-size: 12px;
	margin-bottom: 5px;

}
#scene1 .pop .popInner p.t0{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}


/*----------------------------------------------------
	#jump
--------------------------------------------------- */
#jump {
}
#jump .jump01{
	position: absolute;
	top: 5%;
	right: -10px;
	width: 13.06%;
	z-index: 1004;
	max-width: 125px;
}
#jump .jump01 span{
	display: block;
     	      transform-origin: right bottom;
      -webkit-transform-origin: right bottom;
 -webkit-animation: jump02 10s 0.8s ease infinite;
    -moz-animation: jump02 10s 0.8s ease infinite;
         animation: jump02 10s 0.8s ease infinite;
}

@-webkit-keyframes jump02 {
 0% {
 	-webkit-transform:rotate(0deg);
 	opacity: 1;
 	}
 20% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 22% {
 	-webkit-transform:translate3d(0%,13%,0px) rotate(0deg);
 	}
 24% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 60% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 62% {
 	-webkit-transform:translate3d(0%,13%,0px) rotate(0deg);
 	opacity: 1;
 	}
 64% {
 	-webkit-transform:translate3d(-10%,-30%,0px) rotate(0deg);
 	opacity: 0;
 	}
 100% {
 	-webkit-transform:rotate(0deg);
 	opacity: 0;
 	}
}
@keyframes jump02 {
 0% {
 	transform:rotate(0deg);
 	opacity: 1;
 	}
 20% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 22% {
 	transform:translate3d(0%,13%,0px) rotate(0deg);
 	}
 24% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 60% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 62% {
 	transform:translate3d(0%,13%,0px) rotate(0deg);
 	opacity: 1;
 	}
 64% {
 	transform:translate3d(-10%,-30%,0px) rotate(0deg);
 	opacity: 0;
 	}
 100% {
 	transform:rotate(0deg);
 	opacity: 0;
 	}
}
#jump .jump02{
	position: absolute;
	top: 5%;
	right: 0px;
	width: 13.06%;
	z-index: 1004;
	max-width: 125px;
}
#jump .jump02 span{
	display: block;
     	      transform-origin: right bottom;
      -webkit-transform-origin: right bottom;
 -webkit-animation: jump01 10s 0.8s ease infinite;
    -moz-animation: jump01 10s 0.8s ease infinite;
         animation: jump01 10s 0.8s ease infinite;
}

@-webkit-keyframes jump01 {
 0% {
 	-webkit-transform:rotate(0deg);
 	}
 20% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 22% {
 	-webkit-transform:translate3d(10%,0%,0px) rotate(-20deg);
 	}
 24% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 60% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 62% {
 	-webkit-transform:translate3d(10%,0%,0px) rotate(-20deg);
 	}
 64% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 100% {
 	-webkit-transform:rotate(0deg);
 	}
}
@keyframes jump01 {
 0% {
 	transform:rotate(0deg);
 	}
 20% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 22% {
 	transform:translate3d(10%,0%,0px) rotate(-20deg);
 	}
 24% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 60% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 62% {
 	transform:translate3d(10%,0%,0px) rotate(-20deg);
 	}
 64% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 100% {
 	transform:rotate(0deg);
 	}
}

#jump .jump03{
	position: absolute;
	top: 5%;
	right: 15%;
	width: 11.46%;
	z-index: 1004;
	max-width: 110px;
	opacity: 0;
 -webkit-animation: jump_down 10s 0.8s ease infinite;
    -moz-animation: jump_down 10s 0.8s ease infinite;
         animation: jump_down 10s 0.8s ease infinite;
}
#jump .jump03 span{
	display: block;
 -webkit-animation: jumprotate 0.6s 0.8s linear infinite;
    -moz-animation: jumprotate 0.6s 0.8s linear infinite;
         animation: jumprotate 0.6s 0.8s linear infinite;
}
@-webkit-keyframes jumprotate {
 0% {
 	-webkit-transform:rotate(0deg);
 	}
 100% {
 	-webkit-transform:rotate(-360deg);
 	}
}

@keyframes jumprotate {
 0% {
 	transform:rotate(0deg);
 	}
 100% {
 	transform:rotate(-360deg);
 	}
}
@-webkit-keyframes jumprotate2 {
 0% {
 	-webkit-transform:rotate(0deg);
 	}
 100% {
 	-webkit-transform:rotate(360deg);
 	}
}

@keyframes jumprotate2 {
 0% {
 	transform:rotate(0deg);
 	}
 100% {
 	transform:rotate(360deg);
 	}
}



@-webkit-keyframes jump_down {
 0% {
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	opacity: 0;
 	}
 63% {
 	opacity: 0;
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 64% {
 	opacity: 1;
 	-webkit-transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 100% {
 	opacity: 1;
 	-webkit-transform:translate3d(0%,900px,0px) rotate(0deg);
 	}
}
@keyframes jump_down {
 0% {
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	opacity: 0;
 	}
 63% {
 	opacity: 0;
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 64% {
 	opacity: 1;
 	transform:translate3d(0%,0%,0px) rotate(0deg);
 	}
 100% {
 	opacity: 1;
 	transform:translate3d(0%,900px,0px) rotate(0deg);
 	}
}

/*----------------------------------------------------
	#menuButton
--------------------------------------------------- */
#menuButton {
  position: fixed;
  bottom: 0px;
  left: 0px;
  display: block;
  margin-top: 0px;
  width: 80px;
  height:80px;
  z-index: 1002;
}
@media only screen and (min-width: 769px) {
	#menuButton {
	  position: fixed;
	  bottom: auto;
	  top: 0;
	  left: 0px;
	  display: block;
	  margin-top: 0px;
	  width: 80px;
	  height:80px;
	  z-index: 1002;
	}
}
  #menuButton .hamburger{
    position: absolute;
    bottom: 0;
    left: 0px;
    padding: 5px 0 17px 20px;
    outline: none;
  }
  #menuButton .hamburger-box {
      position: relative;
      display: inline-block;
      width: 42px;
      height: 34px;
  }
  .hamburger-inner,.hamburger-inner:after, .hamburger-inner:before {
      position: absolute;
      width: 42px;
      height: 2px;
      transition-timing-function: ease;
      transition-duration: .15s;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform,-webkit-transform;
      border-radius: 0px;
      background-color: #FFF;
  }
  #menuButton.page .hamburger-inner,#menuButton.page  .hamburger-inner:after,#menuButton.page  .hamburger-inner:before {
      background-color: #FFF;
  }
  .is-active .hamburger-inner,.is-active .hamburger-inner:after,.is-active .hamburger-inner:before {
      background-color: #FFF;
  }
  .hamburger--collapse .hamburger-inner {
    bottom: 0;
  }
  .hamburger--collapse .hamburger-inner:before {
    top: -15px;
  }
  .hamburger--collapse .hamburger-inner:after {
    top: -30px;
  }
  .hamburger--collapse.is-active .hamburger-inner {
      transition-delay: .32s;
      transition-timing-function: cubic-bezier(.215,.61,.355,1);
      -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
      transform: translate3d(0,-10px,0) rotate(-45deg);
  }


/*----------------------------------------------------
	#menu
--------------------------------------------------- */
#menu{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
  -webkit-transform: scale3d(1,1,1) translate3d(0%,100%,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0%,100%,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0%,100%,0px);
       -o-transform: scale3d(1,1,1) translate3d(0%,100%,0px);
          transform: scale3d(1,1,1) translate3d(0%,100%,0px);
    -webkit-transition: all 0.5s 0s cubic-bezier(0.800, -0.005, 0.220, 1.005);
       -moz-transition: all 0.5s 0s cubic-bezier(0.800, -0.005, 0.220, 1.005);
        -ms-transition: all 0.5s 0s cubic-bezier(0.800, -0.005, 0.220, 1.005);
         -o-transition: all 0.5s 0s cubic-bezier(0.800, -0.005, 0.220, 1.005);
            transition: all 0.5s 0s cubic-bezier(0.800, -0.005, 0.220, 1.005);
}
#menu.view{
  -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px);
     -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px);
      -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px);
       -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px);
          transform: scale3d(1,1,1) translate3d(0%,0px,0px);
}
#menu .inner{
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
	background: #000;
	border:1px #fe1f39 solid;
}
@media only screen and (min-width: 769px) {
	#menu .inner{
		position: absolute;
		top: 5%;
		left: 50%;
		margin-left: -450px;
		width: 900px;
		height: 90%;
		background: #000;
		border:1px #fe1f39 solid;
	}
}
#menu .inner .innerBlock{
  position: absolute;
  top: 50%;
  left: 0%;
  width: 100%;
  -webkit-transform: translate(0%,-50%);
     -moz-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
       -o-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}
#menu ul.menu{
	margin-bottom: 20px;
}
#menu ul.menu li{
	text-align: center;
	margin-bottom: 20px;
}
#menu ul.menu li a{
	font-weight: bold;
	font-size: 24px;
	color: #FFF;
	letter-spacing: 0.1em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#menu ul.menu li a:hover{
	color: #fe1f39;
}
#menu .copyright{
	text-align: center;
	font-size: 10px;
	line-height: 170%;
}
#menu .copyright a{
	color: #FFF;
}



/*----------------------------------------------------
	#scroll
--------------------------------------------------- */
#scroll{
  position: fixed;
  bottom: 25px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  cursor: pointer;
  z-index: 1000;
  -webkit-perspective: 500px;
	perspective: 500px;
}
#scroll a{
	display: block;
  width: 50px;
  height: 50px;
}
#scroll .inner{
  position: absolute;
  top: 0;
  left: 0%;
  width: 50px;
  height: 50px;
 -webkit-animation: scR 1.5s 0s ease infinite;
    -moz-animation: scR 1.5s 0s ease infinite;
         animation: scR 1.5s 0s ease infinite;
     	      transform-origin: center bottom;
      -webkit-transform-origin: center bottom;

}
@-webkit-keyframes scR {
 0% {
 	-webkit-transform:rotate3d(0,1,0,180deg);
 	}
 50% {
 	-webkit-transform:rotate3d(0,1,0,0deg);
 	}
 100% {
 	-webkit-transform:rotate3d(0,1,0,-180deg);
 	}
}
@keyframes scR {
 0% {
 	transform:rotate3d(0,1,0,180deg);
 	}
 50% {
 	transform:rotate3d(0,1,0,0deg);
 	}
 100% {
 	transform:rotate3d(0,1,0,-180deg);
 	}
}
#scroll span.line1{
	position: absolute;
	top: 0;
	left: 0px;
	width: 2px;
	height: 40px;
	background: #FFF;
  -webkit-transform: translate(25px,0%) rotate(45deg);
     -moz-transform: translate(25px,0%) rotate(45deg);
      -ms-transform: translate(25px,0%) rotate(45deg);
       -o-transform: translate(25px,0%) rotate(45deg);
          transform: translate(25px,0%) rotate(45deg);
     	      transform-origin: right bottom;
      -webkit-transform-origin: right bottom;
}
#scroll span.line2{
	position: absolute;
	top: 0;
	left: 0px;
	width: 2px;
	height: 40px;
	background: #FFF;
  -webkit-transform: translate(26px,0%) rotate(-45deg);
     -moz-transform: translate(26px,0%) rotate(-45deg);
      -ms-transform: translate(26px,0%) rotate(-45deg);
       -o-transform: translate(26px,0%) rotate(-45deg);
          transform: translate(26px,0%) rotate(-45deg);
     	      transform-origin: left bottom;
      -webkit-transform-origin: left bottom;
}
#scroll:hover span.line1,
#scroll:hover span.line2{
	background: #fe1f39;
}

@media only screen and (max-width: 768px) {
	#scroll:hover span.line1,
	#scroll:hover span.line2{
		background: #FFF;
	}

}
/*----------------------------------------------------
	#navi
--------------------------------------------------- */
#navi{
  position: fixed;
  bottom:15px;
  left: 0%;
  z-index: 1000;
	width: 100%;
}
#navi ul{
	letter-spacing: -0.4em;
	text-align: center;
}
#navi ul li{
	display: inline-block;
	letter-spacing: normal;
	width: 3px;
	height: 3px;
	margin: 0 3px;
}
#navi ul li a{
	display: block;
	width: 3px;
	height: 3px;
	background: #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#navi ul li a.active{
	background:#fe1f39;
}
/*----------------------------------------------------
	#sns
--------------------------------------------------- */
#sns{
  position: fixed;
  bottom:25px;
  right: 20px;
  z-index: 1000;
  letter-spacing: -0.4em;
  text-align: right;
}
#sns li{
	letter-spacing: normal;
	display: inline-block;
	margin-left: 20px;
	vertical-align: middle;
}
#sns li a{
	color: #FFF;
	font-size: 20px;
}

#sns li.sns03{
	display: none;
}
@media only screen and (max-width: 768px) {
	#sns li.sns03{
		display: inline-block;
	}
}
#sns li.sns03 a {
	position: relative;
	width: 20px;
	height: 20px;
	display: block;

}
#sns li.sns03 a img{
	position: absolute;top: 0;left: 0;
	width: 20px;
	height: 20px;
}


/*----------------------------------------------------
 modal_streaming
--------------------------------------------------- */
.modal_streaming{
position: fixed;
top: 50%;
left: 50%;
width: 900px;
height: 550px;
margin-top: -275px;
margin-left: -450px;
color: #FFF;
z-index: 1010;
opacity: 0;
visibility: hidden;
	-webkit-transition: all 0.5s 0s ease;
		-moz-transition: all 0.5s 0s ease;
			transition: all 0.5s 0s ease;
}
.modal_streaming.view{
	opacity: 1;
	visibility: visible;
}
.modal_streaming .bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
}
.modal_streaming a.close{
position: absolute;
display: block;
top: 0px;
right: 0px;
width: 100px;
height: 100px;
background: #9a7825;
z-index: 900;
-webkit-box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.2);
box-shadow: 0px 10px 30px 0px rgba(51, 51, 51, 0.2);
-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
		transition: all 0.5s 0s ease;
}
.modal_streaming a.close:hover{
	background: #FFF;
}
.modal_streaming a.close span.l1{
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 2px;
margin-top: 0px;
margin-left: -20px;
background: #000;
transform-origin: center center;
-webkit-transform-origin: center center;
-webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
-webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(45deg);
-moz-transform: scale3d(1,1,1) translate(0px,0px) rotate(45deg);
transform: scale3d(1,1,1) translate(0px,0px) rotate(45deg);
}
.modal_streaming a.close span.l2{
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 2px;
margin-top: 0px;
margin-left: -20px;
background: #000;
transform-origin: center center;
-webkit-transform-origin: center center;
-webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
-webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(-45deg);
-moz-transform: scale3d(1,1,1) translate(0px,0px) rotate(-45deg);
transform: scale3d(1,1,1) translate(0px,0px) rotate(-45deg);
}
.modal_streaming .inner{
	padding: 40px 40px;
	text-align: center;
    position: relative;
}
.modal_streaming .inner .title{
	font-size: 30px;
    letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.modal_streaming .inner .title{
    position: relative;
	font-size: 30px;
    letter-spacing: 0.1em;
	font-weight: bold;
	margin-bottom: 20px;
	color: #9a7825;
}

.modal_streaming .inner  .t01{
	font-size: 19px;
	margin-bottom: 20px;
	letter-spacing: 0.05em;
	font-weight: bold;
}
.modal_streaming .inner  .date{
	margin-top: 10px;
	margin-bottom: 20px;
}
.modal_streaming .inner  .day{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
    background: #9a7825;
    color: #000;
}
.modal_streaming .inner  .day .year{
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 20px;
}
.modal_streaming .inner  .day .t1{
	position: absolute;
	top: 45px;
    left: 20px;
    /* width: 100%; */
    text-align: left;
    font-size: 40px;
    font-weight: bold;
}
.modal_streaming .inner  .day .t2{
	position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
}
.modal_streaming .inner  .day .t3{
	position: absolute;
	top: 55px;
    left: 60px;
    /* width: 100%; */
    text-align: left;
    font-size: 40px;
    font-weight: bold;
}



/* 
.modal_streaming .inner  .date{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
    background: #9a7825;
    color: #000;
}
.modal_streaming .inner  .date .t_bg{
	display: block;
    width: 75%;
    margin: 0 auto;
    background: #9a7825;
    color: #000;
    font-size: 24px;
    line-height: 1.5;
    font-weight: bold;
    padding: 0 20px;
} */
.modal_streaming .inner  .date .t_bg span{
font-size: 1.5vw;
}
.modal_streaming .inner .list{
	overflow: hidden;
	width: 80%;
	margin:0 auto;
	letter-spacing: -0.4em;
}
.modal_streaming .inner .list .column{
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 20%;
	margin-bottom: 10px;
}
.modal_streaming .inner .list .column .name{
    font-size: 12px;
	line-height: 1.5;
	padding-top: 10px;
}
.modal_streaming .inner .btn a{
	display: block;
    background: #9a7825;
    font-size: 20px;
    padding: 10px;
    letter-spacing: 0.1em;
    font-weight: bold;
	-webkit-transition: all 0.5s 0s ease;
		-moz-transition: all 0.5s 0s ease;
			transition: all 0.5s 0s ease;
}
.modal_streaming .inner .btn a:hover{
	background: #FFF;
}
@media only screen and (max-width: 768px) {
	.modal_streaming{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 150vw;
	margin-top: -75vw;
	margin-left: -45%;
	}
	.modal_streaming.view{
	}
	.modal_streaming a.close{
		width: 50px;
		height: 50px;
	}
	.modal_streaming a.close span.l1{
	width: 20px;
	height: 2px;
	margin-top: 0px;
	margin-left: -10px;
	}
	.modal_streaming a.close span.l2{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 20px;
	height: 2px;
	margin-top: 0px;
	margin-left: -10px;
	}
	.modal_streaming .inner{
		padding: 25vw 0px;
	}
	.modal_streaming .inner .title{
		font-size: 30px;
		letter-spacing: 0.1em;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.modal_streaming .inner .title{
		position: relative;
		font-size: 20px;
		line-height: 1.3;
		margin-bottom: 2vw;
	}
	.modal_streaming .inner  .t01{
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.modal_streaming .inner .day {
		top: -20px;
	}
	.modal_streaming .inner .list{
		overflow: hidden;
		width: 100%;
		margin:0 auto;
		letter-spacing:normal;
	}
	.modal_streaming .inner .list .column{
		letter-spacing: normal;
		display:block;
		float: left;
		width: 50vw;
		margin-bottom: 10px;
	}
	.modal_streaming .inner .list .column .name{
		font-size: 12px;
		line-height: 1.5;
		padding-top: 10px;
	}
	.modal_streaming .inner .btn{
		margin:0 10px;
	}
	.modal_streaming .inner .btn a{
		display: block;
		background: #9a7825;
		font-size: 4vw;
		padding: 10px;
	}
	.modal_streaming .inner .btn a:hover{
		background: #FFF;
	}

}