/*CSS編集について*/
/*値を変更する際には半角小文字英数字を使用*/
/*誤って全角スペースを入れないようご注意ください。*/
/*横幅を変更する場合は『●サイズ調整１?３』のpx数を調整します。*/



/*◇◇◇外枠全体◇◇◇*/
.wrap{
width: 100%;/*全体幅*//*●サイズ調整１*/
padding: 0px;
margin:0px auto;/*全体の外側マージン*/
/*border: 1px #D4D4D4 solid; /*線幅 ｜ 線色 | 線種 (点線はdotted 破線はdashed）*/
background-color: #ffffff;/*全体背景色*/
width:100%;
text-align:left;
}



/*◇◇◇商品画像の設定◇◇◇*/
.pict{
margin-right: auto;
margin-left: auto;
text-align: center;
border: 3px solid #fff;/*商品画像に付ける枠線*/
width: 93%;
box-shadow: 0 0 2px #b0b0b0;
}



a{ text-decoration: none; } /* none → underlineで下線有り */
a:link{color: #555; } /* 商品名のフォント色 */
a:visited{ color: #555; } /* クルック済みの色 */
@media screen and ( min-width: 480px ){
a:hover{
color: #16ABFF; /* マウスを当てた時の色 */
text-decoration: ; /* マウスオンで下線underline、下線なし none */
/* background-color: #FFFF99;*/
}
}




/*◇◇◇マウスオーバーで画像を白色化◇◇◇*/

/*マウスをリンク付き画像に乗せると色が薄くなります。*/
/*効果を「なし」にしたい場合は下記を削除してください。*/
@media screen and ( min-width: 480px ){
a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
}
}
/*◇◇◇各商品セル単位の設定◇◇◇*/

.item-cell{
text-align: center; /* 左寄 left 中央 center 右寄 right */
}

/*------------------------------------------------------------
●全体設定
------------------------------------------------------------*/

body{
margin: 0;
font-family: "ＭＳ Ｐゴシック","平成角ゴシック",sans-serif;/*フォントタイプ*/
padding:0;
overflow: hidden;
}



/*◇データ一覧設定◇*/

ul.ichiran {
list-style-type: none;
margin: 0px;
padding: 2% 1% 2% 2%;
}

ul.ichiran li {
margin: 0px;
float: left;
width: 22.9%;/*●商品ボックス幅　（目安） 6列14.5%、5列18%、4列22.9%、３列31.1%、２列48%、１列97.5%*/
height: 100px;/*●商品ボックス高さ

(目安）
＊商品名・価格あり/なしや、商品名の表示文字数設定で変わります。
（下記は文字数18文字、価格ありの目安です）

PCで幅700px時
　　　　高さ　　幅
　6列　190px　14.5%
　5列　220px　18%
　4列　240px　22.9%
　3列　300px　31.1%

スマホ向け利用
　　　　高さ　　幅
　6列　190px　14.5%
　5列　220px　18%
　4列　220px　22.9%
　３列　220px　31.1%
　２列　250px　48%
　1列　450px　97.5%

*/

padding-top: 0px;
padding-right: 2%;
padding-bottom: 0px;
padding-left: 0px;
}


@media screen and ( min-width: 480px ){
/*◇◇◇商品画像の設定◇◇◇*/
.pict{
border: 5px solid #fff;/*商品画像に付ける枠線*/
width: 230px;/*●サイズ調整３*//*大きさを横幅で指定*/
/*float: right;*/
box-shadow: 0 0 10px #e0e0e0;
}


/*◇データ一覧設定◇*/

ul.ichiran {
list-style-type: none;
margin: 10px 0px 0px 0px;
padding: 2px 0px 2px 0px;
}

ul.ichiran li {
margin: 0px;
float: left;
text-align: center; /* 左寄 left 中央 center 右寄 right */
width: 262px;/*●商品ボックス幅*/
height: 262px;/*●商品ボックス高さ*/
padding:0px;
}
}