@import url("reset.css");
@import url("base.css");

/* contents.css */
/*--------------------------------------*/

#mainImg {
	width:1000px;
	margin:0 auto;
	}

#mainImg h2 {
	margin:0;
	padding:0;
	font-size:0;
	line-height:0;
	}

/* sns button */
ul.sns {
	margin:0 auto 5px;
	padding:10px 0 0;
	text-align:right;
	}
ul.sns li {
	display:inline-block;
	margin:0 0 0 10px;
	font-size:0;
	}
ul.sns li img {
	width:22px;
	}

/* text etc */
.contentsBlock h1 {
	background:url("../images/line.png") repeat-x 0 bottom;
	margin:0 0 10px;
	padding:0 0 3px;
	}
.contentsBlock h1 span {
	display:inline-block;
	margin:0 0 10px;
	padding:3px 0 3px 8px;
	border-left:7px solid #bc1400;
	vertical-align:middle;
	font-size:2.2em;
	line-height:1.2;
	}

.contentsBlock h3 {
	margin:0 10px 5px;
	font-size:1.6em;
	}

.contentsBlock h4 {
	background:#f2f2f2;
	margin:0 0 5px;
	padding:3px 10px;
	}

.contentsBlock p {
	margin:0 10px 1em;
	}

.contentsBlock .line {
	clear:both;
	background:url("../images/line.png") repeat-x 0 bottom;
	margin:0 0 20px;
	padding:0 0 3px;
	}


/* ---------------------------------------------
	preset image float
--------------------------------------------- */
.imgFloatLeft {
	display: inline;
	float: left;
	margin: 5px 10px 10px 0px;
}
.imgFloatRight {
	display: inline;
	float: right;
	margin: 5px 0px 10px 10px;
}
.clear {
	clear: both;
}



/*--------------------------------------*/
/* category page */
/*--------------------------------------*/

/* category navigation */
.categoryNav {
	background:#f2f2f2;
	margin:0 0 20px;
	padding:10px 0;
	}

.categoryNav ul {
	background:url("../images/cat_nav_bg.png") repeat-y 0 0;
	padding:0 10px;
	}
.categoryNav ul li {
	float:left;
	width:245px;
	margin:0 5px 0 0;
	line-height:24px;
	}
.categoryNav ul li a {
	display:inline-block;
	background:url("../images/arrow_nav.png") no-repeat 10px 4px;
	padding:0 0 0 20px;
	}


/* sort */
.sortBlock {
	border-top:1px solid #c0c0c0;
	border-bottom:1px solid #c0c0c0;
	margin:0 0 20px;
	padding:5px;
	}
.sortBlock .sort {
	float:left;
	}
.sortBlock .number {
	float:right;
	}


/*  numbers */
.numbers {
	background:#f2f2f2;
	margin:0 0 20px;
	padding:5px;
	text-align:center;
	}



/* items */
.itemBlock {
	float:left;
	width:142px;
	margin:0 25px 30px;
	height:250px;
	}

.itemBlock .itemImg {
	margin:0 auto 5px;
	text-align:center;
	}

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



/*--------------------------------------*/
/* item page */
/*--------------------------------------*/
#itempage {
	margin:0 auto 20px;
	}

#itempage .itemImage {
	float:left;
	width:365px;
	margin:0 20px 20px 10px;
	border:1px solid #c0c0c0;
	text-align:center;
	}
#itempage .itemImage img {
	max-width:100%;
	height:auto;
	}

#itempage .itemDetail {
	float:left;
	width:365px;
	margin:0 10px 20px 0;
	}

.field {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #c0c0c0;
	}

.field_name {
	}
.field_name em.tax {
	font-size:0.8em;
	}
.field_cprice {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px dotted #c0c0c0;
	text-align:right;
	font-weight:bold;
	}
.field_price {
	text-align:right;
	font-size:1.6em;
	font-weight:bold;
	color:#bc1400;
	}

