@charset "UTF-8";

/*
*
* Usage: miracle layout
*
* Name: miracle.css
*
*/

/*---------------------------------------------------------------------
layout
---------------------------------------------------------------------*/
/* global navigation */
#header .navArea {
	border-bottom:1px solid #ccc;
}

/* miracle */
#miracle {
	color:#333;
	letter-spacing:0.1em;
	margin:0 auto;
	padding:80px 0 60px;
	text-align:center;
}
#miracle .miracleCont {
	margin:40px auto 0;
	max-width:1050px;
}
#miracle .miracleCont .book {
	padding:0;
	text-align:left;
	border-bottom:1px solid #aaa;
	padding-bottom:40px;
	margin-top:40px;
	float:left;
}
#miracle .miracleCont .book:first-child {
	margin-top:0;
}
#miracle .miracleCont .book:last-child {
	border-bottom: none;
}
#miracle .miracleCont .book img {
	float:left;
	margin-right:30px;
}
#miracle .miracleCont .book div {
	padding:0;
	margin:0;
	width:800px;
	float:left;
}
#miracle .miracleCont .book p {
	padding:0;
	margin:0;
	width:800px;
	float:left;
	line-height:1.5em;
	font-size:87.5%;
}
#miracle .miracleCont .book .title {
	font-size:137.5%;
	margin-bottom:20px;
}
#miracle .miracleCont .book p span {
	font-size:125%;
}
#miracle .miracleCont .book a img {
	transition: all 300ms 0s ease;
}
#miracle .miracleCont .book a:hover img {
	opacity:0.5;
}
#miracle .miracleCont .book a {
	color:#00a0e9;
	text-decoration:none;
	transition: all 300ms 0s ease;
}
#miracle .miracleCont .book a:hover {
	color:#f26964;
	text-decoration:underline;
}

@media only screen and (max-width:768px) {
#contents {
	padding-top:4em;
}
#miracle {
	letter-spacing:0em;
	margin:0 auto;
	padding:10% 0 0;
}
#miracle img {
	width:92%;
}
#miracle .miracleCont {
	margin:0 auto;
	max-width:92%;
}
#miracle .miracleCont .book {
	padding:0;
	text-align:left;
	border-bottom:1px solid #aaa;
	padding-bottom:1.5em;
	margin-top:1.5em;
	float:left;
}
#miracle .miracleCont .book:first-child {
	margin-top:2em;
}
#miracle .miracleCont .book:last-child {
	border-bottom:none;
}
#miracle .miracleCont .book img {
	width:30%;
	float:left;
	margin:0 1em 1em 0;
}
#miracle .miracleCont .book div {
	padding:0;
	margin:0;
	width:92%;
	float:left;
}
#miracle .miracleCont .book p {
	padding:0;
	margin:0;
	width:100%;
	float:left;
	line-height:1.5em;
	font-size:87.5%;
}
#miracle .miracleCont .book .title {
	width:64%;
	font-size:125%;
	line-height:1.5em;
	margin-bottom:20px;
	float:left;
}
#miracle .miracleCont .book p span {
	font-size:100%;
}