@media screen and (min-width:768px){
/*pc・タブレットcss*/

/*-----------------------------------------
  list
------------------------------------------*/
#list {
	margin-bottom:50px;
}
#list .block {
	background:url(../images/komu_blog/bg_block_top.jpg) no-repeat left top, url(../images/komu_blog/bg_block_bottom.jpg) no-repeat left bottom, url(../images/komu_blog/bg_block_middle.jpg) repeat-y;
	padding:30px 15px;
}
#list li {
	margin-bottom:15px;
	overflow:hidden;
}
#list li a {
	border:5px solid #fff;
	display:block;
	background:#fff;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	padding: 10px 15px;
}
#list li a:hover {
	border:5px solid #EBC27E;
}
#list li .date {
	float:left;
	margin-right:15px;
}
#list li .ttl {
	float:left;
	font-size:16px;
}
#list li a .ttl {
	color:#CF8C50;
	text-decoration:underline;
}
#list li a:hover .ttl {
	text-decoration:none;
}

/*-----------------------------------------
  detail
------------------------------------------*/
#detail {
	margin-bottom: 50px;
}
#detail .block {
	margin-bottom: 30px;
	background:url(../images/komu_blog/bg_block_top.jpg) no-repeat left top, url(../images/komu_blog/bg_block_bottom.jpg) no-repeat left bottom, url(../images/komu_blog/bg_block_middle.jpg) repeat-y;
	padding:30px 15px;
}
#detail .block .date_ttl {
	background: #fff;
	padding:10px 15px;
	margin-bottom: 20px;
}
#detail .block .date {
	margin-bottom: 5px;
}
#detail .block .page_ttl {
	font-size: 18px;
	color:rgb(110,31,2);
}
#detail .block .wysi {
	background: #fff;
	padding: 15px;
}
#detail .block .wysi img {
	max-width:665px;
	height: auto !important;
}

}


@media screen and (max-width:767px){
/*スマホ用css*/

/*-----------------------------------------
  list
------------------------------------------*/
#list {
	margin-bottom:50px;
}
#list .block {
	background:url(../images/komu_blog/bg_block_top.jpg) no-repeat left top, url(../images/komu_blog/bg_block_bottom.jpg) no-repeat left bottom, url(../images/komu_blog/bg_block_middle.jpg) repeat-y;
	padding:30px 15px;
}
#list li {
	margin-bottom:15px;
	overflow:hidden;
}
#list li a {
	border:5px solid #fff;
	display:block;
	background:#fff;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	padding: 10px 15px;
}
#list li a:hover {
	border:5px solid #EBC27E;
}
#list li .date {
	float:left;
	margin-right:15px;
}
#list li .ttl {
	float:left;
	font-size:16px;
}
#list li a .ttl {
	color:#CF8C50;
	text-decoration:underline;
}
#list li a:hover .ttl {
	text-decoration:none;
}

/*-----------------------------------------
  detail
------------------------------------------*/
#detail {
	margin-bottom: 50px;
}
#detail .block {
	margin-bottom: 30px;
	background:url(../images/komu_blog/bg_block_top.jpg) no-repeat left top, url(../images/komu_blog/bg_block_bottom.jpg) no-repeat left bottom, url(../images/komu_blog/bg_block_middle.jpg) repeat-y;
	padding:30px 15px;
}
#detail .block .date_ttl {
	background: #fff;
	padding:10px 15px;
	margin-bottom: 20px;
}
#detail .block .date {
	margin-bottom: 5px;
}
#detail .block .page_ttl {
	font-size: 18px;
	color:rgb(110,31,2);
}
#detail .block .wysi {
	background: #fff;
	padding: 15px;
}
#detail .block .wysi img {
	max-width:100%;
	height: auto !important;
}

}