@charset "utf-8";

/*
******************************************************************
* style.css
******************************************************************
*/
body {
	min-width: 1366px;
}

#wrp-all {
	overflow: hidden;
	position: relative;
	min-width: 1366px;
	background: url(../common/img/bg_contents.png) repeat-y top center;
	background-size: 100%;
}

#bg-white {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999;
}


/*
******************************************************************
* #nav
******************************************************************/
.menu_btn_box {
	display: none;
	position: fixed;
	overflow: hidden;
	top: 12px;
	right: 10px;
	z-index: 12;
	box-sizing: border-box;
}
.menu_btn {
	display: block;
	overflow: hidden;
	position: relative;
	float: right;
	width: 118px;
	height: 118px;
	background: url(../common/img/btn_menu.png) no-repeat top center;
	background-size: 100%;
	text-indent: -200%;
	cursor: pointer;
}
.nav_open .menu_btn:after {
	opacity: 1;
}
.menu_btn:after {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 118px;
	height: 118px;
	background: url(../common/img/btn_menu_on.png) no-repeat top center;
	background-size: 100%;
	content: '';
}

.nav_bg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.device-sp .nav_bg {
	cursor: pointer;
}

.device-sp .nav_box {
	cursor: pointer;
}
.nav_box {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 11;
	width: 938px;
	height: 625px;
	background: url(../common/img/nav_bg.png) no-repeat top center;
	background-size: 100%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.nav_box .nav_list {
	position: relative;
	top: 100px;
}
.nav_item.top {
	margin-bottom: 36px;
}
.nav_item.feature {
	margin-bottom: 30px;
}
.nav_item.gameflow {
	margin-bottom: 26px;
}
.nav_box li a {
	display: block;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	text-indent: -100%;
}
.nav_item.top a {
	width: 169px;
	height: 81px;
	background-image: url(../common/img/nav_txt_top.png);
}
.nav_item.feature a {
	width: 144px;
	height: 82px;
	background-image: url(../common/img/nav_txt_feature.png);
}
.nav_item.gameflow a {
	width: 355px;
	height: 81px;
	background-image: url(../common/img/nav_txt_gameflow.png);
}
.nav_item.spec a {
	width: 301px;
	height: 82px;
	background-image: url(../common/img/nav_txt_array.png);
}

.nav_box li a:after {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	content: '';
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.nav_box li a:hover:after {
	opacity: 1;
}
.nav_item.top a:after {
	background-image: url(../common/img/nav_txt_top_on.png);
}
.nav_item.feature a:after {
	background-image: url(../common/img/nav_txt_feature_on.png);
}
.nav_item.gameflow a:after {
	background-image: url(../common/img/nav_txt_gameflow_on.png);
}
.nav_item.spec a:after {
	background-image: url(../common/img/nav_txt_array_on.png);
}


/*
******************************************************************
* #main-area
******************************************************************/
#main-area {
	overflow: hidden;
	position: relative;
	min-height: 805px;
}
#main-area:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 38px;
	background: url(../common/img/bg_border.png) repeat-x top center;
	background-size: 59px 38px;
	content: '';
}

#main-area .maker_logo {
	position: absolute;
	top: 26px;
	left: 50%;
	z-index: 7;
	-webkit-transform: translateX(-151.5%);
	-moz-transform: translateX(-151.5%);
	-ms-transform: translateX(-151.5%);
	-o-transform: translateX(-151.5%);
	transform: translateX(-151.5%);
}

/*logo_list*/
.logo_list li {
	position: relative;
	float: left;
}
.logo_list .logo_spiky {
	top: -6px;
	margin-right: 16px
}
.logo_list .logo_nanashow {
	margin-right: 16px;
}
.logo_list .logo_fields {
	top: -15px;
}
#main-area .copy_txt {
	display: block;
	position: relative;
	top: -10px;
	padding-right: 10px;
	color: #fff;
	text-align: right;
	font-size: 10px;
	line-height: 1.7;
	text-shadow: 0px 0px 5px #0d9cf9, 0px 0px 5px #0d9cf9, 0px 0px 5px #0d9cf9, 0px 0px 5px #0d9cf9, 0px 0px 5px #0d9cf9;
}

