@charset "UTF-8";

#timelinewrap {
	padding:10px 0;
	background-color:#E9E9E9;
}

#timeline {
	margin:0 auto;
}

.tlitem {
    margin-bottom: 12px;
	background-color:#ffffff;
	width:226px;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	overflow:hidden;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18); /*水平方向 垂直方向 ぼかし距離 影の色*/
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.18);
	position:relative;
}

.loading {
    opacity: 0;
}

/*今後いらないかも
.tlitem a {
	display:block;
	margin:0;
	padding:0;
}*/

.tlitem img {
	width:100%;
	border-bottom:1px solid #e7e7e7;
	vertical-align: top;
}

/*=========================================
タグ
=========================================*/
.alltag {
	display: inline-block;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 1;
	text-align: center;
	border-radius: 5px;
	margin: 0 0 0 5px;
	padding: 5px;
}

.newtag {
	background-color:#BF0003;
	position:absolute;
	top:200px;
	right:55px;
	margin:0;
	padding:5px 5px 0px;
	width:55px;
	height:16px;
	font-size: 10px;
	font-weight:bold;
	vertical-align: bottom;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.debuttag {
	background-color:#642EFE;
}

.fbtag {
	background-color:#3b5998;
}

.newstag {
	background-color:#FF6928;
}

.rankingtag {
	background-color: #FFD700;
}

.rearrivetag {
	background-color: #009140;
}
.reservation {
	background-color: #642EFE;
}
.todaytag{
	background-color: #FF0000;
}
.nexttag{
	background-color: #00CCCC;
}

.menstag {
	background-color: #62aebd;
}

.hometag {
	background-color:#E37100;
}

.ladytag {
	background-color:#e6567a;
}
/*=========================================
商品名
=========================================*/
.namewrap {
	float:left;
	width:190px;
	margin-top:15px;
}

.bname {
	padding:5px 10px 0;
	font-size:12px;
	line-height:1;
	font-weight:bold;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.iname {
	padding:5px 10px;
	font-size:11px;
	line-height:1;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/*=========================================
お気に入りボタン
=========================================*/
.favoriteheart {
	float:left;
	font-size:26px;
	text-align:center;
}

.favoriteheart a {
	color:#cccccc;
}

.favoriteheart a:hover {
	color:#FFBABB;
}

.favoriteheart a:visited{
	color:#FFBABB;
}

/*=========================================
もっと見るボタン
=========================================*/
.readmore a {
    display: block;
	width: 705px;
    margin: 0 auto;
    padding: 10px;
    background-color: #ffffff;
	text-decoration: underline;
	text-align: center;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.readmore a:hover {
	text-decoration: none;
	background-color: #000000;
	color: #ffffff;
}

/*=========================================
追加
=========================================*/


.tldays {
	position:absolute;
	top:200px;
	right:5px;
	background:#FFF;
	padding:1px 5px;
	width:40px;
	height:17px;
	text-align:center;
	display:inline-block;
	margin: 0 0 0 10px;
	font-size: 12px;
	font-weight:bold;
	z-index:1;
	border:#BF0003 1px solid; 
	/*padding: 0 0 4px;
	vertical-align: bottom;
	line-height: 1;*/
}

/*=========================================
フォーム
=========================================*/
/*タグ共通*/
.timelinefilter label.tagcheck {
	background-color:#ffffff;
	color: #000000;
}

/*すべてタグ*/
.timelinefilter label#checkall:hover {
	background-color:#000000;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label {
	background-color:#000000;
	color: #ffffff;
}

/*新着タグ*/
.timelinefilter label#newcheck:hover {
	background-color:#cc0000;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#newcheck {
  background-color:#cc0000;
  color: #ffffff;
}

/*再入荷タグ*/
.timelinefilter label#rearrcheck:hover {
	background-color:#009140;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#rearrcheck {
  background-color:#009140;
  color: #ffffff;
}

/*予約タグ*/
.timelinefilter label#reservcheck:hover {
	background-color:#642EFE;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#reservcheck {
  background-color:#642EFE;
  color: #ffffff;
}

