@charset "utf-8";
/********** バナー **********/


#index h2{
	margin:6vw 0 0;
	/*border-bottom:4px solid #404040;*/
	position:relative;
	font-weight:bold;
	font-size:5.6vw;
}
#index h2 .icon{
	position:absolute;
	left:2vw;
	bottom:0;
}
#index h2 .icon img{
	height:13vw;
}
#index h2 .label{
	display:block;
	padding:0 0 0 13vw;
	/*color:#0C0059;*/
	color:#FFFFFF;
	background-color:#CC0000;
}
#index .lead {
    font-size:4.2vw;
    padding: 3vw 2vw 0;
}
/********** 内側 **********/
#index .index-inner{
	padding:6vw 2vw;
}

/********** ランキング **********/

#index .ranking-inner{
	margin:0 0 6vw;
}
#index .ranking-inner h3{
	margin:0 0 3vw;
	padding:0 0 1vw;
	border-bottom:solid 3px #ffd300;
	font-weight:bold;
	font-size:5vw;
	color:#FF4700;
}
#index .ranking-inner ul.ranking-box{
	display:flex;
	flex-wrap: wrap;
}
#index .ranking-inner ul.ranking-box li{
	position:relative;
}
#index .ranking-inner ul.ranking-box li.rank1{
	width:100%;
	margin:0 0 2vw;
}
#index .ranking-inner ul.ranking-box li.rank2{
	width:49%;
	margin:0 2% 2vw 0;
}
#index .ranking-inner ul.ranking-box li.rank3{
	width:49%;
	margin:0 0 2vw;
}

#index .ranking-inner ul.ranking-box li img{
	width:100%;
}
#index .ranking-inner ul.ranking-box li.rank1::before{
	content:"";
	background:url(/sp/bounenkai/images/index/icon-rank1.png) no-repeat 0 0;
	background-size:100%;
	width:11vw;
	height:10vw;
	position: absolute;
}
#index .ranking-inner ul.ranking-box li.rank2::before{
	content:"";
	background:url(/sp/bounenkai/images/index/icon-rank2.png) no-repeat 0 0;
	position:relative;
	background-size:100%;
	width:11vw;
	height:10vw;
	position: absolute;
}
#index .ranking-inner ul.ranking-box li.rank3::before{
	content:"";
	background:url(/sp/bounenkai/images/index/icon-rank3.png) no-repeat 0 0;
	position:relative;
	background-size:100%;
	width:11vw;
	height:10vw;
	position: absolute;
}
#index .ranking-inner ul.ranking-box li a{
	display:block;
}
#index .ranking-inner ul.ranking-box li.rank1 a{
	width:100%;
	display:flex;
	margin:0 0 2%;
}
#index .ranking-inner ul.ranking-box li a .thumb{
	display:block;
	margin:10vw 0 2vw;
}
#index .ranking-inner ul.ranking-box li.rank1 .thumb{
	margin:10vw 0 0;
	width:49%;
}
#index .ranking-inner ul.ranking-box li a .thumb img{
	width:100%;
	height:auto;
}
#index .ranking-inner ul.ranking-box li.rank1 .name-price{
	margin:10vw 0 0 2%;
	width:49%;
}

#index .ranking-inner ul.ranking-box li a .name{
	display:block;
	margin:0 0 2vw;
	font-size:4.2vw;
}

#index .ranking-inner ul.ranking-box li a .price{
	display:block;
	font-size:4.2vw;
}
/********** 戻るボタン **********/
#index .clearfix-2{
	margin: 30px 0;
	text-align: center;
}
#index .clearfix-2 img{
	width: 70%;
}