@charset "utf-8";




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


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

	body.chara #menu li.menu_chara{background:transparent url('../img/common/menu_chara_on.png');}

	/*--------visual---------*/

	body{

	}

	/*--------visualbnr---------*/

	#headline{
		position:relative;
		padding:10px 0;
		border-bottom:1px solid #fff;
	}

	#headline .inner{
		width:950px;
		margin:0 auto 0;
	}

	/*--------contents---------*/

	#contents{
		position:relative;
		z-index:60;
	}

	#contents .inner{
		margin:0;padding:0;
		width:865px;
		margin:0 auto 0;
		padding:30px 0 80px;
	}

	#contents .inner_ajust{
		margin:0;padding:0;
		margin-left:-15px;
		width:880px;
	}

	#contents a{
		display:block;
		margin:20px 0 0 15px;
		float:left;
		border-radius:45px 20px 45px 20px;
		box-shadow:4px 6px 0px rgba(0,0,0,0.05);
		position:relative ;
	}

	#contents a.new::after{
		position:absolute;
		bottom:10px;
		right:10px;
		content:'';
		display:block;
		background-image:url('../img/common/icon_newc.png');
		width:50px;
		padding-top:50px;
		background-size:100%;
		background-repeat:no-repeat;
	}

	#contents a img{
		display:block;
	}

	#background{
		background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
		background-attachment:fixed;
		min-width:1000px;
	}





}

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

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

		body.chara #menu li.menu_chara{background:transparent url('../img/common/menu_chara_on.png');}

		/*--------visualbnr---------*/

		#headline{
			position:relative;
			padding:10px 0 0;
			border-bottom:1px solid #fff;
			z-index:100;
		}

		#headline .inner{
			width:96%;
			margin:0 auto 0;
			padding:0 2%;
		}

		/*--------contents---------*/

		#contents{
			position:relative;
			z-index:60;
		}

		#contents .inner{
			margin:0;padding:0;
			width:95%;
			margin:0 auto 0;
			padding:20px 0 80px;
		}

		#contents .inner_ajust{
			margin:0;padding:0;
			margin-left:-2%;
			width:102%;
		}

		#contents a{
			display:block;
			width:48%;
			margin:5% 0 0 2%;
			float:left;
			border-radius:45px 20px 45px 20px;
			position:relative;
		}

		#contents a.new::after{
			position:absolute;
			bottom:10px;
			right:10px;
			content:'';
			display:block;
			background-image:url('../img/common/icon_newc.png');
			width:40px;
			padding-top:40px;
			background-size:100%;
			background-repeat:no-repeat;
		}

		#contents a img{
			width:100%;
			display:block;
		}

		#background{
			overflow:hidden;
		}

		#background::after{
			display:block;
			position:fixed;top:0px;left:0px;
			background:#A2F6FB url('../img/common/bg.jpg') center top no-repeat;
			min-width:100%;
			height:100%;
			z-index:-50;
		}

}