@charset "shift_jis";
/* CSS Document */





#ranking_futon { margin:5% 0 0 0; text-align:center; width:750px;}
#ranking_futon a{ position:relative; display:block;}
#ranking_futon .title ,#ranking_futon .sub { font-weight: nomal; letter-spacing: 1.5px;}
#ranking_futon p { color:#313333; margin-bottom:1%; letter-spacing:2px; font-weight:bold;font-family:"Century Gothic",Verdana,Arial,sans-serif;}
#ranking_futon .title { padding:3% 0; background:#830606; color:#FFFFFF;width:100%; margin-bottom:2%; font-size:2.5vw;}
#ranking_futon .sub { color:#830606; font-size:1.5vw;}

#ranking_futon ul.list li p { color: #FFF; letter-spacing:1px; font-family:"Century Gothic",Verdana,Arial,sans-serif; text-align:center;    font-weight: normal; font-size:3vw; padding-top:5%;}
#ranking_futon ul.list { width:100%; margin:0 auto; padding-bottom: 3%;}
/*#ranking_futon ul.list li { width:32%; margin-right:2%; margin-bottom: 2%; float:left; position: relative;}*/

#ranking_futon ul.list li { width: 33.33%; float:left; position: relative; text-align:center; padding-top:2.5%;}
#ranking_futon ul.list li a { padding:0; font-size:1.5vw; color:#FFFFFF;letter-spacing:1px;}
#ranking_futon ul.list li.no1 { background:#e44939;}
#ranking_futon ul.list li.no2 { background:#8c8f9b;}
#ranking_futon ul.list li.no3 {  background:#d69e6d;}
#ranking_futon ul.list li img { padding:5% 0 8% 0;}
#ranking_futon ul.list li img.no23 { padding:13% 0 15% 0;}
#ranking_futon ul.list li.no1::before {
	
	background: url(../IMAGE/item/ranking_futon_b/ranking_i_no1.jpg) no-repeat;
	content: ' ';
	position: absolute;
	top: 13%;
    left: 12%;
    width: 20%;
    height: 20%;
    display: inline-block;
    background-size: contain;
	}
	
	
#ranking_futon ul.list li.no2::before {
	
	background: url(../IMAGE/item/ranking_futon_b/ranking_i_no2.jpg) no-repeat;
	content: ' ';
	position: absolute;
	top: 12.4%;
    left: 12%;
    width: 21.5%;
    height: 21.5%;
    display: inline-block;
    background-size: contain;
	}
		
#ranking_futon ul.list li.no3::before {
	
	background: url(../IMAGE/item/ranking_futon_b/ranking_i_no3.jpg) no-repeat;
	content: ' ';
	position: absolute;
	top: 13%;
    left: 12%;
    width: 20%;
    height: 20%;
    display: inline-block;
    background-size: contain;
	}


#ranking_futon ul.list .col3 li .no1 { color: #CCC;}
#ranking_futon ul.list .col3 li p.shousai{ color: #000; letter-spacing:2px; font-family:"Century Gothic",Verdana,Arial,sans-serif; font-weight: bold; padding: 4%;}
#ranking_futon ul.list .col3 li p.icon { display: inline-block; padding: 0.1em 0.4em; color: #67c5ff; border: solid 2px #67c5ff; border-radius: 3px; transition: .4s; margin: 8% 2% 0 0;
}

#ranking_futon ul.col3 li:nth-child(3n) {margin-right: 0px;}

#ranking_futon #rank li:nth-child(3n) {margin-right: 0px;}
#ranking_futon #ori li:nth-child(4) {margin-right: 0px;}
#ranking_futon #takino li:nth-child(3n) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(7) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(10) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(4) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(13) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(16) {margin-right: 0px;}
#ranking_futon #sido li:nth-child(19) {margin-right: 0px;}

#ranking_futon .item_name { color:#000; font-weight:normal; margin:3% 0 0 1%; line-height:1.7em;} 
#ranking_futon .item_name span { font-weight:bold; display:block;}



#ranking_futon .rank { width:30%; margin: 0 auto 5% auto;}
#ranking_futon #all_btn { clear: both; margin: 5% 0; font-size: 1.5vw; letter-spacing: 1px; text-align: center}

#ranking_futon #all_btn a{width: 60%; margin: 0% auto; background-color: #830606; border-radius: 10px; color: #FFFFFF; clear: both; padding: 1.5%; display: block;}

#ranking_futon ul {
    display: flex;
}




