/*
Theme Name:丸仁商事株式会社
*/

html{
}

body{
}

#left_block #news{
	padding-bottom:10px;
}

/************
			 	ブログ
		  				 ************/

#left_block #news h1{
	background:none;
	text-indent:0;
	height:auto;
	margin-bottom:4px;
}

.single-post{
	border-left:2px solid #e70012;
	margin-bottom:20px;
}

.single-post p{
	padding-left:10px;
}

.archive-post{
	clear:both;
	margin:0 auto 4em;
	padding-bottom:4em;
	background:url(../../../../images/blog/border.gif) repeat-x bottom left ;
	line-height:1.5em;
}


.post-head{
	margin-bottom:1.4em;
	border-left:5px solid #e70012;
	padding-left:5px;
	margin-top:10px;
}

.post-date{
	letter-spacing:1px;
	font-size:85%;
	display:inline-table;
}

.post-time{
	display:inline;
}

.post p{
	line-height:1.7em;
	text-align:left;
}

.thumbnail{
	float:left;
	width:250px;
}

.more{
	text-align:center;
	clear:both;
}

.more_link{
	color:#663300;
	text-decoration:none;
	border:1px solid #fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:3px 0;
	display:block;
	width:25%;
	margin:15px auto 0;
}

.more_link:hover{
	text-decoration:none;
	border:1px solid #ffeabf;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#fff6ea;
	color:#A86222;
}

.more_link:link{outline:none;}

.alignleft{
	float:left;
	margin-right:10px;
}

.alignright{
	float:right;
	margin-left:10px;
}

.nav-below{
	display:block;
	margin:15px auto 0px;
	clear:both;
	width:23em;
}

.nav-below a{
	text-decoration:none;
	color:#663300;
}

.nav-below a:hover{
	text-decoration:underline;
}

.nav-previous{
	float:right;
	width:6em;
	display:block;
}

.home{
	float:right;
	width:7em;
	margin-right:20px;
	display:block;
}

.nav-next{
	float:left;
	width:7em;
	display:block;
}


.post-categories{
	display:inline
}
.post-categories li{
	list-style:none;
	display:inline;
	margin-right:3px;
}

.blogroll{
	margin-top:4px;
}

.blogroll img{
	display: block;
}

.blogroll li{
	list-style:none;
	margin-bottom:13px;
}

/************
			 サイドバー
		  				 ************/


#right_block .banner{
	margin-bottom:10px;
}



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

    #main #right_block{
        width: 100%;
        float: none;
        text-align: center;
        margin-top: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    
    #main #right_block .banner{
         width: 45%;
        margin-bottom: 20px;
    }
}