@charset "UTF-8";
* {
	-webkit-tap-highlight-color: transparent;

	outline: 0;

	max-height: 999999px;
}
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, figure, h1, h2, h3, h4, h5, h6, form, select {
	margin: 0;
	padding: 0;
}
ul, ol {
	list-style: none;
}
img {
	border: 0;
	vertical-align: middle;
}
svg, input, select, textarea, label {
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
h1, h2, h3, h4, h5, h6, th, em, strong {
	font-weight: normal;
}

.cf:after {
	content: "";
	display: block;
	clear: both;
}
iframe {
	border: none;
}
:focus {
	outline: 0;
}
/*/////////////////////////
base layout　helve
//////////////////////////*/
html {


}
body {
	position: relative;
	font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
overflow-x: hidden; 
	background: #201407;
	color: #6a3906;
	text-align: center;

}
.smartPhone body {
	max-width: 750px;
	overflow-x: hidden;
}

.touchDevice body{font-size: 26px;}

body.in{}

body.fixed {
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
}
html.deactive, html.deactive body {
	pointer-events: none;
}
img {
	vertical-align: bottom;
}
a, a:link {
	color: #fff;
	text-decoration: underline;
	outline: 0;
}
a:hover, a:active {
	color: #fff;
	text-decoration: none;
}
a:visited {
	color: #fff;
	text-decoration: none;
}
a.btn {
	display: inline-block;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0 auto 0 auto;
	font-weight: normal;
	display: block;
}
hr {
	border: 0;
	padding: 0;
	margin: 0;
	height: 1px;
}
p {
	padding-top: 0.5em;
	margin-bottom: 1.5em;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
 color: #666;
 opacity: 1;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
 color: #666;
 opacity: 1;
}

/* Firefox 18- */
:-moz-placeholder {
 color: #666;
 opacity: 1;
}

/* Firefox 19+ */
::-moz-placeholder {
 color: #666;
 opacity: 1;
}

/* IE 10+ */
:-ms-input-placeholder {
 color: #666;
 opacity: 1;
}
.placeholder {
	color: #666;
	opacity: 1;
}
:disabled {
	color: #fff !important;
	opacity: 1 !important;
}
textarea[disabled][readonly], input[disabled][readonly] {
	color: #fff !important;
	opacity: 1 !important;
}
/* preload
----------------------------------------------- */



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

#loader{
	width: 102%;
	height: 102%;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	z-index:50000;
	background: #000;

}

#loadingAnim{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 88px;
	height: 36px;
	font-size: 0.8em;
	color: #c60e1c;
	transform: translate(-50%,-50%);
	display:block;
		
	background: url(../img/parts/loading.gif) no-repeat;
	background-size:contain;
}





#loading_count{
	display:none;
}





/* IE Only
----------------------------------------------- */
#dp_swf_engine {
	display: none;
}
/* wrap
----------------------------------------------- */
#container {
	position: relative;
	z-index: 4;
	margin: auto;
	width: 100%;
	height: auto;
	min-width: 750px;
	opacity: 0;
	overflow-x: hidden; 

}

.pcDevice #container {min-width: 750px;}
.iPad #container {min-width: 750px;}


body.fixed #container {
	z-index: 4;
	margin: auto;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	overflow: hidden;

}

#base{
position:relative; z-index:2; width:100%; margin:auto;
}



#contentsWrap{
position:relative; z-index:2; width:100%; margin:auto;}
}



/* body
----------------------------------------------- */
#container.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}




/* coverWrap
----------------------------------------------- */

#coverView{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/parts/black_70.png);
	z-index:9000;
	opacity: 0;
	transition: all 500ms cubic-bezier(.50,.0,.50,1);
}

#coverView.show{opacity: 1;}

#coverViewContents{
		position: fixed;
	top: 5%;
	left: 10%;
	width: 80%;
	height: 90%;
	z-index:9000;
	
}

#coverViewContents .close{
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index:9001;
	cursor: pointer;
}

#coverViewContents iframe{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index:9100;

	
}

#coverViewContents.image{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	height: 60%;
	transform: translate(-50%, -50%);
	z-index:9000;
}

.smartPhone #coverViewContents.image{
	width: 80%;
	height: 80%;
	transform: translate(-50%, -50%);
	z-index:9000;
}

#coverViewContents.image.top_visual{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 90%;
	transform: translate(-50%, -50%);
	z-index:9000;
}

.smartPhone #coverViewContents.image.top_visual{
	width: 90%;
	height: 90%;
	transform: translate(-50%, -50%);
	z-index:9000;
}




#coverViewClose{
	position: fixed;
	top: 25px;
	right: 25px;
	width: 50px;
	height: 50px;
	background: url(../img/parts/btn_view_close.png) no-repeat;
	background-size: contain;
	z-index:9002;
	cursor: pointer;
	transition: all 200ms ease;
}


#coverViewClose2:hover{
	
  
	 -webkit-transform: scale(1.1,1.1); 
	 transform: scale(1.1,1.1); 
}



/* example4
----------------------------------------------- */
.anim {
	-webkit-transition: -webkit-all 300ms cubic-bezier(0.5, 0, 0.5, 1);
	-webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1);
}
table.normal, table.normal th, table.normal td {
	border-collapse: collapse;
	border: 1px solid #ccc;
	font-size: 0.8em;
	line-height: 1.5;
	background: #fff;
}
table.normal th {
	width: auto;
	padding: 5px;
	font-weight: bold;
	background: #3f3f3f;
	color: #ffffff;
	white-space: nowrap;
}
table.normal td {
	width: auto;
	padding: 10px;
	white-space: nowrap;
}


.onlyPC{ display:inline-block;}
.onlySP{ display:none;}

ul.list{ list-style: disc; padding-left: 1.3em;}
ul.list li{ margin-bottom: 0.8em; line-height: 1.4;}


ul.kome{}
ul.kome li{ position: relative; padding-left: 1.5em; margin-bottom: 0.8em; line-height: 1.4;}
ul.kome li:before{ content:'※'; display: inline-block; position: absolute; top: 0em; left: 0;}




.inview {
	-webkit-transition: -webkit-all 300ms cubic-bezier(0.5, 0, 0.5, 1);
	-webkit-transition: all 300ms cubic-bezier(0.5, 0, 0.5, 1);
	transition: all 500ms cubic-bezier(0.5, 0, 0.5, 1);
}

/* style
----------------------------------------------- */
#siteBG{ position:fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1; background: url(../img/sp/common/bg.jpg) center center no-repeat; background-size:cover; }


.kamifubuki {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 100%;
    margin: auto;
z-index: 2;

}


section{ width: 100%; margin-bottom: 100px; position: relative; transform: translate(0,50px);}
section.in{ transform: translate(0,0);}