#ranking_futon h2{
	clear: both;
	width: 100%;
	text-align: center;
	margin: 8% 0 2% 0 ;
	color: #fff;
	/*border: solid 2px #830606;*/ 
	font-size: 1.8vw;
	font-weight: bold;
	letter-spacing: 1.5px;
	background-color: #830606;
	padding: 1.5% 0;
}


#ranking_futon .itemname {
  position: relative;
  float: left;
  margin-top: -3%;
  width:250px;
  }

#ranking_futon .itemname p {
  position: absolute;
  top: 15%;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 15px;
  width:100%;
  }
  
#ranking_futon .itemname .prices {
  position: absolute;
  top: 60%;
  left:16%;
  color: #313333; 
  font-weight:bold; 
  font-family:"Century Gothic",Verdana,Arial,sans-serif;
  font-size: 3vw;
  }


#ranking_futon .clearfix::after {
	content:".";
	
	height:0;
	clear:both;
	visibility:hidden;
}

#ranking_futon.clearfix{
	zoom:1;/*IE5.5-7*/
}

/* ■■■■■ 3カラム ■■■■■ */

/*商品枠*/

#ranking_futon .ul_3 {
	width: 100%;
	margin:0;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	text-align: center;
}
#ranking_futon .ul_3 dl{
	background-color:#fff;
	margin:0 0 30px 0;
	width:92%;
	text-align:center;
	border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
}


#ranking_futon .ul_3 li{
  display: table-cell;
  vertical-align: middle;
  
}
/*#ranking_futon .ul_3 dl dt,
#ranking_futon .ul_3 dl dd{
	margin:5px 5px 0 5px;
}*/
#ranking_futon .ul_3 dt{
	 display: table-cell;
	vertical-align: middle;
	height:2em;
	text-align:left;
	font-size:17px;
	font-weight:700;
	padding:3px 5px;
}
#ranking_futon .ul_3 dd.image{
	margin:0 auto;
	text-align:center;
}
#ranking_futon section h3{
	padding: 0 !important ;
}
#ranking_futon section h3 img{
	padding: 0 !important ;
}
#ranking_futon .ul_3 .image img{
	width:230px;
	height:230px;
	padding: 0 !important ;
}
#ranking_futon .ul_3 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#ranking_futon .ul_3 dd.text{
	height:4em;
	border-bottom:1px dashed #999;
	padding:4px 0;
	font-size:14px;
	line-height:140%;
}
#ranking_futon .ul_3 dd.price{
	padding:2% 0;
	text-align:center;
	height:24px;
}

/*価格プログラム 3カラム*/

#ranking_futon .ul_3 .buy_price, #ranking_futon .ul_3 .buy_price li {
	float: none;
	line-height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;	
}

#ranking_futon .ul_3 li.price {
	color: #ff0000;
	font-size: 1.5vw;
	border: none;
	font-weight: bold;
}
#ranking_futon .ul_3 li .intax {
	font-size: 0.5vw;
	color: #ff0000;
	border: none;
}

/*価格プログラム*/

#ranking_futon .buy_price{
	color: #ff0000;
	font-weight:bold;
	font-family:"Century Gothic",Verdana,Arial,sans-serif;
	margin:2% 0 10% 0;
	font-size: 2vw;
 }
#ranking_futon .buy_price li{
	display: inline;
 }
#ranking_futon li.price{
	color: #ff0000;
	font-size: 2vw;
	border: none;
	font-weight: bold;
 }
#ranking_futon .motoprice{ 
	display:inline
}
#ranking_futon span.spesicalprice{
	font-size: 1vw;
	color: #00F;
	font-weight: bold;
	width: 120px;
	text-align: center;
	padding-right:5px;
}
#ranking_futon .intax{
	font-size: 1vw;
	color: #ff0000;
	border: none;
}

/* 2021.07 改修 */
#ranking_futon .itemname p {
  top: 10%;
  line-height: 1.2;
  }
#ranking_futon .itemname .prices {
  width: 100%;
  top: 25%;
  left: 0;
  }
#ranking_futon .itemname .buy_price ul {
	line-height: 1;
}
#ranking_futon .itemname .buy_price ul li,
#ranking_futon .itemname .buy_price ul li.price .spesicalprice {
	display: inline-block!important;
	width: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
#ranking_futon .itemname .buy_price ul li.price,
#ranking_futon .itemname .buy_price ul li.intax {
	display: inline!important;
	width: 100%;
	line-height: 1;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	margin: 10px 0 0 60px;
}

#ranking_futon .itemname .buy_price ul li.intax {
	margin-left: -20px;
}