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

#blog .article .txt a{
	text-decoration:underline;
}
#blog a:hover{
	color:#FF5C26;
}

/*ページ送り*/
.page a{
	text-decoration:underline;
	font-size:14px;
}
.page a:hover{
	color:#FF5C26;
}
.page .prev{
	float:left;
}
.page .next{
	float:right;
}

/*サイドメニュー*/
#blogside .side_box li:before{
	font-family:'FontAwesome';
	content: "\f138";
	color: #E06622;
	padding-right:5px;
}
#blogside .side_box li{
	padding-left:1.5em;
	text-indent:-1.1em;
	line-height:130%; 
}

@media screen and (min-width: 769px){

/*サイドメニュー*/
#blogside{
	width:250px;
	float:left;
	margin-bottom:100px;
}
#blogside .side_box h6{
	background:#E06622;
	color:#FFF;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
	margin-top:30px;
}
#blogside .side_box li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#AAA 1px dotted;
}
#blogside .side_box li a{
	font-size:14px;
}

/*記事*/
.article{
	border:#AAA 1px solid;
	padding:40px;
	margin-bottom:30px;
}
.article .ttl{
	font-weight:bold;
	margin-bottom:5px;
}
.article .date{
	font-size:13px;
	border-bottom:#AAA 1px dotted;
	padding-bottom:10px;
	margin-bottom:20px;
}
.article .txt{
	padding-bottom:20px;
	border-bottom:#AAA 1px dotted;
	margin-bottom:10px;
}
.article .txt p{
	line-height:180%;
}
.article .txt img{
	max-width:100%;
	height:auto;
}
.article .txt .wp-embedded-content{
	max-width:100%;
	margin-top:20px;
}
.article .category p,
.article .category a{
	font-size:13px;
	text-align:right;
}
.article .category a{
	background:#E0E9EF;
	padding:5px;
}
}

@media screen and (max-width: 768px){
	
/*サイドメニュー*/
#blogside{
	width:100%;
}
#blogside .side_box h6{
	border:#E06622 2px solid;
	padding:5px;
	margin-bottom:10px;
	margin-top:30px;
}
#blogside .side_box li{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#AAA 1px dotted;
}
#blogside .side_box li a{
	font-size:14px;
}

/*記事*/
.article{
	width:90%;
	border:#AAA 1px solid;
	padding:5%;
	margin-bottom:20px;
}
.article .ttl{
	font-weight:bold;
	margin-bottom:5px;
}
.article .date{
	font-size:13px;
	border-bottom:#AAA 1px dotted;
	padding-bottom:10px;
	margin-bottom:20px;
}
.article .txt{
	width:100%;
	padding-bottom:20px;
	border-bottom:#AAA 1px dotted;
	margin-bottom:10px;
}
.article .txt .wp-embedded-content{
	max-width:100%;
	margin-top:20px;
}
.article .category p{
	text-align:right;
}
}