
header{
    padding: 10px;
    border-bottom: solid 1px #dddddd;
    margin-bottom: 15px;
}

footer{
    border-top: solid 1px #dddddd;
    padding: 5px;
}

body header img,
body footer img{
	width: 100px;
}


h2{
	margin-bottom:20px;
}

 div.copy{
	background:#FFFFFF;
	padding:15px;
	text-align: left;
	font-size:0.8em;
	margin-bottom:10px;
	line-height: 2em;
	color:#111111;
 }

div.item {
 margin-bottom:20px;
 padding:0 5px;
}

p.shop_btn{
	clear:both;
    padding: 10px 0;
    width:100%;
    text-align: center;
}

p.shop_btn img{
	display:inline;
	max-width:80%;
}

.pc{
	display:none;

}

.sp{
	display:block;
}


@media screen and (min-width: 768px) {

	div.item {
		width:550px;
		margin:0 auto;
	}

.pc{
	display:block;
}

.sp{
	display:none;
}

}

@media screen and (min-width: 950px) {

.pc{
	display:block;
}

.sp{
	display:none;
}

main{
	padding-bottom:50px;
}
 div.copy{
	font-size:1em;
	text-align:center;
 }

div.item{
	padding:0;
	margin-bottom: 20px;
}

div.item:nth-of-type(even){
width:550px;
float:left;
}

div.item:nth-of-type(odd){
width:550px;
float:right;
}

p.shop_btn{
	clear:none;
}

p.shop_btn{
    padding: 50px 0 0;
    width:550px;
float:left;
}

p.shop_btn a{
display: block;
	text-align:center;

}

p.shop_btn img{
	max-width:100%;
}
}
