@charset "utf-8";

/*
******************************************************************
* top.css
******************************************************************
*/
html.Has-modal {
	overflow: hidden !important;
	width: auto;
}

body {
	min-width: 1100px;
	min-height: 940px;
	background-color: #fadce9;
	color: #4b4b4b;
	line-height: 1.6;
}

#wrp-all {
	overflow: hidden;
	position: relative;
	min-width: 1100px;
	min-height: 940px;
	height: 940px;
	background-image: url(../common/img/bg_01_r.png),url(../common/img/bg_01_l.png);
	background-repeat: repeat-y,repeat-y;
	background-position: right top,left top;
	background-size: 228px 830px, 228px 830px;
}
.device-sp #wrp-all {
	min-height: 0;
	height: 940px;
}

/*
******************************************************************
* #contents
******************************************************************/
#bg-white {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
}
#bg-main02 {
	position: absolute;
	background: url(../common/img/bg_02.png) no-repeat bottom left;
	background-size: 100%;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1;
}
#contents {
	position: relative;
	min-width: 1100px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
#contents .maker_logo {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
}
#contents .logo_list {
	width: 1000px;
	margin: 0 auto;
	padding: 8px 0 0;
	box-sizing: border-box;
}
#contents .logo_list li {
	display: block;
	float: left;
	margin-right: 35px;
}
#contents .logo_list li img {
	display: block;
	position: relative;
	z-index: 2;
	width: 100%;
}
#contents .logo_list .logo_bisty {
	position: relative;
	bottom: -2px;
}
#contents .logo_list .logo_bisty:before {
	display: block;
	position: absolute;
	z-index: 1;
	top: -34px;
	left: -36px;
	width: 164px;
	height: 90px;
	background: url(../common/img/balloon_01.png) no-repeat top center;
	background-size: 164px 90px;
	content: '';
}
#contents .logo_list .logo_fields {
	float: right;
	position: relative;
	bottom: 5px;
	margin-right: 0;
}
#contents .logo_list .logo_fields:before {
	display: block;
	position: absolute;
	z-index: 1;
	top: -26px;
	left: -68px;
	width: 245px;
	height: 89px;
	background: url(../common/img/balloon_02.png) no-repeat top center;
	background-size: 245px 89px;
	content: '';
}
#contents .logo_list .logo_bisty img {
	max-width: 98px;
}
#contents .logo_list .logo_fields img {
	max-width: 129px;
}

#contents h1 {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 622px;
	margin: -106px 0 0 -311px;
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
#contents h1:not(:target) {
	opacity: 1\9;/*IE9用*/
	transform: scale(1)\9;/*IE9用*/
	-moz-transform: scale(1)\9;/*IE9用*/
	-webkit-transform: scale(1)\9;/*IE9用*/
	-o-transform: scale(1)\9;/*IE9用*/
	-ms-transform: scale(1)\9;/*IE9用*/
}
#contents.action h1 {
	animation: title-anime 0.8s ease 0.5s 1 forwards;
	-moz-animation: title-anime 0.8s ease 0.5s 1 forwards;
	-webkit-animation: title-anime 0.8s ease 0.5s 1 forwards;
	-o-animation: title-anime 0.8s ease 0.5s 1 forwards;
	-ms-animation: title-anime 0.8s ease 0.5s 1 forwards;
}
@keyframes title-anime {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes title-anime {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes title-anime {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes title-anime {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@-ms-keyframes title-anime {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}
	20% {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		-o-transform: scale(1.15);
		transform: scale(1.15);
	}
	30% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	40% {
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		-o-transform: scale(0.95);
		transform: scale(0.95);
	}
	50% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

#contents .pm_btn {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	max-width: 310px;
	width: 100%;
	margin: 272px 0 0 -120px;
	transition: all 0.2s ease-out 0.95S;
	-webkit-transition: all 0.2s ease-out 0.95S;
}
#contents .pm_btn a {
	display: block;
}
.gold_bnr {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 3;
	max-width: 310px;
	width: 100%;
	margin: 272px 0 0 -463px;
	transition: all 0.2s ease-out 0.95S;
	-webkit-transition: all 0.2s ease-out 0.95S;
}
#contents .gold_bnr a {
	display: block;
}

#contents .machine {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	transition: all 0.3s ease-out 0.1S;
	-webkit-transition: all 0.3s ease-out 0.1S;
}
#contents .machine img {
	display: inline-block;
	position: relative;
	left: 1%;
	height: 90%;
	min-height: 860px;
}

