@charset "UTF-8";

/*
	利用した時のお話
------------------------------------------ */
#top .firstCon p {
	padding: 0 0.8rem;
}

/*
	遺品買取がおすすめ
------------------------------------------ */
#top .osusumeCon > div {
	margin-bottom: 30px;
}

#top .osusumeCon > div >img {
	width: 70%;
	max-width: 280px;
	margin: 0 auto 20px;
}

#top .osusumeCon p {
	padding: 0 0.8rem;
}

#top .osusumeCon ul {
	margin: 16px 0.6rem;
	padding: 10px 0.6rem 2px;
	border: 2px solid #439b55;
	background: #f4f4f4;
}

#top .osusumeCon ul li {
	padding-bottom: 8px;
	font-size: 15px;
}

#top .osusumeCon ul li span {
	color: #439b55;
	font-size: 18px;
	font-weight: bold;
}

/*
	業者ランキング
------------------------------------------ */

#top .rankingCon {
	margin: 0.6rem;
	padding: 0.6rem 0.8rem;
	border: 1px solid #bbb;
}

#top .rankingCon h3 {
	height: 60px;
	line-height: 60px;
	color: #439b55;
	font-size: 20px;
}

#top .rankingCon h3.rank1 {
	background:url(../img/top/ranking_icon1.png) no-repeat left center;
	background-size: 54px;
	padding-left: 68px;
	margin-bottom: 10px;
}

#top .rankingCon h3.rank2 {
	background:url(../img/top/ranking_icon2.png) no-repeat left center;
	background-size: 54px;
	padding-left: 68px;
	margin-bottom: 10px;
}

#top .rankingCon h3.rank3 {
	background:url(../img/top/ranking_icon3.png) no-repeat left center;
	background-size: 54px;
	padding-left: 68px;
	margin-bottom: 10px;
}

#top .rankingCon > div > img {
	width: 100%;
	max-width: 270px;
	margin: 0 auto 20px;
	border: 1px solid #bbb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#top .rankingCon .shopData p {
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #72c082;
	color: #fff;
}

#top .rankingCon .shopData ul {
	margin-top: 16px;
}

#top .rankingCon .shopData ul li {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #bbb;
	padding-left: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #494949;
}

#top .rankingCon .shopData ul li:first-child {
	border-top: 1px solid #bbb;
}

/* 星8*/
#top .rankingCon .shopData ul li.star8 {
	background:url(../img/common/starimg_8.png) no-repeat 98% center;
	background-size: 170px;
}
/* 星7*/
#top .rankingCon .shopData ul li.star7 {
	background:url(../img/common/starimg_7.png) no-repeat 98% center;
	background-size: 170px;
}
/* 星6*/
#top .rankingCon .shopData ul li.star6 {
	background:url(../img/common/starimg_6.png) no-repeat 98% center;
	background-size: 170px;
}
/* 星5*/
#top .rankingCon .shopData ul li.star5 {
	background:url(../img/common/starimg_5.png) no-repeat 98% center;
	background-size: 170px;
}

#top .rankingCon .textBox {
	margin: 30px 0;
}

#top .rankingCon .textBox p{
	padding: 0 0.4rem;
}

#top .rankingCon .btnCon div {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin-bottom: 16px;
}

#top .rankingCon .btnCon div a {
	display: block;
	color: #fff;
	background:url(../img/common/arrow_r_wi.svg) no-repeat 95% center;
	background-size: 20px;
	padding-left: 16px;
}

#top .rankingCon .btnCon div:hover {
	opacity: 0.9;
}

#top .rankingCon .btnCon .infoBtn {
	background: #b3ba83;
	background: -moz-linear-gradient(top, #b3ba83 0%, #a4ab78 100%);
	background: -webkit-linear-gradient(top, #b3ba83 0%,#a4ab78 100%);
	background: linear-gradient(to bottom, #b3ba83 0%,#a4ab78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ba83', endColorstr='#a4ab78',GradientType=0 );
}

#top .rankingCon .btnCon .koushikiBtn {
	background: #7aa2c3;
	background: -moz-linear-gradient(top, #7aa2c3 0%, #6e92b0 100%);
	background: -webkit-linear-gradient(top, #7aa2c3 0%,#6e92b0 100%);
	background: linear-gradient(to bottom, #7aa2c3 0%,#6e92b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aa2c3', endColorstr='#6e92b0',GradientType=0 );
}