@charset "UTF-8";
@import url("/css/global-sp.css");
/* CSS Document */

#content-main {
	background:url(../images/index/main-sp.jpg) no-repeat;
	background-size:cover;
	width:100%;
	box-sizing:border-box;
	padding:5px 0
}
#content-main-container {
	position:relative;
	background:rgba(255,255,255,0.5);
	border-radius:15px;
	box-sizing:border-box;
	margin:0px 10px 5px;
}
.main-title {
	background:#0075c1;
	border-radius:15px 15px 0 0;
}
img.index-top-sp {
	width:100%;
}

/*　
	コンテンツ
*/
ul.index-topranking-area{
	margin-top:20px;
}
ul.index-ranking-area{
}
ul.index-topranking-area li.start-area{
	width:100%;
	margin:0 10px 10px 0;
	padding:0;
	vertical-align:top;
	display:inline-block;
	position:relative;
}
ul.index-ranking-area li.start-area{
	width:49.5%;
	margin:0 1% 5px 0;
	padding:0;
	vertical-align:top;
	display:inline-block;
}
ul.index-ranking-area li.start-area:nth-child(2n){
	margin:0 0 5px 0 !important;
}
.start-gold:before {
	content:"";
	width:40px;
	height:40px;
	background:url("/images/index/medal-gold.png");
	background-size:contain;
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:1;
}
.start-silver:before {
	content:"";
	width:40px;
	height:40px;
	background:url("/images/index/medal-silver.png");
	background-size:contain;
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:1;
}
.start-bronze:before {
	content:"";
	width:40px;
	height:40px;
	background:url("/images/index/medal-bronze.png");
	background-size:contain;
	position:absolute;
	top:-10px;
	left:-10px;
	z-index:1;
}
ul.index-topranking-area li.start-area:nth-child(3n){
	margin:0 0 10px 0;
}
ul.index-ranking-area li.start-area:nth-child(4n){
	margin:0 0 10px 0;
}
ul.index-topranking-area li.start-area a{
	background:#eee;
	width:100%;
	height:80px;
	border-radius:8px;
	display:block;
	transition: all 0.4s ease;
}
ul.index-topranking-area li.start-area a:hover{
	background:#82ccec !important;
	transition: all 0.4s ease;
}
ul.index-topranking-area li.start-area a:hover img{
	opacity:1 !important;
}
ul.index-ranking-area li.start-area a{
	background:#eee;
	height:50px;
	width:100%;
	border-radius:8px;
	display:block;
	transition: all 0.4s ease;
}
ul.index-ranking-area li.start-area a img{
	opacity:1 !important;
}
ul.index-ranking-area li.start-area a:hover{
	background:#82ccec !important;
	transition: all 0.4s ease;
}
ul.index-topranking-area li.start-area .start-left{
	text-align:center;
	margin:auto  ;
	padding:10px;
	vertical-align:top;
	display:inline-block;
}
ul.index-ranking-area li.start-area .start-left{
	display:none;
}
ul.index-topranking-area li.start-area .start-left img{
	width:60px;
	height:60px;
}
ul.index-topranking-area li.start-area .start-left img:hover {
	opacity:1 !important;
}
ul.index-ranking-area li.start-area .start-left img {
}
ul.index-ranking-area li.start-area .start-left img:hover {
	opacity:1 !important;
}
ul.index-topranking-area li.start-area .start-right{
	margin:0 auto;
	padding:10px 0;
	vertical-align:top;
	display:inline-block;
}
ul.index-ranking-area li.start-area .start-right{
	margin:0 auto;
	padding:0 0 0 5px;
	vertical-align:top;
	display:inline-block;
}
ul.index-topranking-area li.start-area .start-right h4.start-right-title{
	color:#000 !important;
	font-size:1.8rem !important;
	white-space:nowrap;
	overflow:hidden;
	margin:0 !important;
	background:none !important;
	border:none !important;
	padding:0 !important;
	text-shadow:none !important;
	font-weight:bold !important;
	display:inline-block !important;
	line-height:60px;
	width:130px;
	text-align:center;
}
ul.index-ranking-area li.start-area .start-right h4.start-right-title{
	color:#000 !important;
	font-size:1.2rem !important;
	white-space:nowrap;
	overflow:hidden;
	background:none !important;
	border:none !important;
	padding:0 !important;
	margin:0 !important;
	text-shadow:none !important;
	font-weight:bold !important;
	line-height:50px;
	display:inline-block !important;
	width:80px;
	text-align:center;
}
ul.index-topranking-area li.start-area .start-right .index-lowest-price{
	color:#f30;
	font-size:3.0rem;
	font-family:'Century Gothic',sans-serif;
	display:inline-block;
	vertical-align:top;
	width:100px;
	text-align:center;
	line-height:60px;
}
ul.index-ranking-area li.start-area .start-right .index-lowest-price{
	color:#f30;
	font-size:2rem;
	font-family:'Century Gothic',sans-serif;
	vertical-align:top;
	line-height:50px;
	display:inline-block;
}
.index-lowest-price:before{
	content:"¥";
}
.index-lowest-price:after{
	content:"〜";
	font-size:50%;
}
.ranking-date {
	float:right;
	font-size:1.0rem;
	position:relative;
	top:10px;
	right:10px;
}

/*index上部のコンテンツ*/
#index-toptext {
	display:inline-block;
	margin:0 0 20px 0;
	vertical-align:top;
}
#index-toptext p {
	padding:5px;
}
#index-carrierpage {
	display:inline-block;
	vertical-align:top;
}
#index-carrierpage li {
}
#index-carrierpage li:nth-child(3n) {
	margin:0 !important;
}z