section.bgBlack{ background-color: #1b1b1b; width: 100%; color: #fff;}
section.offMargin{margin: 0 !important;}

section header,
section .body{ position:relative;}
section .body{}

section .body *{ position: relative; z-index: 100;}

section .body .wrap{position:relative;}

section .corner{content:''; display: block;  position: absolute; z-index: 50;}

section.paperA:after{ content:''; display: block; width: 1051px; height: 242px; margin:0 auto 0 auto; background: url(../img/sp/common/paperA-b.png) center top no-repeat;}
section.paperA header{width: 1051px; height: 223px; margin: auto; background: url(../img/sp/common/paperA-t.png) center top no-repeat;}
section.paperA .body{ width: 1051px; min-height: 300px; margin: auto; background: url(../img/sp/common/paperA-p.png) center top repeat-y;}

section.paperB:after{ content:''; display: block; width: 1004px; height: 541px; margin:-134px auto 0 auto; background: url(../img/sp/common/paperB-b.png) center top no-repeat; position: relative;}
section.paperB header{width: 1004px; height: 322px; margin: auto; background: url(../img/sp/common/paperB-t.png) center top no-repeat;}

	section.paperB header .title{position: absolute;z-index: 200;  top: -125px; left: 50%; transform: translate(-50%,0);}
section.paperB .body{ width: 1004px; min-height: 300px; margin: auto; background: url(../img/sp/common/paperB-p.png) center top repeat-y;}

section.paperC:after{ content:''; display: block; width: 1000px; height: 250px; margin:-50px auto 0 auto; background: url(../img/sp/common/paperC-b.png) center top no-repeat; position: relative;}
section.paperC header{width: 1000px; height: 60px; margin: auto; background: url(../img/sp/common/paperC-t.png) center top no-repeat;}
section.paperC .body{ width: 1000px; min-height: 300px; margin: auto; background: url(../img/sp/common/paperC-p.png) center top repeat-y;}






#spMenuList{  position: fixed; bottom: 0; left: 0;right:0; width: 100%; height: 0;z-index: 1000; background: #201407; box-sizing: border-box; overflow: hidden;transition: all 500ms cubic-bezier(.50,.0,.50,1);}

#spMenuList.open{height: 100%;}

#spMenuList ul.menu{ position: absolute; width: 90%; bottom: 250px; left: 50%; transform: translate(-50%,0); z-index: 1001;}
#spMenuList ul.menu li{ display: inline-block; width: 46%; max-width: 690px; height: auto;background: url(../img/sp/common/menu/bg_list.png) center center no-repeat; background-size:contain;margin:0 1% 1% 1%;}
#spMenuList ul.menu li a{ display: block; height: 0; padding-top:  16.7%;overflow: hidden;}
#spMenuList ul.menu li:nth-of-type(1) a{background: url(../img/sp/common/menu/top.png) center center no-repeat; background-size:contain;}
#spMenuList ul.menu li:nth-of-type(2) a{background: url(../img/sp/common/menu/stage.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.menu li:nth-of-type(3) a{background: url(../img/sp/common/menu/event.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.menu li:nth-of-type(4) a{background: url(../img/sp/common/menu/memories.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.menu li:nth-of-type(5) a{background: url(../img/sp/common/menu/selection.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.menu li:nth-of-type(6) a{background: url(../img/sp/common/menu/reporter.png) center center no-repeat;  background-size:contain;}


#spMenuList ul.sns{  position: absolute; bottom: 170px; width:200px; height: 50px; left: 50%; text-align: center; transform: translate(-50%,0); z-index: 1001; vertical-align: top;  padding: 0; }
#spMenuList ul.sns li{ display: inline-block; width: 50px; height: 50px; margin:0px ; position: relative; overflow: hidden; top: 0;}
#spMenuList ul.sns li a{ display: block; height: 0; padding-top:  50px;overflow: hidden;}

#spMenuList ul.sns li:nth-of-type(1) { position: absolute; top: 0; left: 0;}
#spMenuList ul.sns li:nth-of-type(2)  { position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}
#spMenuList ul.sns li:nth-of-type(3)  { position: absolute; top: 0; right: 0;}

#spMenuList ul.sns li:nth-of-type(1) a{background: url(../img/sp/common/menu/sns_facebook.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.sns li:nth-of-type(2) a{background: url(../img/sp/common/menu/sns_twitter.png) center center no-repeat;  background-size:contain;}
#spMenuList ul.sns li:nth-of-type(3) a{background: url(../img/sp/common/menu/sns_line.png) center center no-repeat;  background-size:contain;}

#spMenuList ul.sns li:nth-of-type(2):after{ content: ''; display: block;  width: 50px; height:  50px;overflow: hidden; position: absolute; top: 0; left: 0;background: url(../img/sp/common/menu/sns_twitter.png) center center no-repeat;  background-size:contain; z-index: 1000; pointer-events: none; padding: 0; line-height: 0; font-size: 1px;}
#spMenuList ul.sns li:nth-of-type(2) iframe{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) scale(10,10); transform-origin: center center; opacity: .01;}

@media screen and (max-width: 750px) {
	

	#spMenuList ul.menu{ position: absolute; width: 90%; bottom: 300px; left: 50%; transform: translate(-50%,0); z-index: 1001;}
#spMenuList ul.menu li{ display: block; width: 690px; height: 114px;background: url(../img/sp/common/menu/bg_list.png) center center no-repeat; margin:0 auto 10px auto;}
#spMenuList ul.menu li a{ display: block; height: 0; padding-top:  114px;overflow: hidden;}
	
	#spMenuList ul.sns{  position: absolute;  width:350px; height: 100px;bottom: 170px; left: 50%; text-align: center; transform: translate(-50%,0); z-index: 1001;}
#spMenuList ul.sns li{ display: inline-block; width: 100px; height: 100px; margin:0px ;}
#spMenuList ul.sns li a{ display: block; height: 0; padding-top:  100px;overflow: hidden;}
	
	#spMenuList ul.sns li:nth-of-type(2):after{ width: 100px; height:  100px;}
	
	}




#spMenuWrap{  position: fixed; bottom:-200px; left: 0; width: 100%; height: 183px;z-index: 1009;transition: all 800ms cubic-bezier(.50,.0,.50,1) 3000ms;}
body.intro #spMenuWrap,
body.nointro #spMenuWrap{ bottom:0;}

#spMenuWrap:before{ content:''; display: block; width:100%; height: 183px; position: absolute; bottom: 0px; left: 0; z-index: 1010;background: url(../img/sp/common/menu/bg.png) center center repeat-x;}

#spMenuWrap .logo{ width:241px; height: 130px; position: absolute; top: 30px; left: 50%; z-index: 1020;transform: translate(-50%,0);background: url(../img/sp/common/menu/logo.png) center center no-repeat; cursor: pointer;}


#spMenuWrap .menuBtn{ width: 148px; height: 120px; position: absolute; top: 45px;right: 0;z-index: 1030;background: url(../img/sp/common/menu/btn_sp_menu.png) center center no-repeat; cursor: pointer;}


#spMenuWrap .btnEntry{ display: inline-block; position: absolute; top: 68px;left: 25px;z-index: 1030;

	width:191px;
	height: 71px;
	background: url(../img/sp/common/menu/btn_oubo.png) center center no-repeat;
}


.ouboDeactive #spMenuWrap .btnEntry{ display:none;}

#spMenuWrap.open .menuBtn{ width: 148px; height: 120px; position: absolute; top: 45px;right: 0;z-index: 1030;background: url(../img/sp/common/menu/btn_sp_menu_close.png) center center no-repeat;}

#spMenuWrap ul.archive{display:inline-block;width: 540px; position: absolute; top: -120px;left:50%; transform: translate(-358px,0);z-index: 1005;	transition: all 500ms cubic-bezier(.50,.0,.50,1);}

#spMenuWrap ul.archive.hide{ transform: translate(-350px,200px);}

