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

.BlogBox {
	margin: 20px 0;
}
.BlogBox .blog_page_navi {
	margin: 0 auto 30px;
	font-size:0.8em;
}
.BlogBox .blog_page_navi span:first-child {
	float:left;
}
.BlogBox .blog_page_navi span:nth-child(2) {
	display: none;
}
.BlogBox .blog_page_navi span:last-child {
	float:right;
}
.BlogBox .blog_side_menu {
	float:right;
}
.BlogBox .blog_side_menu .blog_calender {
	width:100%;
	text-align: center;
}
.BlogBox .blog_side_menu .blog_calender table {
	width:100%;
	margin: 5px 0 30px;
}
.BlogBox .blog_side_menu .blog_calender table th {
	font-size:0.8em !important;
	text-align: center !important;
	background: #eee;
	border: 1px solid #d1cfcf;
}
.BlogBox .blog_side_menu .blog_calender table td {
	font-size:0.9em;
	text-align: center !important;
	border: 1px solid #d1cfcf;
    padding: 5px !important;
}
.BlogBox .blog_side_menu .blog_calender table td a {
	font-size:1.2em !important;
	font-weight: bold;
	color:#ee0000;
}
.BlogBox .blog_side_menu .blog_calender table a > td {
	background-color: antiquewhite;
}
.BlogBox .blog_side_menu .blog_month > div {
	font-weight:bold;
	text-align: center;
}
.BlogBox .blog_main {
	float:left;
	width:70%;
}
.BlogBox .blog_main .blog_each_contents {
	margin: 0 0 30px;
	border: 1px solid #d1cfcf;
	border-radius: 10px;
	padding:20px;
}
.BlogBox .blog_main .blog_each_contents .BlogBox .blog_main .blog_each_contents {
	margin: 0;
	border: none;
	border-radius: 0px;
	padding: 0px 35px 0px 0px;
}
.BlogBox .blog_main .blog_contents_date {
	font-weight:bold;
	font-size:0.9em;
	border-bottom: 1px solid #333;
	padding:0 0 5px 0;
	margin: 10px 0;
}
.BlogBox .blog_contents img {
	width:350px !important;
    height:unset !important;
	display: block;
    margin: 20px auto;
}
.BlogBox .blog_contents main.contents {
	background: #fff !important;
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.BlogBox {
	display:flex;
	flex-direction:column;
	}
	.BlogBox .blog_side_menu {
	width:100%;
    order: 2;
	margin: 30px 0 0;
	}
	.BlogBox .blog_main {
	width:100%;
	order: 1;
	}
	.BlogBox .blog_calender table th {
    border-right: 1px solid #ccc !important;
	width: 14.2% !important;
	}
	.BlogBox .blog_contents img {
	width:100% !important;
	}
}