@charset "UTF-8";

#okashi {
	width: 990px;
	margin: 0 auto;
}

#okashi .tit p {
	font-size: 12px;
	margin-top: 5px;
}

#okashi .okashiList {
	width: 217px;
	float: left;
	padding: 0 12px;
	margin-bottom: 30px;
}

#okashi .okashiList h3 {
	font-size: 18px;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

#okashi .okashiList .listDl {
	margin: 10px 0 40px 0;
	font-size: 10px;
	letter-spacing: 0px;
}

#okashi .okashiList .listDl dd {
	padding: 0 0 10px 70px;
	margin-bottom: 10px;
	line-height: 110%;
}

.more a {
	width: 300px;
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 15px 0 10px 0;
	border: 1px solid #619339;
}

.more a:link { color: #619339; background: #fff;}
.morea:visited { color: #619339; background: #fff;}
.more a:hover {
	color: #fff;
	background-color: #619339;
	-webkit-transition: 0.2s ease-in-out;  
	-moz-transition: 0.2s ease-in-out;  
	-o-transition: 0.2s ease-in-out;  
	transition: 0.2s ease-in-out; 
}
.more a:active  { color: #619339; background: #fff;}

@media screen and (max-width: 1280px) {
}


@media screen and (max-width: 979px) {
#store {
	width: 730px;
}

#store img {
	max-width: 280px;
}

#okashi {
	width: 769px;
}

#okashi .okashiList {
	width: 210px;
}

#order {
	width: 769px;
	margin: 0 auto;
}

#order .orderMenu {
	width: 210px;
}

.orderMenu .more a {
	width: 210px;
}
}

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


@media screen and (max-width: 479px) {
#okashi {
	width: 100%;
	min-width: 300px;
}

#okashi .okashiList {
	width: 100%;
	padding: 0;
}
}