#contents.action .pm_btn,
#contents.action .gold_bnr,
#contents.action .machine {
	opacity: 1;
}

#contents .label {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	max-width: 172px;
	width: 100%;
	margin: 112px 0 0 351px;
	transition: all 0.2s ease-out 0.95S;
	-webkit-transition: all 0.2s ease-out 0.95S;
}
#contents.action .label {
	opacity: 1;
}

.cara {
	opacity: 0;
	position: absolute;
	z-index: 3;
}
.cara.shinzi {
	top: 50%;
	left: 50%;
	max-width: 196px;
	width: 100%;
	margin: -14px 0 0 -473px;
}
.action .cara.shinzi {
	animation: bounceInDown 0.7s ease 0.65S 1 forwards;
	-moz-animation: bounceInDown 0.7s ease 0.65S 1 forwards;
	-webkit-animation: bounceInDown 0.7s ease 0.65S 1 forwards;
	-o-animation: bounceInDown 0.7s ease 0.65S 1 forwards;
	-ms-animation: bounceInDown 0.7s ease 0.65S 1 forwards;
}
.action .cara.shinzi:not(:target) {
	opacity: 1\9;/*IE9用*/
}

.cara.rei {
	top: 50%;
	right: 50%;
	max-width: 147px;
	width: 100%;
	margin: -35px -418px 0 0;
}
.action .cara.rei {
	animation: bounceInDown 0.7s ease 0.85S 1 forwards;
	-moz-animation: bounceInDown 0.7s ease 0.85S 1 forwards;
	-webkit-animation: bounceInDown 0.7s ease 0.85S 1 forwards;
	-o-animation: bounceInDown 0.7s ease 0.85S 1 forwards;
	-ms-animation: bounceInDown 0.7s ease 0.85S 1 forwards;
}
.action .cara.rei:not(:target) {
	opacity: 1\9;/*IE9用*/
}

.cara.asuka {
	top: 50%;
	right: 50%;
	max-width: 186px;
	width: 100%;
	margin: -198px -557px 0 0;
}
.action .cara.asuka {
	animation: bounceInDown 0.7s ease 0.95S 1 forwards;
	-moz-animation: bounceInDown 0.7s ease 0.95S 1 forwards;
	-webkit-animation: bounceInDown 0.7s ease 0.95S 1 forwards;
	-o-animation: bounceInDown 0.7s ease 0.95S 1 forwards;
	-ms-animation: bounceInDown 0.7s ease 0.95S 1 forwards;
}
.action .cara.asuka:not(:target) {
	opacity: 1\9;/*IE9用*/
}

@keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
		-moz-transform: translate3d(0, -3000px, 0);
		-webkit-transform: translate3d(0, -3000px, 0);
		-o-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
		-moz-transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		-o-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
	}

	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0);
		-moz-transform: translate3d(0, -10px, 0);
		-webkit-transform: translate3d(0, -10px, 0);
		-o-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
	}

	90% {
		opacity: 1;
		transform: translate3d(0, 5px, 0);
		-moz-transform: translate3d(0, 5px, 0);
		-webkit-transform: translate3d(0, 5px, 0);
		-o-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}
@-moz-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
		-moz-transform: translate3d(0, -3000px, 0);
		-webkit-transform: translate3d(0, -3000px, 0);
		-o-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
		-moz-transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		-o-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
	}

	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0);
		-moz-transform: translate3d(0, -10px, 0);
		-webkit-transform: translate3d(0, -10px, 0);
		-o-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
	}

	90% {
		opacity: 1;
		transform: translate3d(0, 5px, 0);
		-moz-transform: translate3d(0, 5px, 0);
		-webkit-transform: translate3d(0, 5px, 0);
		-o-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
		-moz-transform: translate3d(0, -3000px, 0);
		-webkit-transform: translate3d(0, -3000px, 0);
		-o-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
		-moz-transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		-o-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
	}

	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0);
		-moz-transform: translate3d(0, -10px, 0);
		-webkit-transform: translate3d(0, -10px, 0);
		-o-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
	}

	90% {
		opacity: 1;
		transform: translate3d(0, 5px, 0);
		-moz-transform: translate3d(0, 5px, 0);
		-webkit-transform: translate3d(0, 5px, 0);
		-o-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}
