@media screen and (min-width: 480px) {
html {
	background:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33131082/pc/new-rice/css3/../images/bg-img.jpg) no-repeat fixed;
	background-size: 100% auto;
	background-position: center bottom;
}
body {
	background:rgba(255,255,255,1);
	max-width:800px;
	font-size: 18px;
}

#item-name{
	color:#A00;
	font-size:1.8em;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}



img {
	width:100%;
}

#top-link {
	font-size:0.9em;
	text-align:left;
}
.main-c {
	max-width:600px;	
	margin:0 auto;
	text-align:center;
}

.ranking-title{
	display:block;
	width:100%;
	height:100px;
	text-align:center;
	font-size:3em;
	margin:auto;
	background-color:#0AF;
	color:#FFF;
}
.ranking {
	width:100%;
	max-height:150px
}

.ranking th{
	width:20%;
	margin:auto;
}
.ranking td{
	width:59%;
}

.ranking #cate{
	width:100%;
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ranking #item-name{
	text-align:left;
	width:100%;
	font-weight:lighter;
	font-size:2em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.margin-top {
	height:30px;
}

.contents {	padding: 5px 0px; width:100%; margin-left:-30px;}

.contents span { color: rgb(0, 0, 0); font-size: 1rem;}

.contents ul { width: 100%; display:flex;flex-wrap:wrap;justify-content: center;list-style: none;}

.contents img {	width: 90%; border:none;}

.contents ul li { padding: 20px 0px; flex:0 0 25%;}

.contents ul li a {	color: rgb(40, 40, 40); font-size: 1.0em; text-decoration:none;}

h3 { color: rgb(0, 0, 0); font-size: 1.25em; }

p.name { color: rgb(0, 0, 0); font-size: 1.25em; font-weight: bold; margin-bottom: 3px; margin-top:3px;}

p.name2 {color: rgb(255, 0, 0); font-size: 1.25em; font-weight: bold; margin-bottom: 3px;}

p.name3 {color: rgb(90, 90, 90); font-size: 1.25em; font-weight: normal; margin-bottom: 3px;}

.contents ul li.contents_box {  flex:0 0 33%; vertical-align: top; display:grid; /*margin-left:-100px;*/}

.contents ul li.contents_box img{border:1px #662 solid;}


.contents ul li.contents_box-j { width:25%; vertical-align: middle; display: grid; /*margin-left:-100px;*/place-items: center;
	background:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33131082/pc/new-rice/css3/../images/menu.png) no-repeat;
	background-size: 90% auto;
	background-position: center center;
	height:150px;

}

.contents ul li.contents_box-n {
	width:25%;
	visibility: collapse;
}

.contents ul li.contents_box-j a{
	display:table;
	height:150px;
	width:100%;
}

.contents ul li.contents_box-j span{ font-size: 1.3em;font-weight: bold;color:#006;display:table-cell;text-shadow:1px 1px 0 #FFF;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	vertical-align:middle;
	text-align:center;

  

	}

.m-title{
	background:url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/bcimg1-a.wowma.net/plus/u33131082/pc/new-rice/css3/../images/sub_title.png) no-repeat;
	background-size: 100% auto;
	background-position:center;
	height:200px;
	width:100%;
	display: grid;
    place-items: center;
	font-size: 2.5em;font-weight: bold;color:#006;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;


}


/*
.m-title{
	position:relative; top:-150px;font-size: 3.5em;font-weight: bold;color:#006;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
*/


.posi{position:relative; top:-70px;}

.contents_after {padding: 5px 0px 0px 0px; margin-top:5px;}

.contents_after p {padding:0px 10px 0px 0px; margin-top:4px; line-height:1.0em;}

.contents .coupon-label{
  background:#CC0000;
  color:#FFFFFF;
  padding:2px 5px 0px 5px;
  border-radius:2px;
  font-size:1.3em;
}

.contents .coupon-label2{
  background: #00F;
  color:#FFFFFF;
  padding:2px 5px 0px 5px;
  border-radius:2px;
  font-size:1.3em;
}

.contents .coupon-label3{
  background: #6C0;
  color:#FFFFFF;
  padding:2px 5px 0px 5px;
  border-radius:2px;
  font-size:1.3em;
}


}