@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version: 2.9.1
*/

/* Simplicity子テーマ用のスタイルを書く */
.entry-content p {
	text-indent: 1em;
}
/*.entry-content blockquote p {
	text-indent: 0em;
} */

.entry-content br {
  content: '';
  white-space: pre;
}
.entry-content br:after {content: '\A   ';} 

.top_links{ 
	text-align: center;
	list-style: none;
	margin: 20px 0;
	padding: 0;
	font-size: 100%;
}
.top_links li {
	display: block;
	float: left;
	margin: 0 0 0 2%;
	width: 32%;
	padding: 0;
}
.top_links li:first-child {
	margin: 0 0 0 0;
}
.top_links li img {
	width: 100%;
	max-width: 300px;
	border-radius: 5px;
	overflow: hidden;
}
.top_links li a {
	font-weight: bold;
	color: #666;
	text-decoration:none;
}
.top_links li a:hover {
	text-decoration:none;
	color: #C03;
}
.headlineH3 {
	margin: 0;
	padding: 0 0 20px 0;
}
.news {
	border: 1px solid #ddd;
	border-radius: 7px;
	background-color: #fefefe;
	padding: 20px;
	clear: both;
}
dl.list {
	width: 100%;
	padding:0;
	margin: 0;
}

dl.list dt {
	width: 20%;
	float:left;
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
	clear: left;
}
dl.list dt .category img {
	margin: 5px 5px -5px 5px;
}
dl.list dd {
	width: 80%;
	float: left;
	display: block;
	padding: 0 0 10px 0;
	margin: 0;
}
#site-title {
	text-align: center;
	margin: 40px auto 0 auto;
}
#site-title a {
	font-size: 40px!important;
	font-family : YuMincho, '游明朝', serif!important;
}
#site-description{
	text-align: center!important;
	font-family : YuMincho, '游明朝', serif!important;
	font-size: 20px!important;
	color: #6d6d6d;
	margin: 0px auto 20px auto;
}



@media screen and ( min-width : 741px ) and ( max-width : 1105px ){
	dl.list dt {
		width: 30%;
	}
	dl.list dd {
	width: 70%;
	}

}
@media screen and (max-width:740px){
	.top_links{ 
	margin: 20px 0 0 0;
}
	dl.list dt {
	width: 100%;
	float: none;
	padding:0;
	}

	dl.list dd {
	width: 100%;
	float: none;
	}
	.entry-content blockquote p {
		text-indent: 0em;
	}
	.entry-content br {
	content: '';
 	white-space: normal;
	}
	.entry-content br:after {content: '';} 
	}

@media screen and (min-width : 1070px){
#navi-in{
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: none;
  background-color: #f7f7f7;
}
#navi ul{
  margin:0 auto;
	text-align: center;
border:	none;
  width: 1070px;
}
#navi ul > li{
  border-left: 1px solid #ddd;
  padding: 5px;
}

}