@charset "utf-8";
html, body {
	height: 100%;
	overflow: hidden;
	background-color: #000;
}
#common_header, #pbar_box {
	position: fixed;
	top: 28px;
	left: 0px;
	z-index: 99;
	width: 100%;
}
#pbar_box {
	top: 0px;
}
#wrapper {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
}
.common_block {
	position: relative;
}
.block_inner, .visual_inner {
	width: 1120px;
	margin: 0px auto;
	position: relative;
}
.visual_inner {
	height:950px;
}
.common_slide {
	background-position: center center;
	width: 100%;
	background-repeat: no-repeat;
	opacity: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*------------------------------------------------
	ローディング
--------------------------------------------------*/

.progress {
	background: #000;
	color: #FFF;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 9999;
	padding: 0px;
}
.progress-bar {
	border-top: 1px solid #fff;
	position: absolute;
	top: 50%;
	width: 0%;
}
.progress-text {
	margin-top: 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 100%;
}
.progress-complete .progress-bar {
	border-top: 1px solid #72d6ff;
}
.progress-complete .progress-text {
	color: #72d6ff;
}
/*------------------------------------------------
	ナビゲーション
--------------------------------------------------*/

#navi {
	background: url(../images/navi_bg.png) no-repeat center top;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	height: 80px;
	z-index: 99;
}
#navi .navi_inner {
	width: 1120px;
	margin: 0px auto 0;
	position: relative;
}
#navi ul {
	padding-left: 60px;
}
#navi li {
	float: left;
	padding-right: 20px;
}
#navi li a {
	width: 153px;
	padding-top: 80px;
	background-position: 0px 0px;
}
#navi .navi01 a {
	background: url(../images/navi01.png) no-repeat;
}
#navi .navi02 a {
	background: url(../images/navi02.png) no-repeat;
}
#navi .navi03 a {
	background: url(../images/navi03.png) no-repeat;
}
#navi .navi04 a {
	background: url(../images/navi04.png) no-repeat;
}
#navi .navi05 a {
	background: url(../images/navi05.png) no-repeat;
}
#navi .navi06 a {
	background: url(../images/navi06.png) no-repeat;
}
#navi li a:hover, #navi li .select {
	background-position: 0px -80px;
}
#sns_btn {
	position: static;
	right: 0px;
	top: 0px;
	width: auto;
}
#sns_btn .fabebook_btn, #sns_btn .twitter_btn {
	float: none !important;
	width: auto !important;
	position: absolute;
	top: 19px;
}
.fabebook_btn {
	right: 75px;
}
.twitter_btn {
	right: 0px;
}
/*------------------------------------------------
	ビジュアル
--------------------------------------------------*/

#common_header .right {
	top: 36px;
}
#page_logo {
	background: url(../images/page_title.png) no-repeat;
	background-position: 0px 0px;
	width: 940px;
	padding-top: 180px;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	margin-left: -470px;
	margin-top: -90px;
}
.btn_play1 {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	margin-left: -29px;
	margin-top: 100px;
	text-indent:-9999px;
	border:none;
	background-color:transparent;
	width:57px;
	height:57px;
	background-image:url(../images/btn_play.png);
	background-repeat:no-repeat;
	cursor:pointer;
}

.bg_content {
	height: 100%;
}
.bg {
	position: fixed;
	width: 100%;
	top: 0;
	bottom: 0;
	overflow: hidden;
}
.bg:after {
	display: block;
	content: " ";
	top: 0;
	left: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	position: fixed;
	background: url(../images/dark.png) left top;
}
video {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
}

.layerPop {
    display: none;
    z-index: 300;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -312px 0 0 -550px;
    width: 1090px;
    height: 614px;
    border: 0px solid #ccc;
    background: #000;
}

.layerPop {
}
.layerPop .close {
    position: absolute;
    right: -1px;
    top: -50px;
}
.layerPop .close button {
    border: none;
    display: block;
    text-indent: -9999px;
    width: 49px;
    height: 49px;
    background: url(../images/btn_close_movie.jpg) no-repeat;
    cursor: pointer;
}
.overlay {
    z-index: 200;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.75;
    display: none;
}
 @media screen and (max-aspect-ratio: 16/9) {
video {
	width: auto;
	height: 100%;
}
}
/*------------------------------------------------
	海＆新スキル
--------------------------------------------------*/

