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

html,body,center {
	margin: 0 auto !important;
	padding: 0 !important;
	height: 100% !important;
	width: 100% !important;
}
p,img{
	margin:0;
	padding: 0;}
p{line-height: 0em;}

div.container{width: 100%; max-width: 800px; height: auto;}

p img{width: 100%; max-width: 800px; height: auto;}
p img.btnStyle{width: 100%; max-width: 400px; height: auto;}
p img.btnStyle2{width: 100%; max-width: 360px; height: auto;padding: 0 5px 10px;}

/* Brooklyn only */
p img.type320{width: 100%; max-width: 320px; height: auto;}
p img.type480{width: 100%; max-width: 480px; height: auto;}

p.m20{margin-top:20px;}

p.f-logo{
	margin-top:30px;
	padding-top: 15px;
	border-top:solid 1px #B8B8B8;
	width:800px;
}
p.manga{margin-bottom:30px;}

@media screen and (max-width:960px){
	p img.btnStyle{
		width: 50%; max-width: 320px; height: auto;
	}
	p img.btnStyle2{
		width: 50%; max-width: 180px; height: auto;
	}

	/* Brooklyn only */
	p img.type320{
		max-width: 320px; height: auto;
	}
	p img.type480{
		max-width: 480px; height: auto;}
	
	p.f-logo{
		margin-top: 15px;
		border-top:solid 1px #B8B8B8;
		width:100%;max-width: 380px;
	}
	
}

/* Android 4.4対策 */
	div[style*="margin: 16px 0"] {
		margin: 0 !important;
	}

/* IEでの画像サイズ変更のレンダリング調整 */
	img {
		-ms-interpolation-mode:bicubic;
	}