#spMenuWrap ul.archive li{ display:inline-block;width: 180px; height: 196px; float: left; cursor: pointer;transition: all 250ms cubic-bezier(.50,.0,.50,1);transform: translate(0px,30px);}
#spMenuWrap ul.archive li:nth-of-type(1){background: url(../img/sp/common/menu/tag_2015_2016.png) center center no-repeat;}
#spMenuWrap ul.archive li:nth-of-type(2){background: url(../img/sp/common/menu/tag_2017.png) center center no-repeat;}
#spMenuWrap ul.archive li:nth-of-type(3){background: url(../img/sp/common/menu/tag_2018_2019.png) center center no-repeat;}

#spMenuWrap ul.archive li.active{transform: translate(0px,0px);}
#spMenuWrap ul.archive li.active:nth-of-type(1){background: url(../img/sp/common/menu/tag_2015_2016_on.png) center center no-repeat;}
#spMenuWrap ul.archive li.active:nth-of-type(2){background: url(../img/sp/common/menu/tag_2017_on.png) center center no-repeat;}
#spMenuWrap ul.archive li.active:nth-of-type(3){background: url(../img/sp/common/menu/tag_2018_2019_on.png) center center no-repeat;}

#spMenuWrap.open ul.archive{ transform: translate(-350px,200px);}


#spMenuWrap .twitterFixed{ width: 110px; height: 110px; position: absolute; top: -80px;left:50%; transform: translate(185px,10px);	transition: all 500ms cubic-bezier(.50,.0,.50,1); z-index: 1005;background: url(../img/sp/common/menu/fixed_twitter.png) center center no-repeat;}
#spMenuWrap .twitterFixed a{ display: block; height: 110px;}

#spMenuWrap.open .twitterFixed{ transform: translate(185px,200px);}


#spMenuWrap .toTop{ width: 148px; height: 120px;  position: absolute; top: 45px;left: 10px;z-index: 1030;background: url(../img/sp/common/menu/btn_sp_menu_top.png) center center no-repeat;}
#spMenuWrap .toTop a{ display: block; height: 120px;}





	section.paperA:after{ width: 750px; height: 185px; background: url(../img/sp/common/paperA-b.png) center top no-repeat;}
	section.paperA header{width: 750px; height: 164px; background: url(../img/sp/common/paperA-t.png) center top no-repeat;}
	section.paperA .body{ width: 750px; min-height: 300px; background: url(../img/sp/common/paperA-p.png) center top repeat-y;}

	section.paperB:after{  width: 730px; height: 390px; margin:-134px auto 0 auto; background: url(../img/sp/common/paperB-b.png) center top no-repeat; position: relative;}
	section.paperB header{width: 730px; height: 233px;  background: url(../img/sp/common/paperB-t.png) center top no-repeat;}

	section.paperB .body{ width: 730px; min-height: 300px; background: url(../img/sp/common/paperB-p.png) center top repeat-y;}

	section.paperC:after{ width: 750px; height: 290px; margin:-145px auto 0 auto; background: url(../img/sp/common/paperC-b.png) center top no-repeat; position: relative;}
	section.paperC header{width: 750px; height: 100px; background: url(../img/sp/common/paperC-t.png) center top no-repeat;}
	section.paperC .body{ width: 750px; min-height: 300px;  background: url(../img/sp/common/paperC-p.png) center top repeat-y;}
	
	section.paperC  .ribonTL{ width: 144px; height: 144px; background: url(../img/sp/common/paperC-t-l.png) center center no-repeat; position: absolute; top: 9px; left: 50%; transform: translate(-350px,0);}
	section.paperC  .ribonBR{ width: 141px; height: 144px; background: url(../img/sp/common/paperC-b-r.png) center center no-repeat; position: absolute; bottom: 38px; left: 50%; transform: translate(212px,0);}
	
	 






section.wfull{}


section.wfull#mainVisual{ height: 900px;}
section.wfull#information{}
section.wfull#event{}
section.wfull#program{}
section.wfull#memories{}
section.wfull#selection{}
section.wfull#reporter{}
section.wfull#contact{}


section.wfull#mainVisual  h1.logo{width:514px; height:0; padding-top: 492px;  position: absolute; top: 55%; left: 51%; z-index: 10; transform: translate(-50%,-50%) ;}


section.wfull#mainVisual  h1.logo .image{
	width:514px; height:492px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10;
opacity: 0.01;}


section.wfull#mainVisual  h1.logo .set{
	width:auto; height: auto; 
    position: absolute;
    top: 0;
    left: 0;
    
}

section.wfull#mainVisual .visualWrap{ width:1800px; height: 1020px; position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}

section.wfull#mainVisual .visualWrap .chara{ opacity: 0;}
section.wfull#mainVisual .visualWrap .chara:nth-of-type(1){width:592px; height: 593px; position: absolute; top: 50%; left: 50%; transform: translate(-51%,-82%) scale(1,1);background: url(../img/sp/kv/rani.png) center center no-repeat; background-size:contain;transition: all 3000ms cubic-bezier(.55,0,0,1) 100ms;}

section.wfull#mainVisual .visualWrap .chara:nth-of-type(2){width:687px; height: 675px; position: absolute; top: 50%; left: 50%; transform: translate(-15%,-27%) scale(1,1);background: url(../img/sp/kv/denev.png) center center no-repeat; background-size:contain;transition: all 3000ms cubic-bezier(.55,0,0,1) 600ms;}

section.wfull#mainVisual .visualWrap .chara:nth-of-type(3){width:642px; height: 639px; position: absolute; top: 50%; left: 50%; transform: translate(-98%,-35%) scale(1,1);background: url(../img/sp/kv/yoshino.png) center center no-repeat; background-size:contain;transition: all 3000ms cubic-bezier(.55,0,0,1) 1100ms;}

section.wfull#mainVisual .visualWrap .info{width:555px; height: 122px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,190%);background: url(../img/sp/kv/title.png) center center no-repeat; background-size:contain; opacity: 0;  transition: all 1500ms cubic-bezier(.50,.0,.50,1) 3000ms;}

.selectResult section.wfull#mainVisual .visualWrap .info{background: url(../img/sp/kv/title_finish.png) center center no-repeat; }

section .btnEntry{
	display: inline-block;
	width:520px;
	height: 119px;
	background: url(../img/sp/common/btn_oubo.png) center center no-repeat; background-size:contain;
}


.ouboDeactive section .btnEntry{ background: url(../img/sp/common/btn_oubo_deactive.png) center center no-repeat; background-size:contain; pointer-events: none;}

body.intro section#mainVisual{}

body.intro section#mainVisual .logo .set {
     animation: logoAnim .83s linear 0s 1 normal forwards running;
	animation-delay: 3800ms;
  }

body.intro section#mainVisual .logo .image{
	animation-name: bound4;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-fill-mode:forwards;
	animation-delay: 2800ms;

	-webkit-animation-name: bound4;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay: 2800ms;
}



body.intro section#mainVisual .chara:nth-of-type(1){transform: translate(-51%,-82%) scale(1,1) !important;opacity: 1 !important; }
body.intro section#mainVisual .chara:nth-of-type(2){transform: translate(-15%,-27%) scale(1,1) !important;opacity: 1 !important; }
body.intro section#mainVisual .chara:nth-of-type(3){transform: translate(-98%,-35%) scale(1,1) !important;opacity: 1 !important; }
body.intro section#mainVisual .info{transform: translate(-50%,190%) !important;opacity: 1 !important; }















section#information:before{ content: ''; display: block; width: 3000px; height: 960px; position: absolute; top: 0px; left: 50%; transform: translate(-50%,-445px);background: url(../img/sp/info/ribon.png) center center no-repeat; background-size:contain;}
section#information .body{ padding-top: 300px; height: 1420px;}