.skuform input {
	margin:0 0 0 3px;
	padding:3px;
	}

.skuform input.skuquantity {
	width:4em;
	text-align:right;
	}



/*--------------------------------------*/
/* search page */
/*--------------------------------------*/
#searchpage {
	margin:0 auto 20px;
	}

#searchpage dl {
	margin:0 auto 40px;
	}
#searchpage dl dt {
	background:#f2f2f2;
	margin:0 0 20px;
	padding:5px;
	font-weight:bold;
	}
#searchpage dl p {
	margin:1.5em 0 0.5em;
	padding:0;
	text-align:left;
	}
#searchpage dl dd {
	margin:0 auto 25px;
	}
#searchpage dl dd input {
	padding:3px;
	}
#searchpage dl dd select {
	min-width:22em;
	padding:3px;
	}

#searchpage p.submit {
	margin:0 auto 40px;
	}
#searchpage p.submit input[type="submit"] {
	padding:3px 25px;
	cursor:pointer;
	}



/* /for PC END */
/*--------------------------------------*/


/*--------------------------------------*/
/* for Tublet */
@media screen and (max-width:999px) {



#mainImg {
	width:100%;
	margin:0 auto;
	}
#mainImg img {
	max-width:100%;
	height:auto;
	}

/* slider & sns button */
ul.sns {
	width:96%;
	}
ul.sns li {
	}



/*--------------------------------------*/
/* category page */
/*--------------------------------------*/

/* category navigation */
.categoryNav {
	}

.categoryNav ul {
	background-size:contain;
	}
.categoryNav ul li {
	width:31%;
	background:none;
	margin:0 2% 0 0;
	}
.categoryNav ul li a {
	}

/* items */
.itemBlock {
	width:22%;
	margin:0 1% 3%;
	}



/*--------------------------------------*/
/* item page */
/*--------------------------------------*/
#itempage {
	margin:0 auto 2%;
	}
#itempage img {
	max-width:100%;
	height:auto;
	}

#itempage .itemImage {
	float:left;
	width:47%;
	margin:0 2% 2% 2%;
	}

#itempage .itemDetail {
	float:left;
	width:46%;
	margin:0 2% 2% 0;
	}


}
/* /for Tublet END */
/*--------------------------------------*/



/*--------------------------------------*/
/* for Smartphone */
@media screen and (max-width:640px) {





/* slider & sns button */
ul.sns {
	margin:0 auto 10px;
	padding:10px 0 0;
	text-align:right;
	}
ul.sns li {
	display:inline-block;
	margin:0 0 0 10px;
	font-size:0;
	}



/*--------------------------------------*/
/* category page */
/*--------------------------------------*/

/* category navigation */
.categoryNav {
	}

.categoryNav ul {
	background:url("../images/cat_nav_sp_bg.png") repeat-y 0 0;
	background-size:contain;
	}
.categoryNav ul li {
	width:46%;
	margin:0 2% 0 0;
	}
.categoryNav ul li a {
	}

/* items */
.itemBlock {
	width:46%;
	min-height:23em;
	margin:0 2% 0;
	}



/*--------------------------------------*/
/* item page */
/*--------------------------------------*/
#itempage {
	}

#itempage .itemImage {
	float:none;
	width:80%;
	margin:0 auto 2%;
	}

#itempage .itemDetail {
	float:none;
	width:80%;
	margin:0 auto 4%;
	}



/*--------------------------------------*/
/* search page */
/*--------------------------------------*/
#searchpage dl dd {
	width:94%;
	margin:0 auto 30px;
	text-align:center;
	}
#searchpage dl dd select {
	width:100%;
	padding:3px;
	}

#searchpage p.submit {
	margin:0 auto 40px;
	text-align:center;
	}
#searchpage p.submit input[type="submit"] {
	padding:5px 8em;
	}




}
/* /for Smartphone END */
/*--------------------------------------*/