@charset "utf-8";

@media screen and (min-width: 641px) {

.hstar-col__01 dl.prize{
	overflow:hidden;
	width:90%;
	margin:0 auto 20px;
	padding:14px;
	color:#219d8a;
	border:2px dotted #219d8a;
}
.hstar-col__01 dl.prize dt{
	float:left;
	clear:left;
	width:10%;
	margin-right:2%;
	text-align:center;
	border:1px solid #219d8a;
}
.hstar-col__01 dl.prize dd{
	float:left;
	width:88%;
	border:1px solid transparent;
}
.hstar-col__01 dl.prize dd span {font-size:90%;}

#resultWrap{
	margin-top:30px;
	padding:20px 0;
	border:2px dashed #eae6d3;
}
#resultWrap ul.area{
	overflow:hidden;
	margin:0 0 70px;
}
#resultWrap ul.area:first-of-type {margin-bottom:40px !important;}
#resultWrap ul.area:last-of-type {margin-bottom:0 !important;}
#resultWrap ul#prize{
	overflow:hidden;
	margin:0 0 30px;
}
#resultWrap .area li{
	float:left;
	width:calc(100% / 2 - 30px);
	height:640px;
	margin:0 15px;
	text-align:center;
}
#resultWrap #prize li{
	float:left;
	width:calc(100% / 3 - 10px);
	height:400px;
	margin:0 5px;
	text-align:center;
}
.area .award, #resultWrap .award6{
	font-size:32px;
	font-weight:bold;
	color:#d1393f;
	text-align:center;
}
#resultWrap .award6 {margin-bottom:16px;}
.area .award6 {font-size:32px;}
.area .shopName, #prize .shopName{
	background:#7dc60b;
	padding:4px 0;
	font-size:26px;
	font-weight:bold;
	color:#fff;
}
.area .award, .area .awardItem {margin-bottom:2px;}
.area .shopName, #prize .shopName {margin-bottom:16px;}
#resultWrap .area li img{
	max-width:100%;
	max-height:480px;
	margin-top:50%;
	transform:translateY(-50%);
}
#resultWrap .area li.side img{
	max-width:480px;
	max-height:100%;
}
#resultWrap #prize li img{
	max-width:100%;
	max-height:400px;
	margin-top:50%;
	transform:translateY(-50%);
}
#resultWrap #prize li.side img{
	max-width:400px;
	max-height:100%;
}


}

@media screen and (max-width: 640px) {

.hstar-col__01 dl.prize{
	overflow:hidden;
	width:100%;
	margin:0 auto 20px;
	padding:6px 6px 0;
	font-size:14px;
	color:#219d8a;
	line-height:1.5;
	border:2px dotted #219d8a;
}
.hstar-col__01 dl.prize dt{
	float:left;
	clear:left;
	width:14%;
	margin-right:2%;
	text-align:center;
	border:1px solid #219d8a;
}
.hstar-col__01 dl.prize dd{
	float:left;
	width:84%;
	border:1px solid transparent;
}
.hstar-col__01 dl.prize dd span {font-size:90%;}

#resultWrap{
	width:96%;
	margin:16px auto 0;
	padding-top:8px;
	border:2px dashed #eae6d3;
}
#resultWrap ul.area{
	overflow:hidden;
	margin:8px 0 16px;
	padding-bottom:16px;
	border-bottom:2px dashed #eae6d3;
}
#resultWrap ul.area:last-of-type{
	padding-bottom:0;
	border-bottom:none;
}
#resultWrap ul#prize{
	overflow:hidden;
	margin:0;
}
#resultWrap .area li{
	width:90%;
	margin:0 auto 16px;
	text-align:center;
}
#resultWrap #prize li{
	float:left;
	width:calc(100% / 2 - 10px);
	height:260px;
	margin:0 5px;
	text-align:center;
}
.area .award, #resultWrap .award6{
	font-size:22px;
	font-weight:bold;
	color:#d1393f;
	text-align:center;
}
#resultWrap .award6 {margin-bottom:10px;}
.area .award6 {font-size:16px;}
.area .shopName, #prize .shopName{
	background:#7dc60b;
	padding:0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}
.area .award, .area .awardItem{
	margin-bottom:0;
	font-size:22px;
	line-height:1.4;
}
.area .awardItem{
	margin-bottom:6px;
	font-size:14px;
}
.area .shopName, #prize .shopName {margin-bottom:10px;}
#resultWrap .area li img{
	max-width:100%;
	max-height:300px;
}
#resultWrap .area li.side img{
	max-width:300px;
	max-height:100%;
}
#resultWrap #prize li img{
	max-width:100%;
	max-height:160px;
	margin-top:50%;
	transform:translateY(-50%);
}
#resultWrap #prize li.side img{
	max-width:160px;
	max-height:160px;
}

}