#main-area .logo {
	position: absolute;
	bottom: 390px;
	left: 40%;
	z-index: 6;
	-webkit-transform: translateX(-113.5%);
	-moz-transform: translateX(-113.5%);
	-ms-transform: translateX(-113.5%);
	-o-transform: translateX(-113.5%);
	transform: translateX(-113.5%);
}
#main-area .logo img {
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
#wrp-all.action #main-area .logo img {
	animation: title-anime 0.8s ease 1.1s 1 forwards;
	-moz-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-webkit-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-o-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-ms-animation: title-anime 0.8s ease 1.1s 1 forwards;
}

/*20180803*/
#main-area .logo2 {
	position: absolute;
	bottom: 370px;
	z-index: 6;
	-webkit-transform: translateX(-113.5%);
	-moz-transform: translateX(-113.5%);
	-ms-transform: translateX(-113.5%);
	-o-transform: translateX(-113.5%);
	transform: translateX(-113.5%);
}
#main-area .logo2 img {
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
#wrp-all.action #main-area .logo2 img {
	animation: title-anime 0.8s ease 1.1s 1 forwards;
	-moz-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-webkit-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-o-animation: title-anime 0.8s ease 1.1s 1 forwards;
	-ms-animation: title-anime 0.8s ease 1.1s 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.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	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.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	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);
	}
}

.cara {
	position: absolute;
	bottom: -29px;
	right: 50%;
	z-index: 2;
	-webkit-transform: translateX(65%);
	-moz-transform: translateX(65%);
	-ms-transform: translateX(65%);
	-o-transform: translateX(65%);
	transform: translateX(65%);
}

.machine {
	opacity: 0;
	position: absolute;
	bottom: 42px;
	right: 50%;
	z-index: 3;
	-webkit-transform: translateX(49%);
	-moz-transform: translateX(49%);
	-ms-transform: translateX(49%);
	-o-transform: translateX(49%);
	transform: translateX(49%);
	transition: all 0.7s ease 0.5S;
	-webkit-transition: all 0.7s ease 0.5S;
}
#wrp-all.action #main-area .machine {
	opacity: 1;
}
.machine:after {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../img/main/machine_shine.png) no-repeat top center;
	background-size: 100%;
	content: '';
	/*animation*/
	animation-name: machine-anime;
	animation-duration: 4s;
	animation-timing-function: ease-in-out;
	animation-delay: 3s;
	animation-iteration-count: infinite;
	animation-direction: normal;
	/*Firefox*/
	-moz-animation-name: machine-anime;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-delay: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
	/*Chrome Safari*/
	-webkit-animation-name: machine-anime;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	/*Opera*/
	-o-animation-name: machine-anime;
	-o-animation-duration: 4s;
	-o-animation-timing-function: ease-in-out;
	-o-animation-delay: 3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: normal;
	/*IE*/
	-ms-animation-name: machine-anime;
	-ms-animation-duration: 4s;
	-ms-animation-timing-function: ease-in-out;
	-ms-animation-delay: 3s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-direction: normal;
}
@keyframes machine-anime {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}
@-webkit-keyframes machine-anime {
	0% {opacity: 1;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}

.balloon {
	position: absolute;
	bottom: 612px;
	right: 50%;
	z-index: 4;
	-webkit-transform: translateX(53%);
	-moz-transform: translateX(53%);
	-ms-transform: translateX(53%);
	-o-transform: translateX(53%);
	transform: translateX(53%);
}
.balloon img {
	transform: scale(0);
	-moz-transform: scale(0);
	-webkit-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
}
#wrp-all.action #main-area .balloon img {
	animation: title-anime 0.6s ease 1.6s 1 forwards;
	-moz-animation: title-anime 0.6s ease 1.6s 1 forwards;
	-webkit-animation: title-anime 0.6s ease 1.6s 1 forwards;
	-o-animation: title-anime 0.6s ease 1.6s 1 forwards;
	-ms-animation: title-anime 0.6s ease 1.6s 1 forwards;
}

