@charset "utf-8";

div#main{
	max-width: 950px;
	width: 100%;
}


div.book{
	max-width: 780px;
	width: 96%;
	margin: 10px auto;
}

div.title_book{
	max-width: 640px;
	width: 100%;
	margin: 0 auto;
}

div.book h2{
	text-align: center;
}

div.book h3{
	margin-top: 50px;
	margin-bottom: 5px;
	padding: 0;
	font-size: 12pt;
	font-family: "小塚ゴシック Pro", Verdana, Meiryo, Osaka, sans-serif;
	color: #333;
	text-align: center;
}


/* --- SP ---------- */
@media screen and (max-width: 740px) {

	.pc_contents{
		display: none;
	}

	div.book_body{
		max-width: 600px;
		width: 98%;
		margin: 20px auto 0 auto;
		display: table;
		text-align: center;
	}

	div.book_menu{
		width: 31%;
		padding: 5px 1%;
		display: table-cell;
	}

	div.book_menu p a{
		color: #333;
	}

}


/* --- PC ---------- */
@media screen and (min-width: 741px) {

	.sp_contents{
		display: none;
	}

	div.book_body{
		max-width: 600px;
		width: 98%;
		margin: 20px auto 0 auto;
		display: table;
		text-align: center;
	}

	div.book_menu{
		width: 180px;
		padding: 5px 10px;
		display: table-cell;
	}

	div.book_menu p a{
		color: #333;
	}

}