@charset "UTF-8";
/*----------------------------------------
 TITLE : かくりよの宿飯
 UPDATE ： 2018.01.25
----------------------------------------*/
a:focus { outline: none; }

body {
	width: 100%;
	min-width: 1280px;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../book/img/book_bg.jpg) repeat 0 0;
	opacity: 0;
}

/* CONTENT ----*/
.content {
	position: relative;
	width: 100%;
}
.content:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}
	/* LEFT BLOCK ----*/
	.LeftBlock {
		float: left;
		position: relative;
		width: 250px;
		height: 100%;
		padding: 0 0 0 20px;
	}
	/* RIGHT BLOCK ----*/
	.RightBlock {
		float: left;
		width: 100%;
		margin: 0 0 0 -270px;
		padding: 0 0 0 270px;
		box-sizing: border-box;
	}
		.inner {
			width: 900px;
			margin: 0 auto;
			padding: 0 0 110px;
			opacity: 0;
		}
			.inner h2 {
				margin: 20px 0 60px;
			}
			.inner h3 {
				margin: 0 0 30px;
				line-height: 0;
			}
				.inner h3 img {
					margin: 0 16px 0 0;
					vertical-align: bottom;
				}
				.inner h3 p {
					display: inline-block;
					color: #333;
					font-size: 20px;
					line-height: 30px;
					vertical-align: bottom;
				}
			.novel_list,
			.comic_list {
				width: 100%;
				letter-spacing: -.4em;
			}
			.novel_list {
				margin: 0 0 80px;
			}
				.novel_list li,
				.comic_list li {
					display: inline-block;
					width: 210px;
					margin: 0 20px 40px 0;
					letter-spacing: normal;
				}
				.novel_list li:nth-child( 4n+4 ),
				.comic_list li:nth-child( 4n+4 ) {
					margin: 0 0 40px 0;
				}
					.novel_list li a,
					.comic_list li a {
						color: #333;
						text-decoration: none;
					}
					.novel_list li a:hover,
					.comic_list li a:hover {
						text-decoration: underline;
					}
					.novel_list li a:hover img,
					.comic_list li a:hover img {
						opacity: .7;
					}
					.book_img {
						margin: 0 0 20px;
					}
					.book_txt {
						font-size: 18px;
						font-weight: bold;
						line-height: 1.3;
					}
						.book_txt span {
							font-size: 15px;
							line-height: 1.7;
						}

/* FOOTER ----*/
.footer {
	width: 100%;
	padding: 36px 0;
	color: #fff;
	font-size: 9px;
	line-height: 1;
	text-align: center;
	background: url(../common/img/footer_bg.png);
}

/* BACK TO TOP ----*/
.back_to_top {
	position: fixed;
	display: none;
	width:  69px;
	height: 90px;
	bottom: 35px;
	right: 23px;
	cursor: pointer;
}
.back_to_top:hover {
	opacity: .7;
}