@charset "utf-8";

/**
 *
 * reservation
 *
 */
header {
	height: 300px;
}
header #main-visual {
	height: 300px;
	background: url(image.php?id=004) no-repeat center -110px;
	background-size: 1200px 500px;
}
header h1 {
	top: 20px;
}
article {
	width: 630px;
	margin: 0px 10px 150px 10px;
}
article h4 {
	padding-bottom: 8px;
	font-size: 30px;
	border-bottom: 1px solid #E6E1C2;
	line-height: 160%;
}
article h4 a {
	color: #7a5e03;
}
article h4 a:hover {
}
article .date-text {
	font-size: 13px;
	margin-right: 20px;
}
article .category-text {
	font-size: 13px;
}
article .body {
	margin-top: 30px;
}
article .body p {
	margin-bottom: 20px;
}
#sidebar {
	position: absolute;
	right: 0;
	top: 50px;
	width: 300px;
}
#author {
	margin-bottom: 30px;
}
#sidemenu {
	background: url(image.php?id=10) repeat;
	padding: 35px 25px 5px;
}
#sidemenu h5 {
	margin-bottom: 5px;
}
#sidemenu ul {
	margin-bottom: 30px;
}
#sidemenu ul li {
	font-size: 13px;
}
.blog-container {
	min-height: 600px;
	padding-top: 50px;
}
.archive-title {
	padding: 0 10px 30px 10px;
	font-size: 20px;
	font-weight: bold;
}




/***************************************************************
           デバイスサイズ0px～480px
***************************************************************/
@media (min-width: 0px) and (max-width: 400px){
article {
	width: 100%;
	margin: 0;
}
article:nth-of-type(n+2) {
	margin: 50px 0 0 0;
}
}




/***************************************************************
           デバイスサイズ481px～800px
***************************************************************/
@media (min-width: 0px) and (max-width: 800px){
article {
	width: 100%;
	margin: 0;
}
article:nth-of-type(n+2) {
	margin: 50px 0 0 0;
}
}