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


/* ================================================
Classes
------------------------------------------------ */

.clearfix:before,
.clearfix:after{
	content:"";display:table;
}
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }

.leftbox{ float:left; display:inline; }
.rightbox{ float:right; display:inline; }

.must{ font-weight:bold; color:#f80;}

.align-c{ text-align:center; }
.align-l{ text-align:left; }
.align-r{ text-align:right; }


/* ================================================
Common Style
------------------------------------------------ */
html{
}
body{
	background:url("../img/pz/bg.gif") repeat-y 50% 0;
	font-family: Verdana, "ŸàƒSƒVƒbƒN", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-weight:500;
}


a{ color:#07f; }
a:visited{ color:#05c;}
a:hover{ color:#39f;}

img{ vertical-align:top; }

/* ================================================
Style
------------------------------------------------ */


header h1{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height:293px;
	width:100%;
	background:url("../img/pz/title.png") no-repeat 50% 0;
}

#contents p.about,
#contents p.cm1,
#contents p.cm2{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#contents ul.manga{
	text-align:center;
}

#contents dl dt{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


#contents dl dd{
	text-align:center;
}


footer{
	border-top:8px solid #333;
	background-color:#181818;
	color:#fff;
	padding-top:30px;
}

footer ul.social{
	text-align:center;
	margin-bottom:30px;
}

footer ul.social li{
	display:inline-block;
	vertical-align:top;
	padding:0 10px;
}

footer dl{
	text-align:center;
	margin-bottom:24px;
}

footer dl dt{
	margin-bottom:12px;
}

footer p{
	padding:0 0 30px;
	text-align:center;
}

footer a{ color:#fff;}
footer a:visited{ color:#fff;}
footer a:hover{ color:#ff7;}






@media screen and (min-width: 751px){
	.con-pc{
		display:block;
	}
	.con-sp{
		display:none;
	}

	header{
		margin-bottom:44px;
	}


	#contents{
		width:700px;
		margin:0 auto;
		padding-bottom:80px;
	}

	#contents p.about{
		width:656px;
		height:113px;
		background:url("../img/pz/about.png") no-repeat 0 0;
		margin:0 auto 60px;
	}

	#contents ul.manga{
		margin-bottom:70px;
	}

	#contents ul.manga li{
		margin-bottom:50px;
	}

	#contents ul.manga li img{
		width:540px;
		height:auto;
	}

	#contents p.cm1{
		width:700px;
		height:175px;
		background:url("../img/pz/comment1.png") no-repeat 0 0;
		margin-bottom:70px;
	}

	#contents p.cm2{
		width:700px;
		height:175px;
		background:url("../img/pz/comment2.png") no-repeat 0 0;
		margin-bottom:80px;
	}

	#contents #movie{
		width:700px;
		height:400px;
		margin:0 auto 50px;
	}

	#contents dl dt{
		width:700px;
		height:111px;
		background:url("../img/pz/nagare.png") no-repeat 0 0;
		margin-bottom:40px;
	}

	#contents dl dd{
		text-align:center;
	}


	footer{
		min-width:950px;
	}

	footer ul.social li img{
		width:200px;
		height:auto;
	}

	footer dl dt img{
		width:300px;
		height:auto;
	}



}

@media screen and (max-width: 750px){
	.con-pc{
		display:none;
	}
	.con-sp{
		display:block;
	}
	img{
	}

	body{
		width:750px;
	}

	header{
		width:750px;
		margin-bottom:44px;
	}


	#contents{
		width:700px;
		margin:0 auto;
		padding-bottom:80px;
	}

	#contents p.about{
		width:656px;
		height:135px;
		background:url("../img/pz/about_sp.png") no-repeat 0 0;
		margin:0 auto 50px;
	}

	#contents ul.manga{
		margin-bottom:70px;
	}

	#contents ul.manga li{
		margin-bottom:50px;
	}

	#contents ul.manga li img{
	}

	#contents p.cm1{
		width:700px;
		height:198px;
		background:url("../img/pz/comment1_sp.png") no-repeat 0 0;
		margin-bottom:70px;
	}

	#contents p.cm2{
		width:700px;
		height:186px;
		background:url("../img/pz/comment2_sp.png") no-repeat 0 0;
		margin-bottom:80px;
	}

	#contents #movie{
		width:700px;
		height:400px;
		margin:0 auto 50px;
	}

	#contents dl dt{
		width:700px;
		height:131px;
		background:url("../img/pz/nagare_sp.png") no-repeat 0 0;
		margin-bottom:40px;
	}

	#contents dl dd{
		text-align:center;
	}



}