@charset "UTF-8";
/*************************
価格表15

 *************************/

.text02{
	margin-bottom:50px;
}

.beans{
	position:relative;
	border:solid 3px #7bac2f;
	padding:45px 30px 30px;
	margin-bottom:60px;
}

.beans_ttl{
	padding:10px 15px;
	background:#7bac2f;
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}

.rank{
	margin-bottom:50px;
}

.graph img{
	margin-bottom:20px;
}

.ranklist{
	padding-left:3rem;
}

.ranklist li{
	list-style-type:decimal-leading-zero;
	margin-bottom:10px;
}

.ranklist li:last-child{
	margin-bottom:0;
}

.rank_text{
	padding:30px;
	border:solid 1px #ccc;
}

.miwa{
	margin-bottom:60px;
}

.pick_ttl{
	margin-bottom:30px;
	text-align:center;
}

.pick_ttl span{
	font-size:18px;
	font-weight:bold;
}

.pick_box{
	text-align:center;
	padding:20px;
	border:solid 1px #ccc;
}

.pick_box img{
	margin-bottom:20px;
	width:114px;
	height:auto;
}

.pick_box h6{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

.pick_text{
	text-align:left;
}


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

.beans_ttl{
	position:absolute;
	top:-20px;
	left:30%;
}

.graph{
	float:right;
	width:30%;
}

.ranklist{
	float:right;
	width:66%;
	margin-right:4%;
}

.pick_box{
	float:left;
	width:48%;
}

.float .pick_box:first-child{
	margin-right:4%;
}

.miwa .float .pick_box:first-of-type,
.miwa .float .pick_box:nth-of-type(2){
	margin-bottom:30px;
}

.pick_box img{
	width:114px;
	height:auto;
}

.pick_text{
	min-height:126px;
}


}

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

.beans{
	padding:20px;
}

.beans_ttl{
	left:0;
	font-size:14px;
	width:100%;
	margin:0 auto 20px;
}

.graph{
	margin-bottom:50px;
	text-align:center;
}

.graph img{
	width:75%;
	height:auto;
}

.rank_text{
	padding:20px;
}

.rank_text p br{
	display:none;
}

.graph figcaption{
	text-align:left;
}

.pick_box{
	margin-bottom:30px;
}

.float .pick_box:last-child{
	margin-bottom:0;
}

}