#main-area .btn {
	opacity: 0;
	position: absolute;
	bottom: 63px;
	right: 50%;
	z-index: 5;
	-webkit-transform: translateX(44.5%);
	-moz-transform: translateX(44.5%);
	-ms-transform: translateX(44.5%);
	-o-transform: translateX(44.5%);
	transform: translateX(44.5%);
	transition: all 0.3s ease 1.6S;
	-webkit-transition: all 0.3s ease 1.6S;
}
#wrp-all.action #main-area .btn {
	opacity: 1;
}
#main-area .btn a {
	display: block;
	position: relative;
}
#main-area .btn a:after {
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../img/main/movie_btn_on.png) no-repeat top center;
	background-size: 100%;
	content: '';
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
#main-area .btn a:hover:after {
	opacity: 1;
}

#main-area .cara_box {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}

#main-area .cara_box:before,
#main-area .cara_box:after {
	display: block;
	position: absolute;
	content: '';
}
#main-area .cara_box:before {
	bottom: -32px;
	left: -165px;
	width: 510px;
	height: 533px;
	background: url(../img/main/flower01.png) no-repeat top center;
	background-size: 100%;
}
#main-area .cara_box:after {
	bottom: 8px;
	right: -136px;
	width: 435px;
	height: 353px;
	background: url(../img/main/flower02.png) no-repeat top center;
	background-size: 100%;
}
#main-area .cara02 {
	position: absolute;
	bottom: 25px;
	left: 0;
	z-index: 2;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
#main-area .cara03 {
	position: absolute;
	bottom: 25px;
	right: 0;
	z-index: 2;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
}
#wrp-all.action #main-area .cara02 {
	animation: bounceInUp 0.8s ease 0.8s 1 forwards;
	-moz-animation: bounceInUp 0.8s ease 0.8s 1 forwards;
	-webkit-animation: bounceInUp 0.8s ease 0.8s 1 forwards;
	-o-animation: bounceInUp 0.8s ease 0.8s 1 forwards;
	-ms-animation: bounceInUp 0.8s ease 0.8s 1 forwards;
}
#wrp-all.action #main-area .cara03 {
	animation: bounceInUp 0.85s ease 0.9s 1 forwards;
	-moz-animation: bounceInUp 0.85s ease 0.9s 1 forwards;
	-webkit-animation: bounceInUp 0.85s ease 0.9s 1 forwards;
	-o-animation: bounceInUp 0.85s ease 0.9s 1 forwards;
	-ms-animation: bounceInUp 0.85s ease 0.9s 1 forwards;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

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

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.main_bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}
.main_bg .bg_box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main_bg .bg01 {
	z-index: 1;
	background: url(../img/main/main_bg01.png) no-repeat center center;
	background-size: cover;
}
.main_bg .bg02 {
	opacity: 0;
	z-index: 2;
	background: url(../img/main/main_bg02.png) no-repeat center center;
	transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	background-size: cover;
}
#wrp-all.action .main_bg .bg02 {
	opacity: 1;
}

.bnr_campaign {
/*	display: none;*/
	position: absolute;
	max-width: 350px;
	left: 50%;
	bottom: 79px;
	z-index: 7;
	-webkit-transform: translateX(-184.5%);
	-moz-transform: translateX(-184.5%);
	-ms-transform: translateX(-184.5%);
	-o-transform: translateX(-184.5%);
	transform: translateX(-184.5%);
}

.bnr_campaign a {
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.bnr_campaign {
	opacity: 0.9;
}
.bnr_campaign  a img {
	display: block;
	width: 100%;
}






/*
******************************************************************
* #contents
******************************************************************/
#contents {
	padding: 200px 10px;
	text-align: center;
}

/*feature*/
#feature .content-item.content01 {
	margin-top: -162px;
}
#feature .content-item.content01 img {
	margin-left: -74px;
}

/*gameflow*/
#gameflow {
	margin-top: -109px;
	margin-bottom: 200px;
}
#gameflow .content-ttl {
	margin-bottom: 78px;
}
#gameflow .content-sttl.sttl_01 {
	margin-bottom: 40px;
}
#gameflow .content-item.content02 {
	margin-top: -192px;
}
#gameflow .content-item.content03 {
	margin-top: -190px;
	margin-bottom: 80px;
}
#gameflow .content-item.content03 img {
	margin-right: -126px;
}
#gameflow .content-item.content04 {
	margin-bottom: 95px;
}
#gameflow .content-sttl.sttl_02 {
	margin-bottom: 23px;
}
#gameflow .content-item.content05 img {
	margin-left: -35px;
}

