/* CSS Document */

body.top .contents_box,body.top #contents{padding:0;}
body.top .contents_box{background:#1a1a1a url(../images/top_pc_z.jpg) no-repeat center top;}
	body.top #contents .top_inner{width:1100px; height:970px;}
		body.top #contents .top_inner .share{display:block;}

		body.top #contents .top_inner a#btnStartHunting{display:block; position:absolute; left:50%; margin-left:-549px; top:540px; width:274px; height:297px; background:url(../images/btn_startHunting_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnStartHunting>div{
				position:absolute; left:0; top:0; width:274px; height:297px; background:url(../images/btn_startHunting_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnStartHunting:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnClientDL{display:block; position:absolute; left:50%; margin-left:-550px; top:570px; width:316px; height:290px; background:url(../images/btn_clientDL_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnClientDL>div{
				position:absolute; left:0; top:0; width:316px; height:290px; background:url(../images/btn_clientDL_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnClientDL:hover>div{opacity:1;}

		/*PV*/
		body.top #contents .top_inner a#btnLongPV{margin-left:-210px;background-image:url(../images/z1_pvLong.gif);background-size:240px auto;background-position:center -43px;}
		/*body.www #contents .top_inner a#btnLongPV{margin-left:-90px;}*/
		body.top #contents .top_inner a#btnLongPV:before{background:url(../images/top/btn_pv_pc.png);}
		body.top #contents .top_inner a#btnLongPV>div{background:url(../images/top/btn_pv_pc.png) no-repeat 0px 0px;}

		/*アップデート情報*/
		body.top #contents .top_inner a#btnPreview{margin-left:-210px; /*margin-left:-15px;*/}
		body.top #contents .top_inner a#btnPreview:before{background:url(../images/top/btn_preview_pc.png);}
		body.top #contents .top_inner a#btnPreview>div{background:url(../images/top/btn_preview_pc.png) no-repeat 0px 0px;}
		/*コラボ情報*/
		body.top #contents .top_inner a#btnCollabo{margin-left:-15px; /*margin-left:180px;*/}
		body.top #contents .top_inner a#btnCollabo:before{background:url(../images/top/btn_collabo_pc.png);}
		body.top #contents .top_inner a#btnCollabo>div{background:url(../images/top/btn_collabo_pc.png) no-repeat 0px 0px;}
		/*メンバーおしらせ*/
		body.top #contents .top_inner a#btnNews{margin-left:180px;}
		body.top #contents .top_inner a#btnNews:before{background:url(../images/top/btnNews_pc.png);}
		body.top #contents .top_inner a#btnNews>div{background:url(../images/top/btnNews_pc.png) no-repeat 0px 0px;}
		/* 共通 */
		body.top #contents .top_inner .topMvBtn{display:block;position:absolute;left:50%;top:683px;width:201px;height:195px;background:no-repeat;}
		body.top #contents .top_inner .topMvBtn:before{content:'';width:201px;height:223px;position: absolute;top:-15px;left:0;display:block;}
		body.top #contents .top_inner .topMvBtn>div{position:absolute; left:0; top:-15px; width:201px; height:223px;opacity:0;transition-property:opacity;transition-duration:0.2s;}
		body.top #contents .top_inner .topMvBtn:hover>div{opacity:1;}

		#footerBtnLinkMember{width:340px;height:105px;margin:0 auto 20px;}
		#footerBtnLinkMember a{width:100%;height:105px;display:block;background:url(../images/top/btn_linkMember_pc.png) no-repeat;text-indent:-9999px;}
		/* ▲20171101追記 */


/*20190620追加*/
#btnNotice{
	position: absolute;
	top: 708px;
	left: 50%;
	margin-left: -200px;
	width: 400px;
	height: 93px;
	box-shadow: 1px 1px 8px 0px rgba(0,0,0,.6);
}

#btnNotice img{
	width: 100%;
}

@media (min-width: 840px){
	#btnNotice:before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0;
		transition: opacity .15s ease-out;
	}

	#btnNotice:hover:before{
		opacity: .2;
	}
}

@media (max-width: 840px){
	#btnNotice{
		top: 1432px;
		margin-left: -400px;
		width: 800px;
		height: 186px;
	}
	
	.www  #btnNotice{
		top: 1100px;
	}
	
	.cog #btnNotice{
		top: 1260px;
	}
}



		body.top #contents .top_inner a#btnLinkMember{display:none;}
		body.top #contents .top_inner a#btnLinkMember{position:absolute; left:50%; margin-left:-266px; top:665px; width:233px; height:181px; background:url(../images/btn_linkMember_pc.png) no-repeat 0px 0px;	}
			body.top #contents .top_inner a#btnLinkMember>div{
				position:absolute; left:0; top:0; width:233px; height:181px; background:url(../images/btn_linkMember_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnLinkMember:hover>div{opacity:1;}

		body.top #contents .top_inner a#btnBnr1{display:block; position:absolute; left:50%; margin-left:100px; top:707px; width:316px; height:124px; background:url(../images/btn_bnr2_pc.png) no-repeat 0px 0px;}
			body.top #contents .top_inner a#btnBnr1>div{
				position:absolute; left:0; top:0; width:316px; height:124px; background:url(../images/btn_bnr2_pc.png) no-repeat 0px 0px; opacity:0;
				transition-property:opacity;
				transition-duration:0.2s;
			}
			body.top #contents .top_inner a#btnBnr1:hover>div{opacity:1;}



body.top #contents .top_inner a.btnLongPV_wwwOnly{	margin-left:-236px !important;	}
body.top #contents .top_inner a.btnBnr1_wwwOnly{	margin-left:-60px !important;	}