/*レディタグ*/
.timelinefilter label#ladycheck:hover {
	background-color:#e6567a;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#ladycheck {
  background-color:#e6567a;
  color: #ffffff;
}

/*メンズタグ*/
.timelinefilter label#menscheck:hover {
	background-color:#62aebd;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#menscheck {
  background-color:#62aebd;
  color: #ffffff;
}

/*ホームタグ*/
.timelinefilter label#homecheck:hover {
	background-color:#E37100;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#homecheck {
  background-color:#E37100;
  color: #ffffff;
}

/*本日新着タグ*/
.timelinefilter label#newarrivals_todaycheck:hover {
	background-color: #FF0000;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#newarrivals_todaycheck {
	background-color: #FF0000;
	color: #ffffff;
}

/*翌日新着タグ*/
.timelinefilter label#newarrivals_nextcheck:hover {
	background-color:#3b5998;
	opacity: 0.5;
	color: #ffffff;
}

.timelinefilter input[type="radio"]:checked + label#newarrivals_nextcheck {
  background-color:#3b5998;
  color: #ffffff;
}

/*フィルター全体*/
.timelinefilter {
	padding:20px 0 0;
	background: #E9E9E9;
}

.timelinefilter form {
	width:765px;
	margin:0 auto;
	padding:0;
}

.timelinefilter label {
	display: block;
	float: left;
	cursor: pointer;
	width: 60px;
	margin: 0 5px 0 0;
	padding: 10px;
	background-color: #ffffff;
	color: #000000;
	font-size: 11px;
	text-align: center;
	line-height: 1;
	border-radius:5px;
}

.timelinefilter input{
	 font-size: 0%;

width: 0%;

margin: 0;

padding: 0;
position:absolute;
}
.kago{
	border-top:#666 1px dashed;
	background:#f5f2f0;
	padding:5px 5px;
	margin:5px 5px;
	text-align:left;
	font-size:10px;
}
.money{
	text-align: right;
	font-size: 12px;
	margin: 5px;
	clear:both;
}




/*買い物カゴボタン*/
.kago input {
  letter-spacing:.1em;
  background:#e1e0e0;
  font-size:12px;
  color:#5c5c5c;
  /*background:url("カート画像URL") #fcfcfc no-repeat 10px 8px;*/
  cursor:pointer;
  border:#e6e6e6 1px solid;
  padding:5px 9px 5px 8px;
  /*border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
  -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.8);
  -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.8);


}
/*IE対応*/
*html .kago input {
  width:1pt;
  overflow:visible;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:5px;
  background:#e1e0e0;
  border:#e6e6e6 1px solid;
  /*border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;*/
  /*background:url("カート画像URL") #fcfcfc no-repeat 9px 8px;*/
  -moz-box-shadow: 0px 0px 1px rgba(000,000,000,0.8);
  -webkit-box-shadow: 0px 0px 1px rgba(000,000,000,0.8);

}

#inventory_id{
   overflow:visible;
  padding-top:8px;
  padding-bottom:8px;
  padding-left:5px;
  background:#f5f2f0;
  border:none;
}
  
.kago input:hover {
  background-color:#f5f5f5;
  color:#a4a2a2;
} 


/*個数入力*/
.kago input#units {
  margin:15px auto 5px;
  color:#000;
  border:solid #ccc 1px;
  background:#fff!important;
  width:30px;
  height:10px;
  cursor:auto;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding:5px 7px 5px 3px;
}
  
/*お問い合わせボタン*/
.kago font input {
  background:#fcfcfc 10px 5px 10px 0;
  background-image:none;
  margin-bottom:5px;
  padding:7px;
}
 /*IE対応*/
*html font .kago input {
  background:#fcfcfc no-repeat 9px 8px;
  margin-bottom:6px;
}