@charset "utf-8";
/* CSS Document */


/*スペシャル*/
#special{
	padding-bottom: 21px;
	background:url(../images/common/img_frame_bottom.png) no-repeat center bottom;
}


#special #ttlArea{
	padding-bottom: 56px;
	background-image: url(../images/special//ttl_race.png);
	background-repeat: no-repeat;
	background-position: bottom center;

}

#wrapSecond #contentArea .contentWrap .secondRepeat .bg_star{
	background: url(../images/special/bg_star.png) center top no-repeat;
}

#special #gameWrap{
	position: relative;
}


#special .specialGame{
	width: 960px;
	margin: 0 auto 0 -480px;
	text-align: center;
	position: absolute;
	left: 50%;
}


#special #gameArea,
#special #gameEndArea{
	display: none;
}

#special #gameEndArea .panelCompletionArea,
#special #gameEndArea .paperCraftArea{
	display: none;
}



/*ゲーム説明画面*/
#special #gameDescriptionArea .startBtn{
	width: 367px;
}

#special #gameDescriptionArea .startBtn.BtnTop{
	margin: -88px auto 0 auto;
}
#special #gameDescriptionArea .startBtn.BtnBottom{
	margin: 30px auto;
}


/*ゲーム画面*/

#special #gameArea{
	padding-top: 10px;
	padding-bottom: 30px;
}
#special #gameArea .inner{
	position:relative;
	height:600px;
	padding-top: 45px;
	padding-bottom: 55px;
	background: url(../images/special/bg_panel.png) center top no-repeat;
}

#special #gameArea #puzzleImgDemo{
	position:absolute;
	left:180px;
	width: 600px;
	height: 600px;
}
#special #swipe{
	display:none;
	position:absolute;
	bottom:-60px;
	left:460px;
	z-index:999;
}

/*ゲーム終了画面*/
#special #gameEndArea{
	padding: 10px 0 0;
}

#special #gameEndArea #puzzleImgEne{
	padding-top: 45px;
	padding-bottom: 55px;
	background: url(../images/special/bg_panel.png) center top no-repeat;

}

#special #gameEndArea .paperCraft_01{
	margin-top: -30px;
}


#special #gameEndArea .paperCraftPdfBtn{
	margin-top: -70px;

}
#special #gameEndArea .puzzleImgArea {
	position:relative;
	width:600px;
	margin:0 auto;
}
#special .startBtn,
#special .paperCraftBtn,
#special .puzzleChangeBtn
{
width: 367px;
margin: 0 auto;
cursor: pointer;
}

#special #countDown{
opacity:0.6;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
-moz-opacity:0;
-khtml-opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width:225px;
	margin-top:-110px;
	margin-left:-113px;
}
#special #Start {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1000;
	width:350px;
	margin-top:-49px;
	margin-left:-175px;
}
#special #countDown img,
#special #Start img {
	width:100%;
}
#special #kirakiraArea img{
	position: absolute;
	display:none;
	width:20px;
}
#special #kirakiraArea img.start{
	margin-top:-49px;
	margin-left:-113px;
}
#special #puzzleGame{
	display: none;
	position:absolute;
	width: 600px;
	height: 600px;
	left:180px;
	margin: 0 auto;
}
#special #puzzleGame div {
	width: 200px;
	height: 200px;
	position: absolute;
	display:block;
	cursor:pointer;
	z-index:1;
}
#special #puzzleGame div.catch {
	box-shadow:10px 10px 10px rgba(0,0,0,0.7);
	-moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
	-webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
	-o-box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
	-ms-box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
}
#special #puzzleGame .sweets1 {
	background-image:url(../images/special/sweets_1.jpg);
}
#special #puzzleGame .sweets2 {
	background-image:url(../images/special/sweets_2.jpg);
}
#special #puzzleGame .sweets3 {
	background-image:url(../images/special/sweets_3.jpg);
}
#special #puzzleGame .sweets4 {
	background-image:url(../images/special/sweets_4.jpg);
}
#special #puzzleGame .sweets5 {
	background-image:url(../images/special/sweets_5.jpg);
}
#special #puzzleGame .sweets6 {
	background-image:url(../images/special/sweets_6.jpg);
}
#complete{
	display:none;
	position:absolute;
	top:100px;
	left:172px;
	opacity:0;
	z-index:50;
}
#flash{
	display:none;
	position:absolute;
	top:47px;
	left:184px;
	opacity:0;
	z-index:40;
}
#whiteOut{
	display:none;
	position:absolute;
	top:45px;
	left:180px;
	opacity:0;
	z-index:100;
	width:600px;
	height:600px;
	background:#FFFF90;
}


/*base*/


/*------------------------------------------------------------
padding
------------------------------------------------------------*/
.pt0   {padding-top: 0     !important;}
.pt5   {padding-top: 5px   !important;}
.pt10  {padding-top: 10px  !important;}
.pt15  {padding-top: 15px  !important;}
.pt20  {padding-top: 20px  !important;}
.pt25  {padding-top: 25px  !important;}
.pt30  {padding-top: 30px  !important;}
.pt35  {padding-top: 35px  !important;}
.pt38  {padding-top: 38px  !important;}
.pt40  {padding-top: 40px  !important;}
.pt45  {padding-top: 45px  !important;}
.pt50  {padding-top: 50px  !important;}
.pt55  {padding-top: 55px  !important;}
.pt60  {padding-top: 60px  !important;}
.pt65  {padding-top: 65px  !important;}
.pt70  {padding-top: 70px  !important;}
.pt75  {padding-top: 75px  !important;}
.pt80  {padding-top: 80px  !important;}
.pt85  {padding-top: 85px  !important;}
.pt90  {padding-top: 90px  !important;}
.pt95  {padding-top: 95px  !important;}
.pt100 {padding-top: 100px !important;}
.pt101 {padding-top: 101px !important;}
.pt105 {padding-top: 105px !important;}
.pt110 {padding-top: 110px !important;}
.pt115 {padding-top: 115px !important;}
.pt120 {padding-top: 120px !important;}
.pt125 {padding-top: 125px !important;}
.pt130 {padding-top: 130px !important;}
.pt135 {padding-top: 135px !important;}
.pt140 {padding-top: 140px !important;}
.pt145 {padding-top: 145px !important;}
.pt150 {padding-top: 150px !important;}

