﻿@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Tienne:400,900);
/******************
■COMMON
*******************/
body{font-size:11px;color: #000000;margin: 0px;}/*font-size_11px_to_3.15vw*/

td, th, p, li, dt{line-height: 1.2}
ul, ol, dl{list-style-type: none}
a img{border: none}/* IE用 */
a {color: #000000;text-decoration: none}
a:visited { text-decoration: none}
a:hover{opacity: 0.7;filter: alpha(opacity=70)}
a:hover img{opacity: 0.7; filter: alpha(opacity=70)}

/***********************
■CONTENT
***********************/
/*:::::::::レイアウト:::::::*/
#ecdb_CrdntRank{
	text-align:center;
	padding:0;
	margin:0;
	overflow:hidden;/* 子要素floatの場合の高さ確保 */}
.box{
	background-color:#ffffff;
	padding:4%;
	float: left;
	width: 90%;
	margin:0px;
}

/*:::::::::部品:::::::*/
.item_image{
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: relative;
}
.item_image::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.item_image a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.item_image img{
	width: 100%;
	height: auto;
	line-height: 0;
	bottom: 0;
}
.item_day{
	line-height: 12px;
	text-align: center;
	}
.item_price{
	line-height: 12px;
	text-align: center;
}
.item_0{
	line-height: 12px;
	text-align: center;
}
.item_0mail{
	line-height: 12px;
	text-align: center;
}
.item_0mail:before{
	content:"メール便送料０円"
}

/* ::::::::::::::::::::::::631以上::::::::::::::::::::::::*/
@media (min-width: 631px) {

#ecdb_CrdntRank{
     overflow:hidden;/* 子要素floatの場合の高さ確保 */}
.box{
/*	border:solid 1px;*/
	background-color:#ffffff;
	padding:1%;
	float: left;
	width: 23.00%;
	margin:0px 0px 10px 0px;
}

.item_image{
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: relative;
}
.item_image::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.item_image a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.item_image img{
	width: 100%;
	height: auto;
	line-height: 0;
	bottom: 0;
}
.item_day{
	line-height: 140%;
	text-align: center;
	font-family: "ＭＳ ゴシック", MS Gothic," Osaka－等幅"," Osaka-mono", monospace;
	}
.item_price{
	line-height: 140%;
	text-align: center;
	font-family: "ＭＳ ゴシック", MS Gothic," Osaka－等幅"," Osaka-mono", monospace;
}
.item_0{
	line-height: 140%;
	text-align: center;
}
.item_0mail{
	line-height: 140%;
	text-align: center;
}
.item_0mail:before{
	content:"メール便送料０円"
}


}
/* ::::::::::::::::::::::::231px630px::::::::::::::::::::::::*/
@media (min-width: 231px) and (max-width: 630px) {

#ecdb_CrdntRank{
	overflow:hidden;/* 子要素floatの場合の高さ確保 */}
.box{
/*	border:solid 1px;*/
	background-color:#ffffff;
	padding:0%;
	float: left;
	width: 33%;
	margin:0px 0px 3vw 0px;/*10px_to_3vw*/
}

.item_image{
	width: 100%;
	height: 100%;
	max-width: 100%;
	position: relative;
}
.item_image::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.item_image a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.item_image img{
	width: 100%;
	height: auto;
	line-height: 0;
	bottom: 0;
}
.item_day{
	line-height: 250%;
	text-align: center;
	font-family: "ＭＳ ゴシック", MS Gothic," Osaka－等幅"," Osaka-mono", monospace;
}
.item_price{
	line-height: 250%;
	text-align: center;
	font-family: "ＭＳ ゴシック", MS Gothic," Osaka－等幅"," Osaka-mono", monospace;
}
.item_0{
	line-height: 250%;
	text-align: center;
}
.item_0mail{
	line-height: 250%;
	text-align: center;
}
.item_0mail:before{
	content:"メール便送料０円"
}

.layout9,.layout10,.layout11,.layout12,.layout13,.layout14,.layout15,.layout16,.layout17,.layout18,.layout19,.layout20,.layout21,.layout22,.layout23,.layout24,.layout25,.layout26,.layout27,.layout28,.layout29,.layout30,.layout31,.layout32,.layout33,.layout34,.layout35,.layout36,.layout37,.layout38,.layout39,.layout40,.layout41,.layout42,.layout43,.layout44,.layout45,.layout46,.layout47,.layout48,.layout49,.layout50,.layout51,.layout52,.layout53,.layout54,.layout55,.layout56,.layout57,.layout58,.layout59,.layout60,.layout61,.layout62,.layout63,.layout64,.layout65,.layout66,.layout67,.layout68,.layout69,.layout70,.layout71,.layout72,.layout73,.layout74,.layout75,.layout76,.layout77,.layout78,.layout79,.layout80,.layout81,.layout82,.layout83,.layout84,.layout85,.layout86,.layout87,.layout88,.layout89,.layout90,.layout91,.layout92,.layout93,.layout94,.layout95,.layout96,.layout97,.layout98,.layout99,.layout100{
	display:none;
}

}
