/*body{
	background-color: #f7ede0;
}
*/
.page-header {
    border-bottom: 2px solid #6f491c;
}

.thumbnail, .tile {
    /*background-color: #f0dcc3;*/
    margin-bottom:20px;
    margin-top:20px;
}

footer {
    background-color: #f0dcc3;
}

.blog-date{
	margin-top:1em;
    font-size: 12px !important;
}

.blog-date a{
    color: #CC3300;
}

.blog-title{
	margin-top:0.5em;
	height:5em;
}

.blog-photo{
	width:151px;
	height:151px;
}

.tile a:hover{
	text-decoration:underline;
}

.tile-color1{
    background-color: #ffe687;
}

.tile-color2{
    background-color: #fad7a0;
}

.tile-color3{
    background-color: #fadcd7;
}

.tile-color4{
    background-color: #f0f096;
}

.tile-color5{
    background-color: #c8e6e6;
}

@media (max-width: 1119px){
	.blog-photo{
		width:90px;
		height:90px;
	}
}

@media (max-width: 991px){
	.blog-photo{
		width:151px;
		height:151px;
	}
}

@media (max-width: 767px){

.blog-title{
	height:auto;
	margin-bottom:1em;
}

.blog-photo{
	width:90px;
	height:90px;
}

/*abc-style.cssの設定をリセット*/
.col-xs-6 {
    padding-right: 15px;
    padding-left: 15px;
    }
}

.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0 0 0 10px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list10{
	counter-reset:li;
}
 
.list10 li{
	position:relative;
	display: block;
	padding:3px 0px 10px 50px; 
	margin-left:0px !important;
}
 
li.list10-count:after{
	counter-increment: li;
	content: counter(li) "位";
	position: absolute;	
	display: block;
	text-align: center;
	font-style: italic;
	left: 0px;
	top: -1px;
	font-size: 20px;
	color:#556b2f;
}

li.list10-countfirst:after{
	counter-increment: li;
	content: counter(li) "位";
	position: absolute;	
	display: block;
	text-align: center;
	/*font-style: italic;*/
	left: 0px;
	top: -1px;
	font-size: 20px;
	color:#FFD700;
	font-weight:bold;
}

li.list10-countsecond:after{
	counter-increment: li;
	content: counter(li) "位";
	position: absolute;	
	display: block;
	text-align: center;
	/*font-style: italic;*/
	left: 0px;
	top: -1px;
	font-size: 20px;
	color:#C0C0C0;
	font-weight:bold;
}

li.list10-countthird:after{
	counter-increment: li;
	content: counter(li) "位";
	position: absolute;	
	display: block;
	text-align: center;
	/*font-style: italic;*/
	left: 0px;
	top: -1px;
	font-size: 20px;
	color:#C47222;
	font-weight:bold;
}

.well{
    border: 2px solid #e60000;
    background-color:#fff;
}