@charset "utf-8";

#blog > h1 {
    background: rgba(0, 0, 0, 0) url("../img/blog/header_bk.png") repeat scroll 0 0;
	text-align: center;
	border-bottom:solid #582409 1px;
	margin-bottom: 30px;
}
#boArticle {
    margin: 0 auto 50px;
    max-width: 768px;
	width: 100%;
}
.entry_title {
    color: #7a6339;
    font-size: 17px;
    font-weight: bold;
    background:#FFE3E3;
    padding: 5px 20px;
    position:relative;
}
 
.entry_title:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent transparent transparent #ffe3e3;
    border-image: none;
    border-style: solid;
    border-width: 10px 0 10px 15px;
    content: "";
    display: block;
    position: absolute;
    right: -14px;
    top: 9px;
    width: 0;
}
span.ico {
    background: rgba(0, 0, 0, 0) url("../img/blog/icon.png") no-repeat scroll 0 0 / 100% auto;
    height: 25px;
    position: absolute;
    right: -60px;
    top: 12px;
    width: 44px;
}
.date {
    color: #796339;
    font-size: 12px;
    margin: 15px auto;
    position: relative;
    right: -60px;
    text-align: right;
}
.entrybox {
	margin: 10px atuo;
	padding:10px;
}
.entrybox img {
    margin: 20px auto
    text-align: center;
}
#boxBlog {
    margin: 0 auto;
    max-width: 865px;
    width: 100%;
}
.new_article {
    margin-right: 30px;
    margin-bottom: 100px;
}
#blog_article {
    float: right;
    max-width: 594px;
    width: 100%;
}
#blog_menu {

}
.new_article > p a {
    color: #330000;
    font-size: 14px;
}
.new_article > p {
    margin: 10px 0;
    max-width: 240px;
    width: 100%;
}
@media screen and (max-width: 768px) {
	#blog_article {
	    float: none;
	}
	.new_article {
	    margin: 0 auto;
	    width: 96%;
	}
	#boArticle {
	    width: 96%;
	}
	.entry_title {
	    width: 80%;
	}
	.date {
		right:2%;
	}
	.entry_title {
	    font-size: 120%;
	}
	span.ico {
	    background: rgba(0, 0, 0, 0) url("../img/blog/icon_sp.png") no-repeat scroll 0 0 / 80% auto;
	    height: 30px;
	    position: absolute;
	    right: -29%;
	    top: 12px;
	    width: 53px;
    }

}