@charset "utf-8";

/**************************************************************************
 基本タグ
**************************************************************************/

body {
	overflow-x:hidden;
}

/**************************************************************************
 共通クラス
**************************************************************************/

.rootContainer {
	overflow:hidden;
	width:100%;
	height:100%;
}

.resizeContainer {
	width:100%;
	position:relative;
	text-align:center;
	transform-origin:0 0;
	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.highLayerResizeContainer {
	width:100%;
	transform-origin:0 0;
	-moz-transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.footerContainer {
	position:relative;
}

.bgContainer {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}


.bgContainer div {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.bgColor {
	background:#A87E00;
}

.bgGrad {
	background:url(../images/bg_grad.png) repeat-x;
	background-size:1px 567px;
}

.bgTexture {
	background:url(../images/bg_texture.jpg) repeat;
	background-size:360px 567px;
}

.commonBgContainer {
	display:none;
}

.centerContainer {
	text-align:center;
}

div.gameClearContainer,
div.gameOverContainer {
	display:none;
}

/*div.bgContainer div.gameOverContainer {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.60);
	z-index:5;
}*/

div.footerContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

div.highLayerContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}


.w360 {
	width:360px;
	height:600px;
	margin:auto;
	position:relative;
}

/*
数字の画像(0-9は動的に変更）
*/
p.number {
	background:url(../images/numbers.png) no-repeat;
	background-size:288px 33px;
	width:27px;
	height:33px;
	position:absolute;
}

/*
数字の画像(0-9は動的に変更）
*/
p.numberS {
	background:url(../images/text_number_s.png) no-repeat;
	background-size:140px 17px;
	width:14px;
	height:17px;
	position:absolute;
}

/*
タイトル画面のトップへ戻ると遊びかた
*/
div.titleContainer div.btnContainer {
	display:inline-block;
	margin:12px auto auto auto;
	width:320px;
}

div.titleContainer p.btnBackTop {
	float:center;
}

div.titleContainer p.btnHowto {
	float:right;
}


/***********************************
 ゲームクリア/オーバー時のボタン２つ
***********************************/

div.finalButtonContainer,
div.normalButtonContainer {
	/*display:none;*/
	position:absolute;
	width:100%;
	height:48px;
	z-index:300;
}

div.normalButtonContainer p.btnRetry {
	width:158px;
	height:48px;
}

div.finalButtonContainerInner,
div.normalButtonContainerInner {
	width:328px;
	height:48px;
	margin:auto;
	position:relative;
}

div.normalButtonContainerInner {
	text-align:center;
}

div.finalButtonContainer p {
	width:158px;
	height:48px;
	position:absolute;
	z-index:3000;
}

div.finalButtonContainer p.btnBackTop {
	left:0;
	top:0;
}

div.finalButtonContainer p.btnAgain {
	right:0;
	top:0;
}


/**************************************************************************
 クリア時の光の背景
**************************************************************************/
div.shineContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}

div.shineContainer div {
	width:100%;
	height:100%;
}

//div.shineContainer div.shine0 { background:url(../images/shining0.png) no-repeat center center; }
//div.shineContainer div.shine1 { background:url(../images/shining1.png) no-repeat center center; }
//div.shineContainer div.shine2 { background:url(../images/shining2.png) no-repeat center center; }
div.shineContainer div.shine0 { background:url(../images/clear_bg.png) no-repeat center center; }
div.shineContainer div.shine1 { background:url(../images/clear_bg.png) no-repeat center center; }
div.shineContainer div.shine2 { background:url(../images/clear_bg.png) no-repeat center center; }

div.shineContainer div.shine1,
div.shineContainer div.shine2 {
	display:none;
}

/**************************************************************************
 ローディング
**************************************************************************/

div.loadingContainer {
	position:fixed;
	z-index:99999;
	width:100%;
	height:100%;
	background:#fff;
}

div.loadingContainer p {
	background:url(../images/loading.png) no-repeat center center;
	background-size:149px 30px;
	width:100%;
	height:100%;
	text-indent:-9999px;
}



/***********************************
 エラーパネル
***********************************/

div.loginErrorContainer {
	padding:20px;
}

div.loginErrorContainer p {
	margin-bottom:10px;
}

/***********************************
 各ゲームのヘルプパネル
***********************************/

/*
helpContainer
*/

div.helpContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	/*height:100%;
	height:3000px;*/
	background:rgba(0,0,0,0.80);
	display:none;
	overflow:hidden;
}
div.helpContainer div.helpPict {
	width:320px;
	height:490px;
	margin:50px auto auto auto;
}
div.helpContainer div.helpPict p {
	position:absolute;
	left:0;
	bottom:20px;
	width:100%;
	height:48px;
	text-align:center;
}
div.helpContainer div.helpPict p a{
	text-align:left;
	margin:auto;
}
#dcm_cpContents {
	height: 100%;
}

/***********************************
 ミッションクリア後のポップアップ
***********************************/
.atari {
    background: url(/gametest/include/images/mypage/pop_bg.png) repeat center top;
    border: solid 13px #79d5bd;
    border-radius: 50px;
    margin: 0 1%;
    position: absolute;
    top: 15%;
    width: 91%;
}
.atari img {
	max-width: 100%;
}
.atari.show {
    display: block;
}
.atari .iner_frame {
    text-align: center;
}

.atari .atari_icn {
    margin: 1% auto 2.941%;
    width: 73.529%;
}

.atari .icn {
    margin: 0 auto 2.941%;
    width: 58.235%;
}

.atari .text {
    color: #431f16;
    font-size: 5vw;
    margin: 0 auto 4.411%;
/*    text-shadow: 3px 3px 0 #fffde4, -3px 3px 0 #fffde4, 3px -3px 0 #fffde4, -3px -3px 0 #fffde4; */
}

.atari .text .pink {
    color: #fa9eac;
}

.atari .btn_box.get {
    margin: 0 auto 11.764%;
    width: 73.529%;
}

.atari .btn.close {
    width: 12%;
    position: absolute;
    top: 2%;
    right: 2%;
}

.atari span {
	background: none;
}