@charset "utf-8";
/* CSS Document */


/* ====== CONTENTS ======= */
#l_blog {
	width: 700px;
	float:left;
}
#r_blog {
	width: 216px;
	float:right;
	position: relative;
}
.blog_ttl {
	margin-bottom: 10px;
}
@media screen and (max-width: 479px) {
	.blog_ttl img{
		width: 100%; height: auto;
	}
}
.pan {
	margin-bottom: 30px;
}
.pan ul li {
	display: inline-block;
	margin-right: 10px;
}
.pan ul li a {
	text-decoration: none;
}
#l_blog h4 {
	font-size: 1.8em;
	line-height: 1.8em;
	margin-bottom: 20px;
}

/* ====== blog-box ======= */
.blog-box {
	padding: 20px;
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 20px;
}
.blog-box dl {
	color: #000;
}
.blog-box dl dt {
	color: #385623;
	font-size: 18px;
	margin:10px 0 5px;
}
.blog-box dl .date {
	font-weight: bold;
}
.blog-box dl .read_btn {
	text-align: right;
	font-weight: bold;
}
.blog-box dl .read_btn a {
	display: block;
	text-decoration: none;
}
.blog-box dl .read_btn a:hover {
	color: #000;
}

/* ====== pager ======= */
#pager {
	margin: 50px 0 30px;
}
#pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}
#pager ul li {
	margin-right: 5px;
}
#pager ul li:last-child {
	margin-right: 0;
}
#pager ul li.this {
	color: #000;
	background-color: #84ccc9;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 10px;
}
#pager ul li a {
	color: #999;
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 10px;
	display: block;
}
#pager ul li a:hover {
	color: #000;
	background-color: #e9e6db;
}

/* ====== blog_menu ======= */
.blog_menu {
  margin-bottom: 10px;
}
#r_blog .menu dl dt {
	color: #cdbca2;
	border: 1px solid #333;
	padding: 15px 0px 15px 30px;
	font-size: 1.2em;
	font-weight: bold;
}
#r_blog .menu dl dd {
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	box-sizing: border-box;
	 }
#r_blog .menu dl dd a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 15px 0px 15px 30px;
}
#r_blog .menu dl dd a:hover {
	background: #222;
}


/* ====== article-box ======= */
.article-box {
	padding: 30px;
	background-color: #FFF;
	border: 1px solid #666;
	margin-bottom: 20px;
}
.article-box dl {
	color: #000;
}
.article-box dl dt {
	color: #385623;
	font-size: 18px;
	margin:10px 0 20px;
}
.article-box dl .date {
	font-weight: bold;
}
@media screen and (max-width: 479px) {
	.article-box img {
		width: 100%;
		height: auto;
	}
}

/* ====== re_pre ======= */
.re_pre {
	text-align: right;
	font-weight: bold;
}
.re_pre a {
	display: block;
	text-decoration: none;
}

.article-box a{
	text-decoration:none;
	color: #236fe1;
}
.article-box a:hover{
	color: #000;
}



/* ======================== */
/* ======　IPHONES　======= */
/* ======================== */

@media screen and (max-width: 479px) {

/* ====== CONTENTS ======= */
#l_blog {
	width: 100%;
	float: none;
}
#r_blog {
	width: 100%;
	float: none;
}

/* ====== pager ======= */
#pager {
	margin: 30px 0 50px;
}

/* ====== re_pre ======= */
.re_pre {
	margin: 30px 0 50px;
}

}

@media screen and (max-width: 375px) {

/* ====== pager ======= */
#pager ul li {
	font-size: .8em;
	margin-right: 3px;
}
#pager ul li.this {
	padding: 0 7px;
}
#pager ul li a {
	padding: 0 7px;
}


}