@charset "UTF-8";

.bloglogodiv {
	width:1200px;
	padding-top:100px;
	padding-bottom:50px;
}

.blog_bg {
	background-color:rgb(251,199,52);
}

.bloglogo-l {
	width:360px;
}

.bloglogo-r ,.bloglogo-r-single {
	width:400px;
}

.bloglogo-r img ,.bloglogo-r-single img {
	height:auto;
}

.headercmt {
	font-weight:bold;
	line-height:1.8em;
}

.blogcatediv {
	padding:10px 40px;
	border:1px solid #333;
	border-radius:23px;
}

.blogtitle {
	font-size:1.1em;
	font-weight:bold;
	text-align:left;
}

.blogdate {
	font-size:0.8em;
	fot-weight:normal;
}

.cate-l {
	
}

.cate-r {
	flex:1;
}

.catebtn {
	color:#333;
	padding:5px 15px;
}

.catebtn:hover {
	background-color:rgba(251,199,52 ,0.8);
	color:#333;
	text-decoration:none;
}

.catebtn-active {
	color:#333;
	background-color:rgb(251,199,52);
}

.contents {
	min-height: 300px;
}


/* --- パソコン ---------------------------------------------------------------------- */
@media screen and (min-width: 576px) {
	
	
	
}

/* --- スマホ ------------------------------------------------------------------------ */
@media screen and (max-width: 575px) {
	
	.bloglogodiv {
		width:100%;
		padding-top:70px;
		padding-bottom:20px;
	}
	
	.bloglogo-r {
		display:none;
	}
	
	.bloglogo-r-single {
		width:100%;
		padding:10px;
	}
	
	.contents {
		min-height: 100px;
	}
	
}