body {
background-color: #ffffff;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-overflow-scrolling: touch;
font-weight: 500;
color: #222222;
width: 100%;
max-width: 100%;
}

#category img{
width: 100%;
}

#titlewrap{
background-color: brown;
padding: 10px 0 8px;
max-width: 1100px;
margin: 20px auto 10px;
box-sizing: border-box;
}

h3{
color: white
}
    
.rank{
margin: 10px 0 0px;
display: block;
font-size: 1.5em;
line-height: 1.5em;
height: 50px;
text-align: center;
overflow: hidden;
color: brown;
font-weight: bold;
}

.name{
margin: 10px 0 0px;
display: block;
font-size: 1em;
line-height: 1.5em;
height: 60px;
text-align: center;
overflow: hidden;
}

/*商品画像に影*/
.cate-box img{
  box-shadow: 1px 3px 15px -10px grey
}

/*ランキング商品画像に影*/
.ranking img{
  box-shadow: 1px 3px 15px -10px grey
}