@charset "UTF-8";


.pagenation{
	background-color: #F5F5F5;
	border-top:    1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	padding: 8px 0;
	margin: 30px 0;
}

.pagenation .next{
	float: right;
	margin-right: 10px;
}

.pagenation .prev{
	float: left;
	margin-left: 10px;
}

img.title{
	max-width: 100%;
}

/* お知らせ、イベント ***************************************************** */

.date{
	text-align: right;
	border-bottom: 1px solid #d2d2d2;
	padding: 30px 0;
}
.thumbnail{
	display: block;
	float: right;
	width: 230px;
	margin-left: 50px;
}
.thumbnail img{
	max-width: 100%;
}

/* Q&A ***************************************************** */

#searchform{
	margin-top: 20px;
}

#searchform input[name="s"]{
	float: left;
	font-size: 18px;
	border: 1px solid #5C5C5C;
	width: 400px;
	margin-top: 9px;
}

#searchform button{
	cursor: pointer;
	border: 0;
	background-color: transparent;
}

.post_list p{
	margin: 0;
	word-wrap: break-word;
}

.q_a{
	font-size: 1.3em;
	/*border-top:    1px solid #d2d2d2;*/
	border-bottom: 1px solid #d2d2d2;
	padding: 15px 20px 25px;
}

.q{
	border-bottom: 1px dotted #d2d2d2;
	padding: 0 10px 15px;
}

.a{
	padding: 10px 10px 0;
}

.left{
	float: left;
	/*text-align: center;*/
	width: 80px;
	padding: 0;
}

.right{
	float: left;
	width: 550px;
	padding: 0;
}



/* PC向け ******************************************************************************************* */

@media (min-width: 651px) {
}



/* スマホ向け **************************************************************************************** */

@media (max-width: 650px) {
	.thumbnail{
		float: none;
		width: auto;
		margin-left: 0;
	}

	img.title{
		max-width: 90%;
		margin: 8% 0 0 4%;
	}

	.list{
		width: 96%;
		margin: 0 2%;
	}

	#searchform input[name="s"]{
		width: 65%;
	}

	.q_a{
		font-size: 1em;
		padding: 7% 2% 10%;
	}

	.q, .a{
		padding: 4% 2%;
	}

	.left{
		width: 13%;
	}

	.left img{
		width: 80%;
	}

	.right{
		width: 87%;
	}
}