.pb0   {padding-bottom: 0     !important;}
.pb5   {padding-bottom: 5px   !important;}
.pb10  {padding-bottom: 10px  !important;}
.pb15  {padding-bottom: 15px  !important;}
.pb20  {padding-bottom: 20px  !important;}
.pb25  {padding-bottom: 25px  !important;}
.pb30  {padding-bottom: 30px  !important;}
.pb35  {padding-bottom: 35px  !important;}
.pb40  {padding-bottom: 40px  !important;}
.pb45  {padding-bottom: 45px  !important;}
.pb50  {padding-bottom: 50px  !important;}
.pb55  {padding-bottom: 55px  !important;}
.pb60  {padding-bottom: 60px  !important;}
.pb65  {padding-bottom: 65px  !important;}
.pb70  {padding-bottom: 70px  !important;}
.pb75  {padding-bottom: 75px  !important;}
.pb80  {padding-bottom: 80px  !important;}
.pb85  {padding-bottom: 85px  !important;}
.pb90  {padding-bottom: 90px  !important;}
.pb95  {padding-bottom: 95px  !important;}
.pb100 {padding-bottom: 100px !important;}
.pb105 {padding-bottom: 105px !important;}
.pb110 {padding-bottom: 110px !important;}
.pb115 {padding-bottom: 115px !important;}
.pb120 {padding-bottom: 120px !important;}
.pb125 {padding-bottom: 125px !important;}
.pb130 {padding-bottom: 130px !important;}
.pb135 {padding-bottom: 135px !important;}
.pb140 {padding-bottom: 140px !important;}
.pb145 {padding-bottom: 145px !important;}
.pb150 {padding-bottom: 150px !important;}




/*------------------------------------------------------------
margin
------------------------------------------------------------*/

.mt0   {margin-top: 0     !important;}
.mt5   {margin-top: 5px   !important;}
.mt10  {margin-top: 10px  !important;}
.mt15  {margin-top: 15px  !important;}
.mt20  {margin-top: 20px  !important;}
.mt25  {margin-top: 25px  !important;}
.mt30  {margin-top: 30px  !important;}
.mt35  {margin-top: 35px  !important;}
.mt40  {margin-top: 40px  !important;}
.mt45  {margin-top: 45px  !important;}
.mt50  {margin-top: 50px  !important;}
.mt55  {margin-top: 55px  !important;}
.mt60  {margin-top: 60px  !important;}
.mt65  {margin-top: 65px  !important;}
.mt70  {margin-top: 70px  !important;}
.mt75  {margin-top: 75px  !important;}
.mt80  {margin-top: 80px  !important;}
.mt85  {margin-top: 85px  !important;}
.mt90  {margin-top: 90px  !important;}
.mt95  {margin-top: 95px  !important;}
.mt100 {margin-top: 100px !important;}
.mt105 {margin-top: 105px !important;}
.mt110 {margin-top: 110px !important;}
.mt115 {margin-top: 115px !important;}
.mt120 {margin-top: 120px !important;}
.mt125 {margin-top: 125px !important;}
.mt130 {margin-top: 130px !important;}
.mt135 {margin-top: 135px !important;}
.mt140 {margin-top: 140px !important;}
.mt145 {margin-top: 145px !important;}
.mt150 {margin-top: 150px !important;}



.mb0   {margin-bottom: 0     !important;}
.mb5   {margin-bottom: 5px   !important;}
.mb10  {margin-bottom: 10px  !important;}
.mb13  {margin-bottom: 13px  !important;}
.mb15  {margin-bottom: 15px  !important;}
.mb20  {margin-bottom: 20px  !important;}
.mb25  {margin-bottom: 25px  !important;}
.mb30  {margin-bottom: 30px  !important;}
.mb35  {margin-bottom: 35px  !important;}
.mb40  {margin-bottom: 40px  !important;}
.mb45  {margin-bottom: 45px  !important;}
.mb50  {margin-bottom: 50px  !important;}
.mb55  {margin-bottom: 55px  !important;}
.mb60  {margin-bottom: 60px  !important;}
.mb65  {margin-bottom: 65px  !important;}
.mb70  {margin-bottom: 70px  !important;}
.mb75  {margin-bottom: 75px  !important;}
.mb80  {margin-bottom: 80px  !important;}
.mb85  {margin-bottom: 85px  !important;}
.mb90  {margin-bottom: 90px  !important;}
.mb95  {margin-bottom: 95px  !important;}
.mb100 {margin-bottom: 100px !important;}
.mb105 {margin-bottom: 105px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb115 {margin-bottom: 115px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb125 {margin-bottom: 125px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb135 {margin-bottom: 135px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb145 {margin-bottom: 145px !important;}
.mb150 {margin-bottom: 150px !important;}