@charset "utf-8";


/*--transitionAnimation--*/

.scaleAnimation_hover{
-moz-transition: -moz-transform 0.2s ease;
	-webkit-transition: -webkit-transform 0.2s ease;
	-o-transition: -o-transform 0.2s ease;
	-ms-transition: -ms-transform 0.2s ease;
	transition: transform 0.2s ease;
}

.scaleAnimation_hover:hover{
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	-o-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.scaleAnimation102_hover{
-moz-transition: -moz-transform 0.3s ease;
	-webkit-transition: -webkit-transform 0.3s ease;
	-o-transition: -o-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.scaleAnimation102_hover:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.scaleAnimation15_hover{
-moz-transition: -moz-transform 0.3s ease;
	-webkit-transition: -webkit-transform 0.3s ease;
		-o-transition: -o-transform 0.3s ease;
	-ms-transition: -ms-transform 0.3s ease;
	transition: transform 0.3s ease;
}

.scaleAnimation15_hover:hover{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	position:relative;
	z-index:100;
}

.font-maru{
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}


/*----------------------------------------
	for PC
----------------------------------------*/


	@media screen and (min-width:481px){


		#background{
			background-size:100%!important;
		}


	/*--------menu---------*/

	#menu{
		height:113px;position:relative;
		min-width:1000px;
		background:transparent url('../img/common/menu_bg.png') center top no-repeat;
		z-index:80;
	}

	#menu .inner{
		position:relative;
		width:1000px;
		margin:auto;
	}

	#menu ul{
		width:940px;
		margin:0 auto 0;
		padding:42px 0 0 0px;
	}

	#menu li{
		width:117px;height:33px;
		display:block;float:left;
		position:relative;
	}

	#menu li a{
		display:block;
		width:100%;height:100%;
		position:absolute;
		top:0;left:0;
	}

	#menu li.menu_top{background:transparent url('../img/common/menu_top_off.png');}
	#menu li.menu_chara{background:transparent url('../img/common/menu_chara_off.png');}
	#menu li.menu_system{background:transparent url('../img/common/menu_system_off.png');}
	#menu li.menu_activity{background:transparent url('../img/common/menu_activity_off.png');}
	#menu li.menu_casino{background:transparent url('../img/common/menu_casino_off.png');}
	#menu li.menu_gallery{background:transparent url('../img/common/menu_gallery_off.png');}
	#menu li.menu_yawaraka{background:transparent url('../img/common/menu_yawaraka_off.png');}
	#menu li.menu_product{background:transparent url('../img/common/menu_product_off.png');}
	#menu li.menu_event{background:transparent url('../img/common/menu_event_off.png');}
	#menu li.menu_ftp{background:transparent url('../img/common/menu_ftp_off.png');}

	#menu li.menu_top:hover{background:transparent url('../img/common/menu_top_on.png');}
	#menu li.menu_chara:hover{background:transparent url('../img/common/menu_chara_on.png');}
	#menu li.menu_system:hover{background:transparent url('../img/common/menu_system_on.png');}
	#menu li.menu_activity:hover{background:transparent url('../img/common/menu_activity_on.png');}
	#menu li.menu_casino:hover{background:transparent url('../img/common/menu_casino_on.png');}
	#menu li.menu_gallery:hover{background:transparent url('../img/common/menu_gallery_on.png');}
	#menu li.menu_yawaraka:hover{background:transparent url('../img/common/menu_yawaraka_on.png');}
	#menu li.menu_product:hover{background:transparent url('../img/common/menu_product_on.png');}
	#menu li.menu_event:hover{background:transparent url('../img/common/menu_event_on.png');}
	#menu li.menu_ftp:hover{background:transparent url('../img/common/menu_ftp_on.png');}

	#menu a.reserve{
		position:absolute;
		top:0;left:20px;
	}

	#menu li.new:after{
		content:'';
		background-image:url('../img/common/icon_new.png');
		width:73px;
		height:28px;
		display:block;
		position:absolute;
		top:25px;
		left:20px;
	}





	#footer{
		padding:25px 0;
		position:relative;
		z-index:80;
		min-width:1000px;
		margin:0 auto 0;
		background-color:#fff;
	}

	#footer img{
		display:block;
		margin:0 auto 0;
	}

	#footer .rights{
		display:block;
		margin:0 auto 0;
	}

	#footer .attention_screenshots{
		display:block;
		font-size:12px;
		color:#666;
		width:980px;
		padding:0px 10px 30px;
		margin:0 auto 0;
		line-height:1.7em;
		text-align:center;
	}

	#footer .btn_twitter img{
		display:block;
		width:100%;
	}

	#sns{
		width:220px;
		margin:0 auto 30px;
	}

	#sns a{
		float:left;
		margin:4px;
	}



	#coverBox{
		background-color:rgba(255,255,255,0.7);
		width:100%;height:100%;
		position:absolute;
		top:0;left:0;
		display:block;
		z-index:1000;
	}

	.coverBox_base{
		background-color:rgba(255,255,255,0.8);
		width:760px;
		margin:10% auto 0;
		border-radius:10px;
		padding:60px 30px;
		color:#666;
		box-shadow:2px 2px 4px rgba(0,0,0,0.1);
		text-align:center;
		border:5px solid rgba(24, 202, 245, 0.68);
	}


	#coverBox .logo_ac{
		width:50%;
		margin:0 0 35px;
	}

	#coverBox p {
		font-size:17px;
		line-height:1.5;
		color:#333;
		display:block;
		text-align:center;
		clear:both;
		width:100%;
	}

	#coverBox .btn_enter{
		width:48%;
		background-color:#09d;
		color:#fff;font-weight:800;
		padding:20px 30px;
		display:inline-block;
		margin-top:30px;
		border-radius:5px;
		font-size:20px;
		box-shadow:2px 2px 0px rgba(0,0,0,0.2);
	}

	#coverBox .btn_enter:hover{
		background-color:#06a;
		color:#ddd;
	}




	#wrapper.bler{
		-webkit-filter: blur(8px);
        -moz-filter: blur(8px);
        -ms-filter: blur(8px);
        -o-filter: blur(8px);
        filter: blur(8px);
	}


	.textLink{
		font-size:16px;
		width:1000px;
		margin:0 auto 0;
		text-align:center;
		color:#666;
		padding:0px 0 20px;
	}

	.textLink a{
		color:#666;
	}




	/*--------common---------*/

	.hide_sp{display:block!important;}
	.hide_pc{display:none!important;}
	.hide_spi{display:inline!important;}
	.hide_pci{display:none!important;}


}





