@charset "utf-8";

/*　ポインター効果　クリック無効化
-------------------------------------------------------------------------------*/
.mouseicon	{
	pointer-events:none;
}

/*　タップハイライト無効化
-------------------------------------------------------------------------------*/
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
}

/*　レイアウト
-------------------------------------------------------------------------------*/
#wrap	{
	height:1148px;
}
#footer	{
	padding:0;
}
#footer .credit {
    margin-top: 0; 
}
#stageContents	{
	position:relative;
	width:1112px;
	height:800px;
}
#bgStage	{
	margin-top:59px;
}
#bgStageFlame	{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.special_ttl	{
	position:absolute;
	top:-18px;
	left:0;
	z-index:3;
}
.special_ttl img	{
	width:634px;
	margin: 0 239px;
}
#start	{
	position:absolute;
	top:75px;
	left:32px;
}
#startBtn	{
	position:absolute;
	top: 325px;
    left: 342px;
	z-index:2;
}
#startBtn:hover	{
	opacity:0.9;
	cursor:pointer;
}
#description	{
	position:absolute;
	top:98px;
	left:0px;
}
#difficultySelect	{
	position:absolute;
	bottom:68px;
	left:208px;
	z-index:2;
}
#difficultySelect div	{
	float:left;
	margin-right:20px;
	cursor:pointer;
}
#difficultySelect div:hover	{
	opacity:0.7;
}
#difficultySelect div.last	{
	margin-right:0;	
}
#q_num_area	{
	position:absolute;
	top:70px;
	left:74px;
	text-align:center;
}
#q_num_area div	{
	margin-bottom:10px;
}
#q_num_pop	{
	position:relative;
	width:544px;
	height:472px;
}
#gameTitle	{
	position:absolute;
	top:75px;
	left:239px;
}
#tvTitle	{
	position:absolute;
	top: 96px;
    right: 24px;
}
#stage	{
	position:absolute;
	top:193px;
	left:192px;
}
#bgStageAnimation,
#correct,
#lose,
#congrats	{
	position:absolute;
	top:56px;
	left:15px;
}
#characterArea	{
	position:absolute;
	top: 211px;
    left: 252px;
}
#animationCharacter,
#congratsCharacter	{
	position:absolute;
	top: 194px;
    left: 15px;
}
#cage	{
	position:absolute;
	top: 211px;
    left: 202px;
}
#btnHint1,
#btnHint2	{
	cursor:pointer;
	z-index:2;
}
#btnHint1:hover,
#btnHint2:hover	{
	opacity:0.85;
}
#btnHint1	{
	position:absolute;
	top:536px;
	left:12px;
}
#btnHint2	{
	position:absolute;
	top:536px;
	right:14px;
}
/* ▼選択肢ボタン配置▼ */
#btnAnswerArea	{
	position:absolute;
	top:537px;
	left:198px;
	width:713px;
	z-index:2;
}
.btnAnswerWrap	{
	position:relative;
}
#btnAnswerArea .btnAnswer	{
	cursor:pointer;
	position:absolute;
	top:0px;
}
#btnAnswerArea .btnAnswer:hover	{
	opacity:0.85;
}
/*
.difficulty-1 = 難易度：かんたん
.difficulty-2 = 難易度：むずかしい
*/
.difficulty-1 .btnAnswer-1	{
	left:116px;
}
.difficulty-1 .btnAnswer-2	{
	left:356px;
}
.difficulty-2 .btnAnswer-1	{
	left:0px;
}
.difficulty-2 .btnAnswer-2	{
	left:240px;
}
.difficulty-2 .btnAnswer-3	{
	left:480px;
}
/* ▲選択肢ボタン配置▲ */
/* ▼ヒント▼ */
.modal-content.hint1,
.modal-content.hint2 {
    width:824px;
	height:512px;
}
.modal-content.hint1 {
    background: url(../images/special/bg_hint1.png) no-repeat center top;
}
.modal-content.hint2 {
    background: url(../images/special/bg_hint2.png) no-repeat center top;
}
.modal-content .hintContent {
	position:relative;
	width:824px;
	height:512px;
}
.modal-content .hintContent .hintImage,
.modal-content .hintContent .hintClose	{
	position:absolute;
}
.modal-content.hint1 .hintContent .hintImage	{
	top: 170px;
    left: 291px;
}
.modal-content.hint2 .hintContent .hintImage	{
	top: 141px;
    left: 193px;
}
.modal-content .hintContent .hintClose	{
	right: 10px;
    bottom: 10px;
	z-index:2;
}
.modal-content .hintContent .hintClose a	{
	display:block;
	width:168px;
	height:162px;
	background: url(../images/special/bg_hint_close.png) no-repeat center top;
	text-indent: 100%;
    white-space: nowrap;
	overflow:hidden;
}

/* ▲ヒント▲ */
#cageBrakeCorrect,
#cageBrakelose	{
	position:absolute;
	top:56px;
	left:15px;
}
.cageBrakeScaleUp	{
	-moz-animation-name:ScaleUp;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:2800ms;
	-moz-transform-origin: 0 0;
	
	-webkit-animation-name:ScaleUp;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:2800ms;
	-webkit-transform-origin: 0 0;
	
	animation-name:ScaleUp;
	animation-timing-function:linear;
	animation-duration:2800ms;
	transform-origin: 0 0;
}
@-moz-keyframes ScaleUp{
0% {-moz-transform:scale(1.49, 1.49);}
100% {-moz-transform:scale(1.49, 1.49);}
}
@-webkit-keyframes ScaleUp{
0% {-webkit-transform:scale(1.49, 1.49);}
100% {-webkit-transform:scale(1.49, 1.49);}
}
@keyframes ScaleUp{
0% {transform:scale(1.49, 1.49);}
100% {transform:scale(1.49, 1.49);}
}
#cageBrakeCorrect	{
	background-position: 0 center;
}
#cageBrakelose	{
	background-position: 0 center;
}
#correctView	{
	position:absolute;
	top:211px;
	left:192px;
}
#congratsView	{
	position:absolute;
	top:211px;
	left:192px;
}
#nextBtn	{
	position:absolute;
	bottom: 70px;
	left:387px;
	width:338px;
	text-align:center;
	z-index:2;
}
#nextBtn div	{
	cursor:pointer;
}
#nextBtn div:hover	{
	opacity:0.85;
}
#replayBtn	{
	position:absolute;
	bottom:63px;
	left:0px;
	width:686px;
	margin:0 213px;
	z-index:2;
}
#replayBtn div	{
	float:left;
	margin-right:10px;
	cursor:pointer;
}
#replayBtn div:hover	{
	opacity:0.85;
}
#replayBtn #btnSpecialTop	{
	margin-right:0;
}
#finishBtn	{
	position:absolute;
	bottom:63px;
	left:387px;
	width:338px;
	text-align:center;
	z-index:2;
}
#finishBtn div	{
	cursor:pointer;
}
#finishBtn div:hover	{
	opacity:0.85;
}

/*　モーダルウィンドウ
-------------------------------------------------------------------------------*/
.lock {
    overflow:hidden;
}
.modal-content {
    position:relative;
    display:none;
}
.modal-content p {
    margin:0;
    padding:0;
}
.modal-overlay {
    z-index:10001;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:#FFFFFF;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}
.modal-wrap {
    z-index:10002;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
.modal-open {
    color:#00f;
    text-decoration:underline;
}
.modal-open:hover {
    cursor:pointer;
    color:#f00;
}
.modal-close {
    color:#00f;
    text-decoration:underline;
}
.modal-close:hover {
    cursor:pointer;
    color:#f00;
}