@-o-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
		-moz-transform: translate3d(0, -3000px, 0);
		-webkit-transform: translate3d(0, -3000px, 0);
		-o-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
		-moz-transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		-o-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
	}

	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0);
		-moz-transform: translate3d(0, -10px, 0);
		-webkit-transform: translate3d(0, -10px, 0);
		-o-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
	}

	90% {
		opacity: 1;
		transform: translate3d(0, 5px, 0);
		-moz-transform: translate3d(0, 5px, 0);
		-webkit-transform: translate3d(0, 5px, 0);
		-o-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}
@-ms-keyframes bounceInDown {
	from,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-moz-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-o-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		-ms-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0);
		-moz-transform: translate3d(0, -3000px, 0);
		-webkit-transform: translate3d(0, -3000px, 0);
		-o-transform: translate3d(0, -3000px, 0);
		-ms-transform: translate3d(0, -3000px, 0);
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0);
		-moz-transform: translate3d(0, 25px, 0);
		-webkit-transform: translate3d(0, 25px, 0);
		-o-transform: translate3d(0, 25px, 0);
		-ms-transform: translate3d(0, 25px, 0);
	}

	75% {
		opacity: 1;
		transform: translate3d(0, -10px, 0);
		-moz-transform: translate3d(0, -10px, 0);
		-webkit-transform: translate3d(0, -10px, 0);
		-o-transform: translate3d(0, -10px, 0);
		-ms-transform: translate3d(0, -10px, 0);
	}

	90% {
		opacity: 1;
		transform: translate3d(0, 5px, 0);
		-moz-transform: translate3d(0, 5px, 0);
		-webkit-transform: translate3d(0, 5px, 0);
		-o-transform: translate3d(0, 5px, 0);
		-ms-transform: translate3d(0, 5px, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
	}
}

/*
******************************************************************
* #nav
******************************************************************/

/*
******************************************************************
* #footer
******************************************************************/
#footer {
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
	z-index: 3;
	padding: 10px;
	width: 100%;
	margin: auto;
	text-align: center;
	box-sizing: border-box;
}
#footer .box-copy{
	display: block;
	width: 1000px;
	margin: 0 auto;
	vertical-align: middle;
}
#footer .box-copy li {
	display: inline-block;
	font-family: Verdana, "Droid Sans";
	color: #fff;
	position: relative;
	left: 33px;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	text-shadow: 0px 0px 5px #cf2874,0px 0px 5px #cf2874,0px 0px 5px #cf2874,0px 0px 5px #cf2874,0px 0px 5px #cf2874;
}
#footer .box-copy li + li {
	display: inline-block;
	margin-left: 3px;
}

.eva-project img{
max-height: 40px;
width: auto;
margin: 5px 10px 0 10px;
}

/*
******************************************************************
* #modal video
******************************************************************/
#mdl-box {
	position: fixed;
	z-index: 1100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#mdl-box .mdl-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
}
#mdl-box #mdl-plr {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -270px;
	margin-left: -480px;
}
#mdl-box .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -326px;
	margin-left: 303px;
}
#mdl-box .btn a {
	display: block;
	width: 179px;
	height: 50px;
	text-indent: -9999px;
	background-image: url(../img/v_close.png);
	background-position: 0 top;
}
#mdl-box .btn a:hover {
	background-position: 0 bottom;
}

/*
******************************************************************
* .video.js
******************************************************************/
#mdl-box .vjs-default-skin .vjs-slider-handle {
	background: #f19ec1;
}
#mdl-box .vjs-default-skin .vjs-play-progress {
	background: #66585e;
}
#mdl-box .vjs-default-skin .vjs-volume-level {
	background: #66585e;
}

/*
******************************************************************
* sns_btn
******************************************************************/
#contents .sns_btn {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	margin: 349px 0 0 298px;
	transition: all 0.5s ease-out 0.5s;
	-webkit-transition: all 0.5s ease-out 0.5s;
	z-index: 10;
	box-sizing: border-box;
}
#contents.action .sns_btn {
	opacity: 1;
}
#contents .sns_btn ul {
	display: inline-block;
}
#contents .sns_btn ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}