/*
#effect {
	background:url(https://file.gameon.jp/blackdesert/images/member/update/ocean/2/effect.png) no-repeat;
	background-position:0px 0px;
	width:1920px;
	padding-top:1280px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1000;
	margin-left:-960px;
	margin-top:-640px;
}

#effect.def {
	background-position:0px 0px !important;
	display:none;
}

#slide {
	background:url(https://file.gameon.jp/blackdesert/images/member/update/ocean/2/slide.jpg) no-repeat;
	background-position:center center;
	width:1920px;
	height:1280px;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1001;
	margin-left:-960px;
	margin-top:-640px;
}
*/

#block02 {
	position: relative;
}
#block02 .slide01 {
	background-image: url(../images/block02_bg01.jpg);
	z-index: 3;
}
#block02 .slide02 {
	background-image: url(../images/block02_bg02.jpg);
	z-index: 2;
}
#block02 .slide03 {
	background: url(../images/block02_bg03.jpg) no-repeat center center;
	z-index: 1;
}
#block02 h2 {
    top: 50%;
    left: -3px;
    margin-top: -349px;
    position: absolute;
    z-index: 10;
}
#block02 .list01 .box {
	/*background:url(https://file.gameon.jp/blackdesert/images/member/update/ocean/2/box01.png) no-repeat;
	width:680px;
	height:164px;*/
	position: absolute;
	top: 50%;
	margin-top: -202px;
	left: 314px;
	z-index: 10;
}
#block02 .list01 .thum {
	position: absolute;
	top: 50%;
	margin-top: -230px;
	left: 40px;
	z-index: 11;
}
#block02 .list01 .thum a {
	background: url(../images/thum2_01.png) no-repeat;
	width: 300px;
	padding-top: 300px;
	background-position: 0px 0px;
}
#block02 .list01 .thum a:hover {
	background-position: 0px -300px;
}
#block02 .list01 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: -98px;
	left: 644px;
	z-index: 11;
}
#block02 .list01 .thum02 a {
	background: url(../images/thum2_02.png) no-repeat;
	width: 490px;
	padding-top: 270px;
	background-position: 0px 0px;
}
#block02 .list01 .thum02 a:hover {
	background-position: 0px -270px;
}
#block02 .list02 .box {
	/*background:url(https://file.gameon.jp/blackdesert/images/member/update/ocean/2/box02.png) no-repeat;
	width:476px;
	height:164px;*/
	position: absolute;
	top: 50%;
	margin-top: 1px;
	left: 457px;
	z-index: 10;
}
#block02 .list02 .thum {
	position: absolute;
	top: 50%;
	margin-top: 119px;
	left: 102px;
	z-index: 11;
}
#block02 .list02 .thum a {
	background: url(../images/thum2_03.png) no-repeat;
	width: 400px;
	padding-top: 240px;
	background-position: 0px 0px;
}
#block02 .list02 .thum a:hover {
	background-position: 0px -240px;
}
#block02 .list01 h3 {
	padding: 20px 0px 0px 42px;
}
#block02 .list01 .text {
	padding: 0px 0px 0px 42px;
}
#block02 .list02 h3 {
	padding: 20px 0px 0px 20px;
}
#block02 .list02 .text {
	padding: 210px 0px 0px 64px;
}
#block02 .attention {
	position: absolute;
	top: 50%;
	margin-top: 270px;
	right: 0px;
	z-index: 10;
	color: #dddddd;
}
/*------------------------------------------------
	新しい街「ラット港」
--------------------------------------------------*/

#block03 {
	position: relative;
}
#block03 .slide01 {
	background-image: url(../images/block03_bg01.jpg);
	z-index: 3;
}
#block03 .slide02 {
	background-image: url(../images/block03_bg02.jpg);
	z-index: 2;
}
#block03 .slide03 {
	background: url(../images/block03_bg03.jpg) no-repeat center center;
	z-index: 1;
}
#block03 .slide03 img {
	position:relative;
	z-index:2;
}
#block03 .slide03 .role {
    position: absolute;
    top: -314px;
    right: -103px;
	z-index:1;
}
#block03 h2 {
    top: 50%;
    left: -3px;
    margin-top: -349px;
    position: absolute;
    z-index: 10;
}
#block03 .box {
	position: absolute;
	top: 50%;
    margin-top: -237px;
    left: 15px;
	z-index: 10;
}
#block03 .thum {
	position: absolute;
	top: 50%;
	margin-top: -38px;
	left: 223px;
	z-index: 11;
}
#block03 .thum a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/3/thum01.png) no-repeat;
	width: 266px;
	padding-top: 266px;
	background-position: 0px 0px;
}
#block03 .thum a:hover {
	background-position: 0px -266px;
}
#block03 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: -38px;
	left: 520px;
	z-index: 11;
}
#block03 .thum02 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/3/thum02.png) no-repeat;
	width: 292px;
	padding-top: 180px;
	background-position: 0px 0px;
}
#block03 .thum02 a:hover {
	background-position: 0px -180px;
}
#block03 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: 84px;
	left: 656px;
	z-index: 12;
}
#block03 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/3/thum03.png) no-repeat;
	width: 228px;
	padding-top: 144px;
	background-position: 0px 0px;
}
#block03 .thum03 a:hover {
	background-position: 0px -144px;
}
#block03 h3 {
	padding: 20px 0px 0px 23px;
}
#block03 .text {
	padding: 8px 0px 0px 56px;
}
#block03 .attention {
	position: absolute;
	top: 50%;
	margin-top: 260px;
	right: 218px;
	z-index: 10;
	color: #dddddd;
}
/*------------------------------------------------
	海底探索＆採集
--------------------------------------------------*/

