/* CSS Document */
/* カスタマイズ　class */
.smp{
	display: none;
}
/******************************/
/*   　ヘッダーフィールド     */
/******************************/
#wrap{
	width:1040px;
	text-align:center;
	margin: 0 auto;
	}
	
#caption{
	margin-right:20px;
}

hr{
	border: 1px solid #000;
	margin:0 auto;}
.clear{
	clear:both;
}

/**
.mean-bar{
	display: none;
}
**/

header .vic2_title {
	color:#000;
	font-weight:bold;
    font-size: 12px;
    padding-top: 4px!important;
	margin:0;
}
header a p.vic2_title:hover {
	text-decoration:underline;
}


/******************************/
/*          　body            */
/******************************/
html, body {
    background: none repeat scroll 0 0 #FAFAF7;
    color: #505050;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 13px;
    line-height: 15px;
    margin: 0;
    padding: 0;
	width:100%;
}
.main_area {
	width:1040px;
	padding-top:10px;
	overflow:hidden;
}
section {
	padding:0 0 10px;
	margin:0 0 20px;
}
section h2 {
	text-align:center;
	font-weight:bold;
	background:#fff;
	color:#000;
	margin-bottom:20px;
	width:100%;
	font-size:35px;
	line-height:200%;
}
#new_item_area ul {
	overflow:hidden;
	width:99%;
	padding:0 1px;
	margin:5px 2px;
}
#new_item_area ul li {
	overflow:hidden;
	width:49%;
	float:left;
	margin:0 5px 35px 0;
	padding:0 0 1%;
	display:block;
	background:#FFF;
	text-align:center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
	height:auto;
	border:solid 1px #AED4FF;
}
#new_item_area ul li p {
	font-size:14px;
	margin:0;
	padding:0 0.5em;
	font-weight:normal;
	text-align:left;
	line-height:130%;
	color:#666;
}
#new_item_area ul li p.brand_name {
	font-weight:bold;
	line-height:140%;
}
#new_item_area ul li p.item_name {
	font-weight:bold;
	line-height:140%;
	margin-bottom:5px;
}
#new_item_area ul li img {
	width:95%;
	margin:0 0 0.5em;
}
/**** 予約・再入荷・ピックアップ・セール ***/
#new_item_area ul li.yoyaku {
	border:solid 1px #B2C1FF;
}
#new_item_area ul li.yoyaku p.days {
	background:#B2C1FF;
	font-size:14px
}
#new_item_area ul li.nyuka {
	border:solid 1px #B9F1FF;
}
#new_item_area ul li.nyuka p.days {
	background:#B9F1FF;
}
#new_item_area ul li.pickup {
	border:solid 1px #FFE49A;
}
#new_item_area ul li.pickup p.days {
	background:#FFE49A;
}
#new_item_area ul li.sale {
	border:solid 1px #DCBDFF;
}
#new_item_area ul li.sale p.days {
	background:#DCBDFF;
}

/**** 更新日・NEWアイコンエリア ***/

#new_item_area .new_text {
	margin:-5px 0 1% 5px;
	color:#F00;
}
#new_item_area ul li p.days {
	font-size: 15px;
	margin: 0 0 5px;
	padding: 0 2px;
	color:#000;
	background:#AED4FF;
	font-weight:bold;
	position:relative;
}
#new_item_area ul li p.days span {
	font-size:11px;
	position:absolute;
	right:3px;
}
#new_item_area ul li.normal_area p.days span {
	font-size: 15px;
}
#new_item_area ul li.normal_area p.days {
	font-size: 15px;
}
#new_item_area ul li img.icon {
	width:35%!important;
	top:33px;
	right:0;
	position:absolute;
}
#new_item_area ul li.pickup_area img.icon {
	width:25%!important;
}
#new_item_area ul li.mini_area img.icon {
	width:55%!important;
}

/**** ピックアップ(横幅フル)エリア ***/

#new_item_area ul li.pickup_area {
	width:99%!important;
	margin:0 auto 35px;
}

/**** ノーマル(2個並び)エリア ***/

#new_item_area ul li.normal_area {
	width:49%;
}
#new_item_area ul li.normal_area img {
	padding:0.1em 0;
}


/**** ミニ(4個並び)エリア ***/

#new_item_area ul li.mini_area {
	width:24%;
}
#new_item_area ul li.mini_area .brand_name {
	font-size:14px;
	line-height:150%;
}
#new_item_area ul li.mini_area p.item_name {
	height:50px;
}
#new_item_area ul li.mini_area img {
	width:95%;
}
.brand_name {
	font-weight:bold;
	line-height:150%;
}



/* 新商品・イベント・予約・再入荷 リンクエリア */

#new_item_area .link {
	display:block;
	width:100%;
	margin:30px 0 0;
	clear:both;
	text-align:center;
}

#new_item_area p.other_link {
	display:inline-block;
	font-size:20px;
	text-align:center;
	padding:0;
	width:45%;
	margin:0 10px;
}
#new_item_area p.other_link a {
	color:#FFF;
	padding:30px 20px;
	display:block;
	background:#77A0B4;
}



/**** WERKS ***/