/*spec*/
#array .content-ttl {
	margin-bottom: 72px;
}
#array .content-sttl.sttl_01 {
	margin-bottom: 36px;
}
#array .content-item.content01 {
	margin-bottom: 72px;
}


/*
******************************************************************
* .page-top
******************************************************************/
.page-top {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 16px;
	z-index: 9;
}
.page-top.fixed-none {
	position: absolute;
}

.page-top a {
	display: block;
}


/*
******************************************************************
* #footer
******************************************************************/
#footer {
	position: relative;
	min-height: 198px;
	padding: 83px 10px 10px;
	background: url(../common/img/bg_border.png) repeat-x top center;
	background-size: 59px 38px;
	text-align: center;
	box-sizing: border-box;
}
#footer .logo_list {
	display: inline-block;
}
#footer .copy_txt {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 1.7;
}


/*
******************************************************************
* .modal-video
******************************************************************/
.modal-video {
	background-color: rgba(0,0,0,0.8);
}
.modal-video-movie-wrap {
	margin-top: 56px;
}
.modal-video-close-btn {
	display: block;
	position: absolute;
	top: -56px;
	right: 0;
	z-index: 2;
	width: 179px;
	height: 50px;
	text-indent: -9999px;
	background: url(../img/v_close.png) no-repeat top 0 left 0;
	background-size: 100%;
	cursor: pointer;
}
.modal-video-close-btn:hover {
	background-position: top -50px left 0;
}

.modal-video-close-btn:hover:not(:target) {
	background-position: top -51px left 0\9;/*IE9用*/
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
	content: none;
}


/*
******************************************************************
* sns_btn
******************************************************************/
#main-area .sns_btn {
	display: block;
	opacity: 0;
	position: absolute;
	bottom: 75px;
	right: 50%;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	z-index: 10;
	box-sizing: border-box;
	-webkit-transform: translateX(222.5%);
	-moz-transform: translateX(222.5%);
	-ms-transform: translateX(222.5%);
	-o-transform: translateX(222.5%);
	transform: translateX(222.5%);
}
#main-area .sns_btn ul {
	display: inline-block;
}
#main-area .sns_btn ul li {
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}


/*
******************************************************************
* halllis
******************************************************************/
/*#halllists {
	background-color: aliceblue
}
*/

/*table { background-color: #FFFFFF; }*/
tr { 
	background-color: #CA8D1D;
	color:#FFF; 
	border: 1px solid #C3C3C3;
}
td { 
	background-color: #111; 
	border: 1px solid #C3C3C3;
	text-align: left;	}

td.kenarea{
	background-color:#C83A05;
	border: 1px solid #C83A05;
}

a:link{
	color:#FF6C00;
}
a:visited {
    color:#FFFFFF;
}

/*hall*/
#hall {
	margin-top: -200px;
	text-align: center;
}
#hall img {
	margin-left: -20px;
}

ul.area1{
	list-style: none;
	overflow: hidden;
	width:850px;
	margin: auto;
}
ul.area1 li{
	text-align: center;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-right: 2px;
	}
ul.area1 li a{
	text-decoration: none;
	color: #fff;
	padding: 20px;
}



.bnr_halllists {
/*	display: none;*/
	position: absolute;
	max-width: 350px;
	left: 50%;
	bottom: 180px;
	z-index: 7;
	-webkit-transform: translateX(-184.5%);
	-moz-transform: translateX(-184.5%);
	-ms-transform: translateX(-184.5%);
	-o-transform: translateX(-184.5%);
	transform: translateX(-184.5%);
}

.bnr_halllists a {
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.bnr_halllists {
	opacity: 0.9;
}
.bnr_halllists  a img {
	display: block;
	width: 100%;
}



.bnr_youtube {
/*	display: none;*/
	position: absolute;
	max-width: 350px;
	left: 50%;
	bottom: 280px;
	z-index: 7;
	-webkit-transform: translateX(-184.5%);
	-moz-transform: translateX(-184.5%);
	-ms-transform: translateX(-184.5%);
	-o-transform: translateX(-184.5%);
	transform: translateX(-184.5%);
}

.bnr_youtube a {
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.bnr_youtube {
	opacity: 0.9;
}
.bnr_youtube  a img {
	display: block;
	width: 100%;
}