body.noinfo section#information .body{ }
body.noinfo section#information .body #info{ } 

section#information .body .title{ position: absolute; top: -298px; left: 50%; z-index: 120; transform: translate(-50%,0);}
section#information .body .btnEntry{ position:absolute; left: 50%; bottom:200px;transform: translate(-50%,0);}

section#information .body .readSub{ position:absolute; left: 50%; bottom:157px;transform: translate(-50%,0);
	width:520px;
	height: 24px;
	background: url(../img/sp/info/oubo.png) center center no-repeat; background-size:contain;

}

.ouboDeactive section#information .body .readSub{background: url(../img/sp/info/oubo_finished.png) center center no-repeat; background-size:contain;}


section#information .body .read{ margin-bottom: 50px;}
section#information .body .btnMap{ position:absolute; left: 50%; top:430px; height: 50px; width: 280px; transform: translate(-50%,0); }
section#information .body .schedule{}


.eventTitle{ height: 250px; position: relative; }
.eventTitle .title{ position:absolute; left: 50%; top:-200px; transform: translate(-50%,50px); 	transition: all 500ms cubic-bezier(0.5, 0, 0.5, 1);}
.eventTitle.in .title{ transform: translate(-50%,0);}

section#member .body{ padding-top: 20px; height: 360px;}
section#member .body .title{ position: absolute; top: -165px; left: 50%; z-index: 100; transform: translate(-50%,0);
}
section#member .body .contents{ position: relative; z-index: 100;}

section#program{ margin-bottom: 300px;}
section#program .body{ padding-top: 20px;  padding-bottom: 280px; min-height: 1000px;}
section#program .body .title{ position: absolute; top: -165px; left: 50%; z-index: 100; transform: translate(-50%,0);}
section#program .body article{ margin-bottom: 50px;}			
section#program .body article .label{margin-bottom: 10px;}
section#program .body article .text{ width:600px; margin: 0 auto 10px auto; padding: 20px; box-sizing: border-box; text-align: left;background: rgba(246,239,231,0.6);

	border-top: solid 8px rgba(105,96,85,0.6);
	border-right: solid 8px rgba(220,186,167,0.6);
	border-bottom: solid 8px rgba(246,238,229,0.6);
	border-left: solid 8px rgba(202,187,167,0.6);

}

section#program .body article .btnDetail{ display:inline-block;
	width: 438px;
	height: 136px;
	background: url(../img/sp/program/btn_detail.png) no-repeat; 
}

body.starsDeactive section#program .body article .btnDetail{
	
	background: url(../img/sp/program/btn_detail_deactive.png) no-repeat; 
	pointer-events: none;
}

section#program .body article .btnEntry{ position: absolute; bottom:40px;left: 50%; transform: translate(-50%,0); }
section#program .body .lastBox{position: absolute; z-index: 100; bottom:-50px;left: 50%; transform: translate(-50%,0);}


section#memories{ margin-bottom: 300px;}
section#memories:before{ content:''; display: block; width: 592px; height: 588px; background: url(../img/sp/kv/sub_1.png) no-repeat; position: absolute; top: -316px; left: 50%; transform: translate(-50%,0); margin-left: 240px;}
section#memories .body{min-height: auto;  height: 310px; position: relative;}
section#memories .body .contents{  margin-top: -80px; margin-bottom: 20px;}
section#memories .body a{ display:inline-block; clear: both;}
section#memories .body .btn{ position: absolute; bottom: -100px; left: 50%; z-index: 10; transform: translate(-50%,0);}




section#selection{ margin-bottom: 300px;}
section#selection:before{ content:''; display: block; width: 575px; height: 572px; background: url(../img/sp/kv/sub_2.png) no-repeat; position: absolute; top: -310px; left: 50%; transform: translate(-50%,0); margin-left: -160px;}
section#selection .body{min-height: auto;  height: auto; position: relative;}
section#selection .body .contents{  margin-top: -80px; }


.selectResult section#selection .body .contents.result{margin-bottom: 50px;}
.selectResult section#selection .body .contents.foot.result{ margin-top: 0;    margin-bottom: -100px;}

.selectResult section#selection article.resultDetail{ width: 628px;height: auto; margin: 0 auto 50px auto; text-align: center;}
.selectResult section#selection article.resultDetail .image{ margin-bottom:0px;}
.selectResult section#selection article.resultDetail .thumb{position: absolute; top: 93px; left: 67px;  width: 506px; height: 285px;  background: #369;}
.selectResult section#selection article.resultDetail .label{ width: 610px; height: 110px; margin: auto; background: url(../img/sp/selection/result/plate_gold.png) center center no-repeat;padding:23px; box-sizing: border-box;
 display: grid;
    align-items: center;
}

.selectResult section#selection article.resultDetail .label .user{ display: inline-block; margin: 0 10px;  text-align: center; color: #000;}
.selectResult section#selection article.resultDetail .label .user .name{ font-weight: bold;font-size: 1em; margin-bottom: 5px; line-height: 1;}
.selectResult section#selection article.resultDetail .label .user .text{ font-size: 0.8em; }




.selectResult section#selection article.rindo .label{ padding:15px; }
.selectResult section#selection article.rindo .label .user{ }
.selectResult section#selection article.rindo .label .user .name{margin-bottom: 0px; }
.selectResult section#selection article.rindo .label .user .text{ font-size: 0.75em; line-height: 1.5;}

@media screen and (max-width: 750px) {
	.selectResult section#selection article.resultDetail .label{ padding-top:25px; }
	.selectResult section#selection article.resultDetail .label .user .name{ font-size: 0.85em;}
	.selectResult section#selection article.rindo .label{ padding-top:20px; }
.selectResult section#selection article.rindo .label .user .text{ font-size: 0.7em; line-height: 1.3;}
}


.selectResult section#selection article.resultDetail .label .user a{color: #000 !important;}

.selectResult section#selection article.resultDetail iframe{position: absolute; top: 84px; left: 61px;  width: 506px; height: 260px;}



.selectResult section#selection article.frameGold{}
.selectResult section#selection article.frameSilver{}


.selectResult section#selection article.frameSilver .label{   background: url(../img/sp/selection/result/plate_silver.png) center center no-repeat; }

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}


.miniOthello{ height: 76px; margin-bottom: 50px; background: url(../img/sp/selection/result/mini_othello.png) center center no-repeat;}

section#selection .body .selectionSchedule{margin:0 auto 60px auto; position: relative;
	background: url(../img/sp/selection/schedule.png) no-repeat;  width: 640px; height: 240px; }
section#selection .body .selectionSchedule:after{ content:''; display: none;
	background: url(../img/sp/selection/schedule_deactive.png) no-repeat;  width: 640px; height: 240px; position: absolute; top: 0; left: 0;}

body.selectionDeactive section#selection .body .selectionSchedule:after{display: block;}


section#selection .body .detailWrap{ position: relative;background: url(../img/sp/selection/detail/bg_suisen_body.png) repeat-y;  width: 650px; padding:0px; box-sizing: border-box; margin: 0 auto 80px auto;}

section#selection .body .detailWrap:before,
section#selection .body .detailWrap:after{ content: ''; display: block; width: 650px; height: 30px; position: absolute; left: 0;}

