@charset "UTF-8";
/*
 * app378
 *
 */

/* 詳細ページ
--------------------------------------------------------- */
/* 上部のスタートボタン 位置調整 */
.appTopMainimg01 .appTopMainimgIn01 .btn{
	position: absolute;
	top: 84px;
	right: 18px;
	z-index: 3;
}

.appTopMainimg01 .appTopMainimgIn01 .btn:before{
	content: "";
	color: rgba(0,0,0,0);
	display: block;
	width: 300px;
	height: 300px;
	margin: -47px 0 0 -50px;
	position: absolute;
	background: url(../../../../img/contents_pc/apps/app378/details/btn_bg_01.png) no-repeat 0 0;
	background-size: contain;
	-webkit-animation: btnbg 2s ease 0s infinite;
	-moz-animation: btnbg 2s ease 0s infinite;
	-ms-animation: btnbg 2s ease 0s infinite;
	-o-animation: btnbg 2s ease 0s infinite;
	animation: btnbg 2s ease 0s infinitse;
}

@-webkit-keyframes btnbg{
	0%	{ -webkit-transform:rotate(0deg) scale(0.5); opacity:1;}
	90%,100%{ -webkit-transform:rotate(180deg) scale(1); opacity:0;}
}

@-moz-keyframes btnbg{
	0%	{ -moz-transform:rotate(0deg) scale(0.5); opacity:1;}
	90%,100%{ -moz-transform:rotate(180deg) scale(1); opacity:0;}
}

@-ms-keyframes btnbg{
	0%	{ -ms-transform:rotate(0deg) scale(0.5); opacity:1;}
	90%,100%{ -ms-transform:rotate(180deg) scale(1); opacity:0;}
}

@-o-keyframes btnbg{
	0%	{ -o-transform:rotate(0deg) scale(0.5); opacity:1;}
	90%,100%{ -o-transform:rotate(180deg) scale(1); opacity:0;}
}

@keyframes btnbg{
	0%	{ transform:rotate(0deg) scale(0.5); opacity:1;}
	90%,100%{ transform:rotate(180deg) scale(1); opacity:0;}
}

.appTopMainimg01 .appTopMainimgIn01 .btn a{
	width: 204px;
	height: 204px;
	background: url(../../../../img/contents_pc/apps/app378/details/btn_top_start01.png) no-repeat 0 0px;
	position: relative;
	z-index: 5;
}

.appTopMainimg01 .appTopMainimgIn01 .btn a:hover{
	background-position: 0 -204px;
}

/* 招待の場合の表示 */
.appTopMainimg01 .appTopMainimgIn01 .btn.invite a {background-position: 0 -408px;}
.appTopMainimg01 .appTopMainimgIn01 .btn.invite a:hover{background-position: 0 -612px;}


p.btn_copy {
    width: 300px;    height: 60px;    
    display: block;
    background: url(../../../../img/contents_pc/apps/app378/details/btn_bg_txt.png) no-repeat; 
    position: absolute;    
    top: 304px;
    left: 580px;
    z-index: 10;
}


/* メインイメージ画像 */
.appTopMainimg01{
	background: url(../../../../img/contents_pc/apps/app378/details/img_top_mainimg01.jpg) no-repeat center top,url(../../../../img/contents_pc/apps/app378/details/bg_top_mainimg00.jpg) repeat center top;
}

/* ナビゲーションボタン画像 */
.appTopNavi01 li a{
	background: url(../../../../img/contents_pc/apps/app378/details/btn_top_navi01.png) no-repeat 0 0;
	height: 49px;
	margin-bottom: 1px;
}

.appTopNavi01 li.navi01 a{background-position:0 0;}
.appTopNavi01 li.navi02 a{background-position: -183px 0;}
.appTopNavi01 li.navi03 a{background-position: -361px 0;}
.appTopNavi01 li.navi04 a{background-position: -539px 0;}
.appTopNavi01 li.navi05 a{background-position:-717px 0;}

.appTopNavi01 li.navi01 a.active,
.appTopNavi01 li.navi01 a:hover{background-position: 0 -51px;}
.appTopNavi01 li.navi02 a.active,
.appTopNavi01 li.navi02 a:hover{background-position:-183px -51px;}
.appTopNavi01 li.navi03 a.active,
.appTopNavi01 li.navi03 a:hover{background-position:-361px -51px;}
.appTopNavi01 li.navi04 a.active,
.appTopNavi01 li.navi04 a:hover{background-position:-539px -51px;}
.appTopNavi01 li.navi05 a.active,
.appTopNavi01 li.navi05 a:hover{background-position:-717px -51px;}


/* 各タイトルの背景画像 */
.appTopTitle01{
	background: url(../../../../img/contents_pc/apps/app378/details/bg_top_title01.png) no-repeat left top;
}

/* 下部スタートボタン */
.appTopPlayBtn01{
	margin: 20px 0 0;
	position: relative;
}

.appTopPlayBtn01 a{
	position: relative;
	width: 450px;
	height: 93px;
	background: url(../../../../img/contents_pc/apps/app378/details/btn_top_start02.png) no-repeat left top;
}

.appTopPlayBtn01 a:hover{
	background-position: 0 -94px;
	top: 1px;
}


/* 招待の場合の表示 */
.appTopPlayBtn01.invite a {background-position: 0px -188px;}
.appTopPlayBtn01.invite a:hover {background-position: 0px -282px;top: 1px;}


.appTopContent01{
	margin: 1px auto 0;
}

.appTopTitle01{
	text-shadow: 0px 1px 2px rgba(0,0,0,.8);
	padding: 0 40px;
	line-height: 42px;
}