@charset "utf-8";

#スマホ {
}
/* Mobile Layout: 480px and below. */
 


.gridContainer.clearfix #content h2 {
	color: #463A31;
	border-left: 7px solid #463A31;
	padding-left: 13px;
	width: 96%;
	line-height: 1.5em;
	display: block;
	letter-spacing: 0.2em;
	float: left;
	margin-bottom: 10px;
}
#content h2 span {
	font-size: 0.4em;
	letter-spacing: 0.4em;
	border-top: 1px dotted #C4B5A5;
	width: 100%;
	padding-left: 13px;
	display: block;
	left: -13px;
	position: relative;
} 
#content h3 {
	line-height: 2em;
	clear: left;


}
.gridContainer.clearfix #content #syohin {
	background-color: #E9E9E9;
	float: left;
	width: 100%;
}
tbody tr th {
	font-weight: normal;
	border-bottom: 1px dotted #D0CAC0;
}
tbody tr td {
	font-weight: normal;
	border-bottom: 1px dotted #D0CAC0;
}
#setumei .min_price dt {
	font-size: 0.8em;
}

#setumei .min_price dd {
	color: #FF0004;
	font-size: 2em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	margin-left: 0px;
}
.min_price .kanbai span {
	color: #5A5A5A;
	font-size: 0.5em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


dl .name span {
	font-weight: bold;
	font-size: 0.8em;
	color: #72473B;
}
dl .plice span {
	font-weight: normal;
	font-size: 0.8em;
	color: #606060;
}





 


 
.fluid.item1 {
	width: 96%;
	clear: none;
	background-color: #E9E9E9;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
	margin-bottom: 10px;
}
.fluid.item1 dl  {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fluid.item1 dl .name {
	color: #643217;
	font-weight: bold;
	background-image: url(../image/kureyon_white_257.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
}
.name a  {
	color: #643217;
	text-decoration: none;
}



.fluid.item1 dl .plice {
	color: #222222;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0px;
	padding-left: 0px;
}

.fluid.item2 {
	width: 96%;
	clear: none;
	background-color: #E9E9E9;
	margin-bottom: 10px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.fluid.item2 dl  {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fluid.item2 dl .name {
	color: #643217;
	font-weight: bold;
	background-image: url(../image/kureyon_white_257.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
}
.fluid.item2 dl .plice {
	color: #222222;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0px;
}
.fluid.item3 {
	width: 96%;
	clear: none;
	background-color: #E9E9E9;
	margin-bottom: 10px;
	padding-top: 2%;
	padding-right: 2%;
	padding-bottom: 2%;
	padding-left: 2%;
}
.fluid.item3 dl  {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.fluid.item3 dl .name {
	color: #643217;
	font-weight: bold;
	background-image: url(../image/kureyon_white_257.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
}
.fluid.item3 dl .plice {
	color: #222222;
	text-align: right;
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 0px;
}
#content .kaisetu   {
	clear: both;
	margin-top: 20px;
	float: left;
}
#content .kaisetu dt {
	color: #472A00;
	font-weight: bold;
}
#content .kaisetu dd {
	color: #373737;
	font-size: 0.9em;
	line-height: 1.5em;
}




/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
#タブレット {
}



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


#content h3 {
	background-repeat: no-repeat;
	clear: both;
}



.fluid.item1 {
	width: 29%;
	clear: none;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.fluid.item2 {
	width: 29%;
	margin-left: 3.5%;
    clear: none;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}
.fluid.item3 {
	width: 29%;
	margin-left: 3.5%;
    clear: none;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */


@media only screen and (min-width: 769px) {
#パソコン {
}
#syohin #setumei table tr th {
	font-size: 0.8em;
}



.fluid.item1 {
	width: 30%;
	clear: none;
}
.fluid.item2 {
	width: 30%;
	margin-left: 2%;
    clear: none;
}
.fluid.item3 {
	width: 30%;
	margin-left: 2%;
    clear: none;
}

}