#block04 {
	position: relative;
}
#block04 .slide01 {
	background-image: url(../images/block04_bg01.jpg);
	z-index: 3;
}
#block04 .slide02 {
	background-image: url(../images/block04_bg02.jpg);
	z-index: 2;
}
#block04 .slide03 {
	background: url(../images/block04_bg03.jpg) no-repeat center center;
	z-index: 1;
}
#block04 h2 {
	top: 50%;
	left: -3px;
	margin-top: -349px;
	position: absolute;
	z-index: 10;
}
#block04 .box {
	position: absolute;
	top: 50%;
    margin-top: -234px;
    left: 15px;
	z-index: 10;
}
#block04 .thum {
	position: absolute;
	top: 50%;
    margin-top: -118px;
    left: 38px;
    z-index: 11;
}
#block04 .thum span {
	background: url(../images/thum4_01.png) no-repeat;
	width: 1036px;
	padding-top: 407px;
	background-position: 0px 0px;
}
#block04 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: -114px;
	left: 61px;
	z-index: 11;
}
#block04 .thum02 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum02.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block04 .thum02 a:hover {
	background-position: 0px -126px;
}
#block04 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: 18px;
	left: 71px;
	z-index: 12;
}
#block04 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum03.png) no-repeat;
	width: 260px;
	padding-top: 162px;
	background-position: 0px 0px;
}
#block04 .thum03 a:hover {
	background-position: 0px -162px;
}
#block04 .thum04 {
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 335px;
	z-index: 12;
}
#block04 .thum04 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum04.png) no-repeat;
	width: 452px;
	padding-top: 270px;
	background-position: 0px 0px;
}
#block04 .thum04 a:hover {
	background-position: 0px -270px;
}
#block04 .thum05 {
	position: absolute;
	top: 50%;
	margin-top: -291px;
	left: 804px;
	z-index: 12;
}
#block04 .thum05 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum05.png) no-repeat;
	width: 270px;
	padding-top: 168px;
	background-position: 0px 0px;
}
#block04 .thum05 a:hover {
	background-position: 0px -168px;
}
#block04 .thum06 {
	position: absolute;
	top: 50%;
	margin-top: -139px;
	left: 781px;
	z-index: 12;
}
#block04 .thum06 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum06.png) no-repeat;
	width: 324px;
	padding-top: 198px;
	background-position: 0px 0px;
}
#block04 .thum06 a:hover {
	background-position: 0px -198px;
}
#block04 .thum07 {
	position: absolute;
	top: 50%;
	margin-top: 48px;
	left: 792px;
	z-index: 12;
}
#block04 .thum07 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/4/thum07.png) no-repeat;
	width: 260px;
	padding-top: 162px;
	background-position: 0px 0px;
}
#block04 .thum07 a:hover {
	background-position: 0px -162px;
}
#block04 h3 {
	padding: 20px 0px 0px 23px;
}
#block04 .text {
	padding: 8px 0px 0px 62px;
}
#block04 .attention {
	position: absolute;
	top: 50%;
	margin-top: 244px;
	right: 0px;
	z-index: 10;
	color: #dddddd;
}
/*------------------------------------------------
	海上PvE＆PvP
--------------------------------------------------*/

