@charset "UTF-8";
/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

.load {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	z-index: 9999;
}
#mainWrap {
	position: relative;
	width: 980px;
	min-width: 980px;
	margin: 0 auto;
}
.top {
	position: relative;
	width: 730px;
	margin: 0 auto;
}
.scroll {
	text-align: center;
	padding-top: 120px;
}
.skip {
	position: absolute;
	top: 40px;
	right: 30px;
}
.manzai {
	height: 2360px;
	padding: 40px 0 160px;
}
.manzai li {
	position: relative;
	width: 730px;
	margin: 15px auto;
	visibility: hidden;
}
.manzai li:after {
	content: "";
	position: absolute;
	width: 130px;
	height: 140px;
	top: 50%;
	margin-top: -70px;
}
.manzai li.hotaka:after {
	left: 0;
	background-image: url(/books/manzaisenka/img/kinen/chara_hotaka.png);
}
.manzai li.ikoi:after {
	right: 0;
	background-image: url(/books/manzaisenka/img/kinen/chara_ikoi.png);
}
.hotaka1:after { background-position: 0 0; }
.hotaka2:after { background-position: -130px 0; }
.hotaka3:after { background-position: -260px 0; }
.hotaka4:after { background-position: -390px 0; }
.ikoi1:after { background-position: 0 0; }
.ikoi2:after { background-position: -130px 0; }
.ikoi3:after { background-position: -260px 0; }
.ikoi4:after { background-position: -390px 0; }
.manzai li p {
	width: 470px;
	margin: 0 auto;
}
.footer {
	text-align: center;
	padding: 50px;
}
.topLink {
	visibility: hidden;
	opacity: 0;
	margin: 10px 0 100px;
}



@media screen and (max-width:640px) {
	#mainWrap {
		width: 640px;
		min-width: 640px;
	}
	.top {
		width: 640px;
	}
	.manzai {
		padding: 40px 0 80px;
	}
	.manzai li {
		width: 640px;
	}
	.manzai li:after {
		content: "";
		position: absolute;
		width: 86px;
		height: 93px;
		top: 50%;
		margin-top: -48px;
		background-size: cover;
	}
	.manzai li.hotaka:after {
		left: 2px;
	}
	.manzai li.ikoi:after {
		right: 2px
	}
	.hotaka2:after { background-position: -86px 0; }
	.hotaka3:after { background-position: -172px 0; }
	.hotaka4:after { background-position: -258px 0; }
	.ikoi2:after { background-position: -86px 0; }
	.ikoi3:after { background-position: -172px 0; }
	.ikoi4:after { background-position: -258px 0; }
	#footerWrap {
		height: 400px;
	}
	.topLink {
		visibility: visible;
		opacity: 1;
		margin: 10px 0 160px;
	}
	.copyright {
		width: 100%;
	}
}