/* CSS Document */

html {
	font-size: 62.5%;
}
body {
	font-size: 1.0rem; /*10px*/
}
body {
	color: #333;
	font-family: 'Open Sans','Noto Sans JP', sans-serif;
	line-height: 1.75;
	box-sizing: border-box;
	position: relative;
}
.min{
	font-family: 'Noto Serif JP', serif;
}
*{
	margin: 0;
	padding: 0;
}
header{
	background: #fff;
	margin-bottom: 15px;
}
#contents{
	margin: 0 10px 20px;
	padding: 0 0 20px;
}
#container{
	background-color: #f0f0f0;
}

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
/** pager */

.pager{
	clear:both;
	margin: 10px auto;
	display: block;
	text-align: center;
}
.pager a,.pager span{
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 1px;
	margin:0 2px 0;
	min-width: 2em;
	height: 2em;
	line-height: 2em;
	background: #eee;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
.pager a{
	color: #e59373;
}
.pager span{
		color: #bbb;

}
	#main{
		background: #fff;
		box-shadow:0 0 5px #ccc;

	}

.pager span.now,.pager a:hover{
	background: #e59373 !important;
	color: #fff !important;
}
h2{
	border-left: 5px solid rgba(0,132,0,1.00);
	padding-left: 5px;
	font-size: 1.6rem;
	margin: 5px 0;
}
.contents_head{
	background: url("/img/body_header_bg.png") no-repeat 0 0;
}
@media (min-width: 768px) {
	#contents{

		margin: 0 auto 20px;
		max-width: 950px;
	}
	#main{
		margin: 0 10px;
		font-size: 1.4rem;
	}
}

@media (min-width: 950px) {
	#contents{
		width: 950px;
		margin: 0 auto 20px;
	}
	#main{
		margin: 0 0px;
	}

}