#new_item_area #item li.werks {
	border:solid 1px #999;
}
#new_item_area #item li.werks p {
	color:#333;
}
#new_item_area #item li.werks p.days {
	background:#999;
	color:#000;
}




/* デザイスごとのサイズ調整 */
@media only screen and (min-width:768px) {
#new_item_area ul li p.days { line-height: 210%!important;	height: 30px;}

#new_item_area li:hover { background:#AED4FF;}
#new_item_area li.yoyaku:hover { background:#B2C1FF;}
#new_item_area li.nyuka:hover { background:#B9F1FF;}
#new_item_area li.pickup:hover { background:#FFE49A;}
#new_item_area li.sale:hover { background:#DCBDFF;}
#new_item_area li.werks:hover { background:#999;}
#new_item_area ul li a:hover { color:#666;}
#new_item_area ul li.werks a:hover { color:#000;}
#new_item_area p.other_link a:hover { color:#FFF;}
}
@media only screen and (min-width:768px) and (max-width:920px) {
#new_item_area ul li.mini_area { height:315px;}
#new_item_area p.other_link { width:32%;}
}
@media only screen and (max-width:767px) {
#new_item_area h2 {font-size:20px; line-height:250%;}
#new_item_area ul {width:99%;}
#new_item_area ul li.normal_area  {	margin:0 2px 20px 1px;}
#new_item_area ul li p.days , #new_item_area ul li.yoyaku p.days , #new_item_area ul li.nyuka p.days , #new_item_area ul li.normal_area p.days { font-size:7px; margin:0 0 0.5em; padding:0.5em; height:10px;}
#new_item_area ul li.yoyaku p.days span { font-size:6px;}
#new_item_area ul li p.update {	font-size: 8px;}
#new_item_area ul li img {margin:0;}
#new_item_area ul li.mini_area {width:24%; height:230px; margin: 0 3px 20px 0;}
#new_item_area ul li.werks { width:23%; margin: 0 4px 20px 3px;}
#new_item_area ul li a p , #new_item_area ul li.mini_area p {font-size:7px;	margin:0;}
#new_item_area ul li.mini_area p.brand_name { height:16px; line-height:90%; margin-top:10px;}
#new_item_area ul li.mini_area p.item_name { height:20px; line-height:90%;}
#new_item_area ul li p.brand_name , #new_item_area ul li p.item_name , #new_item_area ul li.mini_area p.brand_name {font-size:8px;}
#new_item_area ul li img.icon {top:19px;}
#new_item_area p.other_link { font-size:12px; width:32%;}
#new_item_area p.other_link a { padding:10px 5px;}
.footersmp dl dt.smp_no { display:none;}
}
@media only screen and (max-width:568px) {
#new_item_area  h2 {font-size:16px;}
#new_item_area ul li.normal_area  { width:48%; margin:0 1px 6px 1px;}
#new_item_area ul li.mini_area {height:auto; width:48%; min-height:65px; text-align:center;}
#new_item_area ul li.mini_area img {width:40%; float:left; border:solid 1px #999;}
#new_item_area ul li.werks img {border:none;}
#new_item_area ul li.mini_area p {width:53%; float:right;}
#new_item_area ul li.mini_area p.days { width:100%; margin:0 0; float:none;}
#new_item_area ul li.mini_area p.brand_name { margin-top:10px;}
#new_item_area ul li.mini_area img.icon { width:30%!important;}
#new_item_area ul li img.icon { top:15%; border:none;}
#new_item_area .link { width:99%;}
#new_item_area p.other_link { font-size:10px; padding:0;}
}
@media only screen and (max-width:480px) {
#new_item_area ul li p.days { padding:1px 0;}
#new_item_area ul li.normal_area  {height:auto;}
#new_item_area ul li.pickup_area  { height:auto;}
#new_item_area ul li.mini_area {margin:0 2px 12px 1px;}
#new_item_area ul li.werks {margin:0 2px 12px 2px;}
#new_item_area ul li.mini_area img {width:40%;}
#new_item_area ul li.mini_area p {width:50%; margin:5px 0 0;}
#new_item_area ul li p.days , #new_item_area ul li.yoyaku p.days , #new_item_area ul li.nyuka p.days { padding:1px 0; height:8px;}
#new_item_area ul li.mini_area p.brand_name { margin-top:5px;}
#new_item_area .link { margin-top:20px;}
}
@media only screen and (max-width:320px) {
#new_item_area ul li p.brand_name , #new_item_area ul li.mini_area p.brand_name {font-size:8px;}
#new_item_area .new_text {font-size:11px; margin-top:1px; margin-left:-1px;}
#new_item_area ul li.mini_area {margin:0 1px 12px 1px;}
#new_item_area ul li.werks {margin:0 2px 12px 1px;}
#new_item_area ul li.mini_area img {width:38%;}
#new_item_area ul li.mini_area p {width:50%; margin:2px 0 0;}
}



/* イベントバナー左固定 */
.bannerfixed{
	width:100px;
	height:598px;
	background:url(http://image.rakuten.co.jp/vic2rak/cabinet/event_baner/20150420_event_t.jpg) no-repeat;
	position:fixed;
	left:0;
	top:70px;
}

.bannerfixed a{
	display:block;
	width:100%;
	height:100%;
}