section#selection .body .detailWrap:before{background: url(../img/sp/selection/detail/bg_suisen_h.png) no-repeat;  top: 0;}
section#selection .body .detailWrap:after{ background: url(../img/sp/selection/detail/bg_suisen_b.png) no-repeat;  bottom:0;}

section#selection .body .detailWrap.open{}

section#selection .body .detailWrap .switchBtn{ width: 100%; height: 120px; background: url(../img/sp/selection/detail/btn_open.png) 90px center no-repeat;  cursor: pointer;}
section#selection .body .detailWrap.open .switchBtn,
section#selection .body .detailWrap .closeBtn{ width: 100%; height: 120px; background: url(../img/sp/selection/detail/btn_close.png) 85px center no-repeat; }

section#selection .body .detailWrap .orange{ color:#eb6100;}
section#selection .body .detailWrap .red{ color:#f11700;}


section#selection .body .detailWrap .detailBody{ display: none;}
section#selection .body .detailWrap.open .detailBody{ display: block;}

section#selection .body .detailWrap .case{ margin-bottom:80px;}
section#selection .body .detailWrap .jisenBox,
section#selection .body .detailWrap .tasenBox{ position: relative;width: 600px;  border: solid 2px #896336; padding: 2px; box-sizing: border-box; margin: 0 auto 80px auto;background: url(../img/sp/selection/detail/bg_dot.png) ;}

section#selection .body .detailWrap .jisenBox .inBox,
section#selection .body .detailWrap .tasenBox .inBox{ position: relative; z-index: 5; width: 590px;  border: solid 1px #896336; padding: 70px 35px; box-sizing: border-box; margin:0;}

section#selection .body .detailWrap  .jisenBox p:nth-of-type(1),
section#selection .body .detailWrap  .jisenBox p:nth-of-type(2){ padding-top: 70px;}

section#selection .body .detailWrap  .jisenBox p:nth-of-type(1):before,
section#selection .body .detailWrap  .jisenBox p:nth-of-type(2):before{ content:''; display: block; width: 53px; height: 53px; position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}


section#selection .body .detailWrap  .jisenBox p:nth-of-type(1):before{ background: url(../img/sp/common/icon_point_1.png) no-repeat;}
section#selection .body .detailWrap  .jisenBox p:nth-of-type(2):before{ background: url(../img/sp/common/icon_point_2.png) no-repeat;}



section#selection .body .detailWrap  .inBox p:last-child{ margin-bottom:0;}

section#selection .body .detailWrap .jisenBox{background-color: rgba(255,255,255,0.3);  }
section#selection .body .detailWrap .tasenBox{ background-color: rgba(0,0,0,0.1);  }

section#selection .body .detailWrap .jisenBox:before,
section#selection .body .detailWrap .tasenBox:before{ content: ''; display: block; width: 137px; height: 128px; position: absolute; top: -75px; left: 50%; transform: translate(-50%,0); z-index: 10;}

section#selection .body .detailWrap .jisenBox:before{ background: url(../img/sp/selection/detail/icon_jisui.png) center center no-repeat;}
section#selection .body .detailWrap .tasenBox:before{ background: url(../img/sp/selection/detail/icon_tasui.png) center center no-repeat;}

section#selection .body  .tweet{margin-bottom: 60px; display: inline-block;}


section#selection .body .detailWrap .about{ width: 600px;  padding: 60px 10px; box-sizing: border-box; border: solid 2px #a58658; background-color: #f7ecce;  margin: 0 auto 80px auto; text-align: left;}
section#selection .body .detailWrap .about p{ padding: 0px 20px; box-sizing: border-box;margin: 0 auto 20px auto; }


section#selection .body .detailWrap .caution{ width: 570px; margin: 0 auto 20px auto;}
section#selection .body .detailWrap .caution .t{ margin-bottom:30px;}
section#selection .body .detailWrap .caution ul{ text-align: left;}
section#selection .body .detailWrap .caution ul li{ margin-bottom: 20px;}

section#selection .body .contactWrap {  height: 200px;}


section#selection .body .contactWrap .contactWrapInner{position: absolute; top:0px; left: 50%; z-index: 10; transform: translate(-50%,0);}

section#selection .body .contactWrap .contactTitle{ margin-bottom: 40px;}

section#selection .body .contactWrap .body{ width: 550px;  padding: 50px 30px 30px 30px; box-sizing: border-box; border: solid 2px #693908;  margin: 0 auto 0px auto;}


section#selection .body .contactWrap{ margin-bottom:30px;}
section#selection .body .contactWrap h3{ font-weight:bold;}
section#selection .body .contactWrap .mail{margin-bottom:10px;}
section#selection .body .contactWrap .mail a{  color: #6a3906;}
section#selection .body .contactWrap .hosoku{  font-size: 0.6em;color: #6a3906;}





section#reporter:before{ content:''; display: block; width: 518px; height: 518px; background: url(../img/sp/kv/sub_3.png) no-repeat; position: absolute; top: -310px; left: 50%; transform: translate(-50%,0); margin-left: 50px;}
section#reporter .body{min-height: auto;  height: 600px; position: relative;}
@media screen and (max-width: 750px) {
section#reporter .body{min-height: auto;  height: 700px; position: relative;}
}
section#reporter .body .contents{  margin-top: -80px; margin-bottom: 30px;}
section#reporter .body a{ display:inline-block; clear: both;}
section#reporter .body .action{ position: relative;  left: 50%; z-index: 10; transform: translate(-50%,0);}


section#reporter .btnEntry{
	display: inline-block;
	width:520px;
	height: 119px;
	background: url(../img/sp/modal/btn_reporter_on.png) center center no-repeat; background-size:contain;
}


.ouboReporterDeactive section#reporter .btnEntry{ background: url(../img/sp/modal/btn_reporter_off.png) center center no-repeat; background-size:contain; pointer-events: none;}


section#reporter .body .readSub{ position:relative; left: 50%; transform: translate(-50%,0);
	width:520px;
	height: 24px;
	background: url(../img/sp/reporter/oubo.png) center center no-repeat; background-size:contain;

}

.ouboReporterDeactive section#reporter .body .readSub{background: url(../img/sp/reporter/oubo_finished.png) center center no-repeat; background-size:contain;}



section#reporter .body ul{ width: 500px; margin: auto; text-align: left; padding-top: 30px;}



section#caution{ padding: 80px 0 0 0;background-color: #313131;}
section#caution header{ margin-bottom:60px; height: 0; padding-top:  36px; overflow: hidden; background: url(../img/sp/common/title_caution.png) center center no-repeat;}


section#contact{padding: 100px 0 60px 0; background-color: #313131;}
section#contact header{ margin-bottom:60px;height: 0; padding-top:  36px; overflow: hidden; background: url(../img/sp/common/title_contact.png) center center no-repeat;}
section#contact .mail{margin-bottom:10px;}
section#contact .mail a{ text-decoration: none !important; color: #fff;}
section#contact .hosoku{ color: #a0a0a0; font-size: 0.5em;}


section#qa{ padding: 100px 0 80px 0; background-color: #1b1b1b;}
section#qa header{ margin-bottom:60px;height: 0; padding-top:  36px; overflow: hidden;background: url(../img/sp/common/title_qa.png) center center no-repeat;}

section#qa dl{ margin-bottom: 80px !important;}

