/* =====================================================================
list.css
================================================================== */


/* ==========================================================================
punkuzu
========================================================================== */
#punkuzu {
	font-size: 12px;
	margin-bottom: 30px;
}

#punkuzu a{
	text-decoration: underline;
}

/* ==========================================================================
list top
========================================================================== */
#list-top{
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	max-width: 980px;
	height:240px;
	margin: 0 auto;
	top:50px;
}

#list-top h2{
	position: absolute;
	top: 40%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 30px;
	left: 10px;
}

#list-top h3{
	position: absolute;
	top: 56%;
	font-size: 20px;
	left: 10px;
}

/* ==========================================================================
list
========================================================================== */
#list {
	margin-bottom: 30px;
}

#list ul{
	display: flex;
	flex-wrap: wrap;
}

#list ul li {
	margin-left: 1.3%;
	margin-top: 20px;
	width:32%;
	position: relative;
}

#list ul li.start {
	margin-left: 0 !important;
}

#list ul li .yakei100zan {
    position: absolute;
    right: 1px;
    top: 1px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    width: auto;
    padding: 5px;
    margin: 0px;
}

#list ul li .sandaiyamayakei {
    position: absolute;
    right: 1px;
    top: 1px;
    color: gold;
    background-color: rgba(0, 0, 0, 0.3);
    width: auto;
    padding: 5px;
    margin: 0px;
}

#list ul li img{
	border: solid 1px #999;
	width: 100%;
}

#list ul li h4{
	color: #00d9e2;
	font-size: 16px;
	padding: 3px 0;
}

#list ul li div{
	font-size: 12px;
	line-height: 18px;
}

.star{
	color: yellow;
}

.redstar{
	color: orange;
}

/* ==========================================================================
スマホ
========================================================================== */
@media only screen and (max-width: 738px){
	#list-top{
		width: 100%;
	}

	#list ul li {
		margin-top: 20px;
		width:48%;
	}

	#list ul li .tozan{
		display: block;
	}

}