/*----------------------------------------
	for SP
----------------------------------------*/

	@media screen and (max-width: 480px) {


		/*--------menu---------*/

		#menu{
			width:100%;
			background:transparent url('../img/common/menu_bg_sp.png') center top no-repeat;
			z-index:100;
			position:relative;
			background-size:100%;
		}

		#menu::before{
			content:'';
			display:block;
			padding:16%;
		}

		#menu .inner{
			position:absolute;
			width:100%;
			margin:auto;
			top:0px;left:0px;
		}

		#menu ul{
			width:98%;
			margin:0 auto 0;
			padding:10% 0 0;
		}

		#menu li{
			width:25%;
			display:block;float:left;
			position:relative;
			background-size:100%!important;
			background-repeat:no-repeat;
			margin-bottom:0.5%;
		}


		#menu li:before{
			content:'';
			display:block;
			padding-top:28%;
		}


		#menu li a{
			display:block;
			width:100%;height:100%;
			position:absolute;
			top:0;left:0;
		}

		#menu li.menu_top{background:transparent url('../img/common/menu_top_off.png') no-repeat;}
		#menu li.menu_chara{background:transparent url('../img/common/menu_chara_off.png') no-repeat;}
		#menu li.menu_system{background:transparent url('../img/common/menu_system_off.png') no-repeat;}
		#menu li.menu_activity{background:transparent url('../img/common/menu_activity_off.png') no-repeat;}
		#menu li.menu_casino{background:transparent url('../img/common/menu_casino_off.png') no-repeat;}
		#menu li.menu_gallery{background:transparent url('../img/common/menu_gallery_off.png') no-repeat;}
		#menu li.menu_yawaraka{background:transparent url('../img/common/menu_yawaraka_off.png') no-repeat;}
		#menu li.menu_product{background:transparent url('../img/common/menu_product_off.png') no-repeat;}
		#menu li.menu_event{background:transparent url('../img/common/menu_event_off.png') no-repeat;}
		#menu li.menu_ftp{background:transparent url('../img/common/menu_ftp_off.png') no-repeat;}


		#menu a.reserve{
			position:absolute;
			top:0;left:2%;
			width:39%;
		}

		#menu a.reserve img{
			display:block;
			width:100%;
		}

		#menu li.new:after{
			content:'';
			background-image:url('../img/common/icon_newc.png');
			background-size:100%;
			width:15px;
			height:15px;
			display:block;
			position:absolute;
			top:-2px;
			right:-1px;
		}


		#footer{
			padding:25px 0;
			position:relative;
			z-index:80;
			width:100%;
			margin:0 auto 0;
			background-color:#fff;
		}

		#footer img{
			display:block;
			margin:0 auto 0;
		}

		#footer .rights{
			display:block;
			margin:0 auto 0;
			width:98%;
		}

		#footer .attention_screenshots{
			display:block;
			font-size:10px;
			color:#666;
			width:98%;
			padding:0px 1% 30px;
			margin:0 auto 0;
			line-height:1.7em;
			text-align:center;
		}

		#footer .btn_twitter img{
			display:block;
			width:100%;
		}

		#sns{
			width:220px;
			margin:0 auto 30px;
		}

		#sns a{
			float:left;
			margin:4px;
		}


		#coverBox{
			background-color:rgba(255,255,255,0.7);
			width:100%;height:100%;
			position:absolute;
			top:0;left:0;
			display:block;
			z-index:1000;
		}

		.coverBox_base{
			background-color:rgba(255,255,255,0.8);
			width:75%;
			margin:10% auto 0;
			border-radius:10px;
			padding:10% 8%;
			color:#666;
			box-shadow:2px 2px 4px rgba(0,0,0,0.1);
			text-align:center;
			border:5px solid rgba(24, 202, 245, 0.68);
		}


		#coverBox .logo_ac{
			width:100%;
			margin:0 0 35px;
		}

		#coverBox p {
			font-size:17px;
			line-height:1.5;
			color:#333;
			display:block;
			text-align:center;
			clear:both;
			width:100%;
		}

		#coverBox .btn_enter{
			width:48%;
			background-color:#09d;
			color:#fff;font-weight:800;
			padding:20px 30px;
			display:inline-block;
			margin-top:30px;
			border-radius:5px;
			font-size:20px;
			box-shadow:2px 2px 0px rgba(0,0,0,0.2);
		}

		#coverBox .btn_enter:hover{
			background-color:#06a;
			color:#ddd;
		}

		#wrapper.bler{
			-webkit-filter: blur(8px);
					-moz-filter: blur(8px);
					-ms-filter: blur(8px);
					-o-filter: blur(8px);
					filter: blur(8px);
		}

		.textLink{
			font-size:16px;
			width:100%;
			margin:0 auto 0;
			text-align:center;
			color:#666;
			padding:0px 0 20px;
		}

		.textLink a{
			color:#666;
		}

	/*--------common---------*/

	.hide_sp{display:none!important;}
	.hide_pc{display:block!important;}
	.hide_spi{display:none!important;}
	.hide_pci{display:inline!important;}

}