@charset "UTF-8";
/* CSS Document */
/* ---------------------------------------------
ブログ
---------------------------------------------*/
#blogcontents {
	width: 100%;
	margin: 0 auto;
	height: auto;
    padding: 0 0 3em 0;
}
@media screen and (max-width: 1300px) {
#blogcontents {
	width: 90%;
	margin: 0 auto;
}
}
/* side
----------------------------------------------------*/
#side .sidearea .sidepic {
width: 100%;
}
#side {
	height: auto;
	float: right;
	width: 25%;
}
@media screen and (max-width: 800px) {
#side {
	width: 100%;
}
}
#side .sidearea {
    width: 100%;
}
#side .sidearea h3 {
	font-weight: normal;
	display: block;
	margin: 0 0 1em 0;
	padding: .3em;
    text-align: center;
    border-left: none;
	border-top: #a7937e 1px solid;
    border-bottom: #a7937e 1px solid;
}
#side .sidearea ul {
	padding: 0 0 2em 0;
}
#side .sidearea li {
	padding: 0em 1em 0em 1em;
    margin: 1em 0;
	border-left: #8c3a5f 8px solid;
}
#side .sidearea li a {
    color: #37271e;
	display: inline-block;
	text-decoration: none;
}
#side .sidearea li a:hover {
	color: #CF7BA1;
	text-decoration: underline;
}
.screen-reader-text{
	display: none;
}
#side form {
	margin: 1em 0 4em 0;
}

/*---------------------------------------------------
mainblog
----------------------------------------------------*/
#mainblog {
	width: 70%;
	margin: 0px auto;
    float: left;
}
@media screen and (max-width: 800px) {
#mainblog {
	width: 100%;
}
}
#mainblog .post {
	margin: 1em 0 5em 0;
    width: 100%;
}
/* タイトル・見出し
---------------------------------------------*/
#mainblog h2 {
	margin: 0px;
	font-weight: normal;
	width: 90%;
	float: left;
	padding: 5%;
    text-align: left;
	background-color: #e8e7e4;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
#mainblog h2 a {
	color: #2D1807;
	display: block;
}
#mainblog h2 a:hover {
	color: #8c3a5f;
}

/*----------------------------------------------------
post img/text
----------------------------------------------------*/
img.attachment-post-thumbnail{
	float: left;
	margin:0 15px 0 0;
}
#mainblog .post img {
	margin: 1em auto;
	width: 100%;
	height: auto;
}
.post h2, .post h3, .post h4{
	margin: 0 .5em;
}

/*----------------------------------------------------
post ul ol
----------------------------------------------------*/
#mainblog .blog_info {
	width: 100%;
	padding: 2em 0;
    float: left;   
}
#mainblog .post ul {
	margin: 0px;
	padding: 0px;
}
#mainblog .post ul li{
	margin-left:2%;
	color: #818181;
}
#mainblog .post ol li{
	list-style: decimal outside;
	margin-left:20px;
}
#mainblog .post .wp-caption img {
	float: left;
}
/*----------------------------------------------------*/

#mainblog .post .cal {
	display: block;
	float: left;
	margin: 0px;
}
#mainblog .post .blog_info .cat {
	display: block;
	float: left;
}
#mainblog .post .blog_info .tag {
	display: block;
	float: left;
}

/*----------------------------------------------------
kiji bt
----------------------------------------------------*/
a.more-link:hover {	
	background-color: #a5cb6f;
	color: #FFF;
}
a.more-link {
	width: 25%;
	display: block;
	font-size: 15px;
	line-height: 160%;
	text-decoration: none;
	text-align: center;
	padding-top: 2%;
	margin-top: 3%;
	padding-bottom: 2%;
	clear: left;
	background-color: #8ab44d;
	color: #FFF;
}

/* article bt */
.nav-below {
	width: 100%;
	float: left;
	padding: 5% 0;
    margin-bottom: 5em;
}
.nav-previous {
	float: left;
	text-align: center;
	width: 40%;
	display: block;
	background-color: #8c3a5f;
	color: #FFF;
}
.nav-next {
	float: right;
	text-align: center;
	width: 40%;
	display: block;
	background-color: #8c3a5f;
	color: #FFF;
}
.nav-below a {
	display: block;
	color: #FFF;
	font-size: 15px;
	text-decoration: none;
	line-height: 160%;
	padding-bottom: 5%;
	padding-top: 5%;
}
.nav-below a:hover {
	background-color: #CF7BA1;
	color: #FFF;
}
.nav-below a:visited {
	background-color: #8c3a5f;
	color: #FFF;
}

/*----------------------------------------------------
blog kiji
----------------------------------------------------*/
/* photo caption */
#mainblog .post .wp-caption {
	clear: left;
	padding-top: 15px;
	padding-bottom: 15px;
}

/* post inyoubun */
#mainblog .post blockquote {
	background-color: #EBEBEB;
	margin: 0px;
	padding: 30px;
}
.post .caption {
	clear: left;
	padding-bottom: 15px;
}


/* ---------------------------------------------
ブログ
---------------------------------------------*/
.newsbox {
    width: 70%;
	margin: 0% 0% 5% 0%;
	float: left;
}
@media screen and (max-width: 700px){
.newsbox {
    width: 80%;
	margin: 0% auto 5% auto;
    float: none;
}
}
/* 一覧表示
---------------------------------------------*/
.newsbox ul {
	width: auto;
	margin: 0%;
	padding: 0%;
	margin: 0%;
}
.newsbox ul li .data {
	color: #8F7E6A;
	display: inline-block;
	margin-right: 3em;
}
.newsbox ul li {
	color: #000000;
	float: left;
	width: 100%;
	margin: 0%;
	border-bottom: dotted 1px #dbccbe;
	padding: 2em 0%;
}
.newsbox ul li a {	
	color: #000000;
	display: block;
	text-decoration-line: underline;
}
.newsbox ul li a:hover {
	color: #871a0a;
}


@media screen and (max-width: 920px){
.newsbox ul li .data {
	width: 100%;
	text-decoration-line: none;
}
.newsbox li {
	width: 100%;
	display: block;
}
.newsbox ul li a {	
	width: 100%;
	display: block;
	text-decoration-line: underline;
}
}