dl.accordion{ border-top:solid 2px #fff; margin: auto; padding: 0; width: 100%; max-width: 800px;}
dl.accordion dt{margin: 0; padding: 30px; position: relative; cursor: pointer;}
dl.accordion dt:before,
dl.accordion dt:after{ content:''; display: block; width: 20px; height: 2px; background: #fff; }

dl.accordion dt:before{ position: absolute; top: 50%; right:30px; transform: translate(0,-50%);}
dl.accordion dt:after{ position: absolute; top: 50%; right:30px; transform: translate(0,-50%) rotate(-90deg);}


dl.accordion dt.open:after{ display: none;}
dl.accordion dd{margin: 0; padding: 0; height: 0; overflow: hidden; border-bottom:solid 2px #fff; text-align: left; font-size: 0.8em; }
dl.accordion dd.open{ height:auto; padding: 0 50px 50px 50px; }

dl.accordion dd ul{ padding-top:0.5em; margin-bottom: 1em;}




/* momeries page
----------------------------------------------- */
body#memories{ background-color:#000;}
#base.space{
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#07144d+0,07144d+75,82abc8+100 */
background: #07144d; /* Old browsers */
background: -moz-linear-gradient(top, #07144d 0%, #07144d 75%, #82abc8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #07144d 0%,#07144d 75%,#82abc8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #07144d 0%,#07144d 75%,#82abc8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07144d', endColorstr='#82abc8',GradientType=0 ); /* IE6-9 */
}

#base.space:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width:100%; height: 6000px;background: url(../img/sp/memories_page/bg.png) center center repeat-x;}

#base.space #contentsWrap{min-height: 6000px; overflow: hidden;}



section#memoriesTop{ margin:0 auto 40px auto; text-align: center;}
section#memoriesTop header{ height: 320px; position: relative;}
section#memoriesTop header .title{ position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}
section#memoriesTop .body{ margin-top: -100px;}
section#memoriesTop .body .contents{ margin-bottom: 15px;}
section#memoriesTop .body .twitter{ display: inline-block;margin-bottom: 15px;}			
section#memoriesTop .body .tweet{display: inline-block;margin-bottom: 10px;}			

section#archivesWrap{ margin: auto;width: 750px;z-index: 400;}

section#archivesWrap .body{ position: relative;}
section#archivesWrap .body .preload{ width:1px; height: 1px; position: absolute; top: 0; left: 0; overflow: hidden;}
section#archivesWrap .body .year{ position: relative; opacity:0;	transition: all 500ms cubic-bezier(.50,.0,.50,1) ;}
section#archivesWrap .body .year.in{ opacity:1;}
section#archivesWrap .body .year:before{ content: ''; display: block; width: 100%; height: auto; position: absolute; top: 0; left: 50%; z-index: 1; transform: translate(-50% ,0);}

section#archivesWrap .body .y2016{}
section#archivesWrap .body .y2016:before{width: 1355px; height: 6416px; background: url(../img/sp/memories_page/2016/2015_2016_othello.png) center top no-repeat;}

section#archivesWrap .body .y2017{}
section#archivesWrap .body .y2017:before{width: 1355px; height: 8928px; background: url(../img/sp/memories_page/2017/2017_othello.png) center top no-repeat;}

section#archivesWrap .body .y2018{}
section#archivesWrap .body .y2018:before{width: 1147px; height: 5469px; background: url(../img/sp/memories_page/2018/2018_2019_othello.png) center top no-repeat;}

section#archivesWrap .body .y2018:after{ content: ''; display: block; width: 100%; height: auto; position: absolute; top: 5469px; left: 50%; z-index: 1; transform: translate(-50% ,0);width: 1147px; height: 5040px; background: url(../img/sp/memories_page/2018/2018_2019_othello_2.png) center top no-repeat;}

section#archivesWrap .body .year img:not(.contents){ position: absolute; transform: translate(0px,100px); transition: all 500ms cubic-bezier(.50,.0,.50,1) 200ms;}


section#archivesWrap .body .year img:not(.contents):nth-child(odd){
	transform: translate(100px,0px); 
}
section#archivesWrap .body .year img:not(.contents):nth-child(even){
	transform: translate(-100px,0px); 
}

section#archivesWrap .body .year img:not(.contents).in{ transform: translate(0,0px) !important;}



section#archivesWrap .body .y2016{height: 5700px;}

section#archivesWrap .body .y2016 .y2015{ top: 30px; left: 30px;}
section#archivesWrap .body .y2016 .y2016_02{ top: 472px; left: 154px;}
section#archivesWrap .body .y2016 .y2016_04{ top: 1015px; left: 65px;   transform: translate(100px,0px) !important;}
section#archivesWrap .body .y2016 .y2016_05{ top: 1138px; left: 28px;}
section#archivesWrap .body .y2016 .y2016_06{ top: 1852px; left: 226px;}
section#archivesWrap .body .y2016 .y2016_07{ top: 2379px; left: 33px;}
section#archivesWrap .body .y2016 .y2016_08{ top: 2570px; left: 38px;}
section#archivesWrap .body .y2016 .y2016_09{ top: 3038px; left: 12px;}
section#archivesWrap .body .y2016 .y2016_10{ top: 3933px; left: 134px;}
section#archivesWrap .body .y2016 .y2016_11{ top: 4263px; left: 40px;}
section#archivesWrap .body .y2016 .y2016_12{ top: 4618px; left: 10px;}



section#archivesWrap .body .y2017{height: 8630px;}
section#archivesWrap .body .y2017 .y2017_01{ top:194px; left: 10px;}
section#archivesWrap .body .y2017 .y2017_02{ top: 1032px; left: 22px;}
section#archivesWrap .body .y2017 .y2017_03{ top: 1832px; left: 21px;}
section#archivesWrap .body .y2017 .y2017_04{ top: 2272px; left: 67px;}
section#archivesWrap .body .y2017 .y2017_05{ top: 3127px; left: 32px;}
section#archivesWrap .body .y2017 .y2017_06{ top: 3705px; left: 53px;}
section#archivesWrap .body .y2017 .y2017_07{ top: 3992px; left: 26px;}
section#archivesWrap .body .y2017 .y2017_08{ top: 4590px; left: 66px;}
section#archivesWrap .body .y2017 .y2017_09{ top: 5557px; left: 0px;}
section#archivesWrap .body .y2017 .y2017_10{ top: 6462px; left: 22px;}
section#archivesWrap .body .y2017 .y2017_11{ top: 7365px; left: 64px;}
section#archivesWrap .body .y2017 .y2017_12{ top: 8120px; left: 75px;}



section#archivesWrap .body .y2018{height: 10600px;}
section#archivesWrap .body .y2018 .y2018_01{ top:274px; left: 16px;}
section#archivesWrap .body .y2018 .y2018_02{ top: 968px; left: 11px;}
section#archivesWrap .body .y2018 .y2018_03{ top: 2053px; left: 5px;}
section#archivesWrap .body .y2018 .y2018_04{ top: 2400px; left: 25px;}
section#archivesWrap .body .y2018 .y2018_05{ top: 3388px; left: 0px;}
section#archivesWrap .body .y2018 .y2018_06{ top: 4418px; left: 165px;}
section#archivesWrap .body .y2018 .y2018_07{ top: 5084px; left: 10px;}
section#archivesWrap .body .y2018 .y2018_08{ top: 5802px; left: 22px;}
section#archivesWrap .body .y2018 .y2018_09{ top: 6532px; left: 48px;}
section#archivesWrap .body .y2018 .y2018_10{ top: 7130px; left: 2px;}
section#archivesWrap .body .y2018 .y2018_11{ top: 8115px; left: 74px;}
section#archivesWrap .body .y2018 .y2018_12{ top: 8448px; left: 8px;}

section#archivesWrap .body .y2018 .y2019_01{ top: 9430px; left: 30px;}
section#archivesWrap .body .y2018 .y2019_02{ top: 9820px; left: -425px;}



.pbg{  width: 1600px; height: 100px; position: absolute; z-index: -1; top: 0; left: 50%; margin-left: -800px; transition: all 1ms;}

.pbg.bg_1{ top: 1500px; height: 222px; background: url(../img/sp/memories_page/bg/parts_1.png) center top no-repeat;}
.pbg.bg_2{ top: 2500px; height: 230px; background: url(../img/sp/memories_page/bg/parts_2.png) center top no-repeat;}
.pbg.bg_3{ top: 3500px; height: 248px; background: url(../img/sp/memories_page/bg/parts_3.png) center top no-repeat;}
.pbg.bg_4{ top: 4700px; height: 190px; background: url(../img/sp/memories_page/bg/parts_4.png) center top no-repeat;}
.pbg.bg_5{ top: 5500px; height: 190px; background: url(../img/sp/memories_page/bg/parts_5.png) center top no-repeat;}
.pbg.bg_6{ top: 6500px; height: 327px; background: url(../img/sp/memories_page/bg/parts_6.png) center top no-repeat;}
.pbg.bg_7{ top: 7500px; height: 265px; background: url(../img/sp/memories_page/bg/parts_7.png) center top no-repeat;}


.pbg.bg_1.bg_1_2{ top: 4000px; }
.pbg.bg_1.bg_1_3{ top: 5900px; }


.pbg.bg_2.bg_2_2{ top: 3700px; }
.pbg.bg_2.bg_2_3{ top: 7100px; }


.pbg.bg_3.bg_3_2{ top: 1900px; }
.pbg.bg_3.bg_3_3{ top: 4300px; }


.pbg.bg_4.bg_4_2{ top: 5300px; }
.pbg.bg_4.bg_4_3{ top: 6900px; }


.pbg.bg_5.bg_5_2{ top: 3100px; }
.pbg.bg_5.bg_5_3{ top: 5100px; }


.pbg.bg_6.bg_6_2{ top: 2100px; }
.pbg.bg_6.bg_6_3{ top: 2800px; }


.pbg.bg_7.bg_7_2{ top: 2800px; }
.pbg.bg_7.bg_7_3{ top: 4800px; }


.pbg.bg_7.bg_7_4{ top: 7800px; }
.pbg.bg_6.bg_6_4{ top: 8100px; }
.pbg.bg_5.bg_5_4{ top: 8500px; }
.pbg.bg_4.bg_4_4{ top: 8900px; }
.pbg.bg_3.bg_3_4{ top: 9300px; }
.pbg.bg_2.bg_2_4{ top: 9700px; }
.pbg.bg_1.bg_1_4{ top: 10000px; }


section#tweetWrap { z-index: 500;}
section#tweetWrap .bgWrap{ position: absolute; top: 0; left: 0; width: 100%; min-height:2200px; overflow: hidden;}
section#tweetWrap .bgWrap:before{ content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: 1; transform: translate(-50%,0);width: 1395px; height: 2500px; background: url(../img/sp/memories_page/tweet/bg_kira_awa.png) center top no-repeat;}
section#tweetWrap .bgWrap:after{ content: ''; display: block; position: absolute; top: 0; left: 50%; z-index: 2; transform: translate(-50%,0);width: 790px; height: 1196px; background: url(../img/sp/memories_page/tweet/bg_othello.png) center top no-repeat;}


section#tweetWrap .body{ position: relative; z-index: 100;}



section#tweetWrap .caution{ position: relative; z-index: 100; background:#fff; border-radius: 30px; padding: 80px 60px; box-sizing: border-box; width: 600px; margin: auto; color:#000;}
section#tweetWrap .caution h4{ margin-bottom: 50px;}
section#tweetWrap .caution .text{ text-align: left;}

section#tweetWrap .caution .centerWrap{ text-align:center; padding-top: 30px;}
section#tweetWrap .caution .centerWrap header{     font-size: 1.3em;  font-weight: bold;margin-bottom: 30px;}
section#tweetWrap .caution .centerWrap .mail{margin-bottom:10px;}
section#tweetWrap .caution .centerWrap .mail a{ text-decoration: none !important; color: #000;}
section#tweetWrap .caution .centerWrap .hosoku{ color: #000; font-size: 0.5em;}






section#memoriesCopyright { z-index: 600  }
section#memoriesCopyright .body{ position: relative; z-index: 100; font-size: 0.6em;color: #fff; line-height: 1.7;}







/* footer siteFooter
----------------------------------------------- */



footer#siteFooter{ position: relative; z-index: 500; background-color: #431b07; color: #fff;padding: 80px 0 250px 0; font-size: 0.8em; color: #c1c1c1;}





#modalBG{  display: none;position: fixed; width: 100%;height:  120%; min-height: 100vh;  top: 0; left: 0; z-index: 5000; background: rgba(0,0,0,0.9);}
#modalWrap{ display: none; position: relative; width: 650px; height: 900px; top: 150px; margin: auto; padding-bottom: 400px; z-index: 5000;  }
#modalWrap .close{ position: absolute; width: 105px; height: 100px; top: -110px; right: -5px; z-index: 5000; background: url(../img/sp/common/menu//btn_sp_menu_close.png) center top no-repeat;  cursor: pointer;}


#modalContent{}

#modalContent a,
#modalContent a:link,
#modalContent a:visited,
#modalContent a:active{ color: #eb6100;}
#modalContent .main{ width: 640px; height: 836px;background: url(../img/sp/modal/kiyaku.png) center top no-repeat; margin: 0 auto 20px auto;}
#modalContent .main h4{ height: 160px;}
#modalContent .main .kiyakuText{width: 520px; height: 510px; margin: 0 auto 45px auto; text-align: left;  overflow-y: scroll;}

#modalContent .main .kiyakuText .oubo{}
#modalContent .main .kiyakuText .reporter{ display: none;}

#modalContent.reporter .main .kiyakuText .oubo{ display: none;}
#modalContent.reporter .main .kiyakuText .reporter{ display: block;}

#modalContent .main .agree{ height: 85px; background: url(../img/sp/modal/agree_off.png) center center no-repeat;  cursor: pointer;}
#modalContent .main .agree label{ display: none;}
#modalContent .main .agree.ok{ background: url(../img/sp/modal/agree_on.png) center center no-repeat; }



#modalContent .btn { padding-bottom: 40px;  background: url(../img/sp/modal/bikou.png) center bottom no-repeat;}

#modalContent .btn a.oubo{pointer-events: none; display: block; width: 520px; height: 0; padding-top:  120px; overflow: hidden;  margin: auto; background: url(../img/sp/modal/btn_off.png) center center no-repeat;}
#modalContent .btn a.oubo:before{ content:''; display: block; width: 0; height: 0;background: url(../img/sp/modal/btn_on.png) center center no-repeat;}
#modalContent .btn.ok a.oubo{pointer-events:all;background: url(../img/sp/modal/btn_on.png) center center no-repeat;} 

#modalContent .btn a.reporter{ display: none; pointer-events: none; width: 520px; height: 0; padding-top:  120px; overflow: hidden;  margin: auto; background: url(../img/sp/modal/btn_reporter_off.png) center center no-repeat;}
#modalContent .btn a.reporter:before{ content:''; display: block; width: 0; height: 0;background: url(../img/sp/modal/btn_reporter_on.png) center center no-repeat;}
#modalContent .btn.ok a.reporter{pointer-events:all;background: url(../img/sp/modal/btn_reporter_on.png) center center no-repeat;} 


#modalContent.reporter .btn .oubo{ display: none;}
#modalContent.reporter .btn .reporter{ display: block;}

/* media query
----------------------------------------------- */
.pcDevice html,
.pcDevice body{}






.newAnime {
    animation: newmark 500ms infinite;
}

@keyframes newmark {
    0% { transform: scale(1,1);}
    10% {transform: scale(1.2,1.2);}
	12% {transform: scale(1.2,1.2);}
	22% {transform: scale(1,1);}

    100% {transform: scale(1,1);}
}





@keyframes animTopTitle {
	
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.01% { -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.225, 0, 0, 0, 0, 1.225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;}
  7.51% { -webkit-transform: matrix3d(0.716, 0, 0, 0, 0, 0.716, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.716, 0, 0, 0, 0, 0.716, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.91% { -webkit-transform: matrix3d(0.581, 0, 0, 0, 0, 0.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.581, 0, 0, 0, 0, 0.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.82% { -webkit-transform: matrix3d(0.905, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.905, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.72% { -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.43% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.25% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.39% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;} 
  
  
}

@-webkit-keyframes animTopTitle {
	
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.01% { -webkit-transform: matrix3d(1.225, 0, 0, 0, 0, 1.225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.225, 0, 0, 0, 0, 1.225, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;}
  7.51% { -webkit-transform: matrix3d(0.716, 0, 0, 0, 0, 0.716, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.716, 0, 0, 0, 0, 0.716, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.91% { -webkit-transform: matrix3d(0.581, 0, 0, 0, 0, 0.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.581, 0, 0, 0, 0, 0.581, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  15.82% { -webkit-transform: matrix3d(0.905, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.905, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  21.72% { -webkit-transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.076, 0, 0, 0, 0, 1.076, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.43% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  45.25% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  57.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  68.77% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  80.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  92.39% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;} 
  
  
}




@keyframes logoAnim {
     0% {
       left: 0px;
       top: 0px;
       animation-timing-function: step-end;
     }
     5.2632% {
       left: -514px;
       top: 0px;
       animation-timing-function: step-end;
     }
     10.5263% {
       left: -1028px;
       top: 0px;
       animation-timing-function: step-end;
     }
     15.7895% {
       left: -1542px;
       top: 0px;
       animation-timing-function: step-end;
     }
     21.0526% {
       left: -2056px;
       top: 0px;
       animation-timing-function: step-end;
     }
     26.3158% {
       left: -2570px;
       top: 0px;
       animation-timing-function: step-end;
     }
     31.5789% {
       left: -3084px;
       top: 0px;
       animation-timing-function: step-end;
     }
     36.8421% {
       left: -3598px;
       top: 0px;
       animation-timing-function: step-end;
     }
     42.1053% {
       left: -4112px;
       top: 0px;
       animation-timing-function: step-end;
     }
     47.3684% {
       left: 0px;
       top: -492px;
       animation-timing-function: step-end;
     }
     57.8947% {
       left: -514px;
       top: -492px;
       animation-timing-function: step-end;
     }
     68.4211% {
       left: -1028px;
       top: -492px;
       animation-timing-function: step-end;
     }
     73.6842% {
       left: -1542px;
       top: -492px;
       animation-timing-function: step-end;
     }
     78.9474% {
       left: -2056px;
       top: -492px;
       animation-timing-function: step-end;
     }
     84.2105% {
       left: -2570px;
       top: -492px;
       animation-timing-function: step-end;
     }
     89.4737% {
       left: -3084px;
       top: -492px;
       animation-timing-function: step-end;
     }
     94.7368% {
       left: -3598px;
       top: -492px;
       animation-timing-function: step-end;
     }
     100% {
       left: -4112px;
       top: -492px;
       animation-timing-function: linear;
     }
   }










@-webkit-keyframes bound2 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.61% { -webkit-transform: matrix3d(1.709, 0, 0, 0, 0, 1.709, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.709, 0, 0, 0, 0, 1.709, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);  opacity:1;}
  8.41% { -webkit-transform: matrix3d(1.268, 0, 0, 0, 0, 1.268, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.268, 0, 0, 0, 0, 1.268, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.21% { -webkit-transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.187, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;} 
}

@keyframes bound2 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.61% { -webkit-transform: matrix3d(1.709, 0, 0, 0, 0, 1.709, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.709, 0, 0, 0, 0, 1.709, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);  opacity:1;}
  8.41% { -webkit-transform: matrix3d(1.268, 0, 0, 0, 0, 1.268, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.268, 0, 0, 0, 0, 1.268, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.21% { -webkit-transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.15, 0, 0, 0, 0, 1.15, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1.187, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.187, 0, 0, 0, 0, 1.187, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.012, 0, 0, 0, 0, 1.012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1;} 
}










@-webkit-keyframes bound3 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.8% { -webkit-transform: matrix3d(2.152, 0, 0, 0, 0, 2.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.152, 0, 0, 0, 0, 2.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.61% { -webkit-transform: matrix3d(1.548, 0, 0, 0, 0, 1.548, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.548, 0, 0, 0, 0, 1.548, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.41% { -webkit-transform: matrix3d(1.182, 0, 0, 0, 0, 1.182, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.182, 0, 0, 0, 0, 1.182, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.12% { -webkit-transform: matrix3d(1.087, 0, 0, 0, 0, 1.087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.087, 0, 0, 0, 0, 1.087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);opacity: 1; }
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  38.34% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;} 
}

@keyframes bound3 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.8% { -webkit-transform: matrix3d(2.152, 0, 0, 0, 0, 2.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.152, 0, 0, 0, 0, 2.152, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  5.61% { -webkit-transform: matrix3d(1.548, 0, 0, 0, 0, 1.548, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.548, 0, 0, 0, 0, 1.548, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.41% { -webkit-transform: matrix3d(1.182, 0, 0, 0, 0, 1.182, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.182, 0, 0, 0, 0, 1.182, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  11.11% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  16.12% { -webkit-transform: matrix3d(1.087, 0, 0, 0, 0, 1.087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.087, 0, 0, 0, 0, 1.087, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;}
  33.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  38.34% { -webkit-transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.002, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  60.56% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  77.88% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  82.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;} 
}






@-webkit-keyframes bound4 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.6% { -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.007, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.21% { -webkit-transform: matrix3d(1.418, 0, 0, 0, 0, 1.418, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.418, 0, 0, 0, 0, 1.418, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.81% { -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 1.121, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 1.121, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.31% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1.041, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.041, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;}
  42.94% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);opacity: 1; } 
}

@keyframes bound4 { 
  0% { -webkit-transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(3, 0, 0, 0, 0, 3, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  3.6% { -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.007, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.21% { -webkit-transform: matrix3d(1.418, 0, 0, 0, 0, 1.418, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.418, 0, 0, 0, 0, 1.418, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  10.81% { -webkit-transform: matrix3d(1.121, 0, 0, 0, 0, 1.121, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.121, 0, 0, 0, 0, 1.121, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.31% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  19.62% { -webkit-transform: matrix3d(1.041, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.041, 0, 0, 0, 0, 1.041, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;}
  42.94% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  48.15% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  71.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  76.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity: 1;} 
}