#block05 {
	position: relative;
}
#block05 .slide01 {
	background-image: url(../images/block05_bg01.jpg);
	z-index: 3;
}
#block05 .slide02 {
	background-image: url(../images/block05_bg02.jpg);
	z-index: 2;
}
#block05 .slide03 {
	background: url(../images/block05_bg03.jpg) no-repeat center center;
	z-index: 1;
}
#block05 h2 {
    top: 50%;
    left: -3px;
    margin-top: -349px;
    position: absolute;
    z-index: 10;
}
#block05 .list01 .box {
    position: absolute;
    top: 50%;
    margin-top: -253px;
    left: 281px;
    z-index: 10;
}
#block05 .list01 .thum {
    position: absolute;
    top: 50%;
    margin-top: -309px;
    left: 915px;
    z-index: 11;
}
#block05 .list01 .thum span {
	background: url(../images/role_5.png) no-repeat;
	width: 282px;
	padding-top: 783px;
	background-position: 0px 0px;
}
#block05 .list01 .thum a:hover {
	background-position: 0px -270px;
}
#block05 .list01 .thum02 {
    position: absolute;
    top: 50%;
    margin-top: -172px;
    left: 210px;
    z-index: 11;
}
#block05 .list01 .thum02 span {
	background: url(../images/thum5_02.png) no-repeat;
	width: 662px;
	padding-top: 480px;
	background-position: 0px 0px;
}
#block05 .list01 .thum02 a:hover {
	background-position: 0px -126px;
}
#block05 .list01 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: -155px;
	left: 915px;
	z-index: 11;
}
#block05 .list01 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum03.png) no-repeat;
	width: 164px;
	padding-top: 108px;
	background-position: 0px 0px;
}
#block05 .list01 .thum03 a:hover {
	background-position: 0px -108px;
}
#block05 .list02 .box {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/box02.png) no-repeat;
	width: 601px;
	height: 190px;
	position: absolute;
	top: 50%;
	margin-top: 9px;
	left: 520px;
	z-index: 10;
}
#block05 .list02 .thum {
	position: absolute;
	top: 50%;
	margin-top: 11px;
	left: 201px;
	z-index: 11;
}
#block05 .list02 .thum a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum04.png) no-repeat;
	width: 356px;
	padding-top: 216px;
	background-position: 0px 0px;
}
#block05 .list02 .thum a:hover {
	background-position: 0px -216px;
}
#block05 .list02 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: 23px;
	left: 53px;
	z-index: 11;
}
#block05 .list02 .thum02 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum05.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block05 .list02 .thum02 a:hover {
	background-position: 0px -126px;
}
#block05 .list02 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: 134px;
	left: 24px;
	z-index: 11;
}
#block05 .list02 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum06.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block05 .list02 .thum03 a:hover {
	background-position: 0px -126px;
}
#block05 .list01 h3 {
	padding: 20px 0px 0px 20px;
}
#block05 .list01 .text {
	padding: 8px 0px 0px 61px;
}
#block05 .list02 h3 {
	padding: 20px 0px 0px 42px;
}
#block05 .list02 .text {
	padding: 8px 0px 0px 81px;
}
#block05 .attention {
	position: absolute;
	top: 50%;
	margin-top: 260px;
	right: 0px;
	z-index: 10;
	color: #dddddd;
}
/*------------------------------------------------*/

#block06 {
	position: relative;
}
#block06 .slide01 {
	background-image: url(../images/block06_bg01.jpg);
	z-index: 3;
}
#block06 .slide02 {
	background-image: url(../images/block06_bg02.jpg);
	z-index: 2;
}
#block06 .slide03 {
	background: url(../images/block06_bg03.jpg) no-repeat center center;
	z-index: 1;
}

