@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
プロジェクトイーブイ ダンスコンテスト
/////////////////////////////////////////////////////////////////////////*/
body.dance { min-width:1080px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#contents { color:#3c3c3c; padding-bottom:90px; overflow:hidden;}
#contents .bold { font-weight:bold;}
#main { color:#652e1f; background:#ffdf00; overflow:hidden;}
.bg1 { background:url(../img/bg1.png) center 0; background-size:57px auto;}
.bg2 { background:url(../img/bg2.png) center 0; background-size:24px auto;}
.flag { position:relative;}
.flag:before {
	content:""; display:block; width:100%; height:31px;
	background:url(../img/flag.png) repeat-x center 0;
	background-size:auto 31px;
	position:absolute; top:0; left:0;
}
.red { color:#ff401a;}

/*heading*/
.heading { height:795px; padding-top:135px; position:relative;}
	.heading:before,
	.heading:after {
		content:""; display:block; width:300px; height:420px;
		background:transparent no-repeat;
		background-size:contain;
		position:absolute; top:160px; left:50%;
		-webkit-animation:bounceDown 1s ease-in-out;
		animation:bounceDown 1s ease-in-out;
	}
	.heading:before { background-image:url(../img/ev1.png); margin-left:-580px;}
	.heading:after { background-image:url(../img/ev2.png); margin-left:270px;}
	.heading h1 {
		width:710px; height:426px;
		background:url(../img/logo.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto; position:relative;
		-webkit-animation:bounce 0.8s ease-in-out;
		animation:bounce 0.8s ease-in-out;
	}
	.heading p { font-size:18px; font-weight:bold; line-height:1.8;}

/*01*/
#section01 { padding:55px 0 10px;}
.video { position:relative;}
	.video h2 {
		width:600px; height:145px;
		background:transparent no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto; position:relative;
	}
	.video.paopao h2 { background-image:url(../img/title1_1.png);}
	.video.tomioka h2 { background-image:url(../img/title1_2.png);}
	.video.paopao h2:before,
	.video.paopao h2:after {
		content:""; display:block; width:50px; height:50px;
		background:transparent no-repeat;
		background-size:contain;
		position:absolute;
		-webkit-animation:mofu 2s infinite;
		animation:mofu 2s infinite;
	}
	.video.paopao h2:before { background-image:url(../img/title1_1a.png); top:78px; left:20px;}
	.video.paopao h2:after { background-image:url(../img/title1_1b.png); top:78px; right:45px;}
	.video.tomioka h2:before,
	.video.tomioka h2:after {
		content:""; display:block; width:40px; height:55px;
		background:transparent no-repeat;
		background-size:contain;
		position:absolute;
		-webkit-animation:pop 0.5s infinite;
		animation:pop 0.5s infinite;
	}
	.video.tomioka h2:before { background-image:url(../img/title1_2a.png); top:32px; left:5px;}
	.video.tomioka h2:after { background-image:url(../img/title1_2b.png); top:32px; right:10px;}
	.video.paopao {
		height:470px;
		background:url(../img/frame1.png) no-repeat center 50px;
		background-size:640px auto;
		margin-bottom:50px;
	}
	.video.tomioka {
		height:490px;
		background:url(../img/frame2.png) no-repeat center 105px;
		background-size:1100px auto;
		margin-bottom:60px;
	}
	.video .player {
		width:470px; height:264px;
		position:absolute; left:50%;
		background:#ffd200;
	}
	.video.paopao .player { top:140px; margin-left:-235px;}
	.video.tomioka .player { top:165px;}
	.video.tomioka .player.left { margin-left:-493px;}
	.video.tomioka .player.right { margin-left:23px;}
	.video .player iframe { width:100%; height:100%; position:absolute; top:0; left:0;}

/*02*/
#section02 { padding:75px 0 10px;}
	#section02 h2 { display:none;}
	#section02 dl dt {
		width:660px; height:100px;
		background:transparent no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto;
	}
	#section02 dl .t2-2 { background-image:url(../img/title2_2.png);}
	#section02 dl .t2-3 { background-image:url(../img/title2_3.png); margin-bottom:20px;}
	#section02 dl .t2-4 { background-image:url(../img/title2_4.png);}
.category {
	width:1040px; height:480px;
	margin:0 auto 10px; position:relative;
	}
	.category dl { font-size:0;}
	.category dd {
		display:inline-block; width:335px; height:380px;
		background:transparent no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin-right:9px; vertical-align:top; position:relative;
	}
	.category .c1 { background-image:url(../img/category1.png);}
	.category .c2 { background-image:url(../img/category2.png);}
	.category .c3 { background-image:url(../img/category3.png); margin-right:0;}
	.category dd:after {
		content:""; display:block; width:100%; height:100%;
		background:transparent no-repeat;
		background-size:contain;
		position:absolute; top:0; left:0;
	}
	.category .c1:after { background-image:url(../img/category1_ani.gif);}
	.category .c2:after { background-image:url(../img/category2_ani.gif);}
	.category .c3:after { background-image:url(../img/category3_ani.gif);}
.present { width:1100px; text-align:center; margin:0 auto 40px; position:relative;}
	.present dl:first-child { margin-bottom:60px;}
	.present dd {
		display:inline-block; width:525px;
		background:transparent no-repeat;
		background-size:contain;
		font-size:0; color:transparent;
		vertical-align:top; position:relative;
	}
	.present .p1 { background-image:url(../img/present1.png); height:558px; margin:0 -8px 10px 0;}
	.present .p2 { background-image:url(../img/present2.png); height:590px; margin:0 0 10px -8px;}
	.present .p4 { background-image:url(../img/present4.png); width:1000px; height:458px; margin-bottom:30px;}
	.present .p5 { background-image:url(../img/present5.png); height:537px; margin-right:-8px;}
	.present .p6 { background-image:url(../img/present6.png); height:537px; margin-left:-8px;}
	.present .p3 { background-image:url(../img/present3.png); height:430px; margin-top:105px;}
	.present .p3:before {
		content:""; display:block; width:650px; height:150px;
		background:url(../img/title2_5.png) no-repeat;
		background-size:contain;
		position:absolute; top:-93px; left:50%;
		margin-left:-325px;
	}

/*03*/
#section03 { padding-top:95px;}
	#section03 h2 {
		width:270px; height:55px;
		background:url(../img/title3_1.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto 20px;
	}
.step { width:1000px; text-align:left; font-size:0; padding:50px 0 25px; margin:0 auto;}
	.step > div {
		display:inline-block; vertical-align:top;
		width:480px; min-height:470px;
		background:#feea64; border-radius:10px;
		padding-top:40px; margin-bottom:50px;
		position:relative;
	}
	.step .step1,
	.step .step3 { margin-right:40px;}
	.step .step1 { padding-top:305px;}
	.step .step2 { padding-top:125px;}
	.step .step3 { padding-top:305px;}
	.step .step4 { padding-top:325px;}
	.step h3 {
		width:285px; height:65px;
		background:url(../img/parts_dance.png) no-repeat;
		background-size:310px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; top:-30px; left:50%;
		margin-left:-142.5px;
	}
	.step .step1 h3 { background-position:0 -225px;}
	.step .step2 h3 { background-position:0 -295px;}
	.step .step3 h3 { background-position:0 -365px;}
	.step .step4 h3 { background-position:0 -435px;}
	.step h4 {
		width:480px; height:250px;
		background:transparent no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		position:absolute; left:0;
	}
	.step .step1 h4 { background-image:url(../img/step1.png); top:50px;}
	.step .step2 h4 { background-image:url(../img/step2.png); top:45px; height:70px;}
	.step .step3 h4 { background-image:url(../img/step3.png); top:45px;}
	.step .step4 h4 { background-image:url(../img/step4.png); top:50px; width:500px; height:260px;}
	.step .note { padding:17px 30px 0 40px;}
	.step .note li { font-size:12px; line-height:1.5; text-indent:-1em; padding-left:1em;}
	.step p { font-size:16px; font-weight:bold; line-height:1.5; padding:0 40px;}
/*btn*/
.btn-follow { width:400px; margin:0 auto;}
	.btn-follow a {
		display:block; width:100%; height:60px;
		background:#fff; border-radius:50px;
		position:relative;
	}
	.btn-follow a:before {
		content:""; display:block; width:35px; height:30px;
		background:url(../img/parts_dance.png) no-repeat -215px -575px;
		background-size:310px auto;
		position:absolute; top:50%; left:27px;
		margin-top:-15px;
	}
	.btn-follow a:after {
		content:""; display:block; width:295px; height:30px;
		background:url(../img/parts_dance.png) no-repeat 0 -505px;
		background-size:310px auto;
		position:absolute; top:50%; left:70px;
		margin-top:-15px;
	}
.btn-download { width:275px; margin:0 auto;}
	.btn-download a {
		display:block; width:100%; height:40px;
		background:#fff; border-radius:50px;
		position:relative;
	}
	.btn-download a:before {
		content:""; display:block; width:210px; height:30px;
		background:url(../img/parts_dance.png) no-repeat 0 -575px;
		background-size:310px auto;
		position:absolute; top:50%; left:50%;
		margin:-15px 0 0 -100px;
	}
.btn-video {
	width:280px; height:158px;
	background:#000; border-radius:10px;
	margin:15px auto 12px; position:relative;
	overflow:hidden;
	}
	.btn-video a {
		display:block; width:100%; height:100%;
		position:absolute; top:0; left:0;
	}
	.btn-video a:before {
		content:""; display:block; width:100%; height:100%;
		background:url(../img/btn_video.jpg) no-repeat;
		background-size:cover;
		position:absolute; top:0; left:0;
		-webkit-transition:all 0.2s; transition:all 0.2s;
		opacity:0.5;
	}
	.btn-video a:after {
		content:""; display:block; width:100%; height:100%;
		background:url(../img/btn_video_arr.png) no-repeat;
		background-size:contain;
		position:absolute; top:0; left:0;
	}

/*04*/
#section04 { padding:95px 0 80px;}
	#section04 h2 {
		width:270px; height:55px;
		background:url(../img/title2_1.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto;
	}
.information { padding-top:90px;}
	.information .box {
		width:970px; background:#fff; border-radius:20px;
		padding:55px 60px 50px; margin:80px auto 0; position:relative;
	}
	.information .box:first-child { margin-top:0;}
	.information .box h3 {
		width:330px; height:50px;
		font-size:24px; color:#fff; line-height:50px;
		background:#652e1f; border-radius:10px;
		position:absolute; top:-37px; left:50%;
		margin-left:-165px;
	}
	.information .box p { font-size:16px; line-height:2; text-align:left; padding-bottom:20px;}
	.information .box ul { font-size:16px; line-height:2; text-align:left; padding-left:20px;}
	.information .box ul li { list-style:disc; margin-bottom:5px;}
	.information .box ul li .note { display:block; font-size:14px; text-indent:-1em; padding-left:1em;}
	.information .box ul.note { padding:15px 0 0 0;}
	.information .box ul.note li { list-style:none; text-indent:-1em; padding-left:1em;}
	.information .box a { color:#652e1f; border-bottom:1px solid #652e1f;}
	.information .box a:hover { opacity:0.7;}

/*rules*/
#rules { padding-top:90px;}
#rules .attention { width:880px; margin:0 auto 50px;}
	#rules .attention h3 { font-size:24px; color:#3c3c3c; margin-bottom:5px;}
	#rules .attention h3 > span { display:block; font-size:14px; padding:10px 0;}
	#rules .attention .scrlbox .inbox {
		font-size:14px; font-weight:bold; color:#8c8c8c;
		text-align:left; line-height:1.8;
		padding:20px 30px 30px;
	}
	#rules .attention h4 {
		font-size:16px; background:#f0efef; border-radius:5px;
		padding:5px 1em; margin:30px 0 15px;
	}
	#rules .attention p { margin-bottom:20px;}
	#rules .attention ul { margin-left:20px;}
	#rules .attention ul.list li { list-style:disc; margin-bottom:12px;}
	#rules .attention ul.list li ul { padding:8px 0 2px;}
	#rules .attention ul.list li ul li { list-style:circle; margin-bottom:3px;}
	#rules .attention a { font-weight:bold; border-bottom:1px solid #0186be; color:#0186be;}
	#rules .attention a:hover { opacity:0.7;}

.contact {
	width:880px; background:#f0efef; border-radius:20px;
	padding:45px 60px 30px; margin:0 auto; position:relative;
	}
	.contact p { font-size:16px; font-weight:bold; line-height:2; text-align:left;}
	.contact h2 {
		width:100%; font-size:24px; text-align:center;
		position:absolute; top:-10px; left:0;
	}
	.contact a { border-bottom:1px solid #3c3c3c; color:#3c3c3c;}
	.contact a:hover { opacity:0.7;}

/*oubo*/
.oubo-btn { background:#feea64; padding:70px 0 60px;}
	.oubo-btn h3 {
		width:500px; height:50px;
		background:url(../img/title3_2.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto 20px;
	}
	.oubo-btn ul { font-size:0;}
	.oubo-btn ul li { display:inline-block; width:310px; vertical-align:top; margin:0 10px; position:relative;}
	.oubo-btn ul li:before {
		content:""; display:block; width:110px; height:80px;
		background:url(../img/ev_btn.png) no-repeat;
		background-size:contain;
		position:absolute; top:0; left:50%;
		margin-left:-55px;
		-webkit-transition:all 0.25s; transition:all 0.25s;
	}
	.oubo-btn ul li a { display:block; width:100%; height:86px; position:relative;}
	.oubo-btn ul li a:before,
	.oubo-btn ul li a:after {
		content:""; display:block; width:100%; height:76px;
		border:3px solid #652e1f; border-radius:50px;
		position:absolute; left:0;
		box-sizing:border-box; -webkit-box-sizing:border-box;
	}
	.oubo-btn ul li a:before { bottom:0; background:#eaeaea;}
	.oubo-btn ul li a:after { top:0; background:#fff;}
	.oubo-btn ul li a span {
		display:block; width:310px; height:70px;
		background:url(../img/parts_dance.png) no-repeat;
		background-size:310px auto;
		position:absolute; top:3px; left:3px; z-index:10;
	}
	.oubo-btn ul li.b1 a span { background-position:0 0;}
	.oubo-btn ul li.b2 a span { background-position:0 -75px;}
	.oubo-btn ul li.b3 a span { background-position:0 -150px;}
	
	.oubo-btn p { font-size:18px; line-height:1.8; padding-top:30px;}
	.oubo-btn p a { color:#ff3700; border-bottom:1px solid #ff3700;}
#section01 .oubo-btn { margin-bottom:20px;}
#section03 .oubo-btn { padding-bottom:50px; position:relative;}
#section03 .oubo-btn:before {
	content:''; display:block; width:0; height:0;
	position:absolute; top:-27px; left:50%; margin-left:-90px;
	border:90px transparent solid;
	border-top-color:#ff5e06;
	border-width:44px 90px 0 90px;
	-webkit-animation:wobble2 1.7s ease-in-out infinite;
	animation:wobble2 1.7s ease-in-out infinite;
}

/*ev_line*/
.ev_line1,
.ev_line2 {
	width:100%; height:120px;
	background:url(../img/ev_line1.gif) repeat-x center 0;
	background-size:auto 120px;
}
.ev_line2 { background-image:url(../img/ev_line2.gif);}
.heading .ev_line1 { position:absolute; left:0; top:20px;}
.heading .ev_line2 { position:absolute; left:0; bottom:15px;}


/*＠results
/////////////////////////////////////////////////////////////////////*/
.results .heading { height:670px;}
.results .heading h1 { background-image:url(../img/result_logo.png);}
.results .prize-block h2 { height:150px; background:#6a2c00;}
	.results .prize-block h2 span {
		display:block; width:600px; height:150px;
		background:transparent no-repeat;
		background-size:contain;
		font-size:0; color:transparent;
		margin:0 auto; position:relative;
	}
	.results #prize01 h2 span { background-image:url(../img/result_title1.png);}
	.results #prize02 h2 span { background-image:url(../img/result_title2.png);}
	.results #prize03 h2 span { background-image:url(../img/result_title3.png);}
	.results .prize-block h2 span:after {
		content:''; display:block; width:210px; height:190px;
		background:url(../img/result_eevee.png) no-repeat;
		background-size:contain;
		position:absolute; bottom:0; right:-120px;
	}
	.results .prize-block .flag { padding:60px 0;}
.results .category-title {
	width:100%; height:70px; text-align:center;
	margin-bottom:-35px; position:relative; z-index:10;
	}
	.results .category-title span {
		display:inline-block; width:290px; height:70px;
		background:url(../img/result_category.png) no-repeat;
		background-size:600px auto;
		text-indent:110%; white-space:nowrap; overflow:hidden;
		margin:0 auto; position:relative; z-index:10;
	}
	.results .category-title.ct1 span { background-position:0 0;}
	.results .category-title.ct2 span { background-position:-295px 0;}
	.results .category-title.ct3 span { background-position:0 -75px;}
	.results .category-title.ct4-1 span { background-position:0 -150px; width:440px;}
	.results .category-title.ct4-2 span { background-position:-295px -75px;}
	.results .category-title.ct4-3 span { background-position:0 -225px; width:440px;}
	.results .category-title.line { width:1000px; margin:0 auto 20px;}
	.results .category-title.line:before,
	.results .category-title.line:after {
		content:''; display:block; width:350px; height:4px;
		background:url(../img/result_line.png) repeat-x;
		background-size:18px auto;
		position:absolute; top:50%;
		margin-top:-2px;
	}
	.results .category-title.line:before { left:0;}
	.results .category-title.line:after { right:0;}
	.results .category-title.line.ct1:before,
	.results .category-title.line.ct1:after { background-position:0 0;}
	.results .category-title.line.ct2:before,
	.results .category-title.line.ct2:after { background-position:0 -5px;}
	.results .category-title.line.ct3:before,
	.results .category-title.line.ct3:after { background-position:0 -10px;}
	.results .category-title.line.ct4-1:before,
	.results .category-title.line.ct4-1:after { background-position:0 -15px; width:280px;}
.results .videoList { font-size:0; text-align:center; margin:0 auto;}
	.results .videoList li {
		display:inline-block; width:480px; vertical-align:top;
		padding-bottom:40px; margin:0 20px; position:relative;
	}
	.results .videoList li .player {
		width:480px; height:279px;
		border-radius:10px; padding:10px;
		margin-bottom:17px;
	}
	.results .videoList li .playerIn { width:100%; height:100%; background:#000; position:relative;}
	.results .videoList li .player iframe { width:100%; height:100%; position:absolute; top:0; left:0;}
	.results .videoList li .meta {
		color:#fff; font-weight:bold; line-height:1.5;
		border-radius:10px; padding:10px 10px 8px; position:relative;
	}
	.results .videoList li .meta:before {
		content:''; display:block; width:0; height:0;
		position:absolute; bottom:100%; left:50%; margin-left:-8px;
		border:8px transparent solid;
		border-bottom-color:#ccc;
		border-width:0 8px 14px 8px;
	}
	.results .videoList li .meta .name { display:block; font-size:26px;}
	.results .videoList li .meta .comment { display:block; font-size:16px; text-align:left; padding:10px 15px;}
	/*color*/
	.results .videoList li.c1 .player,
	.results .videoList li.c1 .meta { background:#d76333;}
	.results .videoList li.c2 .player,
	.results .videoList li.c2 .meta { background:#60c1d3;}
	.results .videoList li.c3 .player,
	.results .videoList li.c3 .meta { background:#229b6f;}
	.results .videoList li.c4 .player,
	.results .videoList li.c4 .meta { background:#e15d9e;}
	.results .videoList li.c1 .meta:before { border-bottom-color:#d76333;}
	.results .videoList li.c2 .meta:before { border-bottom-color:#60c1d3;}
	.results .videoList li.c3 .meta:before { border-bottom-color:#229b6f;}
	.results .videoList li.c4 .meta:before { border-bottom-color:#e15d9e;}
	/*01*/
	#prize01 .videoList { width:820px;}
	#prize01 .videoList li { width:100%; margin:0;}
	#prize01 .videoList li .player { width:820px; height:470px;}
	#prize01 .videoList li .meta { padding:20px;}
	#prize01s .videoList li .meta .name { font-size:30px;}
	#prize01 .videoList li .meta .comment { font-size:18px;}
	/*03*/
	#prize03 { padding-bottom:10px;}
	.results .nicole { padding-top:140px;}
	.results .mewhan,
	.results .paopao {
		display:inline-block; vertical-align:top;
		padding-top:180px; margin-top:20px; position:relative;
	}
	.results .mewhan:before,
	.results .paopao:before {
		content:''; display:block; width:480px; height:4px;
		background:url(../img/result_line.png) repeat-x 0 -15px;
		background-size:18px auto;
		position:absolute; top:0; left:50%;
		margin-left:-240px;
	}
	.results .nicole:before,
	.results .mewhan .category-title:before,
	.results .paopao .category-title:before {
		content:''; display:block; width:240px; height:180px;
		background:transparent no-repeat;
		background-size:contain;
		position:absolute; top:-160px; left:50%; z-index:20;
		margin-left:-120px;
	}
	.results .nicole:before { background-image:url(../img/result_pic1.png); top:40px;}
	.results .mewhan .category-title:before { background-image:url(../img/result_pic2.png);}
	.results .paopao .category-title:before { background-image:url(../img/result_pic3.png);}

.results .bottom { padding-top:80px;}
	.results .backbtn { text-align:center; padding-bottom:90px;}
	.results .backbtn a {
		display:inline-block; width:470px; height:70px;
		font-size:24px; font-weight:bold; line-height:70px;
		color:#fff; background:#6a2c00; border-radius:50px;
		padding-left:10px; position:relative;
	}
	.results .backbtn a:after {
		content:""; display:block; width:40px; height:55px;
		background:url(../../img/parts.png) no-repeat 0 -110px;
		background-size:300px auto;
		position:absolute; top:50%; left:20px;
		margin-top:-27px;
		-webkit-transform:scale(0.5); transform:scale(0.5);
	}


/*＠Overlay
/////////////////////////////////////////////////////////////////////*/
.mfp-bg {
	width:100%; height:100%; background:#000;
	position:fixed; top:0; left:0; z-index:1042; overflow:hidden;
	opacity:0;
}
.mfp-wrap {
	width:100%; height:100%; position:fixed; top:0; left:0; z-index:1043;
	outline:none !important; -webkit-backface-visibility:hidden;
}
.mfp-container {
	width:100%; height:100%; text-align:center;
	position:absolute; top:0; left:0;
	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
	}
	.mfp-container:before { content:''; display:inline-block; height:100%; vertical-align:middle;}
	.mfp-align-top .mfp-container:before { display:none;}
.mfp-content { position:relative; display:inline-block; text-align:left; vertical-align:middle; margin:0 auto; z-index:1045;}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content { width:100%; cursor:auto;}
.mfp-ajax-cur { cursor:progress;}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:-moz-zoom-out; cursor:-webkit-zoom-out; cursor:zoom-out;}
.mfp-zoom { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in;}
.mfp-auto-cursor .mfp-content { cursor:auto;}
.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter { -webkit-user-select:none; -moz-user-select:none; user-select:none;}
.mfp-loading.mfp-figure { display:none;}
.mfp-hide { display:none !important;}
.mfp-preloader {
	position:absolute; top:50%; left:8px; right:8px; z-index:1044;
	width:auto; text-align:center; color:#ccc; margin-top:-0.8em;
	}
	.mfp-preloader a { color:#ccc;}
	.mfp-preloader a:hover { color:#fff;}
	.mfp-s-ready .mfp-preloader { display:none;}
.mfp-s-error .mfp-content { display:none;}

button.mfp-close, button.mfp-arrow {
	display:block; cursor:pointer; border:0;outline:none;
	-webkit-box-shadow:none; box-shadow:none; -webkit-appearance:none;
	padding:0; z-index:1046 !important;
}
button::-moz-focus-inner { padding:0; border:0;}
/*close*/
.mfp-close {
	width:200px; height:60px; cursor:pointer;
	background:#fff; border-radius:50px;
	text-indent:110%; white-space:nowrap; overflow:hidden;
	position:absolute; bottom:-95px; left:50%;
	margin-left:-100px;
	-webkit-transition:all 0.2s; transition:all 0.2s;
	}
	.mfp-close:before {
		content:""; display:block; width:105px; height:30px;
		background:url(../../img/parts.png) no-repeat -90px -110px;
		background-size:300px auto;
		position:absolute; top:50%; left:50%;
		margin:-14px 0 0 -52.5px;
	}
	.mfp-close:hover { opacity:0.8;}
/*iframe*/
.mfp-iframe-holder { /*padding-top:40px; padding-bottom:40px;*/}
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:800px;}
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%;}
.mfp-iframe-scaler iframe {
	display:block; width:100%; height:100%;
	position:absolute; top:0; left:0;
}
/*///////////animation///////////*/
.mfp-zoom-in .mfp-container,
.mfp-zoom-in.mfp-bg {
	opacity:0;
	-webkit-backface-visibility:hidden;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.mfp-zoom-in.mfp-ready .mfp-container { opacity:1;}
.mfp-zoom-in.mfp-ready.mfp-bg { opacity:0.7;}
.mfp-zoom-in.mfp-removing .mfp-container,
.mfp-zoom-in.mfp-removing.mfp-bg { opacity:0;}

/*end*/
.end-message { background:#fff; padding:30px 0;}
.end-message p { font-size:20px; font-weight:bold; line-height:1.8; letter-spacing:0.05em;}
.btn-link { width:100%; text-align:center; padding-top:10px;}
	.btn-link a {
		display:inline-block; width:320px; height:40px;
		font-size:18px; font-weight:bold; line-height:41px; color:#fff;
		background:#c88d27; border-radius:50px;
		position:relative;
	}
	.btn-link a:after {
		content:""; display:block; width:40px; height:55px;
		background:url(../../img/parts.png) no-repeat -45px -110px;
		background-size:300px auto;
		position:absolute; top:50%; right:15px;
		margin-top:-27px;
		-webkit-transform:rotate(90deg) scale(0.35); transform:rotate(90deg) scale(0.35);
	}
	.btn-link a:hover { opacity:0.8;}
.btn-result { width:100%; text-align:center; padding:5px 0 25px;}
	.btn-result a {
		display:inline-block; width:900px; height:150px;
		background:url(../img/btn_result.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}


/*＠media
/////////////////////////////////////////////////////////////////////*/
@media screen and (min-width:768px){
	br.sp { display:none;}
}


/*＠SP
/////////////////////////////////////////////////////////////////////*/
@media screen and (max-width:767px){
	body.dance { min-width:320px;}
	br.pc { display:none;}
	#contents { padding-bottom:50px;}
	.bg1 { background-size:38px auto;}
	.bg2 { background-size:16px auto;}
	.flag:before { background-size:auto 24px;}
	/*heading*/
	.heading { height:auto; padding:75px 0;}
	.heading:before,
	.heading:after { display:none;}
	.heading h1 { width:100%; height:0; padding-top:60%;}
	.heading p { font-size:15px; line-height:1.6; padding:5px 10px 15px;}
	/*01*/
	#section01 { padding:30px 0 5px;}
	.video h2 { width:100%; height:0; padding-top:24.1666%;}
	.video.paopao,
	.video.tomioka { height:auto; background:none; margin-bottom:40px;}
	.video.paopao h2:before,
	.video.paopao h2:after { width:8%; height:0; padding-top:8%;}
	.video.paopao h2:before { top:55.5%; left:4%;}
	.video.paopao h2:after { top:55.5%; right:7%;}
	.video.tomioka h2:before,
	.video.tomioka h2:after { width:6%; height:0; padding-top:8.25%;}
	.video.tomioka h2:before { top:22%; left:2%;}
	.video.tomioka h2:after { top:22%; right:3%;}
	.video .player {
		width:92%; height:0; padding-top:51.75%;
		position:relative; top:0 !important; left:0;
		margin:0 auto !important;
	}
	.video.tomioka .player { margin-top:15px !important;}
	/*02*/
	#section02 { padding:40px 0 5px;}
	#section02 dl dt { width:100%; height:0; padding-top:15.1515%;}
	.category { width:100%; height:auto;}
	.category dd { width:49.5%; height:0; padding-top:57%; margin-right:0;}
	.category .c3 { margin-top:-7%;}
	.present { width:100%; margin-bottom:20px;}
	.present dl:first-child { margin-bottom:30px;}
	.present dd { width:92% !important; height:0 !important;}
	.present .p1 { padding-top:calc(558 / 525 * 92%); padding-top:97.7828%; margin:0 0 20px;}
	.present .p2 { padding-top:calc(590 / 525 * 92%); padding-top:103.39%; margin:0 0 10px;}
	.present .p4 {
		background-image:url(../img/present4_sp.png);
		padding-top:calc(770 / 525 * 92%); padding-top:134.9333%; margin-bottom:20px;
	}
	.present .p5 { padding-top:calc(537 / 525 * 92%); padding-top:94.1028%; margin:0 0 20px -5px;}
	.present .p6 { padding-top:calc(537 / 525 * 92%); padding-top:94.1028%; margin:0 0 20px;}
	.present .p3 { padding-top:calc(430 / 525 * 92%); padding-top:75.3523%; margin-top:16.5%;}
	.present .p3:before {
		width:106%; height:0; padding-top:calc(150 / 650 * 106%);
		position:absolute; top:-18%; left:50%;
		margin-left:-53%;
	}
	/*03*/
	#section03 { padding-top:65px;}
	#section03 h2 { width:55%; height:0; padding-top:11.2037%;}
	.step { width:90%; text-align:center; padding:50px 0 25px;}
	.step > div {
		width:100%; min-height:0; text-align:left;
		padding:10% 0 20px !important;
		margin-bottom:50px;
	}
	.step .step1,
	.step .step3 { margin-right:0;}
	.step .step4 { margin-bottom:30px;}
	.step h3 { width:220px; height:50px; background-size:240px auto; margin-left:-110px;}
	.step .step1 h3 { background-position:0 -174px;}
	.step .step2 h3 { background-position:0 -228px;}
	.step .step3 h3 { background-position:0 -282px;}
	.step .step4 h3 { background-position:0 -336px;}
	.step h4 { width:100%; height:0; padding-top:52.0833%; position:static; margin-bottom:12px;}
	.step .step2 h4 { height:0; padding-top:14.5833%;}
	.step .step4 h4 { width:105%; height:0; padding-top:54.6%;}
	.step .note { padding:12px 20px 0;}
	.step .note li { font-size:12px;}
	.step p { font-size:14px; padding:0 20px;}
	/*btn*/
	.btn-follow { width:90%; margin:0 auto;}
	.btn-follow a {
		display:block; width:100%; height:60px;
		background:#fff; border-radius:50px;
		text-align:center; position:relative;
	}
	.btn-follow a:before {
		display:inline-block; vertical-align:middle;
		position:static; margin:6px 10px 0 -30px;
	}
	.btn-follow a:after {
		display:inline-block; width:180px; height:45px;
		background-position:0 -610px;
		vertical-align:middle; position:static; margin-top:7px;
	}
	.btn-video a:before { -webkit-transition:none; transition:none;}
	/*04*/
	#section04 { padding:60px 0 45px;}
	#section04 h2 { width:55%; height:0; padding-top:11.2037%;}
	.information { padding-top:65px;}
	.information .box {
		width:90%; border-radius:10px;
		padding:40px 20px 30px; margin:50px auto 0;
	}
	.information .box:first-child { margin-top:0;}
	.information .box h3 {
		width:80%; height:40px; font-size:18px; line-height:40px;
		border-radius:10px; top:-25px; margin-left:-40%;
	}
	.information .box p { font-size:14px; line-height:1.7; padding-bottom:15px;}
	.information .box ul { font-size:14px; line-height:1.7;}
	.information .box ul li .note { font-size:12px;}
	/*rules*/
	#rules { padding-top:60px;}
	#rules .attention { width:90%; margin:0 auto 40px;}
	#rules .attention h3 { font-size:22px; margin-bottom:0;}
	#rules .attention h3 > span { font-size:12px;}
	#rules .attention .scrlbox .inbox {
		font-size:14px; line-height:1.7;
		padding:20px 0;
	}
	.contact { width:90%;  border-radius:16px; padding:30px 20px 20px;}
	.contact p { font-size:14px; line-height:1.8;}
	.contact p br { display:none;}
	.contact h2 { font-size:22px;}
	/*oubo*/
	.oubo-btn { padding:40px 16px 30px;}
	.oubo-btn h3 { width:100%; height:0; padding-top:10%;}
	.oubo-btn ul li { display:block; width:90%; margin:0 auto 10px;}
	.oubo-btn ul li:before { display:none;}
	.oubo-btn ul li a { height:70px;}
	.oubo-btn ul li a:before,
	.oubo-btn ul li a:after { height:60px;}
	.oubo-btn ul li a span {
		width:240px; height:54px;
		background-size:240px auto;
		left:50%; margin-left:-120px;
	}
	.oubo-btn ul li.b1 a span { background-position:0 0;}
	.oubo-btn ul li.b2 a span { background-position:0 -58px;}
	.oubo-btn ul li.b3 a span { background-position:0 -116px;}
	.oubo-btn p { font-size:14px; line-height:1.6; padding-top:15px;}
	#section01 .oubo-btn { margin-bottom:10px;}
	#section03 .oubo-btn { padding-bottom:30px;}
	#section03 .oubo-btn:before { margin-left:-80px; border-width:44px 80px 0 80px;}
	
	/*ev_line*/
	.ev_line1,
	.ev_line2 { height:70px; background-size:auto 70px;}
	.heading .ev_line1 { top:5px;}
	.heading .ev_line2 { bottom:5px;}
	
	.mfp-close { transform:scale(0.6); -webkit-transform:scale(0.6); bottom:-65px;}
	
	/*end*/
	.end-message { padding:20px 0;}
	.end-message p { font-size:16px; line-height:1.6;}
	.btn-link a {
		width:80%; max-width:320px;
		height:36px; line-height:37px; font-size:15px;
	}
	
	/*＠results
	/////////////////////////////////////////////////////////////////////*/
	.results .heading { height:auto; padding-bottom:10px;}
	.results .heading p { font-swize:16px;}
	.results .prize-block h2 { height:auto;}
	.results .prize-block h2 span {
		width:92%; height:0;
		padding-top:calc(150 / 600 * 96%);
	}
	.results .prize-block h2 span:after {
		width:30%; height:0;
		padding-top:calc(190 / 210 * 30%);
		right:-12%;
	}
	.results .prize-block .flag { padding:40px 0 20px;}
	.results .category-title { height:47px; margin-bottom:-25px;}
	.results .category-title span { width:198px; height:47px; background-size:410px auto;}
	.results .category-title.ct1 span { background-position:0 0;}
	.results .category-title.ct2 span { background-position:-201px 0;}
	.results .category-title.ct3 span { background-position:0 -51px;}
	.results .category-title.ct4-1 span { background-position:0 -102px; width:300px;}
	.results .category-title.ct4-2 span { background-position:-201px -51px;}
	.results .category-title.ct4-3 span { background-position:0 -154px; width:300px;}
	.results .category-title.line { width:100%; margin-bottom:10px;}
	.results .category-title.line:before { width:100%; left:3px;}
	.results .category-title.line:after { display:none;}
	.results .category-title.line.ct4-1:before { width:100%; left:3px;}
	.results .videoList li { width:92%; padding-bottom:30px; margin:0 auto;}
	.results .videoList li .player {
		width:100%; height:auto; border-radius:8px;
		padding:7px; margin-bottom:11px;
	}
	.results .videoList li .playerIn {
		width:100%; height:0;
		padding-top:calc(9 / 16 * 100%);
	}
	.results .videoList li .meta { border-radius:8px;}
	.results .videoList li .meta:before {
		content:''; display:block; width:0; height:0;
		position:absolute; bottom:100%; left:50%; margin-left:-6px;
		border:6px transparent solid;
		border-bottom-color:#ccc;
		border-width:0 6px 10px 6px;
	}
	.results .videoList li .meta .name { font-size:16px;}
	.results .videoList li .meta .comment { font-size:13px; padding:10px 0;}
	/*01*/
	#prize01 .videoList { width:92%;}
	#prize01 .videoList li { width:100%; margin:0;}
	#prize01 .videoList li .player { width:100%; height:auto;}
	#prize01 .videoList li .meta { padding:15px;}
	#prize01s .videoList li .meta .name { font-size:22px;}
	#prize01 .videoList li .meta .comment { font-size:14px;}
	/*03*/
	#prize03 { padding-bottom:10px;}
	.results .nicole { padding-top:140px;}
	.results .mewhan,
	.results .paopao { width:100%; padding-top:170px;}
	.results .mewhan:before,
	.results .paopao:before { width:94%; margin-left:-47%;}
	.results .nicole:before,
	.results .mewhan .category-title:before,
	.results .paopao .category-title:before {
		width:200px; height:150px;
		top:-140px; margin-left:-100px;
	}
	.results .nicole:before { top:40px;}
	.results .bottom { padding-top:60px;}
	.results .backbtn { padding-bottom:60px;}
	.results .backbtn a { width:90%; height:50px; font-size:18px; line-height:50px;}
	.results .backbtn a:after { -webkit-transform:scale(0.4); transform:scale(0.4); left:10px;}
	
	.btn-result { width:90%;margin:0 auto;}
	.btn-result a {
		display:inline-block; width:100%; height:0;
		padding-top:31.25%;
		background:url(../img/btn_result_sp.png) no-repeat;
		background-size:contain;
		text-indent:110%; white-space:nowrap; overflow:hidden;
	}
}

@media screen and (max-width:360px){
	br.none { display:none;}
}
@media screen and (max-width:320px){
	.btn-follow a:before { -webkit-transform:scale(0.9); transform:scale(0.9); margin:6px -5px 0;}
	.btn-follow a:after { -webkit-transform:scale(0.9); transform:scale(0.9);}
	.btn-download a:before { -webkit-transform:scale(0.9); transform:scale(0.9);}
	.btn-video { width:240px; height:135px;}
}

/*hover*/
.pc .btn-follow a:hover { background:#00a2f9;}
.pc .btn-follow a:hover:before {
	background-position:-255px -575px;
	-webkit-animation:pop 0.3s linear 1;
	animation:pop 0.3s linear 1;
}
.pc .btn-follow a:hover:after { background-position:0 -540px;}
.pc .btn-download a:hover { background:#fdd000;}
.pc .btn-video a:hover:before { opacity:1;}
.pc .oubo-btn ul li a:hover:after { top:7px;}
.pc .oubo-btn ul li.b1 a:hover:after { background:#e08749;}
.pc .oubo-btn ul li.b2 a:hover:after { background:#85cfdd;}
.pc .oubo-btn ul li.b3 a:hover:after { background:#229b6f;}
.pc .oubo-btn ul li a:hover span { top:10px;}
.pc .oubo-btn ul li:hover:before { top:-70px;}
.pc .oubo-btn p a:hover { color:#652e1f; border-bottom:1px solid #652e1f;}
.pc .results .backbtn a:hover { opacity:0.8;}
.pc .btn-result a:hover { opacity:0.8;}

.sp .btn-follow a.hover { background:#00a2f9;}
.sp .btn-follow a.hover:before {
	background-position:-255px -575px;
	-webkit-animation:pop 0.3s linear 1;
	animation:pop 0.3s linear 1;
}
.sp:not(.Tablet) .btn-follow a.hover:after { background-position:0 -660px;}
.sp .btn-download a.hover { background:#fdd000;}
.sp .btn-video a.hover:before { opacity:1;}
.sp .oubo-btn ul li a.hover:after { top:7px;}
.sp .oubo-btn ul li.b1 a.hover:after { background:#e08749;}
.sp .oubo-btn ul li.b2 a.hover:after { background:#85cfdd;}
.sp .oubo-btn ul li.b3 a.hover:after { background:#229b6f;}
.sp .oubo-btn ul li a.hover span { top:10px;}
.sp .oubo-btn ul li.hover:before { top:-70px;}
.sp .oubo-btn p a.hover { color:#652e1f; border-bottom:1px solid #652e1f;}
.sp .results .backbtn a.hover { opacity:0.8;}
.sp .btn-result a.hover { opacity:0.8;}

.Tablet .btn-follow a.hover:after { background-position:0 -540px;}


.fade { opacity:0;}
.heading .ev_line1 { margin-left:-100%; opacity:0;}
.heading .ev_line2 { margin-left:100%; opacity:0;}
.results .heading .ev_line1 { margin-left:0; opacity:1;}
.results .heading .ev_line2 { margin-left:0; opacity:1;}
