<!--ボディ1-->

body{}

div{width:100%}

header{
	border-top:6px solid #FEDF8F;
    background: fff;
	padding:5px;
}

img {
	max-width:100%;
	height:auto;
}

.main{
	margin-bottom: 20px;
}

.copyright{
    margin: 0;
    font-size: 12px;
    font-size: 1.6rem;
    text-align: center;
}

.f01 {background-color:#FEDF8F}

a {
  color: #000000;
  text-decoration: none;
}


.midashi{
font-size: 1.5rem; 
}

.bunner {
  position: relative;  
  }
  
.filter {
 background: #fcff00;
 margin:0;
 padding:0;
}


.img_wrap :hover{
 display: block;
 opacity: .6;
}


.youkou{
list-style:none;
margin:10px;
padding:10px;
background-color:#F3F3F3;
}


<!--ヘッダー-->


.table1{
vertical-align: middle;
background: #eeeeee;
	}
	
	
<!--thumb-box-->
.thumb-box{
    padding:0;

}

.thumb-box li {
	padding: 0 15px 10px;
		list-style:none;
}

@media screen and (min-width:768px)
{

	.thumb-box li{
		padding: 0 15px;
		list-style:none;
	}
}

.thumb-box li a {
	position : relative;
	display: block;
	overflow: hidden;
	padding : 4px;
	color: #000;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	background: #fff;
}
	
<!---->


.thumb-box li a:hover{
	text-decoration: none;
	border: 1px solid #ff7d2f;
}

.thumb-box li a img {
	width: 100%;
	height: auto;
}
	
.thumb-box h3,
.thumb-box p{
	padding: 0 15px;
}

.thumb-box button{
	float: right;
	margin: 0 15px 15px 0 ;
}