#block06 .slide03 img {
	position:relative;
	z-index:2;
}
#block06 .slide03 .role {
    position: absolute;
    top: -175px;
    right: -215px;
	z-index:1;
}
#block06 h2 {
    top: 50%;
    left: -3px;
    margin-top: -349px;
    position: absolute;
    z-index: 10;
}
#block06 .list01 .box {
    position: absolute;
    top: 50%;
    margin-top: -258px;
    left: 526px;
    z-index: 10;
}
#block06 .list01 .thum {
	position: absolute;
	top: 50%;
	margin-top: -291px;
	left: 571px;
	z-index: 11;
}
#block06 .list01 .thum a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum01.png) no-repeat;
	width: 452px;
	padding-top: 270px;
	background-position: 0px 0px;
}
#block06 .list01 .thum a:hover {
	background-position: 0px -270px;
}
#block06 .list01 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: -272px;
	left: 936px;
	z-index: 11;
}
#block06 .list01 .thum02 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum02.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block06 .list01 .thum02 a:hover {
	background-position: 0px -126px;
}
#block06 .list01 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: -155px;
	left: 915px;
	z-index: 11;
}
#block06 .list01 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum03.png) no-repeat;
	width: 164px;
	padding-top: 108px;
	background-position: 0px 0px;
}
#block06 .list01 .thum03 a:hover {
	background-position: 0px -108px;
}
#block06 .list02 .box {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/box02.png) no-repeat;
	width: 601px;
	height: 190px;
	position: absolute;
	top: 50%;
	margin-top: 9px;
	left: 520px;
	z-index: 10;
}
#block06 .list02 .thum {
	position: absolute;
	top: 50%;
	margin-top: 11px;
	left: 201px;
	z-index: 11;
}
#block06 .list02 .thum a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum04.png) no-repeat;
	width: 356px;
	padding-top: 216px;
	background-position: 0px 0px;
}
#block06 .list02 .thum a:hover {
	background-position: 0px -216px;
}
#block06 .list02 .thum02 {
	position: absolute;
	top: 50%;
	margin-top: 23px;
	left: 53px;
	z-index: 11;
}
#block06 .list02 .thum02 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum05.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block06 .list02 .thum02 a:hover {
	background-position: 0px -126px;
}
#block06 .list02 .thum03 {
	position: absolute;
	top: 50%;
	margin-top: 134px;
	left: 24px;
	z-index: 11;
}
#block06 .list02 .thum03 a {
	background: url(https://file.gameon.jp/blackdesert/images/member/update/ocean/5/thum06.png) no-repeat;
	width: 196px;
	padding-top: 126px;
	background-position: 0px 0px;
}
#block06 .list02 .thum03 a:hover {
	background-position: 0px -126px;
}
#block06 .list01 h3 {
	padding: 20px 0px 0px 20px;
}
#block06 .list01 .text {
	padding: 8px 0px 0px 61px;
}
#block06 .list02 h3 {
	padding: 20px 0px 0px 42px;
}
#block06 .list02 .text {
	padding: 8px 0px 0px 81px;
}
#block06 .attention {
	position: absolute;
	top: 50%;
	margin-top: 260px;
	right: 0px;
	z-index: 10;
	color: #dddddd;
}


/*--------------------------------------------------*/

.footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 99;
}
/*------------------------------------------------
	Animate
--------------------------------------------------*/

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 0;
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
to {
	opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated02 {
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomeIn;
}
 @-webkit-keyframes zoomeIn {
 from {
 transform: scale(1);
 -webkit-transform: scale(1);
}
to {
	transform: scale(2);
	-webkit-transform: scale(2);
}
}
 @keyframes zoomeIn {
 from {
 transform: scale(1);
 -webkit-transform: scale(1);
}
to {
	transform: scale(2);
	-webkit-transform: scale(2);
}
}
.animated03 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 70% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
/*------------------------------------------------
	音声
--------------------------------------------------*/

#audio {
	position: absolute;
	bottom: -15px;
	left: 50px;
	z-index: 125;
}
.jp-play {
	position: absolute;
	left: -5px;
	top: 21px;
	width: 19px;
	height: 17px;
	background: url(../images/play_off.png) no-repeat;
	cursor: pointer;
}
.jp-play:focus {
	background: url(../images/play_off.png) no-repeat;
}
.jp-pause {
	display: none;
	position: absolute;
	left: -5px;
	top: 21px;
	width: 18px;
	height: 17px;
	background: url(../images/play_on.png) no-repeat;
	cursor: pointer;
}
.jp-volume-controls {
	background: url(../images/bar.png) no-repeat;
	width: 60px;
	height: 5px;
	position: absolute;
	top: 26px;
	left: 20px;
}
.jp-volume-bar {
	width: 123px;
	background: none;
	height: 6px;
	left: 0px;
	top: 0px;
}
.jp-volume-bar-value {
	background: url(../images/volume.png) no-repeat;
	height: 6px;
	position: absolute;
	top: 0px;
	left: 0px;
}
/*------------------------------------------------
	ライトボックス
--------------------------------------------------*/

.fancybox-overlay-fixed {
	/*background-color: rgba(0,0,0,0.8);*/
}
.fancybox-opened .fancybox-skin {
	box-shadow: none;
}
.fancybox-skin {
	background: none;
}
.fancybox-close {
	background: url(../images/close.png) no-repeat;
	width: 33px;
	height: 33px;
	top: 10px;
	right: 10px;
}
/*------------------------------------------------
	サイドバナー
--------------------------------------------------*/

#sidebanner {
	bottom: 69px;
	height: 100px;
	right: 0px;
	position: absolute;
	width: 210px;
	z-index: 1000;
}
#sidebanner .banner clearfix {
	float: left;
}
#sidebanner li {
	padding: 0px 0px 2px 0px;
}