@charset "utf-8";
/* CSS Document */
html {
	width:100%;
	height:100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

img {
border:0;
}

body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,"MS Pゴシック", sans-serif;
line-height: 1.6;
width: 100%;
font-size:14px;
height:100%;
background:#A00;
background-image:url(../img/bg.jpg)

}

p {
padding: 0 0 8px;
}
h1 {
text-align: center;
padding: 20px 0;
}
h2{
	font-size: 16px;
	padding: 0 0 10px ;
	color:#FFF;
	letter-spacing:0.1em;
	font-weight:700;

}

#contents {
margin: 0 auto;
width: 600px;
padding: 20px;
}

.point {
margin: 0 auto;
padding: 30px;
background: #F2F2F2;
border-radius: 5px;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3) inset;
}

#goodslist{
	padding-bottom:50px;
}
#goodslist ul{
	width:600px;
	clear:both;
	padding:16px 0;
}

#goodslist li {
float: left;
list-style: none;
padding-left: 4px;
}

#goodslist p.exp {
font-size: 80%;
padding: 1em 0;
color: #FFF;
float: left;
}


#close_btn{
	width:120px;
	margin:0 auto;
	clear:both;
	padding:20px 0 50px;
}
.SMPgoods{
	display:none;
}

.PCgoods a{
background: #A29061;
color: #FFF;
text-decoration: none;
padding: 5px;
margin: 10px 0 40px;
float: left;
width: 100%;
text-align: center;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 18px;
border-radius: 3px;
-webkit-box-shadow: 0px 5px 0px 0px #524628;
box-shadow: 0px 5px 0px 0px #524628;
}

.PCgoods a:hover {
background: #978453;
-webkit-box-shadow: 0px 5px 0px 0px #524628;
box-shadow: 0px 5px 0px 0px #524628;
}

.PCgoods a:active{
background: #978453;
-webkit-box-shadow: 0px 0px 0px 0px #524628;
box-shadow: 0px 0px 0px 0px #524628;
}

.PCgoods:active{
padding-top: 10px;
clear: both;
}
.day {
color: #836F3C;
font-weight: bold;
padding-right: 10px;
font-size: 90%;
}

@media only screen and (max-width: 540px) {
	
#contents {
width: 94%;
padding-left: 0;
padding-right: 0;
padding-top:10px;
}
h1 {
text-align: center;
padding: 8px 0;
}

h2{
	font-size: 15px;
	padding: 0 0 10px ;
	color:#FFF;
	font-weight:700;
	line-height:1.2;

}
.tit{
	width:100%;
}

p {
padding: 0 0 8px;
font-size:90%;
}

.point {
margin: 0 auto;
padding: 16px;
background: #F2F2F2;
border-radius: 5px;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3) inset;
}


#goodslist ul{
	width: 100%;
padding-left:3%;
	clear:both;
	padding:1em 0;
	}

#goodslist li {
float: left;
list-style: none;
padding-right: 1%;
padding-left:0px;
width:49.5%;
padding-bottom: 0.4em;
}
#goodslist li:nth-child(2n) {
padding-right: 0px;
}
#goodslist li img{
float: left;
width:100%;
}

#goodslist p.exp {
font-size: 80%;
padding: 0;
color: #FFF;
float: left;
padding:1em 0 2em;
}

.PCgoods{
	display:none;
	}
	
.SMPgoods{
	display:block!important;
}

.SMPgoods a{
background: #A29061;
color: #FFF;
text-decoration: none;
margin: 0 auto;
width: 97%;
padding-left:3%;
line-height:40px;
float: left;
text-align: center;
font-weight: bold;
font-size: 18px;
border-radius: 3px;
-webkit-box-shadow: 0px 5px 0px 0px #524628;
box-shadow: 0px 5px 0px 0px #524628;
font-size:14px;
}

#close_btn{
	width:120px;
	margin:0 auto;
	clear:both;
	padding:4em 0 5em;
}

} /* デバイスの横幅が480px以下の場合 */