/***　タイトル上部　***/
#main #title{
        width:100%;
        height:auto;
        padding:5px 0;
        margin:0 auto 5px auto;
        font-size:13px;
        line-height:1.4;
        text-align:center;
        background:#f2f2f2;
        border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
#main #title h2{
	width:100%;
	padding:10px 0;
	margin:0 auto 10px auto;
	border-bottom:1px dotted #ccc;
	font-size:12px;
	font-weight:normal;
	display:block;
}
#main #title h2 span.h2Sub{
	width:100%;
	padding:10px 0;
	margin:0 auto;
	font-size:30px;
	display:block;
}
#main #title p.display{
	width:100%;
	padding:10px 0;
	margin:0 auto;
	font-size:16px;
	display:block;
}
#main #title .pankuzu{
        width:100%;
        height:auto;
        margin:0 auto;
        overflow:hidden;
}
#main #title .pankuzu a{text-decoration:underline;}
#main #title .pankuzu a:hover{text-decoration:none;}

/***　タイトル下部　***/
#main .title-bottom{
        width: 100%;
        height:auto;
        padding:5px 0;
        margin:0 auto 10px auto;
        overflow:hidden;
        font-size:13px;
        text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
#main #title-bottom-grp{height:auto;overflow:hidden;}
#main #title-bottom-grp-2{height:auto;overflow:hidden;}

/*　サブカテゴリー　*/
#main ul.sub-cat-group{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
#main ul.sub-cat-group li{
	display:block;
	border:1px solid #ccc;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
#main ul.list-2 li{width:49.5%;margin:0 0.5% 5px 0;}
#main ul.list-2 li:nth-child(2n){width:50%;margin:0 0 5px 0;}
#main ul.list-3 li{width:33%;margin:0 0.5% 5px 0;}
#main ul.list-3 li:nth-child(3n){width:33%;margin:0 0 5px 0;}
@media only screen and (max-width: 630px) {
#main ul.list-3 li{width:100%!important;margin:0 auto 5px auto;}
}
#main ul.list-4 li{width:24.5%;margin:0 0.5% 5px 0;}
#main ul.list-4 li:nth-child(4n){width:25%;margin:0 0 5px 0;}
@media only screen and (max-width: 630px) {
#main ul.list-4 li{width:100%!important;margin:0 auto 5px auto;}
}
#main ul.sub-cat-group li a{
	width:100%;
	padding:10px 0;
	display:block;
	background:#fff
}
#main ul.sub-cat-group li a:hover{
	background:#ccc;
}
/* カテゴリー/グループ･フリースペース */
div.catFreespace{
	width:100%;
	height:auto;
	padding:10px;
	margin:0 auto;
	display:block;
	overflow:hidden;
	border:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
/* パンくず */
ul.sub-cat-group-pankuzu{
	width:100%;
	margin:0 auto 50px auto;
	display:block;
	overflow:hidden;
}
ul.sub-cat-group-pankuzu li{
	margin:0 3px 0 0;
	display:inline-block;
	float:left;
}
ul.sub-cat-group-pankuzu li a{
	padding:3px;
	display:inline-block;
}



/***　ソート　***/
#main .sort{
        width:99%;
        margin:20px auto;
        text-align:center;
}
/***　ページネーション　***/
#main ul.direction{
  width: 99%;
  height:auto;
  padding:0 42px;
  font-size:14px;
  text-align:center;
  overflow:hidden;
  position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
ul#top-direction{
  margin:30px auto;
}
ul#bottom-direction{
  margin:30px auto 100px auto;
}
#main ul.direction li{
  width:auto;
  height:auto;
  margin:0 auto;
  display:inline-block;
  text-align:center;
  overflow:hidden;
}
#main ul.direction li.active{
	width: 34px;
	height:	34px;
	padding: 4px 0;
	background:#ccc;
	line-height: 1.8;
    border:1px solid #ccc;
	box-sizing: border-box;
}
#main ul.direction li a{
	width: 34px;
	height:34px;
	padding: 3.5px 0;
	display:block;
	line-height: 1.8;
  border:1px solid #eee;
    background:#fff;
  	box-sizing: border-box;
}
#main ul.direction a:hover{
    border:1px solid #ccc;
  color:#000;
  background:#ccc;
}
#main ul.direction li.arrowNext,
#main ul.direction li.arrowPrev{
  position:absolute;
}
#main ul.direction li.arrowNext a,
#main ul.direction li.arrowPrev a{
  font-size:30px;
  line-height:0.85;
  border:none;
  color:#ccc;
}
#main ul.direction li.arrowNext a:hover,
#main ul.direction li.arrowPrev a:hover{
  background:#fff;
  color:#000;
}
ul#top-direction li.arrowNext,
ul#top-direction li.arrowPrev,
ul#bottom-direction li.arrowNext,
ul#bottom-direction li.arrowPrev{
	top:50%;
	margin-top:-19px;
}
ul#top-direction li.arrowNext{right:0;}
ul#top-direction li.arrowPrev{left:0;}
ul#bottom-direction li.arrowNext{right:0;}
ul#bottom-direction li.arrowPrev{left:0;}

/***　商品画像表示　***/
#main ul.img-list{
        width:100%;
        font-size:11px;
  		line-height:1.4;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
#main ul.img-list li{
        width:32.33%;
        margin:0 0.5% 80px 0.5%;
        height:auto;
  		overflow:hidden;
        float:left;
}
#main ul.img-list li a{
        width:100%;
  		height:100%;
        display:block;
}
#main ul.img-list li a span.imgWrap{
        width:100%;
  		height:auto;
  		margin:0 auto 2px auto;
  		overflow:hidden;
        display:block;
 		 border:1px solid #ccc;
  	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
#main ul.img-list li a img{
        width:100%;
  		height:auto;
        display:block;
}
#main .model-name{
  width:100%;
  height:45px;
  overflow:hidden;
}
#main .model-nameInner{
  width:100%;
  height:45px;
  display: -webkit-box;
	-webkit-line-clamp: ;
	-webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow: hidden;
}
#main .price{
         width:100%;
         padding:3px 0 0 0;
         margin:3px auto 0 auto;
         text-align:right;
         font-weight:bold;
         display:block;
         color:#f36;
         border-top:1px solid #ccc;
}
#main .no-item{
	width:100%;
	padding:50px 0;
	margin:50px auto;
	text-align:center;
	font-size:16px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
ul#ure-navi{
	width:100%;
	margin:0 auto 30px auto;
        text-align:left;
        font-size:10px;
}

ul#ure-navi li{
	width:160px;
	height:250px;
	margin:0 10px 10px 10px;
        text-align:right;
        line-height:1.1em;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}

ul#ure-navi img{
        width:160px;
        height:200px;
	border:1px solid #000;
        overflow:hidden;
}

ul#ure-navi .ure-navi-name{
        width:100%;
        height:28px;
}
ul#ure-navi .ure-navi-price{
        width:100%;
        height:15px;
}

#main h3{
        width: 100%;
        margin:0 auto 10px auto;
        padding:5px 30px;
        text-align:center;
        font-size:13px;
        background:#eee;
        border:1px solid #ccc;
}
/****************************************************
 *	-600px
 ****************************************************/
@media only screen and (max-width: 600px) {
  #main ul.img-list li {
    width: 49%;
  }
  	#main ul.direction li.active,
	#main ul.direction li a{

	}
	#main #title h2{
		font-size:11px;
	}
	#main #title h2 span.h2Sub{
		font-size:20px;
	}
}