@media (max-width: 840px){
	body.top #contents .top_inner .topMvBtn:before{display:none;}

	/*アップデート情報*/
	body.top #contents .top_inner a#btnPreview{width:800px;height:140px;background:url(../images/top/btn_preview_sp.jpg) no-repeat;top:1420px;margin-left:0;left:30px;}
	body.top #contents .top_inner.cog a#btnPreview{top:1260px;}
	body.www #contents .top_inner a#btnPreview{top:1100px;}
	/*コラボ情報*/
	body.top #contents .top_inner a#btnCollabo{width:800px;height:140px;background:url(../images/top/btn_collabo_sp.jpg) no-repeat;top:1580px;margin-left:0;left:30px;}
	body.top #contents .top_inner.cog a#btnCollabo{top:1415px;}
	body.www #contents .top_inner a#btnCollabo{top:1255px;}
	/*メンバーおしらせ*/
	body.top #contents .top_inner a#btnNews{width:800px;height:140px;background:url(../images/top/btn_news_sp.jpg) no-repeat;top:1740px;margin-left:0;left:30px;}
	body.top #contents .top_inner.cog a#btnNews{top:1575px;}
	body.www #contents .top_inner a#btnNews{top:1410px;}
	#footerBtnLinkMember{display:none;}

	body.top .contents_box{background:#1a1a1a url(../images/top_sp_z.jpg) no-repeat center top;}
	body.top #contents .top_inner{width:840px; /*height:1960px;*/ height:1740px; position:relative;}
	body.top #contents .top_inner a#btnClientDL{margin-left:-250px; top:690px; width:500px; height:470px; background-image:url(../images/btn_clientDL_sp.png);}
	body.top #contents .top_inner a#btnLongPV{margin-left:-420px; top:1040px; width:268px; height:252px; background-image:url(../images/btn_longPV_sp.png);background-position:0 0;}
	body.top #contents .top_inner a#btnLinkMember{margin-left:50px; top:1120px; width:376px; height:280px; background-image:url(../images/btn_linkMember_sp.png);display:block;z-index:2;}
	body.top #contents .top_inner a#btnBnr1{margin-left:-418px; top:1430px; width:836px; height:192px; background-image:url(../images/btn_bnr2_sp.png);}
	body.top #contents .top_inner a#btnStartHunting>div,
	body.top #contents .top_inner a#btnClientDL>div,
	body.top #contents .top_inner a#btnLinkMember>div,
	body.top #contents .top_inner a#btnLongPV>div,
	body.top #contents .top_inner a#btnNews>div,
	body.top #contents .top_inner a#btnPreview>div,
	body.top #contents .top_inner a#btnCollabo>div,
	body.top #contents .top_inner a#btnCollabo2>div,
	body.top #contents .top_inner a#btnBnr1>div{display:none;}
	body.top #contents .top_inner .share{width:840px; position:absolute; left:-160px; top:1270px; display:block; text-align:center;}
	body.top #contents .top_inner .share a{display:inline-block; width:116px; height:116px; margin:0 15px; background:url(../images/sns_sp.jpg) no-repeat 0px 0px;}
	body.top #contents .top_inner .share a.tw{}
	body.top #contents .top_inner .share a.fb{background-position:-116px 0px;}
	body.top #contents .top_inner .share a.ln{background-position:-232px 0px;}

	/* www top */
	body.top.www header{position:relative;z-index:9;}
	body.top.www footer{position:relative;z-index:7;margin:80px 0px 146px 0px;}
	body.top.www .contents_box,body.top.www contents{position:relative;z-index:8;}
	body.top.www #contents .top_inner{/*height:1595px;*/ height:1314px;}
	body.top.www #contents .top_inner a#btnStartHunting{display:none;}
	body.top.www #contents .top_inner a#btnBnr1{top:1095px;}
	body.top.www #contents .top_inner a#btnLongPV{top:840px;}
	body.top.www #contents .top_inner .share{top:940px;left:160px;}
	body.top.www p#btnStartHuntingCover{position:fixed;left:0;bottom:0;width:100%;height:186px;background:rgba(0,0,0,0.8);z-index:9;}
	body.top.www p#btnStartHuntingCover a#btnStartHuntingSP{display:block;position:static;left:0;top:0;margin:30px;width:780px;height:136px;background-image:url(../images/btn_startHunting_sp.png);}
	/* cog top */
	body.top #contents .top_inner.cog{/*height:1835px;*/ height: 1570px;}
	body.top #contents .top_inner.cog a#btnClientDL{width:400px;height:376px;margin-left:-210px;top:640px;background-image:url(../images/btn_clientDL2_sp.png);}
	div#watchPC{background-image:url(../images/btn_clientDL2_sp.png);}
	body.top #contents .top_inner.cog a#btnLongPV{top:840px;}
	body.top #contents .top_inner.cog a#btnLinkMember{top:950px;}
	body.top #contents .top_inner.cog .share{top:1100px;}
	body.top #contents .top_inner.cog a#btnBnr1{top:1230px;}

	/*
*/
}

body.top #wall{display:block; position:absolute; left:50%; margin-left:424px; top:108px; width:170px; height:795px; z-index:10;}
	body.top #wall:before{content:' '; display:block; width:170px; height:795px; position:absolute; left:0; top:0; background:url(../images/catch_pc.png) no-repeat 0px 0px;}
@media (max-width: 840px){
	body.top #wall{left:0; margin-left:0; top:0; width:840px; height:0; overflow:visible;}
	body.top #wall:before{left:50%; margin-left:215px; top:164px; width:200px; height:992px; background:url(../images/catch_sp.png) no-repeat 0px 0px;}
}
